@topvisor/ui 1.0.36 → 1.0.37

package/formsExt/formsExt.amd.js

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

package/formsExt/formsExt.js

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