@topvisor/ui 1.0.20-focus-1 → 1.0.20-selector2-3

package/forms/forms.js

@@ -1,17 +0,0 @@
-import { T as p, f as T, g as s, h as t, j as e, k as n, l as r, m as l, n as u, o as b, p as c, q as h, r as i } from "../.chunks/forms-BciWy0wX.es.js";
-export {
-  p as TopAvatar,
-  T as TopButton,
-  s as TopCheckbox,
-  t as TopControlLabel,
-  e as TopHint,
-  n as TopInput,
-  r as TopInputDate,
-  l as TopInputRange,
-  u as TopLoadbar,
-  b as TopRadio,
-  c as TopSelect,
-  h as TopSwitcher,
-  i as TopTextarea
-};
-//# sourceMappingURL=forms.js.map

package/forms/forms.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/forms/helpers.amd.js

@@ -1,2 +0,0 @@
-define(["require","exports"],function(n,e){"use strict";if(typeof i>"u")var i=window.Vue;const s={xs:"xs",s:"s",m:"m",l:"l"};e.sizes=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=helpers.amd.js.map

package/forms/helpers.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.amd.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\txs: 'xs',\r\n\ts: 's',\r\n\tm: 'm',\r\n\tl: 'l',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"yFAGO,MAAAA,EAAA,qBAGH,EAAA,GAEJ"}

package/forms/helpers.d.ts

@@ -1,2 +0,0 @@
-export * from '../components/forms/helpers'
-export {}

package/forms/helpers.js

@@ -1,10 +0,0 @@
-const s = {
-  xs: "xs",
-  s: "s",
-  m: "m",
-  l: "l"
-};
-export {
-  s as sizes
-};
-//# sourceMappingURL=helpers.js.map

package/forms/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sources":["../../src/components/forms/helpers.ts"],"sourcesContent":["/**\r\n * Размеры\r\n */\r\nexport const sizes = {\r\n\txs: 'xs',\r\n\ts: 's',\r\n\tm: 'm',\r\n\tl: 'l',\r\n} as const;\r\n\r\nexport type Size = typeof sizes[keyof typeof sizes];"],"names":["sizes"],"mappings":"AAGO,MAAMA,IAAQ;AAAA,EACpB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;"}

package/formsExt/formsExt.amd.js

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

package/formsExt/formsExt.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formsExt.amd.js","sources":["../../src/components/formsExt/editArea/editArea.vue","../../src/components/formsExt/editInput/editInput.vue","../../src/components/formsExt/radioGroup/radioGroup.vue","../../src/components/formsExt/selector2/api.ts","../../src/components/formsExt/selector2/selector2.vue","../../src/components/formsExt/formsExt.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, ref } from 'vue';\r\nimport Button from '@/components/forms/button/button.vue';\r\nimport type { Emits, Props } from './editArea';\r\nimport Textarea from '@/components/forms/textarea/textarea.vue';\r\n\r\n// TODO: добавить переменную top-forms-fixed-height и использовать ее при добавлении отступов у страницы\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tdefaultValue: '',\r\n\tcancelText: 'Cancel',\r\n\tsubmitText: 'Send',\r\n\tcloseText: 'Close',\r\n\texpandable: true,\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst localValue = ref(props.defaultValue);\r\n\r\nconst isFocused = ref(props.isFocused);\r\n\r\nconst isChanged = computed(() => localValue.value !== props.defaultValue);\r\n\r\nconst cancelBtnText = computed(() => {\r\n\tif (props.attachToKeyboard) return '';\r\n\r\n\tif (props.forceShowCloseBtn && !isChanged.value) return props.closeText;\r\n\r\n\treturn props.cancelText;\r\n});\r\n\r\nconst submit = (value: string) => {\r\n\temit('submit', value);\r\n\r\n\tlocalValue.value = props.defaultValue;\r\n};\r\n\r\nconst cancel = () => {\r\n\tif (props.forceShowCloseBtn && !isChanged.value) {\r\n\t\temit('close');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tlocalValue.value = props.defaultValue;\r\n};\r\n\r\nconst clickOnTitle = () => {\r\n\tif (props.attachToKeyboard) emit('clickOnTitle');\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:class=\"{\r\n\t\t\t'top-editArea': true,\r\n\t\t\t'top-editArea-attachedToKeyboard': attachToKeyboard,\r\n\t\t}\"\r\n\t>\r\n\t\t<div\r\n\t\t\tv-if=\"title\"\r\n\t\t\tclass=\"top-editArea_title\"\r\n\t\t\t@click=\"clickOnTitle()\"\r\n\t\t>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\t:class=\"{\r\n\t\t\t\t'top-editArea_form': true,\r\n\t\t\t\t'top-error': isError,\r\n\t\t\t\t'top-focus': isFocused,\r\n\t\t\t}\"\r\n\t\t>\r\n\t\t\t<Textarea\r\n\t\t\t\tv-model=\"localValue\"\r\n\t\t\t\t:name=\"name\"\r\n\t\t\t\t:placeholder=\"placeholder\"\r\n\t\t\t\t:rows=\"rows\"\r\n\t\t\t\t:minHeight=\"minHeight\"\r\n\t\t\t\t:expandable=\"expandable\"\r\n\t\t\t\t:disabled=\"disabled\"\r\n\t\t\t\t:readonly=\"readonly\"\r\n\t\t\t\t:isError=\"isError\"\r\n\t\t\t\t:hint=\"hint\"\r\n\t\t\t\tclass=\"top-editArea_element\"\r\n\t\t\t\t@focus=\"() => isFocused = true\"\r\n\t\t\t\t@blur=\"() => isFocused = false\"\r\n\t\t\t\t@keyup.esc=\"cancel\"\r\n\t\t\t\t@keyup.ctrl.enter=\"submit(localValue)\"\r\n\t\t\t/>\r\n\r\n\t\t\t<div class=\"top-editArea_footer\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tv-if=\"!attachToKeyboard && (isChanged || forceShowCloseBtn)\"\r\n\t\t\t\t\tclass=\"top-editArea_button\"\r\n\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\tstyling=\"soft\"\r\n\t\t\t\t\t@click=\"cancel\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ cancelBtnText }}\r\n\t\t\t\t</Button>\r\n\r\n\t\t\t\t<Button\r\n\t\t\t\t\tclass=\"top-editArea_button\"\r\n\t\t\t\t\tv-if=\"isChanged\"\r\n\t\t\t\t\t:icon=\"attachToKeyboard ? '': ''\"\r\n\t\t\t\t\t@click=\"submit(localValue)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ attachToKeyboard ? '' : submitText }}\r\n\t\t\t\t</Button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-editArea {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 6px;\r\n}\r\n\r\n.top-editArea_title {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.top-editArea_form {\r\n\tflex-direction: column;\r\n\toutline: none;\r\n}\r\n\r\n.top-editArea_form:not(.top-error):hover,\r\n.top-editArea_form:not(.top-error).top-focus {\r\n\tborder-color: var(--top-forms-border-color-hover);\r\n}\r\n\r\n/* textarea в EditArea */\r\n.top-textarea {\r\n\twidth: 100%;\r\n}\r\n\r\n.top-editArea_element.top-textarea_textarea {\r\n\tborder: none;\r\n\toutline: none;\r\n\tanimation: none;\r\n}\r\n\r\n/* footer */\r\n.top-editArea_footer {\r\n\tpadding: var(--top-forms-padding);\r\n\tdisplay: flex;\r\n\tmin-height: 32px;\r\n\tjustify-content: flex-end;\r\n\tgap: var(--top-forms-padding);\r\n}\r\n\r\n/* attachedToKeyboard */\r\n.top-editArea-attachedToKeyboard {\r\n\tbackground: var(--top-forms-background-color);\r\n\tmargin-bottom: env(keyboard-inset-height, 0);\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tright: 0;\r\n\tleft: 0;\r\n\tz-index: 2;\r\n\tgap: 0;\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-editArea_form {\r\n\tborder-radius: 0;\r\n\tborder: none;\r\n\tborder-top: 1px solid var(--top-forms-border-color);\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-editArea_title {\r\n\tcursor: pointer;\r\n\tborder-top: 1px solid var(--color-line-2-opacity);\r\n\tpadding: var(--top-forms-padding);\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-editArea_footer > [data-top-icon] {\r\n\tborder-radius: 100%;\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-button.top-editArea_button {\r\n\tmin-width: auto;\r\n\tpadding: 0;\r\n}\r\n\r\n.top-editArea-attachedToKeyboard .top-button.top-editArea_button:before {\r\n\t--top-icon-size: 18px;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { ref, toRef, watch } from 'vue';\r\nimport type { Emits, Props } from './editInput';\r\nimport TopInput from '@/components/forms/input/input.vue';\r\nimport TopButton from '@/components/forms/button/button.vue';\r\n\r\nconst props = defineProps<Props>();\r\n\r\nconst intermediateValue = ref(props.modelValue);\r\n\r\nwatch(toRef(props.modelValue), () => {\r\n\tintermediateValue.value = props.modelValue;\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst submit = () => {\r\n\temit('update:modelValue', intermediateValue.value);\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-editInput\">\r\n\t\t<TopInput\r\n\t\t\t:=\"input\"\r\n\t\t\t@keydown.esc.capture.stop=\"intermediateValue = modelValue\"\r\n\t\t\t@keydown.enter.stop=\"submit\"\r\n\t\t\tv-model=\"intermediateValue\"\r\n\t\t/>\r\n\r\n\t\t<TopButton\r\n\t\t\tv-if=\"intermediateValue !== modelValue\"\r\n\t\t\ticon=\"\"\r\n\t\t\tstyling=\"soft\"\r\n\t\t\t:=\"button\"\r\n\t\t\t@click=\"submit\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-editInput {\r\n\twidth: 220px;\r\n\tflex-grow: 1;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n.top-editInput .top-input {\r\n\twidth: unset;\r\n\tflex-grow: 1;\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { Ref } from '@vue/reactivity';\r\nimport { ref, watch } from 'vue';\r\nimport type { Props, Emits } from './radioGroup';\r\n\r\nconst model = defineModel<string>({\r\n\trequired: true,\r\n});\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: 's',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst elRef: Ref<HTMLElement | null> = ref(null);\r\n\r\nwatch(model, () => {\r\n\tif (!props.radiosProps?.some(item => item.value === model.value)) {\r\n\t\tmodel.value = props.radiosProps?.[0]?.value ?? '';\r\n\t}\r\n\r\n\telRef.value?.querySelector('.radioGroup_item-selected')?.scrollIntoView();\r\n}, { immediate: true });\r\n\r\nconst uid = 'radioGroup-' + Math.random();\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tref=\"elRef\"\r\n\t\t:class=\"{\r\n\t\t\t['top-radioGroup']: true,\r\n\t\t\t['top-scrollBarXHidding']: true,\r\n\t\t\t['top-size_' + size]: !!size,\r\n\t\t\t['top-error']: isError,\r\n\t\t}\"\r\n\t>\r\n\t\t<label\r\n\t\t\tv-for=\"item of radiosProps\"\r\n\t\t\t:class=\"{\r\n\t\t\t\t['top-radioGroup_item-selected']: item.value === model,\r\n\t\t\t\t['top-radioGroup_item']: true,\r\n\t\t\t\t['top-forms-focusable']: true,\r\n\t\t\t\t['top-disabled']: item.disabled,\r\n\t\t\t}\"\r\n\t\t\t:data-top-icon=\"item.icon\"\r\n\t\t\t@click=\"model = item.value\"\r\n\t\t>\r\n\t\t\t{{ item.title }}\r\n\r\n\t\t\t<span\r\n\t\t\t\tv-if=\"showIndicator\"\r\n\t\t\t\tclass=\"top-radioGroup_circle\"\r\n\t\t\t></span>\r\n\r\n\t\t\t<!-- Для нативной навигации -->\r\n\t\t\t<input\r\n\t\t\t\tv-model=\"model\"\r\n\t\t\t\t:name=\"uid\"\r\n\t\t\t\ttype=\"radio\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t['top-unvisible']: true,\r\n\t\t\t\t}\"\r\n\t\t\t\t:value=\"item.value\"\r\n\t\t\t\t:disabled=\"item.disabled\"\r\n\t\t\t/>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n@import \"./styles/top-scrollBar.css\";\r\n\r\n.top-radioGroup {\r\n\tuser-select: none;\r\n\tbox-sizing: border-box;\r\n\tborder-radius: 8px;\r\n\tbackground-color: var(--color-layout-middle);\r\n\theight: var(--top-forms-base-height);\r\n\tpadding: 2px;\r\n\tgap: 2px;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n}\r\n\r\n.top-radioGroup_item {\r\n\tcolor: var(--color-text-2);\r\n\tcursor: pointer;\r\n\tbox-sizing: border-box;\r\n\tborder-radius: 6px;\r\n\theight: calc(var(--top-forms-base-height) - 4px);\r\n\tpadding: 0 16px;\r\n\tfont-weight: 400;\r\n\twhite-space: nowrap;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex-grow: 1;\r\n\tgap: 4px;\r\n}\r\n\r\n.top-radioGroup_item:hover {\r\n\tbackground-color: var(--color-layout-front-1);\r\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\r\n}\r\n\r\n/* selected */\r\n.top-radioGroup_item-selected {\r\n\tcolor: var(--color-text-1);\r\n\tpointer-events: none;\r\n\tbackground-color: var(--color-bg-lightning-1);\r\n\tbox-shadow: 0px 4px 32px 0px rgba(4, 9, 84, 0.10), 0px 0px 4px 0px rgba(4, 9, 84, 0.08);\r\n}\r\n\r\n/* circle */\r\n.top-radioGroup_circle {\r\n\tcontent: \"\";\r\n\tbox-sizing: border-box;\r\n\tborder: 1px solid var(--color-line-3-opacity);\r\n\tborder-radius: 50%;\r\n\tpadding: 3px;\r\n\tmargin-left: auto;\r\n\twidth: calc(var(--top-forms-option-height) - 3px * 2);\r\n\theight: calc(var(--top-forms-option-height) - 3px * 2);\r\n}\r\n\r\n.top-radioGroup_item:hover .top-radioGroup_circle:before {\r\n\tborder-color: var(--color-line-primary-1);\r\n}\r\n\r\n/* circle selected */\r\n.top-radioGroup_item-selected .top-radioGroup_circle {\r\n\tborder-color: var(--color-line-primary-1);\r\n\tborder-width: 5px;\r\n}\r\n\r\n.top-radioGroup_item-selected:hover .top-radioGroup_circle {\r\n\tborder-color: var(--color-line-primary-1);\r\n}\r\n\r\n/* top-error  */\r\n.top-radioGroup.top-error .top-radioGroup_item:not(.top-disabled) .top-radioGroup_circle {\r\n\tborder-color: var(--color-line-negative-1);\r\n}\r\n</style>\r\n","import type { Ref } from 'vue';\r\nimport { ref } from 'vue';\r\nimport { debounce } from '@/core/utils/lodash';\r\nimport type { Item, Props } from './selector2';\r\n\r\nexport const useAPI = (apiRequest: Props['apiRequest'], minLength: number, useCache: Props['useCache']) => {\r\n\t/**\r\n\t * Список, полученный через API\r\n\t */\r\n\tconst items: Ref<Array<Item>> = ref([]);\r\n\r\n\t/**\r\n\t * Флаг - идет загрузка\r\n\t */\r\n\tconst isLoading = ref(false);\r\n\r\n\tlet _searchText = '';\r\n\tlet _nextOffset: number | undefined;\r\n\r\n\tif (apiRequest && !apiRequest.params.limit) {\r\n\t\tapiRequest.params.limit = 100;\r\n\t}\r\n\r\n\t/**\r\n\t * Выполнить обращение к API\r\n\t *\r\n\t * При ошибке вернет undefined\r\n\t */\r\n\tconst callAPIRequest = async (): Promise<{ nextOffset?: number, result: Array<Item> } | undefined> => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\tlet res;\r\n\t\tlet cacheKey;\r\n\r\n\t\tif (useCache) {\r\n\t\t\t// кэш для полученных ответов через apiRequest\r\n\t\t\t// общий для всех компонентов, использующих apiRequest\r\n\t\t\tapiRequest.cache ??= new Map();\r\n\r\n\t\t\tcacheKey = JSON.stringify(apiRequest.params);\r\n\t\t\tres = apiRequest.cache.get(cacheKey);\r\n\r\n\t\t\tif (res) {\r\n\t\t\t\treturn res;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tisLoading.value = true;\r\n\t\tres = await apiRequest.call();\r\n\t\tisLoading.value = false;\r\n\r\n\t\tif (res.errors) return;\r\n\r\n\t\tif (!Array.isArray(res.result)) {\r\n\t\t\tconsole.warn(`В result ожидался массив`);\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst indexWithError = (res.result as Array<Item | any>).findIndex(item => item.id === undefined || item.name === undefined);\r\n\t\tif (indexWithError !== -1) {\r\n\t\t\tconsole.warn(`В result[${indexWithError}] нет id или name`);\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (useCache) {\r\n\t\t\tapiRequest.cache.set(cacheKey as string, res);\r\n\t\t}\r\n\r\n\t\treturn res;\r\n\t};\r\n\r\n\t/**\r\n\t * Загрузить items\r\n\t */\r\n\tconst load = async () => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\tapiRequest.params.offset = 0;\r\n\t\tapiRequest.params.search = _searchText;\r\n\r\n\t\tconst res = await callAPIRequest();\r\n\t\tif (!res) return;\r\n\r\n\t\t_nextOffset = res.nextOffset;\r\n\r\n\t\titems.value = res.result;\r\n\t};\r\n\r\n\t/**\r\n\t * Загрузить следующую страницу items\r\n\t */\r\n\tconst loadAppend = async () => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\t// данных о следующих страницах не обнаружено\r\n\t\tif (!_nextOffset) return;\r\n\r\n\t\t// дозагружать нельзя, если не завершена предыдущшая загрузка\r\n\t\tif (isLoading.value) return;\r\n\r\n\t\tapiRequest.params.offset = _nextOffset;\r\n\t\tapiRequest.params.search = _searchText;\r\n\r\n\t\tconst res = await callAPIRequest();\r\n\t\tif (!res) return;\r\n\r\n\t\t_nextOffset = res.nextOffset;\r\n\r\n\t\titems.value = items.value.concat(res.result);\r\n\t};\r\n\r\n\tconst loadDebounce = debounce(() => load(), 200);\r\n\r\n\t/**\r\n\t * Выполнить поиск по указанному тексту\r\n\t *\r\n\t * Если длина текста меньше minLength, поиск не будет проивзеден\r\n\t *\r\n\t * Если текст не изменился, поиск не будет проивзеден\r\n\t * @param searchText - текст поиска\r\n\t * @param useDebounce - отложенное выполнение поиска\r\n\t */\r\n\tconst setSearchTextAndLoad = (searchText: string, useDebounce = true) => {\r\n\t\tif (!apiRequest) return;\r\n\r\n\t\tif (searchText.length < minLength) return;\r\n\r\n\t\t// условия поиска не поменялись, данные загружены\r\n\t\tif (searchText === _searchText && items.value.length) return;\r\n\r\n\t\t_searchText = searchText;\r\n\r\n\t\tif (useDebounce) {\r\n\t\t\tloadDebounce();\r\n\t\t} else {\r\n\t\t\tvoid load();\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\titems,\r\n\t\tisLoading,\r\n\t\tloadAppend,\r\n\t\tsetSearchTextAndLoad,\r\n\t};\r\n};\r\n","<script setup lang=\"ts\">\r\nimport type { ComputedRef, ModelRef, ComponentInstance } from 'vue';\r\nimport { computed, ref, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\r\nimport type PopupClass from '@/components/popup/lib/popup';\r\nimport type { Item, Props, Slots } from './selector2';\r\nimport { useAPI } from './api';\r\nimport Selector2ItemMulti from './itemMulti.vue';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\titems: () => [] as Array<Item>,\r\n\tsize: 's',\r\n\tminLength: 0,\r\n\tshowSelectedInInput: true,\r\n});\r\n\r\nconst model = defineModel<Props['modelValue']>() as ModelRef<Props['modelValue']>;\r\n\r\ndefineSlots<Slots>();\r\n\r\n/**\r\n * Текст поиска по результатам\r\n */\r\nconst searchText = ref('');\r\n\r\nconst itemAll = {\r\n\tid: 0,\r\n\tname: useI18n().Common.All!,\r\n};\r\n\r\n/**\r\n * Экземпляр компонента Popup\r\n */\r\nconst popupRef = ref<ComponentInstance<typeof TopPopup> | null>(null);\r\n\r\n/**\r\n * Основной элемент селектора\r\n */\r\nconst elRef = ref<HTMLElement | null>(null);\r\n\r\n/**\r\n * Получить доступ к объекту popup\r\n */\r\nconst getPopup = (): PopupClass | undefined => {\r\n\treturn popupRef.value?.popup;\r\n};\r\n\r\n// для storybook\r\nif ((window as any).__STORYBOOK_PREVIEW__ && !props.modelValue) {\r\n\twatch(\r\n\t\t() => props.multiselect,\r\n\t\t() => {\r\n\t\t\tmodel.value = props.multiselect ? [] : { id: null, name: '' };\r\n\t\t},\r\n\t\t{ immediate: true },\r\n\t);\r\n}\r\n\r\nconst API = useAPI(props.apiRequest, props.minLength, props.useCache);\r\n\r\n/**\r\n * Варианты выбора: props.items + \"Выбрать все\"\r\n */\r\nconst localItems: ComputedRef<Array<Item>> = computed(() => {\r\n\tconst items: Array<Item> = [];\r\n\r\n\tif (!props.multiselect && props.appendAllValue) {\r\n\t\titems.push(itemAll);\r\n\t}\r\n\r\n\tprops.items.forEach(item => items.push({ ...item }));\r\n\r\n\treturn items;\r\n});\r\n\r\n/**\r\n * Проверить, что элемент выбран\r\n */\r\nconst isSelected = (item: Item, checkNameForNullId = true) => {\r\n\tif (checkNameForNullId && item.id === null) {\r\n\t\tif (Array.isArray(model.value)) {\r\n\t\t\treturn model.value.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\r\n\t\t} else {\r\n\t\t\treturn item.name === model.value.name;\r\n\t\t}\r\n\t}\r\n\r\n\tif (Array.isArray(model.value)) {\r\n\t\treturn model.value.some(itemSelected => itemSelected.id === item.id);\r\n\t} else {\r\n\t\treturn item.id === model.value.id;\r\n\t}\r\n};\r\n\r\n/**\r\n * Варианты выбора, которые выводятся\r\n */\r\nconst itemsForShow = computed(() => {\r\n\tconst searchString = searchText.value.toLowerCase();\r\n\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\r\n\r\n\tlet items: typeof localItems.value = [];\r\n\r\n\tlocalItems.value.forEach((item) => {\r\n\t\tconst itemName = item.name.toLowerCase();\r\n\r\n\t\tif (\r\n\t\t\titem.id === Number(searchString) ||\r\n\t\t\titemName.includes(searchString) ||\r\n\t\t\titemName.includes(searchStringInvertKeyboard)\r\n\t\t) {\r\n\t\t\tif (itemName === searchString || itemName === searchStringInvertKeyboard) {\r\n\t\t\t\titems.unshift(item);\r\n\t\t\t} else {\r\n\t\t\t\titems.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\titems.push(...API.items.value);\r\n\r\n\tif (\r\n\t\tprops.appendSearchToResult &&\r\n\t\t!!searchText.value &&\r\n\t\t(!items.length || items[0].name.toLowerCase() !== searchString)\r\n\t) {\r\n\t\titems.push({\r\n\t\t\tid: null,\r\n\t\t\tname: searchText.value,\r\n\t\t});\r\n\t}\r\n\r\n\tif (props.multiselect) {\r\n\t\titems = items.filter(item => !isSelected(item));\r\n\t}\r\n\r\n\treturn items;\r\n});\r\n\r\n/**\r\n * Флаг - идет загрузка\r\n *\r\n * Скрывает вывод заглушки \"Нет результатов\" - для загрузки данных через API (multiselect = true) - (см. selectItem)\r\n */\r\nconst isLoading = ref(API.isLoading.value);\r\n\r\nwatch(API.isLoading, () => {\r\n\tisLoading.value = API.isLoading.value;\r\n});\r\n\r\n/**\r\n * Выбрать значение\r\n *\r\n * Управляет закрытием окна\r\n */\r\nconst selectItem = async (item: Item) => {\r\n\tif (props.multiselect) {\r\n\t\tif (!Array.isArray(model.value)) return;\r\n\r\n\t\tif (isSelected(item)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (props.apiRequest && searchText.value) {\r\n\t\t\tisLoading.value = true;\r\n\t\t}\r\n\r\n\t\tconst newModel = [...model.value];\r\n\t\tnewModel.push({ ...item });\r\n\t\tmodel.value = newModel;\r\n\r\n\t\tif (Core.state.isMobile) {\r\n\t\t\tgetPopup()?.close();\r\n\t\t} else {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tgetPopup()?.recalcPosition();\r\n\t\t\t\tgetPopup()?.elPopupWidget?.querySelector('input')?.focus();\r\n\r\n\t\t\t\t// сбросить введенный текст, только если больше не найдено результатов\r\n\t\t\t\tif (searchText.value) {\r\n\t\t\t\t\tif (!itemsForShow.value.length) {\r\n\t\t\t\t\t\tsearchText.value = '';\r\n\t\t\t\t\t\tAPI.items.value = [];\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tif (props.apiRequest) {\r\n\t\t\t\t\t\t\tisLoading.value = false;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t} else {\r\n\t\tif (JSON.stringify(item) !== JSON.stringify(model.value)) {\r\n\t\t\tmodel.value = { ...item };\r\n\t\t}\r\n\r\n\t\tgetPopup()?.close();\r\n\t}\r\n};\r\n\r\n/**\r\n * Выбрать следующее значение\r\n */\r\nconst selectNextItem = () => {\r\n\tif (!Array.isArray(model.value)) {\r\n\t\tconst currentIndex = localItems.value.findIndex(item => item.id === (model.value as Item).id);\r\n\t\tconst nextIndex = (currentIndex + 1) % localItems.value.length;\r\n\t\tmodel.value = { ...localItems.value[nextIndex] };\r\n\t}\r\n};\r\n\r\n/**\r\n * Удалить выбранное значение по id\r\n * @param id\r\n */\r\nconst deleteItemById = async (id: Item['id']) => {\r\n\tif (Array.isArray(model.value)) {\r\n\t\tmodel.value = model.value.filter(item => item.id !== id);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tgetPopup()?.recalcPosition();\r\n\t\t});\r\n\t}\r\n};\r\n\r\nconst isOpened = ref(false); // флаг попап открыт\r\n\r\nif (props.apiRequest) {\r\n\twatch(isOpened, () => {\r\n\t\tif (isOpened.value) {\r\n\t\t\t// при открытии сразу выполнить поиск\r\n\t\t\tAPI.setSearchTextAndLoad(searchText.value, false);\r\n\t\t}\r\n\t});\r\n\r\n\t// отложенный поиск при вводе текста\r\n\twatch(searchText, () => API.setSearchTextAndLoad(searchText.value));\r\n}\r\n\r\nconst onScrollContentList = (e: Event) => {\r\n\tconst el = e.target as HTMLElement;\r\n\r\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\r\n\t\tAPI.loadAppend();\r\n\t}\r\n};\r\n\r\nconst onClose = () => {\r\n\tisOpened.value = false;\r\n\r\n\telRef.value?.focus();\r\n\r\n\t// сбросить введенный текст\r\n\tif (searchText.value) {\r\n\t\tsearchText.value = '';\r\n\t\tAPI.items.value = [];\r\n\t}\r\n};\r\n</script>\r\n\r\n<template>\r\n\t<TopPopup\r\n\t\tref=\"popupRef\"\r\n\t\t@open=\"isOpened = true\"\r\n\t\t@close=\"onClose()\"\r\n\t\t@scrollContentList=\"apiRequest ? onScrollContentList($event) : undefined\"\r\n\t\t:notch=\"false\"\r\n\t\t:transitionDuration=\"0\"\r\n\t>\r\n\t\t<template #opener>\r\n\t\t\t<div\r\n\t\t\t\tref=\"elRef\"\r\n\t\t\t\tv-top-focus.onupdate=\"isError\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t'top-selector2' : true,\r\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\r\n\t\t\t\t\t['top-size_' + size]: true,\r\n\t\t\t\t\t['top-disabled']: disabled,\r\n\t\t\t\t\t['top-forms-focusable']: !disabled,\r\n\t\t\t\t\t['top-error']: isError,\r\n\t\t\t\t}\"\r\n\t\t\t\t@keydown.up.down.enter.space.stop.prevent=\"($event.currentTarget as HTMLElement).click()\"\r\n\t\t\t\t@keydown.delete=\"model = []\"\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t>\r\n\t\t\t\t<template v-if=\"multiselect\">\r\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\r\n\t\t\t\t\t\t<Selector2ItemMulti\r\n\t\t\t\t\t\t\tv-for=\"item of model as Array<Item>\"\r\n\t\t\t\t\t\t\t:id=\"item.id\"\r\n\t\t\t\t\t\t\t:name=\"item.name\"\r\n\t\t\t\t\t\t\t@delete=\"deleteItemById\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</template>\r\n\r\n\t\t\t\t<span v-if=\"!multiselect\" class=\"top-selector2_activeName top-ellipsis\">\r\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\r\n\t\t\t\t</span>\r\n\r\n\t\t\t\t<span\r\n\t\t\t\t\tv-if=\"addChanger && !multiselect && localItems.length > 1 && !disabled\"\r\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\r\n\t\t\t\t\t@click.stop=\"selectNextItem\"\r\n\t\t\t\t></span>\r\n\t\t\t</div>\r\n\t\t</template>\r\n\r\n\t\t<template #widget>\r\n\t\t\t<TopPopupWidgetInput\r\n\t\t\t\ttitle=\"Поиск\"\r\n\t\t\t\ticon=\"\"\r\n\t\t\t\tv-model=\"searchText\"\r\n\t\t\t\t:isLoading=\"isLoading\"\r\n\t\t\t\t:placeholder=\"!Array.isArray(model) && !multiselect && showSelectedInInput ? model.name : placeholder\"\r\n\t\t\t/>\r\n\t\t</template>\r\n\r\n\t\t<template #contentList>\r\n\t\t\t<TopPopupListItem\r\n\t\t\t\tv-for=\"item of itemsForShow\"\r\n\t\t\t\t:class=\"{\r\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.name === item.name\r\n\t\t\t\t}\"\r\n\t\t\t\t:key=\"item.id ?? undefined\"\r\n\t\t\t\t@click.stop=\"selectItem(item)\"\r\n\t\t\t>\r\n\t\t\t\t<slot\r\n\t\t\t\t\tv-if=\"$slots.item\"\r\n\t\t\t\t\tname=\"item\"\r\n\t\t\t\t\t:item=\"item\"\r\n\t\t\t\t></slot>\r\n\r\n\t\t\t\t<template\r\n\t\t\t\t\tv-else\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ item.name }}\r\n\t\t\t\t</template>\r\n\t\t\t</TopPopupListItem>\r\n\r\n\t\t\t<TopPopupListItem\r\n\t\t\t\tv-if=\"!isLoading && !itemsForShow.length\"\r\n\t\t\t\ttype=\"regular\"\r\n\t\t\t>\r\n\t\t\t\t{{ $i18n.Common.No_results }}\r\n\t\t\t</TopPopupListItem>\r\n\t\t</template>\r\n\t</TopPopup>\r\n</template>\r\n\r\n<style>\r\n.top-selector2 {\r\n\twidth: 180px;\r\n\tmin-height: var(--top-forms-base-height);\r\n\tbox-sizing: border-box;\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\toverflow: hidden;\r\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\r\n\tcolor: var(--top-forms-placeholder-color);\r\n\r\n\tborder-radius: var(--top-radius-2);\r\n\tborder: 1px solid var(--top-forms-border-color);\r\n\tbackground: var(--top-forms-background-color);\r\n}\r\n\r\n.top-selector2-multiselect {\r\n\twidth: unset;\r\n\tmin-width: 180px;\r\n\tpadding: var(--top-padding-1);\r\n}\r\n\r\n.top-selector2.top-active {\r\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\r\n}\r\n\r\n.top-selector2_activeItems {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tgap: var(--top-padding-1);\r\n\tmax-width: 100%;\r\n}\r\n\r\n.top-selector2_activeName {\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.top-changer-selector {\r\n\ttransform: translateX(-16px);\r\n}\r\n</style>\r\n","import type { ComponentCustomProps } from 'vue';\r\n\r\nimport EditArea from './editArea/editArea.vue';\r\nimport EditInput from './editInput/editInput.vue';\r\nimport RadioGroup from './radioGroup/radioGroup.vue';\r\nimport Selector2 from './selector2/selector2.vue';\r\nimport Menu from './menu/menu.vue';\r\nimport Info from './info/info.vue';\r\n\r\nexport const TopEditArea = EditArea as typeof EditArea & ComponentCustomProps;\r\nexport const TopEditInput = EditInput as typeof EditInput & ComponentCustomProps;\r\nexport const TopRadioGroup = RadioGroup as typeof RadioGroup & ComponentCustomProps;\r\nexport const TopSelector2 = Selector2 as typeof Selector2 & ComponentCustomProps;\r\nexport const TopMenu = Menu as typeof Menu & ComponentCustomProps;\r\nexport const TopInfo = Info as typeof Info & ComponentCustomProps;\r\n"],"names":["isChanged","vue","localValue","props","cancelBtnText","submit","value","emit","intermediateValue","elRef","model","_a","item","_c","_b","items","isLoading","_nextOffset","apiRequest","res","cacheKey","indexWithError","_searchText","callAPIRequest","loadAppend","searchText","minLength","loadDebounce","forms","popupRef","API","useAPI","localItems","itemAll","itemSelected","itemsForShow","searchStringInvertKeyboard","utils_keyboard","searchString","isSelected","selectItem","newModel","getPopup","nextIndex","deleteItemById","id","isOpened","onScrollContentList","e","el","TopEditArea","_sfc_main$5","TopEditInput","_sfc_main$4","TopRadioGroup","_sfc_main$3","TopSelector2","_sfc_main$1","TopMenu","menu_vue_vue_type_style_index_0_lang","TopInfo","_sfc_main"],"mappings":"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"}

package/formsExt/formsExt.d.ts

@@ -1,2 +0,0 @@
-export * from '../components/formsExt/formsExt'
-export {}

package/formsExt/formsExt.js

@@ -1,483 +0,0 @@
-import { Core as x } from "../core/app.js";
-import { defineComponent as _, ref as b, computed as z, createElementBlock as v, openBlock as p, normalizeClass as T, createCommentVNode as V, createElementVNode as E, toDisplayString as w, createVNode as R, withKeys as B, withModifiers as S, createBlock as k, withCtx as $, createTextVNode as L, watch as I, toRef as te, mergeProps as X, mergeModels as G, useModel as j, Fragment as N, renderList as D, withDirectives as Q, vModelRadio as oe, resolveDirective as le, unref as O, renderSlot as H } from "vue";
-import { w as ae, _ as F, c as se, s as ne, a as re, C as ie } from "../.chunks/forms-BciWy0wX.es.js";
-import { invertKeyboardLayout as ue } from "../utils/keyboard.js";
-import { TopPopup as de, TopPopupListItem as Y, TopPopupWidgetInput as pe } from "../popup/popup.js";
-import { _ as ce } from "../.chunks/menu.vue_vue_type_style_index_0_lang-yNOWbXpd.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__ */ _({
-  __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: {},
-    rows: {},
-    minHeight: {},
-    expandable: { type: Boolean, default: !0 },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    isError: { type: Boolean },
-    hint: {}
-  },
-  emits: ["submit", "close", "clickOnTitle"],
-  setup(n, { emit: a }) {
-    const e = n, l = a, f = b(e.defaultValue), y = b(e.isFocused), d = z(() => f.value !== e.defaultValue), c = z(() => e.attachToKeyboard ? "" : e.forceShowCloseBtn && !d.value ? e.closeText : e.cancelText), r = (i) => {
-      l("submit", i), f.value = e.defaultValue;
-    }, h = () => {
-      if (e.forceShowCloseBtn && !d.value) {
-        l("close");
-        return;
-      }
-      f.value = e.defaultValue;
-    }, A = () => {
-      e.attachToKeyboard && l("clickOnTitle");
-    };
-    return (i, o) => (p(), v("div", {
-      class: T({
-        "top-editArea": !0,
-        "top-editArea-attachedToKeyboard": i.attachToKeyboard
-      })
-    }, [
-      i.title ? (p(), v("div", {
-        key: 0,
-        class: "top-editArea_title",
-        onClick: o[0] || (o[0] = (g) => A())
-      }, w(i.title), 1)) : V("", !0),
-      E("div", {
-        class: T({
-          "top-editArea_form": !0,
-          "top-error": i.isError,
-          "top-focus": y.value
-        })
-      }, [
-        R(ae, {
-          modelValue: f.value,
-          "onUpdate:modelValue": o[1] || (o[1] = (g) => f.value = g),
-          name: i.name,
-          placeholder: i.placeholder,
-          rows: i.rows,
-          minHeight: i.minHeight,
-          expandable: i.expandable,
-          disabled: i.disabled,
-          readonly: i.readonly,
-          isError: i.isError,
-          hint: i.hint,
-          class: "top-editArea_element",
-          onFocus: o[2] || (o[2] = () => y.value = !0),
-          onBlur: o[3] || (o[3] = () => y.value = !1),
-          onKeyup: [
-            B(h, ["esc"]),
-            o[4] || (o[4] = B(S((g) => r(f.value), ["ctrl"]), ["enter"]))
-          ]
-        }, null, 8, ["modelValue", "name", "placeholder", "rows", "minHeight", "expandable", "disabled", "readonly", "isError", "hint"]),
-        E("div", me, [
-          !i.attachToKeyboard && (d.value || i.forceShowCloseBtn) ? (p(), k(F, {
-            key: 0,
-            class: "top-editArea_button",
-            color: "theme",
-            styling: "soft",
-            onClick: h
-          }, {
-            default: $(() => [
-              L(w(c.value), 1)
-            ]),
-            _: 1
-          })) : V("", !0),
-          d.value ? (p(), k(F, {
-            key: 1,
-            class: "top-editArea_button",
-            icon: i.attachToKeyboard ? "" : "",
-            onClick: o[5] || (o[5] = (g) => r(f.value))
-          }, {
-            default: $(() => [
-              L(w(i.attachToKeyboard ? "" : i.submitText), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : V("", !0)
-        ])
-      ], 2)
-    ], 2));
-  }
-}), ve = { class: "top-editInput" }, ye = /* @__PURE__ */ _({
-  __name: "editInput",
-  props: {
-    modelValue: {},
-    input: {},
-    button: {}
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: a }) {
-    const e = n, l = b(e.modelValue);
-    I(te(e.modelValue), () => {
-      l.value = e.modelValue;
-    });
-    const f = a, y = () => {
-      f("update:modelValue", l.value);
-    };
-    return (d, c) => (p(), v("div", ve, [
-      R(se, X(d.input, {
-        onKeydownCapture: c[0] || (c[0] = B(S((r) => l.value = d.modelValue, ["stop"]), ["esc"])),
-        onKeydown: B(S(y, ["stop"]), ["enter"]),
-        modelValue: l.value,
-        "onUpdate:modelValue": c[1] || (c[1] = (r) => l.value = r)
-      }), null, 16, ["onKeydown", "modelValue"]),
-      l.value !== d.modelValue ? (p(), k(F, X({
-        key: 0,
-        icon: "",
-        styling: "soft"
-      }, d.button, { onClick: y }), null, 16)) : V("", !0)
-    ]));
-  }
-}), he = ["data-top-icon", "onClick"], ge = {
-  key: 0,
-  class: "top-radioGroup_circle"
-}, be = ["value", "disabled"], Ve = /* @__PURE__ */ _({
-  __name: "radioGroup",
-  props: /* @__PURE__ */ G({
-    modelValue: {},
-    radiosProps: {},
-    showIndicator: { type: Boolean },
-    size: { default: "s" },
-    isError: { type: Boolean }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ G(["update:modelValue"], ["update:modelValue"]),
-  setup(n, { emit: a }) {
-    const e = j(n, "modelValue"), l = n, f = b(null);
-    I(e, () => {
-      var d, c, r, h, A;
-      (d = l.radiosProps) != null && d.some((i) => i.value === e.value) || (e.value = ((r = (c = l.radiosProps) == null ? void 0 : c[0]) == null ? void 0 : r.value) ?? ""), (A = (h = f.value) == null ? void 0 : h.querySelector(".radioGroup_item-selected")) == null || A.scrollIntoView();
-    }, { immediate: !0 });
-    const y = "radioGroup-" + Math.random();
-    return (d, c) => (p(), v("div", {
-      ref_key: "elRef",
-      ref: f,
-      class: T({
-        "top-radioGroup": !0,
-        "top-scrollBarXHidding": !0,
-        ["top-size_" + d.size]: !!d.size,
-        "top-error": d.isError
-      })
-    }, [
-      (p(!0), v(N, null, D(d.radiosProps, (r) => (p(), v("label", {
-        class: T({
-          "top-radioGroup_item-selected": r.value === e.value,
-          "top-radioGroup_item": !0,
-          "top-forms-focusable": !0,
-          "top-disabled": r.disabled
-        }),
-        "data-top-icon": r.icon,
-        onClick: (h) => e.value = r.value
-      }, [
-        L(w(r.title) + " ", 1),
-        d.showIndicator ? (p(), v("span", ge)) : V("", !0),
-        Q(E("input", {
-          "onUpdate:modelValue": c[0] || (c[0] = (h) => e.value = h),
-          name: y,
-          type: "radio",
-          class: T({
-            "top-unvisible": !0
-          }),
-          value: r.value,
-          disabled: r.disabled
-        }, null, 8, be), [
-          [oe, e.value]
-        ])
-      ], 10, he))), 256))
-    ], 2));
-  }
-}), Ae = (n, a, e) => {
-  const l = b([]), f = b(!1);
-  let y = "", d;
-  n && !n.params.limit && (n.params.limit = 100);
-  const c = async () => {
-    if (!n) return;
-    let o, g;
-    if (e && (n.cache ??= /* @__PURE__ */ new Map(), g = JSON.stringify(n.params), o = n.cache.get(g), o))
-      return o;
-    if (f.value = !0, o = await n.call(), f.value = !1, o.errors) return;
-    if (!Array.isArray(o.result)) {
-      console.warn("В result ожидался массив");
-      return;
-    }
-    const K = o.result.findIndex((P) => P.id === void 0 || P.name === void 0);
-    if (K !== -1) {
-      console.warn(`В result[${K}] нет id или name`);
-      return;
-    }
-    return e && n.cache.set(g, o), o;
-  }, r = async () => {
-    if (!n) return;
-    n.params.offset = 0, n.params.search = y;
-    const o = await c();
-    o && (d = o.nextOffset, l.value = o.result);
-  }, h = async () => {
-    if (!n || !d || f.value) return;
-    n.params.offset = d, n.params.search = y;
-    const o = await c();
-    o && (d = o.nextOffset, l.value = l.value.concat(o.result));
-  }, A = ne(() => r(), 200);
-  return {
-    items: l,
-    isLoading: f,
-    loadAppend: h,
-    setSearchTextAndLoad: (o, g = !0) => {
-      n && (o.length < a || o === y && l.value.length || (y = o, g ? A() : r()));
-    }
-  };
-}, Ce = { class: "top-selector2_itemMulti top-ellipsis" }, Te = /* @__PURE__ */ _({
-  __name: "itemMulti",
-  props: {
-    id: {},
-    name: {}
-  },
-  emits: ["delete"],
-  setup(n) {
-    return (a, e) => (p(), v("div", Ce, [
-      L(w(a.name) + " ", 1),
-      E("span", {
-        class: "top-selector2_itemMultiDelete",
-        "data-top-icon": "",
-        onClick: e[0] || (e[0] = (l) => a.$emit("delete", a.id)),
-        onMousedown: e[1] || (e[1] = S(() => {
-        }, ["stop"]))
-      }, null, 32)
-    ]));
-  }
-}), we = {
-  key: 0,
-  class: "top-selector2_activeItems"
-}, $e = {
-  key: 1,
-  class: "top-selector2_activeName top-ellipsis"
-}, ke = /* @__PURE__ */ _({
-  __name: "selector2",
-  props: /* @__PURE__ */ G({
-    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 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(n) {
-    const a = n, e = j(n, "modelValue"), l = b(""), f = {
-      id: 0,
-      name: re().Common.All
-    }, y = b(null), d = b(null), c = () => {
-      var t;
-      return (t = y.value) == null ? void 0 : t.popup;
-    };
-    window.__STORYBOOK_PREVIEW__ && !a.modelValue && I(
-      () => a.multiselect,
-      () => {
-        e.value = a.multiselect ? [] : { id: null, name: "" };
-      },
-      { immediate: !0 }
-    );
-    const r = Ae(a.apiRequest, a.minLength, a.useCache), h = z(() => {
-      const t = [];
-      return !a.multiselect && a.appendAllValue && t.push(f), a.items.forEach((s) => t.push({ ...s })), t;
-    }), A = (t, s = !0) => s && t.id === null ? Array.isArray(e.value) ? e.value.some((m) => m.id === t.id && m.name === t.name) : t.name === e.value.name : Array.isArray(e.value) ? e.value.some((m) => m.id === t.id) : t.id === e.value.id, i = z(() => {
-      const t = l.value.toLowerCase(), s = ue(t);
-      let m = [];
-      return h.value.forEach((u) => {
-        const C = u.name.toLowerCase();
-        (u.id === Number(t) || C.includes(t) || C.includes(s)) && (C === t || C === s ? m.unshift(u) : m.push(u));
-      }), m.push(...r.items.value), a.appendSearchToResult && l.value && (!m.length || m[0].name.toLowerCase() !== t) && m.push({
-        id: null,
-        name: l.value
-      }), a.multiselect && (m = m.filter((u) => !A(u))), m;
-    }), o = b(r.isLoading.value);
-    I(r.isLoading, () => {
-      o.value = r.isLoading.value;
-    });
-    const g = async (t) => {
-      var s, m;
-      if (a.multiselect) {
-        if (!Array.isArray(e.value) || A(t))
-          return;
-        a.apiRequest && l.value && (o.value = !0);
-        const u = [...e.value];
-        u.push({ ...t }), e.value = u, ie.state.isMobile ? (s = c()) == null || s.close() : setTimeout(() => {
-          var C, U, W, J;
-          (C = c()) == null || C.recalcPosition(), (J = (W = (U = c()) == null ? void 0 : U.elPopupWidget) == null ? void 0 : W.querySelector("input")) == null || J.focus(), l.value && (i.value.length ? a.apiRequest && (o.value = !1) : (l.value = "", r.items.value = []));
-        });
-      } else
-        JSON.stringify(t) !== JSON.stringify(e.value) && (e.value = { ...t }), (m = c()) == null || m.close();
-    }, K = () => {
-      if (!Array.isArray(e.value)) {
-        const s = (h.value.findIndex((m) => m.id === e.value.id) + 1) % h.value.length;
-        e.value = { ...h.value[s] };
-      }
-    }, P = async (t) => {
-      Array.isArray(e.value) && (e.value = e.value.filter((s) => s.id !== t), setTimeout(() => {
-        var s;
-        (s = c()) == null || s.recalcPosition();
-      }));
-    }, M = b(!1);
-    a.apiRequest && (I(M, () => {
-      M.value && r.setSearchTextAndLoad(l.value, !1);
-    }), I(l, () => r.setSearchTextAndLoad(l.value)));
-    const Z = (t) => {
-      const s = t.target;
-      s.scrollTop / (s.scrollHeight - s.offsetHeight) > 0.8 && r.loadAppend();
-    }, q = () => {
-      var t;
-      M.value = !1, (t = d.value) == null || t.focus(), l.value && (l.value = "", r.items.value = []);
-    };
-    return (t, s) => {
-      const m = le("top-focus");
-      return p(), k(O(de), {
-        ref_key: "popupRef",
-        ref: y,
-        onOpen: s[3] || (s[3] = (u) => M.value = !0),
-        onClose: s[4] || (s[4] = (u) => q()),
-        onScrollContentList: s[5] || (s[5] = (u) => t.apiRequest ? Z(u) : void 0),
-        notch: !1,
-        transitionDuration: 0
-      }, {
-        opener: $(() => [
-          Q((p(), v("div", {
-            ref_key: "elRef",
-            ref: d,
-            class: T({
-              "top-selector2": !0,
-              "top-selector2-multiselect": t.multiselect,
-              ["top-size_" + t.size]: !0,
-              "top-disabled": t.disabled,
-              "top-forms-focusable": !t.disabled,
-              "top-error": t.isError
-            }),
-            onKeydown: [
-              s[0] || (s[0] = B(S((u) => u.currentTarget.click(), ["stop", "prevent"]), ["up", "down", "enter", "space"])),
-              s[1] || (s[1] = B((u) => e.value = [], ["delete"]))
-            ],
-            tabindex: "0"
-          }, [
-            t.multiselect ? (p(), v("div", we, [
-              (p(!0), v(N, null, D(e.value, (u) => (p(), k(Te, {
-                id: u.id,
-                name: u.name,
-                onDelete: P
-              }, null, 8, ["id", "name"]))), 256))
-            ])) : V("", !0),
-            t.multiselect ? V("", !0) : (p(), v("span", $e, w(Array.isArray(e.value) ? "" : e.value.name), 1)),
-            t.addChanger && !t.multiselect && h.value.length > 1 && !t.disabled ? (p(), v("span", {
-              key: 2,
-              class: "top-changer top-changer-selector",
-              onClick: S(K, ["stop"])
-            })) : V("", !0)
-          ], 34)), [
-            [
-              m,
-              t.isError,
-              void 0,
-              { onupdate: !0 }
-            ]
-          ])
-        ]),
-        widget: $(() => [
-          R(O(pe), {
-            title: "Поиск",
-            icon: "",
-            modelValue: l.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (u) => l.value = u),
-            isLoading: o.value,
-            placeholder: !Array.isArray(e.value) && !t.multiselect && t.showSelectedInInput ? e.value.name : t.placeholder
-          }, null, 8, ["modelValue", "isLoading", "placeholder"])
-        ]),
-        contentList: $(() => [
-          (p(!0), v(N, null, D(i.value, (u) => (p(), k(O(Y), {
-            class: T({
-              "top-active": !Array.isArray(e.value) && !t.multiselect && e.value.name === u.name
-            }),
-            key: u.id ?? void 0,
-            onClick: S((C) => g(u), ["stop"])
-          }, {
-            default: $(() => [
-              t.$slots.item ? H(t.$slots, "item", {
-                key: 0,
-                item: u
-              }) : (p(), v(N, { key: 1 }, [
-                L(w(u.name), 1)
-              ], 64))
-            ]),
-            _: 2
-          }, 1032, ["class", "onClick"]))), 128)),
-          !o.value && !i.value.length ? (p(), k(O(Y), {
-            key: 0,
-            type: "regular"
-          }, {
-            default: $(() => [
-              L(w(t.$i18n.Common.No_results), 1)
-            ]),
-            _: 1
-          })) : V("", !0)
-        ]),
-        _: 3
-      }, 512);
-    };
-  }
-}), Se = ["data-top-icon"], Ie = { class: "top-info_text" }, Be = {
-  key: 0,
-  class: "top-info_value"
-}, Le = /* @__PURE__ */ _({
-  __name: "info",
-  props: {
-    icon: {},
-    styling: { default: "default" },
-    size: { default: "default" }
-  },
-  setup(n) {
-    return (a, e) => (p(), v("div", {
-      class: T({
-        "top-info": !0,
-        ["top-size_" + a.size]: !0,
-        ["top-info-styling_" + a.styling]: !0
-      }),
-      "data-top-icon": a.icon
-    }, [
-      E("div", Ie, [
-        H(a.$slots, "default")
-      ]),
-      a.$slots.additional ? (p(), v("span", Be, [
-        H(a.$slots, "additional")
-      ])) : V("", !0)
-    ], 10, Se));
-  }
-}), Ne = fe, ze = ye, Ge = Ve, De = ke, He = ce, Fe = Le;
-export {
-  Ne as TopEditArea,
-  ze as TopEditInput,
-  Fe as TopInfo,
-  He as TopMenu,
-  Ge as TopRadioGroup,
-  De as TopSelector2
-};
-//# sourceMappingURL=formsExt.js.map