@topvisor/ui 1.0.30-4 → 1.0.31

package/formsExt/formsExt.amd.js

@@ -1,2 +1,2 @@
-define(["require","exports","vue","../.chunks/forms-CV79ojAG.amd","../utils/keyboard.amd","../popup/popup.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-9EWXhg39.amd","../require/css.amd!../assets/formsExt.css"],function(ae,g,e,B,S,V,A){"use strict";if(typeof e>"u")var e=window.Vue;const $={class:"top-editArea_footer"},N=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},styling:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:l}){const t=i,n=l,d=e.ref(t.defaultValue),a=e.ref(t.isFocused),m=e.computed(()=>d.value!==t.defaultValue),p=s=>{n("submit",s),d.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!m.value){n("close");return}d.value=t.defaultValue},h=()=>{t.attachToKeyboard&&n("clickOnTitle")};return(s,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":s.attachToKeyboard})},[s.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:y[0]||(y[0]=u=>h())},e.toDisplayString(s.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":s.isError,"top-focus":a.value})},[e.createVNode(B._sfc_main$3,{modelValue:d.value,"onUpdate:modelValue":y[1]||(y[1]=u=>d.value=u),name:s.name,placeholder:s.placeholder,rows:s.rows,minHeight:s.minHeight,expandable:s.expandable,disabled:s.disabled,readonly:s.readonly,isError:s.isError,hint:s.hint,class:"top-editArea_element",onFocus:y[2]||(y[2]=()=>a.value=!0),onBlur:y[3]||(y[3]=()=>a.value=!1),onKeyup:[e.withKeys(v,["esc"]),y[4]||(y[4]=e.withKeys(e.withModifiers(u=>p(d.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),e.createElementVNode("div",$,[m.value||s.forceShowCloseBtn?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,icon:s.$core.state.isMobile?"":"",class:"top-editArea_button",color:"theme",styling:"soft",onClick:v},e.createSlots({_:2},[s.$core.state.isMobile?void 0:{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.cancelText),1)]),key:"0"}]),1032,["icon"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:1,class:"top-editArea_button",icon:s.$core.state.isMobile?"":"",onClick:y[5]||(y[5]=u=>p(d.value))},e.createSlots({_:2},[s.$core.state.isMobile?void 0:{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.submitText),1)]),key:"0"}]),1032,["icon"])):e.createCommentVNode("",!0)])],2)],2))}}),I={class:"top-editInput"},M=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:l}){const t=i,n=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{n.value=t.modelValue});const d=l,a=()=>{d("update:modelValue",n.value)};return(m,p)=>(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(B._sfc_main$2,e.mergeProps(m.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(v=>n.value=m.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(a,["stop"]),["enter"]),modelValue:n.value,"onUpdate:modelValue":p[1]||(p[1]=v=>n.value=v)}),null,16,["onKeydown","modelValue"]),n.value!==m.modelValue?(e.openBlock(),e.createBlock(B._sfc_main,e.mergeProps({key:0,icon:"",styling:"soft"},m.button,{onClick:a}),null,16)):e.createCommentVNode("",!0)]))}}),L=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},_=["value","disabled"],P=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const l=e.useModel(i,"modelValue"),t=i,n=e.ref(null);e.watch(l,()=>{var a,m,p,v,h;(a=t.radiosProps)!=null&&a.some(s=>s.value===l.value)||(l.value=((p=(m=t.radiosProps)==null?void 0:m[0])==null?void 0:p.value)??""),(h=(v=n.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||h.scrollIntoView()},{immediate:!0});const d="radioGroup-"+Math.random();return(a,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:n,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+a.size]:!!a.size,"top-error":a.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.radiosProps,p=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":p.value===l.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":p.disabled}),"data-top-icon":p.icon,onClick:v=>l.value=p.value},[e.createTextVNode(e.toDisplayString(p.title)+" ",1),a.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=v=>l.value=v),name:d,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:p.value,disabled:p.disabled},null,8,_),[[e.vModelRadio,l.value]])],10,L))),256))],2))}}),K=["data-top-icon"],D=["value","checked","disabled","onChange"],G=e.defineComponent({__name:"checkboxGroup",props:e.mergeModels({modelValue:{},items:{},size:{default:"s"},styling:{default:"outline"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const l=e.useModel(i,"modelValue"),t=n=>{const d=[...l.value],a=d.indexOf(n);a===-1?d.push(n):d.splice(a,1),l.value=d};return(n,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-checkboxGroup":!0,["top-checkboxGroup-"+n.styling]:!0,"top-scrollBarXHidding":!0,["top-size_"+n.size]:!!n.size,"top-error":n.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,a=>(e.openBlock(),e.createElementBlock("label",{key:a.id,class:e.normalizeClass({"top-checkboxGroup_item":!0,"top-checkboxGroup_item-selected":l.value.includes(a.id),"top-forms-focusable":!0,"top-disabled":a.disabled}),"data-top-icon":a.icon},[e.createElementVNode("input",{type:"checkbox",class:"top-unvisible",value:a.id,checked:l.value.includes(a.id),disabled:a.disabled,onChange:m=>t(a.id)},null,40,D),e.createTextVNode(" "+e.toDisplayString(a.title),1)],10,K))),128))],2))}}),O=(i,l,t)=>{const n=e.ref([]),d=e.ref(!1);let a="",m;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let u,C;if(t&&(i.cache??=new Map,C=JSON.stringify(i.params),u=i.cache.get(C),u))return u;if(d.value=!0,u=await i.call(),d.value=!1,u.errors)return;if(!Array.isArray(u.result)){console.warn("В result ожидался массив");return}const b=u.result.findIndex(w=>w.id===void 0||w.name===void 0);if(b!==-1){console.warn(`В result[${b}] нет id или name`);return}return t&&i.cache.set(C,u),u},v=async()=>{if(!i)return;i.params.offset=0,i.params.search=a;const u=await p();u&&(m=u.nextOffset,n.value=u.result)},h=async()=>{if(!i||!m||d.value)return;i.params.offset=m,i.params.search=a;const u=await p();u&&(m=u.nextOffset,n.value=n.value.concat(u.result))},s=B.debounce(()=>v(),200);return{items:n,isLoading:d,loadAppend:h,setSearchTextAndLoad:(u,C=!0)=>{i&&(u.length<l||u===a&&n.value.length||(a=u,C?s():v()))}}},F={class:"top-selector2_itemMulti top-ellipsis"},H=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(l,t)=>(e.openBlock(),e.createElementBlock("div",F,[e.createTextVNode(e.toDisplayString(l.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=n=>l.$emit("delete",l.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),R={key:0,class:"top-selector2_activeItems"},U={key:1,class:"top-selector2_activeName top-ellipsis"},W=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0},showSearch:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const l=i,t=e.useModel(i,"modelValue"),n=e.ref(""),d=()=>{n.value="",h.items.value=[]},a={id:0,name:B.useI18n().Common.All},m=e.ref(null),p=e.ref(null),v=()=>{var o;return(o=m.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!l.modelValue&&e.watch(()=>l.multiselect,()=>{t.value=l.multiselect?[]:{id:null,name:""}},{immediate:!0});const h=O(l.apiRequest,l.minLength,l.useCache),s=e.computed(()=>{const o=[];return!l.multiselect&&l.appendAllValue&&o.push(a),l.items.forEach(r=>o.push({...r})),o}),y=(o,r=!0)=>r&&o.id===null?Array.isArray(t.value)?t.value.some(f=>f.id===o.id&&f.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(f=>f.id===o.id):o.id===t.value.id,u=e.computed(()=>{const o=n.value.toLowerCase(),r=S.invertKeyboardLayout(o);let f=[];return s.value.forEach(c=>{const k=c.name.toLowerCase();(c.id===Number(o)||k.includes(o)||k.includes(r))&&(k===o||k===r?f.unshift(c):f.push(c))}),f.push(...h.items.value),l.appendSearchToResult&&n.value&&(!f.length||f[0].name.toLowerCase()!==o)&&f.push({id:null,name:n.value}),l.multiselect&&(f=f.filter(c=>!y(c))),f}),C=async o=>{if(l.multiselect){if(!Array.isArray(t.value)||y(o))return;const r=[...t.value];r.push({...o}),t.value=r,B.Core.state.isMobile||setTimeout(()=>{var f,c,k,E;(f=v())==null||f.recalcPosition(),(E=(k=(c=v())==null?void 0:c.elPopupWidget)==null?void 0:k.querySelector("input"))==null||E.focus(),n.value&&d()})}else JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o})},b=()=>{if(!Array.isArray(t.value)){const r=(s.value.findIndex(f=>f.id===t.value.id)+1)%s.value.length;t.value={...s.value[r]}}},w=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(r=>r.id!==o),setTimeout(()=>{var r;(r=v())==null||r.recalcPosition()}))},T=e.ref(!1);l.apiRequest&&(e.watch(T,()=>{T.value&&h.setSearchTextAndLoad(n.value,!1)}),e.watch(n,()=>h.setSearchTextAndLoad(n.value)));const le=o=>{const r=o.target;r.scrollTop/(r.scrollHeight-r.offsetHeight)>.8&&h.loadAppend()},ne=()=>{var o;T.value=!1,(o=p.value)==null||o.focus(),n.value&&d()};return(o,r)=>{const f=e.resolveDirective("top-focus");return e.openBlock(),e.createBlock(e.unref(V.TopPopup),{ref_key:"popupRef",ref:m,onOpen:r[3]||(r[3]=c=>T.value=!0),onClose:r[4]||(r[4]=c=>ne()),onScrollContentList:r[5]||(r[5]=c=>o.apiRequest?le(c):void 0),notch:!1,transitionDuration:0},e.createSlots({opener:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:p,class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError}),onKeydown:[r[0]||(r[0]=e.withKeys(e.withModifiers(c=>c.currentTarget.click(),["stop","prevent"]),["up","down","enter","space"])),r[1]||(r[1]=e.withKeys(c=>t.value=[],["delete"]))],tabindex:"0"},[o.multiselect?(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,c=>(e.openBlock(),e.createBlock(H,{id:c.id,name:c.name,onDelete:w},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&s.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(b,["stop"])})):e.createCommentVNode("",!0)],34)),[[f,o.isError,void 0,{onupdate:!0}]])]),contentList:e.withCtx(()=>{var c;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,k=>(e.openBlock(),e.createBlock(e.unref(V.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===k.name}),key:k.id??void 0,closeByClick:!o.multiselect||e.unref(B.Core).state.isMobile,onClick:E=>C(k)},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:k}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(k.name),1)],64))]),_:2},1032,["class","closeByClick","onClick"]))),128)),!e.unref(h).isLoading.value&&!u.value.length?(e.openBlock(),e.createBlock(e.unref(V.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$i18n.Common.No_results),1)]),_:1})):e.createCommentVNode("",!0),e.unref(h).isLoading.value&&(!o.showSearch||(c=o.apiRequest)!=null&&c.params.offset)?(e.openBlock(),e.createBlock(e.unref(V.TopPopupListItem),{key:1,type:"regular"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.TopPreloader),{type:"circles"})]),_:1})):e.createCommentVNode("",!0)]}),_:2},[o.showSearch?{name:"widget",fn:e.withCtx(()=>{var c;return[e.createVNode(e.unref(V.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:n.value,"onUpdate:modelValue":r[2]||(r[2]=k=>n.value=k),isLoading:e.unref(h).isLoading.value&&!((c=o.apiRequest)!=null&&c.params.offset),placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]}),key:"0"}:void 0]),1536)}}}),J=["data-top-icon"],X={class:"top-info_text"},j={key:0,class:"top-info_value"},Y=e.defineComponent({__name:"info",props:{icon:{},styling:{default:"default"},size:{default:"default"}},setup(i){return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-info":!0,["top-size_"+l.size]:!0,["top-info-styling_"+l.styling]:!0}),"data-top-icon":l.icon},[e.createElementVNode("div",X,[e.renderSlot(l.$slots,"default")]),l.$slots.additional?(e.openBlock(),e.createElementBlock("span",j,[e.renderSlot(l.$slots,"additional")])):e.createCommentVNode("",!0)],10,J))}}),Q=N,Z=M,q=P,x=G,ee=W,oe=A._sfc_main,te=Y;g.TopCheckboxGroup=x,g.TopEditArea=Q,g.TopEditInput=Z,g.TopInfo=te,g.TopMenu=oe,g.TopRadioGroup=q,g.TopSelector2=ee,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+define(["require","exports","vue","../.chunks/forms-C9txDxCB.amd","../utils/keyboard.amd","../popup/popup.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-CJhNCxSc.amd","../require/css.amd!../assets/formsExt.css"],function(ae,g,e,B,S,V,A){"use strict";if(typeof e>"u")var e=window.Vue;const $={class:"top-editArea_footer"},N=e.defineComponent({__name:"editArea",props:{defaultValue:{default:""},title:{},cancelText:{default:"Cancel"},submitText:{default:"Send"},closeText:{default:"Close"},isFocused:{type:Boolean},forceShowCloseBtn:{type:Boolean},attachToKeyboard:{type:Boolean},modelValue:{},name:{},placeholder:{},styling:{},rows:{},minHeight:{},expandable:{type:Boolean,default:!0},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["submit","close","clickOnTitle"],setup(i,{emit:l}){const t=i,n=l,d=e.ref(t.defaultValue),a=e.ref(t.isFocused),m=e.computed(()=>d.value!==t.defaultValue),p=s=>{n("submit",s),d.value=t.defaultValue},v=()=>{if(t.forceShowCloseBtn&&!m.value){n("close");return}d.value=t.defaultValue},h=()=>{t.attachToKeyboard&&n("clickOnTitle")};return(s,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-editArea":!0,"top-editArea-attachedToKeyboard":s.attachToKeyboard})},[s.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-editArea_title",onClick:y[0]||(y[0]=u=>h())},e.toDisplayString(s.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"top-editArea_form":!0,"top-error":s.isError,"top-focus":a.value})},[e.createVNode(B._sfc_main$3,{modelValue:d.value,"onUpdate:modelValue":y[1]||(y[1]=u=>d.value=u),name:s.name,placeholder:s.placeholder,rows:s.rows,minHeight:s.minHeight,expandable:s.expandable,disabled:s.disabled,readonly:s.readonly,isError:s.isError,hint:s.hint,class:"top-editArea_element",onFocus:y[2]||(y[2]=()=>a.value=!0),onBlur:y[3]||(y[3]=()=>a.value=!1),onKeyup:[e.withKeys(v,["esc"]),y[4]||(y[4]=e.withKeys(e.withModifiers(u=>p(d.value),["ctrl"]),["enter"]))]},null,8,["modelValue","name","placeholder","rows","minHeight","expandable","disabled","readonly","isError","hint"]),e.createElementVNode("div",$,[m.value||s.forceShowCloseBtn?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,icon:s.$core.state.isMobile?"":"",class:"top-editArea_button",color:"theme",styling:"soft",onClick:v},e.createSlots({_:2},[s.$core.state.isMobile?void 0:{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.cancelText),1)]),key:"0"}]),1032,["icon"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:1,class:"top-editArea_button",icon:s.$core.state.isMobile?"":"",onClick:y[5]||(y[5]=u=>p(d.value))},e.createSlots({_:2},[s.$core.state.isMobile?void 0:{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.submitText),1)]),key:"0"}]),1032,["icon"])):e.createCommentVNode("",!0)])],2)],2))}}),I={class:"top-editInput"},M=e.defineComponent({__name:"editInput",props:{modelValue:{},input:{},button:{}},emits:["update:modelValue"],setup(i,{emit:l}){const t=i,n=e.ref(t.modelValue);e.watch(e.toRef(t.modelValue),()=>{n.value=t.modelValue});const d=l,a=()=>{d("update:modelValue",n.value)};return(m,p)=>(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(B._sfc_main$2,e.mergeProps(m.input,{onKeydownCapture:p[0]||(p[0]=e.withKeys(e.withModifiers(v=>n.value=m.modelValue,["stop"]),["esc"])),onKeydown:e.withKeys(e.withModifiers(a,["stop"]),["enter"]),modelValue:n.value,"onUpdate:modelValue":p[1]||(p[1]=v=>n.value=v)}),null,16,["onKeydown","modelValue"]),n.value!==m.modelValue?(e.openBlock(),e.createBlock(B._sfc_main,e.mergeProps({key:0,icon:"",styling:"soft"},m.button,{onClick:a}),null,16)):e.createCommentVNode("",!0)]))}}),L=["data-top-icon","onClick"],z={key:0,class:"top-radioGroup_circle"},_=["value","disabled"],P=e.defineComponent({__name:"radioGroup",props:e.mergeModels({modelValue:{},radiosProps:{},showIndicator:{type:Boolean},size:{default:"s"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const l=e.useModel(i,"modelValue"),t=i,n=e.ref(null);e.watch(l,()=>{var a,m,p,v,h;(a=t.radiosProps)!=null&&a.some(s=>s.value===l.value)||(l.value=((p=(m=t.radiosProps)==null?void 0:m[0])==null?void 0:p.value)??""),(h=(v=n.value)==null?void 0:v.querySelector(".radioGroup_item-selected"))==null||h.scrollIntoView()},{immediate:!0});const d="radioGroup-"+Math.random();return(a,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:n,class:e.normalizeClass({"top-radioGroup":!0,"top-scrollBarXHidding":!0,["top-size_"+a.size]:!!a.size,"top-error":a.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.radiosProps,p=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-radioGroup_item-selected":p.value===l.value,"top-radioGroup_item":!0,"top-forms-focusable":!0,"top-disabled":p.disabled}),"data-top-icon":p.icon,onClick:v=>l.value=p.value},[e.createTextVNode(e.toDisplayString(p.title)+" ",1),a.showIndicator?(e.openBlock(),e.createElementBlock("span",z)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":m[0]||(m[0]=v=>l.value=v),name:d,type:"radio",class:e.normalizeClass({"top-unvisible":!0}),value:p.value,disabled:p.disabled},null,8,_),[[e.vModelRadio,l.value]])],10,L))),256))],2))}}),K=["data-top-icon"],D=["value","checked","disabled","onChange"],G=e.defineComponent({__name:"checkboxGroup",props:e.mergeModels({modelValue:{},items:{},size:{default:"s"},styling:{default:"outline"},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const l=e.useModel(i,"modelValue"),t=n=>{const d=[...l.value],a=d.indexOf(n);a===-1?d.push(n):d.splice(a,1),l.value=d};return(n,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-checkboxGroup":!0,["top-checkboxGroup-"+n.styling]:!0,"top-scrollBarXHidding":!0,["top-size_"+n.size]:!!n.size,"top-error":n.isError})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,a=>(e.openBlock(),e.createElementBlock("label",{key:a.id,class:e.normalizeClass({"top-checkboxGroup_item":!0,"top-checkboxGroup_item-selected":l.value.includes(a.id),"top-forms-focusable":!0,"top-disabled":a.disabled}),"data-top-icon":a.icon},[e.createElementVNode("input",{type:"checkbox",class:"top-unvisible",value:a.id,checked:l.value.includes(a.id),disabled:a.disabled,onChange:m=>t(a.id)},null,40,D),e.createTextVNode(" "+e.toDisplayString(a.title),1)],10,K))),128))],2))}}),O=(i,l,t)=>{const n=e.ref([]),d=e.ref(!1);let a="",m;i&&!i.params.limit&&(i.params.limit=100);const p=async()=>{if(!i)return;let u,C;if(t&&(i.cache??=new Map,C=JSON.stringify(i.params),u=i.cache.get(C),u))return u;if(d.value=!0,u=await i.call(),d.value=!1,u.errors)return;if(!Array.isArray(u.result)){console.warn("В result ожидался массив");return}const b=u.result.findIndex(w=>w.id===void 0||w.name===void 0);if(b!==-1){console.warn(`В result[${b}] нет id или name`);return}return t&&i.cache.set(C,u),u},v=async()=>{if(!i)return;i.params.offset=0,i.params.search=a;const u=await p();u&&(m=u.nextOffset,n.value=u.result)},h=async()=>{if(!i||!m||d.value)return;i.params.offset=m,i.params.search=a;const u=await p();u&&(m=u.nextOffset,n.value=n.value.concat(u.result))},s=B.debounce(()=>v(),200);return{items:n,isLoading:d,loadAppend:h,setSearchTextAndLoad:(u,C=!0)=>{i&&(u.length<l||u===a&&n.value.length||(a=u,C?s():v()))}}},F={class:"top-selector2_itemMulti top-ellipsis"},H=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(i){return(l,t)=>(e.openBlock(),e.createElementBlock("div",F,[e.createTextVNode(e.toDisplayString(l.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:t[0]||(t[0]=n=>l.$emit("delete",l.id)),onMousedown:t[1]||(t[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),R={key:0,class:"top-selector2_activeItems"},U={key:1,class:"top-selector2_activeName top-ellipsis"},W=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},multiselect:{type:Boolean},disabled:{type:Boolean},size:{default:"s"},isError:{type:Boolean},apiRequest:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendAllValue:{type:Boolean},addChanger:{type:Boolean},placeholder:{},showSelectedInInput:{type:Boolean,default:!0},showSearch:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(i){const l=i,t=e.useModel(i,"modelValue"),n=e.ref(""),d=()=>{n.value="",h.items.value=[]},a={id:0,name:B.useI18n().Common.All},m=e.ref(null),p=e.ref(null),v=()=>{var o;return(o=m.value)==null?void 0:o.popup};window.__STORYBOOK_PREVIEW__&&!l.modelValue&&e.watch(()=>l.multiselect,()=>{t.value=l.multiselect?[]:{id:null,name:""}},{immediate:!0});const h=O(l.apiRequest,l.minLength,l.useCache),s=e.computed(()=>{const o=[];return!l.multiselect&&l.appendAllValue&&o.push(a),l.items.forEach(r=>o.push({...r})),o}),y=(o,r=!0)=>r&&o.id===null?Array.isArray(t.value)?t.value.some(f=>f.id===o.id&&f.name===o.name):o.name===t.value.name:Array.isArray(t.value)?t.value.some(f=>f.id===o.id):o.id===t.value.id,u=e.computed(()=>{const o=n.value.toLowerCase(),r=S.invertKeyboardLayout(o);let f=[];return s.value.forEach(c=>{const k=c.name.toLowerCase();(c.id===Number(o)||k.includes(o)||k.includes(r))&&(k===o||k===r?f.unshift(c):f.push(c))}),f.push(...h.items.value),l.appendSearchToResult&&n.value&&(!f.length||f[0].name.toLowerCase()!==o)&&f.push({id:null,name:n.value}),l.multiselect&&(f=f.filter(c=>!y(c))),f}),C=async o=>{if(l.multiselect){if(!Array.isArray(t.value)||y(o))return;const r=[...t.value];r.push({...o}),t.value=r,B.Core.state.isMobile||setTimeout(()=>{var f,c,k,E;(f=v())==null||f.recalcPosition(),(E=(k=(c=v())==null?void 0:c.elPopupWidget)==null?void 0:k.querySelector("input"))==null||E.focus(),n.value&&d()})}else JSON.stringify(o)!==JSON.stringify(t.value)&&(t.value={...o})},b=()=>{if(!Array.isArray(t.value)){const r=(s.value.findIndex(f=>f.id===t.value.id)+1)%s.value.length;t.value={...s.value[r]}}},w=async o=>{Array.isArray(t.value)&&(t.value=t.value.filter(r=>r.id!==o),setTimeout(()=>{var r;(r=v())==null||r.recalcPosition()}))},T=e.ref(!1);l.apiRequest&&(e.watch(T,()=>{T.value&&h.setSearchTextAndLoad(n.value,!1)}),e.watch(n,()=>h.setSearchTextAndLoad(n.value)));const le=o=>{const r=o.target;r.scrollTop/(r.scrollHeight-r.offsetHeight)>.8&&h.loadAppend()},ne=()=>{var o;T.value=!1,(o=p.value)==null||o.focus(),n.value&&d()};return(o,r)=>{const f=e.resolveDirective("top-focus");return e.openBlock(),e.createBlock(e.unref(V.TopPopup),{ref_key:"popupRef",ref:m,onOpen:r[3]||(r[3]=c=>T.value=!0),onClose:r[4]||(r[4]=c=>ne()),onScrollContentList:r[5]||(r[5]=c=>o.apiRequest?le(c):void 0),notch:!1,transitionDuration:0},e.createSlots({opener:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"elRef",ref:p,class:e.normalizeClass({"top-selector2":!0,"top-selector2-multiselect":o.multiselect,["top-size_"+o.size]:!0,"top-disabled":o.disabled,"top-forms-focusable":!o.disabled,"top-error":o.isError}),onKeydown:[r[0]||(r[0]=e.withKeys(e.withModifiers(c=>c.currentTarget.click(),["stop","prevent"]),["up","down","enter","space"])),r[1]||(r[1]=e.withKeys(c=>t.value=[],["delete"]))],tabindex:"0"},[o.multiselect?(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,c=>(e.openBlock(),e.createBlock(H,{id:c.id,name:c.name,onDelete:w},null,8,["id","name"]))),256))])):e.createCommentVNode("",!0),o.multiselect?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(Array.isArray(t.value)?"":t.value.name),1)),o.addChanger&&!o.multiselect&&s.value.length>1&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:2,class:"top-changer top-changer-selector",onClick:e.withModifiers(b,["stop"])})):e.createCommentVNode("",!0)],34)),[[f,o.isError,void 0,{onupdate:!0}]])]),contentList:e.withCtx(()=>{var c;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,k=>(e.openBlock(),e.createBlock(e.unref(V.TopPopupListItem),{class:e.normalizeClass({"top-active":!Array.isArray(t.value)&&!o.multiselect&&t.value.name===k.name}),key:k.id??void 0,closeByClick:!o.multiselect||e.unref(B.Core).state.isMobile,onClick:E=>C(k)},{default:e.withCtx(()=>[o.$slots.item?e.renderSlot(o.$slots,"item",{key:0,item:k}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(k.name),1)],64))]),_:2},1032,["class","closeByClick","onClick"]))),128)),!e.unref(h).isLoading.value&&!u.value.length?(e.openBlock(),e.createBlock(e.unref(V.TopPopupListItem),{key:0,type:"regular"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.$i18n.Common.No_results),1)]),_:1})):e.createCommentVNode("",!0),e.unref(h).isLoading.value&&(!o.showSearch||(c=o.apiRequest)!=null&&c.params.offset)?(e.openBlock(),e.createBlock(e.unref(V.TopPopupListItem),{key:1,type:"regular"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.TopPreloader),{type:"circles"})]),_:1})):e.createCommentVNode("",!0)]}),_:2},[o.showSearch?{name:"widget",fn:e.withCtx(()=>{var c;return[e.createVNode(e.unref(V.TopPopupWidgetInput),{title:"Поиск",icon:"",modelValue:n.value,"onUpdate:modelValue":r[2]||(r[2]=k=>n.value=k),isLoading:e.unref(h).isLoading.value&&!((c=o.apiRequest)!=null&&c.params.offset),placeholder:!Array.isArray(t.value)&&!o.multiselect&&o.showSelectedInInput?t.value.name:o.placeholder},null,8,["modelValue","isLoading","placeholder"])]}),key:"0"}:void 0]),1536)}}}),J=["data-top-icon"],X={class:"top-info_text"},j={key:0,class:"top-info_value"},Y=e.defineComponent({__name:"info",props:{icon:{},styling:{default:"default"},size:{default:"default"}},setup(i){return(l,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-info":!0,["top-size_"+l.size]:!0,["top-info-styling_"+l.styling]:!0}),"data-top-icon":l.icon},[e.createElementVNode("div",X,[e.renderSlot(l.$slots,"default")]),l.$slots.additional?(e.openBlock(),e.createElementBlock("span",j,[e.renderSlot(l.$slots,"additional")])):e.createCommentVNode("",!0)],10,J))}}),Q=N,Z=M,q=P,x=G,ee=W,oe=A._sfc_main,te=Y;g.TopCheckboxGroup=x,g.TopEditArea=Q,g.TopEditInput=Z,g.TopInfo=te,g.TopMenu=oe,g.TopRadioGroup=q,g.TopSelector2=ee,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=formsExt.amd.js.map

package/formsExt/formsExt.js

@@ -1,9 +1,9 @@
 import { Core as x } from "../core/app.js";
 import { defineComponent as I, ref as C, computed as F, createElementBlock as v, openBlock as u, normalizeClass as $, createCommentVNode as k, createElementVNode as E, toDisplayString as w, createVNode as K, withKeys as L, withModifiers as M, createBlock as T, createSlots as R, withCtx as A, createTextVNode as B, watch as _, toRef as oe, mergeProps as Y, mergeModels as J, useModel as X, Fragment as P, renderList as N, withDirectives as Q, vModelRadio as te, resolveDirective as le, unref as V, renderSlot as U } from "vue";
-import { w as se, _ as W, f as ae, d as ne, u as re, C as j, x as ie } from "../.chunks/forms-CK1M_N6g.es.js";
+import { w as se, _ as W, f as ae, d as ne, u as re, C as j, x as ie } from "../.chunks/forms-T8ev76fm.es.js";
 import { invertKeyboardLayout as ue } from "../utils/keyboard.js";
 import { TopPopup as de, TopPopupListItem as D, TopPopupWidgetInput as pe } from "../popup/popup.js";
-import { _ as ce } from "../.chunks/menu.vue_vue_type_style_index_0_lang-V6fzxpEd.es.js";
+import { _ as ce } from "../.chunks/menu.vue_vue_type_style_index_0_lang-D5I0ZtFp.es.js";
 const ee = ["../assets/formsExt.css"].map((n) => import.meta.resolve(n));
 x.insertCSSLinkToPage(ee, !0);
 const me = { class: "top-editArea_footer" }, fe = /* @__PURE__ */ I({