https://cdn.xn--90aivcdt6dxbc.xn--p1ai/front/dist/assets/FormEditorImageCards-CpMW6KpV.js

1import{c as I,m as M,b as g,r as p,u as H}from"./index-CWnSL9rg.js";import{B as O}from"./EditorPage-DEcATR9h.js";import{E as x}from"./EditorFormMixin-DKbJYzYM.js";import{_ as B,r as n,j as R,o as b,w as d,b as i,d as a,c as k,m as q,y as m,z as u,F as U,i as G,a as S,e as C}from"./main-Dt5VkVGI.js";import"./cloneDeep-BkotS3GI.js";import"./isArrayLike-CXsodB_E.js";import"./CustomButton-C7l-6Efi.js";import"./CustomInput-FBldJgMV.js";import"./SpinnerLoading-DKGiN4T8.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./fileHelpert-k3OTM79W.js";const W={mixins:[x],setup(){return{v$:H()}},data(){return{backgroundThemeOptions:O,min:3,max:1e4}},validations(){return{blockData:{title:{maxLength:g(this.max),minLength:M(this.min)},subtitle:{maxLength:g(this.max),minLength:M(this.min)},items:{$each:I.forEach({image:{required:p},text:{required:p,maxLength:g(this.max)}})}}}}},z={class:"form-editor-layout__fields"},P={class:"form-editor-layout__field"},j=["innerHTML"],A=["innerHTML"],K={class:"form-editor-layout__field"},J=["innerHTML"],Q=["innerHTML"],X={class:"form-editor-layout__field"},Y={class:"form-editor-layout__field"},Z={class:"form-editor-layout__field"},oo=["innerHTML"],eo={key:0,class:"form-editor-layout__group-actions"},to={class:"form-editor-layout__actions"};function ro(o,t,io,e,f,lo){const T=n("FormEditorGap"),h=n("CustomInput"),v=n("ErrorWrapper"),V=n("CustomDropdown"),w=n("ImageLoader"),N=n("WyzEditor"),L=n("CustomButton"),$=n("FormEditorLayout");return b(),R($,null,{default:d(()=>{var D,c,_,F;return[i("div",z,[a(T,q({class:"form-editor-layout__field"},(D=o.blockData)==null?void 0:D.gapSettings,{"enabled-padding":"",onChange:o.onChangeGap}),null,16,["onChange"]),i("div",P,[t[3]||(t[3]=i("div",{class:"form-editor-layout__field-label u-text-nr fw-500"},"Заголовок блока",-1)),a(h,{class:"form-editor-layout__field-textarea",mode:"secondary","model-value":(c=o.blockData)==null?void 0:c.title,"is-error":e.v$.$error&&(o.isMaxLengthErrorField(e.v$.blockData,"title")||o.isMinLengthErrorField(e.v$.blockData,"title")),"onUpdate:modelValue":t[0]||(t[0]=r=>o.onChange("title",r))},null,8,["model-value","is-error"]),a(v,{"is-visible":e.v$.$error&&(o.isMaxLengthErrorField(e.v$.blockData,"title")||o.isMinLengthErrorField(e.v$.blockData,"title"))},{default:d(()=>{var r,l;return[m(i("div",{innerHTML:o.getMinLengthValidateText({vForm:e.v$.blockData,fieldName:"title"},(r=o.blockData)==null?void 0:r.title)},null,8,j),[[u,o.isMinLengthErrorField(e.v$.blockData,"title")]]),m(i("div",{innerHTML:o.getMaxLengthValidateText({vForm:e.v$.blockData,fieldName:"title"},(l=o.blockData)==null?void 0:l.title)},null,8,A),[[u,o.isMaxLengthErrorField(e.v$.blockData,"title")]])]}),_:1},8,["is-visible"])]),i("div",K,[t[4]||(t[4]=i("div",{class:"form-editor-layout__field-label u-text-nr fw-500"},"Подзаголовок блока",-1)),a(h,{class:"form-editor-layout__field-textarea",mode:"secondary","model-value":(_=o.blockData)==null?void 0:_.subtitle,"is-error":e.v$.$error&&(o.isMaxLengthErrorField(e.v$.blockData,"subtitle")||o.isMinLengthErrorField(e.v$.blockData,"subtitle")),"onUpdate:modelValue":t[1]||(t[1]=r=>o.onChange("subtitle",r))},null,8,["model-value","is-error"]),a(v,{"is-visible":e.v$.$error&&(o.isMaxLengthErrorField(e.v$.blockData,"subtitle")||o.isMinLengthErrorField(e.v$.blockData,"subtitle"))},{default:d(()=>{var r,l;return[m(i("div",{innerHTML:o.getMinLengthValidateText({vForm:e.v$.blockData,fieldName:"subtitle"},(r=o.blockData)==null?void 0:r.subtitle)},null,8,J),[[u,o.isMinLengthErrorField(e.v$.blockData,"subtitle")]]),m(i("div",{innerHTML:o.getMaxLengthValidateText({vForm:e.v$.blockData,fieldName:"subtitle"}

1,(l=o.blockData)==null?void 0:l.subtitle)},null,8,Q),[[u,o.isMaxLengthErrorField(e.v$.blockData,"subtitle")]])]}),_:1},8,["is-visible"])]),i("div",X,[t[5]||(t[5]=i("div",{class:"form-editor-layout__field-label u-text-nr fw-500"},"Цвет фона блока",-1)),a(V,{"model-value":o.blockData.backgroundTheme||f.backgroundThemeOptions[0].id,class:"form-editor-layout__field-dropdown",mode:"secondary",placeholder:"Выберите тему",options:f.backgroundThemeOptions,"onUpdate:modelValue":t[2]||(t[2]=r=>o.onChange("backgroundTheme",r))},null,8,["model-value","options"])]),t[11]||(t[11]=i("div",{class:"form-editor-layout__field form-editor-layout__field--separator"},null,-1)),t[12]||(t[12]=i("div",{class:"form-editor-layout__field-label u-text-nr fw-500"},"Карточки",-1)),(b(!0),k(U,null,G((F=o.blockData)==null?void 0:F.items,(r,l)=>{var E,y;return b(),k("div",{key:`form-editor-layout__group-${l}`,class:"form-editor-layout__group"},[i("div",Y,[t[7]||(t[7]=i("div",{class:"form-editor-layout__field-label u-text-nr fw-500"},"Изображение",-1)),a(w,{photo:r==null?void 0:r.icon,"is-error":e.v$.$error&&o.isRequiredErrorField(e.v$.blockData,"icon","items",l),onOnLoad:s=>o.onChangeItem("icon",s,l),onDelete:s=>o.onChangeItem("icon",s,l)},null,8,["photo","is-error","onOnLoad","onDelete"]),a(v,{"is-visible":e.v$.$error&&o.isRequiredErrorField(e.v$.blockData,"icon","items",l)},{default:d(()=>t[6]||(t[6]=[i("div",null,"Обязательное поле",-1)])),_:2},1032,["is-visible"])]),i("div",Z,[t[8]||(t[8]=i("div",{class:"form-editor-layout__field-label u-text-nr fw-500"},"Текстовое описание",-1)),a(N,{"model-value":r==null?void 0:r.text,"is-error":e.v$.$error&&(o.isMaxLengthErrorField(e.v$.blockData,"text","items",l)||o.isRequiredErrorField(e.v$.blockData,"text","items",l)),"onUpdate:modelValue":s=>o.onChangeItem("text",s,l)},null,8,["model-value","is-error","onUpdate:modelValue"]),a(v,{"is-visible":e.v$.$error&&(o.isMaxLengthErrorField(e.v$.blockData,"text","items",l)||o.isRequiredErrorField(e.v$.blockData,"text","items",l))},{default:d(()=>[m(i("div",null,"Обязательное поле",512),[[u,o.isRequiredErrorField(e.v$.blockData,"text","items",l)]]),m(i("div",{innerHTML:o.getMaxLengthValidateText({vForm:e.v$.blockData,fieldName:"text",eachFieldName:"items",eachIndex:l,limitNumber:f.max},r==null?void 0:r.text)},null,8,oo),[[u,o.isMaxLengthErrorField(e.v$.blockData,"text","items",l)]])]),_:2},1032,["is-visible"])]),((y=(E=o.blockData)==null?void 0:E.items)==null?void 0:y.length)>1?(b(),k("div",eo,[a(L,{theme:"light",onClick:s=>o.deleteItem(l)},{default:d(()=>t[9]||(t[9]=[C("Удалить")])),_:2},1032,["onClick"])])):S("",!0)])}),128)),i("div",to,[a(L,{theme:"light",onClick:o.addItem},{default:d(()=>t[10]||(t[10]=[C("Добавить еще")])),_:1},8,["onClick"])])])]}),_:1})}const Lo=B(W,[["render",ro]]);export{Lo as default};