@topvisor/ui 1.4.0 → 1.4.1-projectSelector.0

package/.chunks/policy.vue_vue_type_style_index_0_lang-DABqSSXw.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","./forms-4D_EVI46.amd","./popupHint.vue_vue_type_style_index_0_lang-B0BWXhHK.amd","./widgetInput.vue_vue_type_script_setup_true_lang-D7lVLE3D.amd","../utils/keyboard.amd","./field-Cvv0SRcJ.amd","../require/css.amd!../assets/policy.css"],(function(re,L,e,T,P,q,K,W){"use strict";if(typeof e>"u")var e=window.Vue;const O={key:0,class:"top-menu_selectAll"},z=e.defineComponent({__name:"menu",props:e.mergeModels({modelValue:{},items:{},isMultiple:{type:Boolean},canBeEmptyMultiple:{type:Boolean},styling:{default:"default"},selectAllItem:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const r=t,n=e.useModel(t,"modelValue"),l=e.ref();!r.isMultiple&&typeof n.value!="string"&&typeof n.value!="number"&&console.warn('Type check failed for prop "modelValue". Expected String: '+typeof n.value),r.isMultiple&&!Array.isArray(n.value)&&console.warn('Type check failed for prop "modelValue". Expected Array: '+typeof n.value),r.isMultiple&&!r.canBeEmptyMultiple&&Array.isArray(n.value)&&!n.value.length&&r.items[0]&&(n.value=[r.items[0]?.href??r.items[0]?.value]);const u=s=>Array.isArray(n.value)?n.value.includes(s.value):s.value===n.value,C=(s,d=!1)=>{if(Array.isArray(n.value)){let i=n.value.slice();if(d){i.length||(i=r.items.map(h=>h.value));const g=i.indexOf(s.value);g===-1?i.push(s.value):i.splice(g,1)}else i.length===1&&i[0]===s.value?i=[]:i=[s.value];!r.canBeEmptyMultiple&&!i.length&&(i=[s.value]),n.value=i;return}n.value=s.value},p=s=>{if(l.value.scrollWidth<=l.value.offsetWidth||s.shiftKey||Math.abs(s.deltaY)<50)return;s.preventDefault();const d=s.deltaY>0?30:-30;l.value.scrollLeft=l.value.scrollLeft+d},c=(s=!0)=>{const d=l.value.querySelector(".top-active");if(!d)return;const i=24,g=d.offsetLeft-l.value.offsetLeft-i,h=d.offsetLeft-l.value.offsetLeft+d.clientWidth+i,y=l.value.scrollLeft,w=l.value.clientWidth+l.value.scrollLeft;let k;g<y&&(k=g),h>w&&(k=h-l.value.clientWidth),k!==void 0&&(T.isSafari()?T.Core.$?.(l.value).animate({scrollLeft:k},s?200:0):l.value.scrollTo({left:k,behavior:s?"smooth":"auto"}))},o=()=>{if(Array.isArray(n.value)){if(n.value.length===r.items.length){n.value=[r.items[0].href??r.items[0].value];return}n.value=r.items.map(s=>s.href??s.value)}};return e.onMounted(()=>c(!1)),e.onUpdated(()=>c(!0)),(s,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:l,class:e.normalizeClass({"top-menu":!0,["top-style_"+t.styling]:!0}),onWheel:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,i=>(e.openBlock(),e.createBlock(T._sfc_main$1,e.mergeProps({ref_for:!0},i,{class:"top-menu_item",color:"theme",onClick:g=>C(i,g.ctrlKey||g.metaKey),isActive:u(i)}),e.createSlots({_:2},[i.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.content),1)]),key:"0"}:void 0]),1040,["onClick","isActive"]))),256)),Array.isArray(n.value)&&t.selectAllItem?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(T._sfc_main$1,e.mergeProps(t.selectAllItem,{class:"top-menu_item",color:"theme",styling:"",onClick:d[0]||(d[0]=i=>o()),isActive:n.value.length===t.items.length}),e.createSlots({_:2},[t.selectAllItem.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.selectAllItem.content),1)]),key:"0"}:void 0]),1040,["isActive"])])):e.createCommentVNode("",!0)],34))}}),U={class:"top-selector2_itemMulti top-ellipsis"},Y=e.defineComponent({__name:"itemMulti",props:{id:{},name:{}},emits:["delete"],setup(t){return(r,n)=>(e.openBlock(),e.createElementBlock("div",U,[e.createTextVNode(e.toDisplayString(t.name)+" ",1),e.createElementVNode("span",{class:"top-selector2_itemMultiDelete","data-top-icon":"",onClick:n[0]||(n[0]=l=>r.$emit("delete",{id:t.id,name:t.name})),onMousedown:n[1]||(n[1]=e.withModifiers(()=>{},["stop"]))},null,32)]))}}),x=new Map,H=t=>{x.get(t)?.clear()},J=t=>{const r=window.mo?.user?.id;return JSON.stringify(t.params)+":"+t.url+":"+r},j=(t,r)=>x.get(r)?.get(t),G=(t,r,n)=>{x.has(r)||x.set(r,new Map),x.get(r)?.set(t,n)},Q=(t,r,n,l)=>{const u=e.ref([]),C=e.ref(!1),p=e.ref(0);let c="",o;t&&!t.params.limit&&(t.params.limit=100);const s=async()=>{if(!t)return;const h=l?J(t):void 0;if(h){const k=j(h,t.path);if(k)return t.abortByFingerprint(),k}const y=await t.call();if(y.errors)return;if(!Array.isArray(y.result)){console.warn("Array expected in `res.result`");return}const w=y.result.findIndex(k=>k.id===void 0||k.name===void 0);if(w!==-1){console.warn(`В result[${w}] нет id или name`);return}return h&&G(h,t.path,y),y},d=async h=>{if(!t)return;if(h){if(!o||C.value)return;t.params.offset=o}else t.params.offset=0;r?.(t,c),C.value=!0;const y=await s();C.value=!1,p.value++,y&&(o=y.nextOffset,h?u.value=u.value.concat(y.result):u.value=y.result)},i=T.debounce(()=>d(!1),200);return{apiRequest:t,items:u,isLoading:C,countLoading:p,load:d,setSearchTextAndLoad:(h,y=!0)=>{if(t){if(h.length<n){t.abortByFingerprint(),u.value=[];return}h===c&&u.value.length||(c=h,y?i():d(!1))}}}},V=0,b=null,F=(t,r,n=!0)=>n&&r.id===b?Array.isArray(t)?t.some(l=>l.id===r.id&&l.name===r.name):r.name===t.name:Array.isArray(t)?t.some(l=>l.id===r.id):r.id===t.id,X=(t,r,n)=>{let l=t.params.filters??[];l=l.filter(u=>u.name!==n),r&&l.push(W.genFieldFilter(n,"CONTAINS",[r])),t.changeParams({filters:l})},Z=(t,r,n,l,u,C,p,c,o,s)=>{const d=e.ref(""),i={id:V,name:T.useI18n().Common.All},g=()=>{d.value=""},h=()=>!(!s.apiRequest||d.value.length>=o),y=e.computed(()=>{const a=[];return!l&&u.value&&(typeof u.value=="string"&&(i.name=u.value),a.push(i)),n.value?.forEach(S=>a.push({...S})),a}),w=e.ref([]),k=()=>{w.value=N()},N=()=>{const a=d.value.toLowerCase(),S=K.invertKeyboardLayout(a),f=a.replace(/^https?:\/\/(www\.)?|\/$/g,"");let B=[],D;const I=[],$=()=>{I.at(-1)?.listItemProps?.type==="delimiter"&&I.pop(),I.length&&(D&&B.push(D),B.push(...I),I.length=0)};for(const A of y.value)switch(A.listItemProps?.type){case"title":$(),D=A;break;case"delimiter":if(I.length){let R=I.length;I.at(-1)?.listItemProps?.type==="delimiter"&&R--,I[R]=A}break;default:const E=A.name.toLowerCase();(String(A.id).includes(a)||E.includes(a)||E.includes(S)||E.includes(f))&&(E===a||E===S?I.unshift(A):I.push(A))}if($(),B.push(...s.items.value),C.value&&d.value&&(!p.value||p.value(a))&&!B.find(A=>A.name.toLowerCase()===a)){const A={id:b,name:d.value};B.push(A)}return l&&(B=B.filter(A=>!F(t.value,A))),B},m=a=>{a.listItemProps?.type==="title"||a.listItemProps?.type==="delimiter"||(l&&Array.isArray(t.value)?F(t.value,a)||(t.value=[...t.value,a]):t.value=a,a.id===b&&r("appendItem",a),setTimeout(()=>{g()}))};if(s.apiRequest){const a=[n,s.items];l&&a.push(t),e.watch(a,()=>{k()})}else e.watch([t,n,d],()=>{k()},{immediate:!0,deep:2});return{searchText:d,resetSearch:g,genIsShort:h,itemsForShow:w,selectItem:m,selectNextItem:()=>{if(Array.isArray(t.value))return;const a=w.value.filter(B=>!["title","delimiter"].includes(B.listItemProps?.type??"")),f=(a.findIndex(B=>B.id===t.value.id)+1)%a.length;t.value={...a[f]}},deleteItemByItem:async a=>{Array.isArray(t.value)&&(t.value=t.value.filter(S=>S.id!==a.id||S.name!==a.name))}}},_={key:0,class:"top-selector2_activeItems"},ee={key:1,class:"top-selector2_activeName top-ellipsis"},te={key:2,class:"top-selector2_placeholder top-ellipsis"},le={class:"top-selector2_searchWidget"},ne=e.defineComponent({__name:"selector2",props:e.mergeModels({modelValue:{},items:{default:()=>[]},title:{},disabled:{type:Boolean},icon:{},modificator:{},size:{default:"s"},isError:{type:Boolean},openByFocusInput:{type:Boolean,default:void 0},searchType:{default:"popup"},placeholder:{},api:{},apiSetSearchParams:{},minLength:{default:0},useCache:{type:Boolean},appendSearchToResult:{type:Boolean},appendSearchToResultCond:{},multiselect:{type:Boolean},useAllItem:{type:[Boolean,String]},addChanger:{type:Boolean},buttonProps:{},selectedAsPlaceholder:{type:Boolean},openerShortcut:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["appendItem"],["update:modelValue"]),setup(t,{expose:r,emit:n}){const l=t,u=e.useModel(t,"modelValue"),C=n;r({resetCache:(m=!1)=>{c.apiRequest&&(m&&H(c.apiRequest.path),c.items.value=[],c.countLoading.value=0,c.apiRequest.params.offset=0,requestAnimationFrame(()=>{o.itemsForShow.value=[]}),i()?.elPopup&&c.setSearchTextAndLoad(o.searchText.value))}});const p=e.computed(()=>l.searchType==="inline"&&l.multiselect||l.searchType==="inline"&&T.Core.state.isMobile?"popup":l.searchType),c=Q(l.api,l.apiSetSearchParams,l.minLength,l.useCache),o=Z(u,C,e.toRef(l,"items"),l.multiselect,e.toRef(l,"useAllItem"),e.toRef(l,"appendSearchToResult"),e.toRef(l,"appendSearchToResultCond"),p,l.minLength,c),s=e.computed(()=>l.buttonProps?"TopButton":p.value==="inline"?"TopInput":"div"),d=e.ref(null),i=()=>d.value?.popup;c.apiRequest&&e.watch(o.searchText,()=>{c.setSearchTextAndLoad(o.searchText.value)});const g=e.computed(()=>Array.isArray(u.value)||l.multiselect||!l.selectedAsPlaceholder&&p.value!=="inline"?l.placeholder:u.value?.name||l.placeholder),h=m=>{let v=!1;switch(m.key){case"Delete":case"Backspace":Array.isArray(u.value)&&(m.preventDefault(),m.stopPropagation(),u.value.pop());break;case"ArrowUp":case"ArrowRight":case"ArrowDown":case"ArrowLeft":case"Enter":case" ":v=!0;break;case"Escape":p.value==="inline"&&o.resetSearch();break}const M=m.key.length===1&&!m.ctrlKey&&!m.metaKey;(p.value==="popup"||p.value==="inline")&&M&&(v=!0),i()?.elPopup&&(v=!1),v&&(p.value==="popup"&&(m.preventDefault(),m.stopPropagation(),M&&(o.searchText.value||(o.searchText.value=m.key))),m.currentTarget?.click())},y=m=>{m.preventDefault(),o.selectNextItem()},w=()=>{c.apiRequest&&c.setSearchTextAndLoad(o.searchText.value,!1)},k=()=>{p.value==="popup"&&o.searchText.value&&o.resetSearch()},N=m=>{const v=m.target;v.scrollTop/(v.scrollHeight-v.offsetHeight)>.8&&c.load(!0)};return(m,v)=>{const M=e.resolveComponent("TopLoadbar"),a=e.resolveDirective("top-focus"),S=e.resolveDirective("top-shortcut");return e.openBlock(),e.createBlock(e.unref(P._sfc_main),{ref_key:"popupRef",ref:d,onOpen:v[3]||(v[3]=f=>w()),onClose:v[4]||(v[4]=f=>k()),onScrollContentList:v[5]||(v[5]=f=>e.unref(c)?N(f):void 0),notch:!1,transitionDuration:0,openByFocusInput:p.value==="inline"&&(t.openByFocusInput??!0),disabled:p.value==="inline"&&e.unref(o).genIsShort()},e.createSlots({opener:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),e.mergeProps(t.buttonProps,{class:{"top-selector2":!0,"top-selector2-multiselect":t.multiselect,["top-selector2-"+t.modificator]:!!t.modificator,"top-as-input":!t.buttonProps&&p.value!=="inline","top-as-selector":!0,["top-size_"+t.size]:!0,"top-disabled":t.disabled,"top-forms-focusable":!t.disabled,"top-error":t.isError},icon:t.icon,tabindex:"0",onKeydown:h,onBlur:v[0]||(v[0]=f=>p.value==="inline"&&e.unref(o).resetSearch()),placeholder:g.value,title:t.title,captionType:p.value==="inline"&&t.title!==void 0?"top":void 0,modelValue:e.unref(o).searchText.value,"onUpdate:modelValue":v[1]||(v[1]=f=>e.unref(o).searchText.value=f)}),{default:e.withCtx(()=>[t.multiselect?(e.openBlock(),e.createElementBlock("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,f=>(e.openBlock(),e.createBlock(Y,{id:f.id,name:f.name,onDelete:e.unref(o).deleteItemByItem},null,8,["id","name","onDelete"]))),256))])):e.createCommentVNode("",!0),p.value!=="inline"&&!t.multiselect?(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(Array.isArray(u.value)?"":u.value.name),1)):e.createCommentVNode("",!0),t.multiselect&&!u.value.length?(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(g.value),1)):e.createCommentVNode("",!0),t.addChanger&&!t.buttonProps&&!t.multiselect&&e.unref(o).itemsForShow.value.length>1&&!t.disabled?(e.openBlock(),e.createElementBlock("span",{key:3,class:"top-changer top-changer-selector","data-top-popup-disabled":"true",onClick:y})):e.createCommentVNode("",!0)]),_:1},16,["class","icon","placeholder","title","captionType","modelValue"])),[[a,t.isError,void 0,{onupdate:!0}],[S,t.openerShortcut]])]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).itemsForShow.value,f=>(e.openBlock(),e.createBlock(e.unref(P._sfc_main$2),e.mergeProps({key:f.id??void 0,class:{"top-active":!Array.isArray(u.value)&&!t.multiselect&&u.value.id===f.id&&u.value.name===f.name,"top-selector2_item-all":f.id===e.unref(V),"top-selector2_item-new":f.id===e.unref(b)}},{ref_for:!0},f.listItemProps,{closeByClick:!t.multiselect||e.unref(T.Core).state.isMobile,onClick:B=>e.unref(o).selectItem(f)}),{default:e.withCtx(()=>[m.$slots.item?e.renderSlot(m.$slots,"item",{key:0,item:f}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(f.name),1)],64))]),_:2},1040,["class","closeByClick","onClick"]))),128)),!e.unref(o).itemsForShow.value.length&&!e.unref(o).genIsShort()?(e.openBlock(),e.createBlock(e.unref(P._sfc_main$2),{key:0,type:"regular"},{default:e.withCtx(()=>[!e.unref(c).isLoading.value||e.unref(c).countLoading.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(m.$i18n.Common.No_results),1)],64)):(e.openBlock(),e.createBlock(e.unref(T._sfc_main$12),{key:1,type:"circles"}))]),_:1})):e.createCommentVNode("",!0),e.unref(c).countLoading.value&&e.unref(c).isLoading.value&&p.value==="inline"?(e.openBlock(),e.createBlock(M,{key:1})):e.createCommentVNode("",!0)]),_:2},[p.value==="popup"?{name:"widget",fn:e.withCtx(()=>[e.createElementVNode("div",le,[e.withDirectives(e.createVNode(e.unref(q._sfc_main),{title:"Поиск",icon:"",modelValue:e.unref(o).searchText.value,"onUpdate:modelValue":v[2]||(v[2]=f=>e.unref(o).searchText.value=f),isLoading:!!e.unref(c).countLoading.value&&e.unref(c).isLoading.value,placeholder:g.value},null,8,["modelValue","isLoading","placeholder"]),[[a,u.value,void 0,{onupdate:!0}]]),e.renderSlot(m.$slots,"widgetAction")])]),key:"0"}:void 0]),1032,["openByFocusInput","disabled"])}}});L.ITEM_ID_ALL=V,L.ITEM_ID_NEW=b,L._sfc_main=ne,L._sfc_main$1=z,L.apiSetSearchParamsFilter=X}));
+//# sourceMappingURL=policy.vue_vue_type_style_index_0_lang-DABqSSXw.amd.js.map

package/.chunks/policy.vue_vue_type_style_index_0_lang-DABqSSXw.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy.vue_vue_type_style_index_0_lang-DABqSSXw.amd.js","sources":["../../src/components/formsExt/menu/menu.vue","../../src/components/formsExt/selector2/itemMulti.vue","../../src/components/formsExt/selector2/cache.ts","../../src/components/formsExt/selector2/composables/useAPI.ts","../../src/components/formsExt/selector2/utils.ts","../../src/components/formsExt/selector2/composables/useMenu.ts","../../src/components/formsExt/selector2/selector2.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onMounted, onUpdated, ref } from 'vue';\r\nimport type { Item, Props } from './types';\r\nimport Core from '@/core/core/core';\r\nimport { isSafari } from '@/core/utils/device';\r\nimport TopButton from '@/components/forms/button/button.vue';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tstyling: 'default',\r\n});\r\n\r\nconst model = defineModel({\r\n\trequired: true,\r\n});\r\n\r\nconst el = ref();\r\n\r\n// валидация типа modelValue без возможности выбора нескольких значений (ожидается строка или число)\r\nif (!props.isMultiple && typeof (model.value) !== 'string' && typeof (model.value) !== 'number') {\r\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected String: ' + typeof (model.value));\r\n}\r\n\r\n// валидация типа modelValue с возможностью выбора нескольких значений (ожидается массив)\r\nif (props.isMultiple && !Array.isArray(model.value)) {\r\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected Array: ' + typeof (model.value));\r\n}\r\n\r\n/**\r\n * Для множественного выбора без пустого множества\r\n *\r\n * Если ничего не выбрано, присваиваем 1-ое значение\r\n */\r\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\r\n\tmodel.value = [props.items[0]?.href ?? props.items[0]?.value];\r\n}\r\n\r\nconst itemIsActive = (item: Item) => {\r\n\tif (!Array.isArray(model.value)) {\r\n\t\treturn item.value === model.value;\r\n\t}\r\n\r\n\treturn model.value.includes(item.value);\r\n};\r\n\r\n/**\r\n * Выбрать элемент\r\n * @param item\r\n * @param toggle - добавить или исключить элемент, для isMultiple\r\n */\r\nconst select = (item: Item, toggle = false) => {\r\n\tif (Array.isArray(model.value)) {\r\n\t\tlet modelNew = model.value.slice();\r\n\r\n\t\tif (toggle) {\r\n\t\t\tif (!modelNew.length) modelNew = props.items.map(item => item.value);\r\n\r\n\t\t\tconst index = modelNew.indexOf(item.value);\r\n\t\t\tif (index === -1) {\r\n\t\t\t\tmodelNew.push(item.value);\r\n\t\t\t} else {\r\n\t\t\t\tmodelNew.splice(index, 1);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (modelNew.length === 1 && modelNew[0] === item.value) {\r\n\t\t\t\tmodelNew = [];\r\n\t\t\t} else {\r\n\t\t\t\tmodelNew = [item.value];\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!props.canBeEmptyMultiple && !modelNew.length) modelNew = [item.value];\r\n\r\n\t\tmodel.value = modelNew;\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tmodel.value = item.value;\r\n};\r\n\r\n// вертикальный скролл в горизонтальный скролл\r\nconst onWheel = (event: WheelEvent) => {\r\n\tif (el.value.scrollWidth <= el.value.offsetWidth) return;\r\n\tif (event.shiftKey) return;\r\n\tif (Math.abs(event.deltaY) < 50) return; // устройство с высокой точностью, например тачпад\r\n\r\n\tevent.preventDefault();\r\n\r\n\tconst delta = event.deltaY > 0 ? 30 : -30;\r\n\tel.value.scrollLeft = el.value.scrollLeft + delta;\r\n};\r\n\r\n/**\r\n * Замена стандартному scrollIntoView, который меняет скролл документа\r\n *\r\n * Выравнивание по ближнему краю элемента\r\n *\r\n * Выравнивается таким образом, чтобы был виден соседний элемент\r\n */\r\nconst scrollIntoView = (isSmooth = true) => {\r\n\tconst elBtn = el.value.querySelector('.top-active');\r\n\tif (!elBtn) return;\r\n\r\n\tconst gap = 24;\r\n\r\n\t// левая и правая координаты элемента\r\n\tconst leftMargin = elBtn.offsetLeft - el.value.offsetLeft - gap;\r\n\tconst rightMargin = elBtn.offsetLeft - el.value.offsetLeft + elBtn.clientWidth + gap;\r\n\r\n\t// левая и правая границы видимой части меню\r\n\tconst leftMarginParent = el.value.scrollLeft;\r\n\tconst rightMarginParent = el.value.clientWidth + el.value.scrollLeft;\r\n\r\n\tlet scrollLeft: number | undefined = undefined;\r\n\r\n\t// левую границу элемента к левой границе меню\r\n\tif (leftMargin < leftMarginParent) scrollLeft = leftMargin;\r\n\r\n\t// правую границу элемента к правой границе меню\r\n\tif (rightMargin > rightMarginParent) scrollLeft = rightMargin - el.value.clientWidth;\r\n\r\n\tif (scrollLeft !== undefined) {\r\n\t\tif (isSafari()) {\r\n\t\t\tCore.$?.(el.value).animate({ scrollLeft: scrollLeft }, isSmooth ? 200 : 0);\r\n\t\t} else {\r\n\t\t\tel.value.scrollTo({ left: scrollLeft, behavior: isSmooth ? 'smooth' : 'auto' });\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * Выбрать все элементы в меню\r\n */\r\nconst selectAll = () => {\r\n\tif (!Array.isArray(model.value)) return;\r\n\r\n\tif (model.value.length === props.items.length) {\r\n\t\tmodel.value = [props.items[0].href ?? props.items[0].value];\r\n\t\treturn;\r\n\t}\r\n\r\n\tmodel.value = props.items.map(item => item.href ?? item.value);\r\n};\r\n\r\nonMounted(() => scrollIntoView(false));\r\nonUpdated(() => scrollIntoView(true));\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\tref=\"el\"\r\n\t\t:class=\"{\r\n\t\t\t'top-menu': true,\r\n\t\t\t['top-style_' + styling]: true,\r\n\t\t\t// ['top-unwrap-x']: styling === 'default',\r\n\t\t}\"\r\n\t\t@wheel=\"onWheel\"\r\n\t>\r\n\t\t<TopButton\r\n\t\t\tv-for=\"item in items\"\r\n\t\t\t:=\"item\"\r\n\t\t\tclass=\"top-menu_item\"\r\n\t\t\tcolor=\"theme\"\r\n\t\t\t@click=\"select(item, $event.ctrlKey || $event.metaKey)\"\r\n\t\t\t:isActive=\"itemIsActive(item)\"\r\n\t\t>\r\n\t\t\t<template #default v-if=\"item.content\">\r\n\t\t\t\t{{ item.content }}\r\n\t\t\t</template>\r\n\t\t</TopButton>\r\n\r\n\t\t<div\r\n\t\t\tv-if=\"Array.isArray(model) && selectAllItem\"\r\n\t\t\tclass=\"top-menu_selectAll\"\r\n\t\t>\r\n\t\t\t<TopButton\r\n\t\t\t\t:=\"selectAllItem\"\r\n\t\t\t\tclass=\"top-menu_item\"\r\n\t\t\t\tcolor=\"theme\"\r\n\t\t\t\tstyling=\"\"\r\n\t\t\t\t@click=\"selectAll()\"\r\n\t\t\t\t:isActive=\"model.length === items.length\"\r\n\t\t\t>\r\n\t\t\t\t<template #default v-if=\"selectAllItem.content\">\r\n\t\t\t\t\t{{ selectAllItem.content }}\r\n\t\t\t\t</template>\r\n\t\t\t</TopButton>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-menu {\r\n\t--scroll-thumb-color: var(--color-line-1);\r\n\t--scroll-thumb-color-hover: var(--color-line-2);\r\n\t--scroll-thumb-color-active: var(--color-line-3);\r\n\r\n\tmax-width: 100%;\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\tgap: var(--top-gap-2);\r\n\toverflow-x: auto;\r\n\tscrollbar-width: none; /* firefox */\r\n\r\n\t/* предотвратить натинвые события браузера (назад / вперед) */\r\n\toverscroll-behavior-x: contain;\r\n}\r\n\r\n.top-menu::-webkit-scrollbar { display: none; }\r\n\r\n.top-menu .top-menu_item {\r\n\t--top-button-color: var(--color-text-2);\r\n\r\n\toutline-offset: -2px !important;\r\n\tmin-width: 0;\r\n\tmax-width: 200px;\r\n\tmargin: 0;\r\n\tflex-shrink: 0;\r\n}\r\n\r\n.top-menu .top-menu_item[data-top-icon] {\r\n\t--top-icon-color: var(--color-text-2);\r\n}\r\n\r\n.top-menu_selectAll {\r\n\tposition: sticky;\r\n\tright: 0;\r\n\tbackground: var(--color-layout-front-1);\r\n\tborder-left: 1px solid var(--color-line-1);\r\n\tpadding-left: var(--top-padding-1);\r\n\tbox-shadow: var(--color-layout-front-1) var(--top-padding-2) 0px;\r\n}\r\n\r\n/* style default */\r\n.top-menu.top-style_default .top-menu_item {\r\n\t--top-forms-radius: 0;\r\n\t--top-forms-border-color: transparent;\r\n\t--top-forms-border-width: 2px;\r\n\r\n\tfilter: none;\r\n\tbox-shadow: none;\r\n\tborder: none;\r\n\tborder-bottom: var(--top-forms-border-width) solid var(--top-forms-border-color);\r\n\tbackground: none;\r\n}\r\n\r\n.top-style_default > .top-menu_item > [data-top-badge] {\r\n\tmargin-top: 0;\r\n}\r\n\r\n.top-menu.top-style_default .top-menu_item:hover {\r\n\t--top-icon-color: var(--color-text-1);\r\n\t--top-button-color: var(--color-text-1);\r\n\t--top-forms-border-color: var(--color-line-2);\r\n}\r\n\r\n.top-menu.top-style_default .top-menu_item:active,\r\n.top-menu.top-style_default .top-menu_item.top-active {\r\n\t--top-icon-color: var(--color-text-primary);\r\n\t--top-button-color: var(--color-text-1);\r\n\t--top-forms-border-color: var(--color-line-primary-1);\r\n}\r\n\r\n.top-menu.top-style_default .top-menu_selectAll {\r\n\tpadding-left: var(--top-padding-2);\r\n}\r\n\r\n/* style bar */\r\n.top-menu.top-style_bar {\r\n\tborder-radius: var(--top-radius-3);\r\n\tborder: 1px solid var(--color-line-2);\r\n\tpadding: var(--top-padding-1);\r\n\tgap: 3px;\r\n}\r\n.top-menu.top-style_bar .top-menu_item {\r\n\t--top-button-background-color-hover: var(--color-layer-1);\r\n\t--top-button-background-color-active: var(--color-layer-2);\r\n\t--top-button-background-color-selected: var(--color-layer-primary-1);\r\n\r\n\tposition: relative;\r\n}\r\n\r\n.top-menu.top-style_bar .top-menu_item:hover {\r\n\t--top-icon-color: var(--color-text-1);\r\n\t--top-button-color: var(--color-text-1);\r\n}\r\n\r\n.top-menu.top-style_bar .top-menu_item.top-active {\r\n\t--top-icon-color: var(--color-text-primary);\r\n\t--top-button-color: var(--color-text-primary);\r\n}\r\n\r\n/* разделители кнопок в баре */\r\n.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after {\r\n\tcontent: \"\";\r\n\tbackground: var(--color-line-1-opacity);\r\n\twidth: 1px;\r\n\theight: 60%;\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tleft: -2px;\r\n}\r\n.top-menu.top-style_bar .top-menu_item.top-active + .top-menu_item:after,\r\n.top-menu.top-style_bar .top-menu_item:hover + .top-menu_item:after {\r\n\tcontent: none !important;\r\n}\r\n\r\n/*\r\n.top-style_bar > .top-menu_item > [data-top-badge] {\r\n\tmargin-top: -3px;\r\n}\r\n*/\r\n\r\n/** TODO: .top-unwrap-x надо вынести глобально в UI или добавить в стили для storybook */\r\n/*\r\n.top-menu.top-unwrap-x {\r\n\tpadding-right: var(--top-unwrap-x);\r\n\tpadding-left: var(--top-unwrap-x);\r\n\tmargin-right: calc(0px - var(--top-unwrap-x));\r\n\tmargin-left: calc(0px - var(--top-unwrap-x));\r\n}\r\n*/\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport type { EmitsItemMulti, PropsItemMulti } from './types';\r\n\r\ndefineProps<PropsItemMulti>();\r\ndefineEmits<EmitsItemMulti>();\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-selector2_itemMulti top-ellipsis\">\r\n\t\t{{ name }}\r\n\r\n\t\t<span\r\n\t\t\tclass=\"top-selector2_itemMultiDelete\"\r\n\t\t\tdata-top-icon=\"\"\r\n\t\t\t@click=\"$emit('delete', {id, name})\"\r\n\t\t\t@mousedown.stop\r\n\t\t></span>\r\n\t</div>\r\n</template>\r\n\r\n<style>\r\n.top-selector2_itemMulti {\r\n\tbox-sizing: border-box;\r\n\tpadding-left: var(--top-padding-2);\r\n\tborder-radius: var(--top-radius-1, 4px);\r\n\tborder: 1px solid var(--color-line-primary-1);\r\n\tbackground: var(--color-layer-primary-2);\r\n\tmin-height: 22px;\r\n\tmax-width: 100%;\r\n\tcolor: var(--color-text-1);\r\n\tflex-grow: 0;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tgap: var(--top-gap-1);\r\n}\r\n\r\n.top-selector2_itemMultiDelete {\r\n\t--top-icon-size: 14px;\r\n\t--top-icon-width: 18px;\r\n\t--top-icon-color: var(--color-text-1);\r\n\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\theight: 100%;\r\n\tcursor: pointer;\r\n}\r\n\r\n.top-selector2_itemMultiDelete:hover {\r\n\tbackground: var(--color-layer-primary-2);\r\n}\r\n\r\n@media screen and (min-width: 900px) {\r\n\t.top-selector2.top-active .top-selector2_itemMultiDelete {\r\n\t\tz-index: calc(var(--top-popup-z-index) + 1);\r\n\t}\r\n}\r\n</style>\r\n","import type { Props } from './types';\r\n\r\n/**\r\n * Список кешей для конкретного API метода\r\n */\r\nexport const cacheByMethod = new Map<Api.PathAbstract, Map<string, any>>();\r\n\r\n/**\r\n * Сброс кеша конкретного API метода\r\n */\r\nexport const clearCache = (apiPath: Api.PathAbstract) => {\r\n\tcacheByMethod.get(apiPath)?.clear();\r\n};\r\n\r\nexport const genCacheKey = (api: NonNullable<Props['api']>) => {\r\n\tconst userId = window['mo']?.user?.id;\r\n\r\n\tconst cacheKey = JSON.stringify(api.params) + ':' + api.url + ':' + userId;\r\n\r\n\treturn cacheKey;\r\n};\r\n\r\nexport const getCache = (cacheKey: string, apiPath: Api.PathAbstract) => {\r\n\treturn cacheByMethod.get(apiPath)?.get(cacheKey);\r\n};\r\n\r\nexport const setCache = (cacheKey: string, apiPath: Api.PathAbstract, data: any) => {\r\n\tif (!cacheByMethod.has(apiPath)) {\r\n\t\tcacheByMethod.set(apiPath, new Map());\r\n\t}\r\n\r\n\tcacheByMethod.get(apiPath)?.set(cacheKey, data);\r\n};\r\n","import { ref } from 'vue';\r\nimport { debounce } from '../../../../core/utils/lodash';\r\nimport type { Item, Props } from '../types';\r\nimport { genCacheKey, getCache, setCache } from '../cache';\r\n\r\nexport type API = ReturnType<typeof useAPI>;\r\n\r\nexport const useAPI = (\r\n\tapi: Props['api'],\r\n\tapiSetSearchParams: Props['apiSetSearchParams'],\r\n\tminLength: number,\r\n\tuseCache: Props['useCache'],\r\n) => {\r\n\t/**\r\n\t * Список, полученный через API\r\n\t */\r\n\tconst items = ref<Item[]>([]);\r\n\r\n\t/**\r\n\t * Флаг - идет загрузка\r\n\t */\r\n\tconst isLoading = ref(false);\r\n\r\n\tconst countLoading = ref(0);\r\n\r\n\tlet searchText = '';\r\n\tlet nextOffset: number | null | undefined;\r\n\r\n\tif (api && !api.params.limit) {\r\n\t\tapi.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 callAPI = async (): Promise<Api.ResponseSuccess<any, 'get'> | undefined> => {\r\n\t\tif (!api) return;\r\n\r\n\t\tconst cacheKey = useCache ? genCacheKey(api) : undefined;\r\n\r\n\t\tif (cacheKey) {\r\n\t\t\tconst cache = getCache(cacheKey, api.path);\r\n\t\t\tif (cache) {\r\n\t\t\t\t// остановить запущенные api запросы\r\n\t\t\t\tapi.abortByFingerprint();\r\n\r\n\t\t\t\treturn cache;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst res = await api.call();\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('Array expected in `res.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 (cacheKey) {\r\n\t\t\tsetCache(cacheKey, api.path, res);\r\n\t\t}\r\n\r\n\t\treturn res as Api.ResponseSuccess<any, 'get'>;\r\n\t};\r\n\r\n\t/**\r\n\t * Загрузить items\r\n\t */\r\n\tconst load = async (append: boolean) => {\r\n\t\tif (!api) return;\r\n\r\n\t\tif (append) {\r\n\t\t\t// данных о следующих страницах не обнаружено\r\n\t\t\tif (!nextOffset) return;\r\n\r\n\t\t\t// дозагружать нельзя, если не завершена предыдущая загрузка\r\n\t\t\tif (isLoading.value) return;\r\n\r\n\t\t\tapi.params.offset = nextOffset;\r\n\t\t} else {\r\n\t\t\tapi.params.offset = 0;\r\n\t\t}\r\n\r\n\t\tapiSetSearchParams?.(api, searchText);\r\n\r\n\t\tisLoading.value = true;\r\n\t\tconst res = await callAPI();\r\n\t\tisLoading.value = false;\r\n\r\n\t\tcountLoading.value++;\r\n\r\n\t\tif (!res) return;\r\n\r\n\t\tnextOffset = res.nextOffset;\r\n\r\n\t\tif (append) {\r\n\t\t\titems.value = items.value.concat(res.result);\r\n\t\t} else {\r\n\t\t\titems.value = res.result;\r\n\t\t}\r\n\t};\r\n\r\n\tconst loadDebounce = debounce(() => load(false), 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 *\r\n\t * @param newSearchText - текст поиска\r\n\t * @param useDebounce - дедупликация загрузки списка\r\n\t */\r\n\tconst setSearchTextAndLoad = (newSearchText: string, useDebounce = true) => {\r\n\t\tif (!api) return;\r\n\r\n\t\t// остановить начатый поиск и сбросить результаты\r\n\t\tif (newSearchText.length < minLength) {\r\n\t\t\tapi.abortByFingerprint();\r\n\r\n\t\t\titems.value = [];\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// условия поиска не поменялись, данные загружены\r\n\t\tif (newSearchText === searchText && items.value.length) return;\r\n\r\n\t\tsearchText = newSearchText;\r\n\r\n\t\tif (useDebounce) {\r\n\t\t\tvoid loadDebounce();\r\n\t\t} else {\r\n\t\t\tvoid load(false);\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\tapiRequest: api,\r\n\t\titems,\r\n\t\tisLoading,\r\n\t\tcountLoading,\r\n\t\tload,\r\n\t\tsetSearchTextAndLoad,\r\n\t};\r\n};\r\n","import type { Item, Props } from './types';\r\nimport { genFieldFilter } from '@/api/api';\r\n\r\n/**\r\n * Универсальный id для всех элементов \"Все элементы\" / \"Без фильтра\" в `TopSelector`\r\n */\r\nexport const ITEM_ID_ALL = 0;\r\n\r\n/**\r\n * Универсальный id для всех добавляемых элементов через `TopSelector`\r\n */\r\nexport const ITEM_ID_NEW = null;\r\n\r\n/**\r\n * Выбран ли элемент\r\n */\r\nexport const isSelected = (modelValue: Props['modelValue'], item: Item, checkNameForNullId = true) => {\r\n\tif (checkNameForNullId && item.id === ITEM_ID_NEW) {\r\n\t\tif (Array.isArray(modelValue)) {\r\n\t\t\treturn modelValue.some(itemSelected => itemSelected.id === item.id && itemSelected.name === item.name);\r\n\t\t} else {\r\n\t\t\treturn item.name === modelValue.name;\r\n\t\t}\r\n\t}\r\n\r\n\tif (Array.isArray(modelValue)) {\r\n\t\treturn modelValue.some(itemSelected => itemSelected.id === item.id);\r\n\t} else {\r\n\t\treturn item.id === modelValue.id;\r\n\t}\r\n};\r\n\r\n/**\r\n * Вспомогательная утилита для создания `callback` функции на добавление фильтра по полю в api запрос\r\n *\r\n * Другие фильтры по указанному полю будут удалены\r\n *\r\n * @param api - api, которое используется в `TopSelector`\r\n * @param search - введенная строка поиска\r\n * @param fieldName - имя поля, по которому надо добавить фильтр на поиск по нестрогому соответствию\r\n */\r\nexport const apiSetSearchParamsFilter = (api: NonNullable<Props['api']>, search: string, fieldName: string) => {\r\n\tlet filters = api.params.filters ?? [];\r\n\r\n\t// удаление других фильтров по этому полю\r\n\tfilters = filters.filter((filter) => filter.name !== fieldName);\r\n\r\n\tif (search) {\r\n\t\tfilters.push(genFieldFilter(fieldName, 'CONTAINS', [search]));\r\n\t}\r\n\r\n\tapi.changeParams({ filters });\r\n};\r\n","import { computed, type ComputedRef, ref, type Ref, watch } from 'vue';\nimport { invertKeyboardLayout } from '@/core/utils/keyboard';\nimport type { Item, Props } from '../types';\nimport { type API } from './useAPI';\nimport { isSelected, ITEM_ID_ALL, ITEM_ID_NEW } from '../utils';\nimport { useI18n } from '@/core/plugins/i18n';\n\n/**\n * Функционал поиска\n */\nexport const useMenu = (\n\tmodel: Ref<Props['modelValue']>,\n\temits: ReturnType<typeof defineEmits>,\n\titems: Ref<Props['items']>,\n\tmultiselect: Props['multiselect'],\n\tuseAllItem: Ref<Props['useAllItem']>,\n\tappendSearchToResult: Ref<Props['appendSearchToResult']>,\n\tappendSearchToResultCond: Ref<Props['appendSearchToResultCond']>,\n\tsearchType: Ref<Props['searchType']>,\n\tminLength: number,\n\tapi: API,\n) => {\n\t/**\n\t * Текст поиска по результатам\n\t */\n\tconst searchText = ref('');\n\n\t/**\n\t * Объект, представляющий опцию \"Все\"\n\t */\n\tconst itemAll = {\n\t\tid: ITEM_ID_ALL,\n\t\tname: useI18n().Common.All as string,\n\t};\n\n\t/**\n\t * Сброс поиска\n\t */\n\tconst resetSearch = () => {\n\t\tsearchText.value = '';\n\t};\n\n\t/**\n\t * Является ли строка поиска достаточной длины для отображения меню\n\t */\n\tconst genIsShort = () => {\n\t\tif (!api.apiRequest) return false;\n\t\tif (searchText.value.length >= minLength) return false;\n\n\t\treturn true;\n\t};\n\n\t/**\n\t * Варианты выбора: props.items + \"Выбрать все\"\n\t */\n\tconst localItems: ComputedRef<Item[]> = computed(() => {\n\t\tconst localItems: Item[] = [];\n\n\t\tif (!multiselect && useAllItem.value) {\n\t\t\tif (typeof useAllItem.value === 'string') {\n\t\t\t\titemAll.name = useAllItem.value;\n\t\t\t}\n\n\t\t\tlocalItems.push(itemAll);\n\t\t}\n\n\t\titems.value?.forEach(item => localItems.push({ ...item }));\n\n\t\treturn localItems;\n\t});\n\n\t/**\n\t * Не используем `computed` в пользу ручного порядка пересчета значения\n\t */\n\tconst itemsForShow = ref<Item[]>([]);\n\n\tconst recalcItemsForShow = () => {\n\t\titemsForShow.value = genItemsForShow();\n\t};\n\n\t/**\n\t * Подготовленный список меню, который содержит в сумме:\n\t * - prop.items: указанный список с учетом фильтра и опций компонента\n\t * - api.items: результаты api запроса, если используется api\n\t *\n\t * @returns Отфильтрованный массив элементов для отображения\n\t */\n\tconst genItemsForShow = () => {\n\t\tconst searchString = searchText.value.toLowerCase();\n\t\tconst searchStringInvertKeyboard = invertKeyboardLayout(searchString);\n\t\tconst searchStringNormalized = searchString.replace(/^https?:\\/\\/(www\\.)?|\\/$/g, '');\n\n\t\tlet items: Item[] = [];\n\n\t\t/**\n\t\t * Элемент текущего разделителя в цикле\n\t\t *\n\t\t * Для скрытия / отображения только нужных заголовков и разделителей при поиске\n\t\t *\n\t\t * Логика для `api.items` должна реализовываться в api или api клиенте при генерации элементов\n\t\t */\n\t\tlet itemTitleCategory: Item | undefined;\n\t\tconst itemsCategory: Item[] = [];\n\n\t\t/**\n\t\t * Добавить элементы в результирующий список\n\t\t */\n\t\tconst flushCategory = () => {\n\t\t\t// крайний разделитель не выводить\n\t\t\tif (itemsCategory.at(-1)?.listItemProps?.type === 'delimiter') {\n\t\t\t\titemsCategory.pop();\n\t\t\t}\n\n\t\t\tif (itemsCategory.length) {\n\t\t\t\tif (itemTitleCategory) {\n\t\t\t\t\titems.push(itemTitleCategory);\n\t\t\t\t}\n\n\t\t\t\titems.push(...itemsCategory);\n\n\t\t\t\titemsCategory.length = 0;\n\t\t\t}\n\t\t};\n\n\t\tfor (const item of localItems.value) {\n\t\t\tswitch (item.listItemProps?.type) {\n\t\t\t\tcase 'title':\n\t\t\t\t\tflushCategory();\n\n\t\t\t\t\titemTitleCategory = item;\n\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase 'delimiter':\n\t\t\t\t\t// вставить разделитель один раз и только если категория не пуста\n\t\t\t\t\tif (itemsCategory.length) {\n\t\t\t\t\t\tlet index = itemsCategory.length;\n\t\t\t\t\t\tif (itemsCategory.at(-1)?.listItemProps?.type === 'delimiter') index--;\n\n\t\t\t\t\t\titemsCategory[index] = item;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tconst name = item.name.toLowerCase();\n\t\t\t\t\tif (\n\t\t\t\t\t\tString(item.id).includes(searchString) ||\n\t\t\t\t\t\tname.includes(searchString) ||\n\t\t\t\t\t\tname.includes(searchStringInvertKeyboard) ||\n\t\t\t\t\t\tname.includes(searchStringNormalized)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif (name === searchString || name === searchStringInvertKeyboard) {\n\t\t\t\t\t\t\t// точные совпадения в начало\n\t\t\t\t\t\t\titemsCategory.unshift(item);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\titemsCategory.push(item);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tflushCategory();\n\n\t\titems.push(...api.items.value);\n\n\t\t// ввод произвольного значения\n\t\tif (\n\t\t\tappendSearchToResult.value &&\n\t\t\t!!searchText.value &&\n\t\t\t(!appendSearchToResultCond.value || appendSearchToResultCond.value(searchString)) &&\n\n\t\t\t// результаты могут быть найдены, но не точные, тогда предложить добавить элемент\n\t\t\t!items.find((item) => item.name.toLowerCase() === searchString)\n\t\t) {\n\t\t\tconst itemNew = {\n\t\t\t\tid: ITEM_ID_NEW,\n\t\t\t\tname: searchText.value,\n\t\t\t};\n\n\t\t\t// предложение всегда отображается внизу, чтобы не мешать результатам поиска\n\t\t\titems.push(itemNew);\n\t\t}\n\n\t\tif (multiselect) {\n\t\t\titems = items.filter(item => !isSelected(model.value, item));\n\t\t}\n\n\t\treturn items;\n\t};\n\n\t/**\n\t * Выбрать элемент\n\t *\n\t * @param item Элемент для выбора\n\t */\n\tconst selectItem = (item: Item) => {\n\t\t// это невыбираемый элемент\n\t\tif (item.listItemProps?.type === 'title' || item.listItemProps?.type === 'delimiter') {\n\t\t\treturn;\n\t\t}\n\n\t\tif (multiselect && Array.isArray(model.value)) {\n\t\t\tif (!isSelected(model.value, item)) {\n\t\t\t\tmodel.value = [...model.value, item];\n\t\t\t}\n\t\t} else {\n\t\t\tmodel.value = item;\n\t\t}\n\n\t\tif (item.id === ITEM_ID_NEW) {\n\t\t\temits('appendItem', item);\n\t\t}\n\n\t\t/**\n\t\t * Отложить перерисовку\n\t\t *\n\t\t * fix: Перерисовка меню выполняется раньше, чем срабатывает `click`.\n\t\t * Из-за этого обработчик кликов думает, что клик был вне меню и не закрывает окно\n\t\t *\n\t\t * Файл: @/components/popup/lib/popup.globalEvents.ts\n\t\t *\n\t\t * Функция: onclick()\n\t\t *\n\t\t * ```\n\t\t * const elPopup = e.target.closest<HTMLElement>('.top-popup-wrapper');\n\t\t * ```\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\t/**\n\t\t\t * Завершить поиск после выбора\n\t\t\t */\n\t\t\tresetSearch();\n\t\t});\n\n\t\t// /**\n\t\t//  * При изменении значения модели в режиме inline необходимо очистить поле поиска,\n\t\t//  * так как поиск больше не актуален после выбора значения\n\t\t//  */\n\t\t// if (searchType.value === 'inline') {\n\t\t// \tresetSearch();\n\t\t// }\n\t};\n\n\tif (api.apiRequest) {\n\t\t// загрузка только при открытии popup\n\t\tconst fieldsForWatch: any = [items, api.items];\n\n\t\t// model нужен только для multiselect, без необходимости не использовать для улучшения UX при работе с API\n\t\tif (multiselect) {\n\t\t\tfieldsForWatch.push(model);\n\t\t}\n\n\t\twatch(fieldsForWatch, () => {\n\t\t\trecalcItemsForShow();\n\t\t});\n\t} else {\n\t\twatch([model, items, searchText], () => {\n\t\t\trecalcItemsForShow();\n\t\t}, {\n\t\t\timmediate: true,\n\n\t\t\t// слежение за изменениями `items`\n\t\t\tdeep: 2,\n\t\t});\n\t}\n\n\t/**\n\t * Выбрать следующее значение\n\t */\n\tconst selectNextItem = () => {\n\t\tif (Array.isArray(model.value)) return;\n\n\t\tconst selectableItems = itemsForShow.value.filter((item) => !['title', 'delimiter'].includes(item.listItemProps?.type ?? ''));\n\n\t\tconst currentIndex = selectableItems.findIndex(item => item.id === (model.value as Item).id);\n\t\tconst nextIndex = (currentIndex + 1) % selectableItems.length;\n\t\tmodel.value = { ...selectableItems[nextIndex] };\n\t};\n\n\t/**\n\t * Удалить элемент, `id` и `name` которого равны указанному `item`\n\t */\n\tconst deleteItemByItem = async (item: Item) => {\n\t\tif (Array.isArray(model.value)) {\n\t\t\tmodel.value = model.value.filter((itemI) => itemI.id !== item.id || itemI.name !== item.name);\n\t\t}\n\t};\n\n\treturn {\n\t\tsearchText,\n\t\tresetSearch,\n\t\tgenIsShort,\n\t\titemsForShow,\n\t\tselectItem,\n\t\tselectNextItem,\n\t\tdeleteItemByItem,\n\t};\n};\n","<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue';\nimport Core from '@/core/core/core';\nimport { TopPopup, TopPopupListItem, TopPopupWidgetInput } from '@/components/popup/popup';\nimport { TopPreloader } from '@/components/forms/forms';\nimport type { Emits, Item, Props, Slots } from './types';\nimport Selector2ItemMulti from './itemMulti.vue';\nimport { useAPI } from './composables/useAPI';\nimport { useMenu } from './composables/useMenu';\nimport type { TopLibPopup } from '../../popup/lib/popup';\nimport { clearCache } from './cache';\nimport { ITEM_ID_ALL, ITEM_ID_NEW } from './utils';\n\nconst props = withDefaults(defineProps<Props>(), {\n\titems: () => [] as Item[],\n\tsize: 's',\n\tminLength: 0,\n\tsearchType: 'popup',\n\topenByFocusInput: undefined,\n});\n\nconst model = defineModel<Props['modelValue']>({ required: true });\n\ndefineSlots<Slots>();\n\nconst emits = defineEmits<Emits>();\n\ndefineExpose({\n\t/**\n\t * Сброс локального кеша и кеша api\n\t *\n\t * @param resetAPICache - Сбросить API кеш, по умолчанию не сбрасывается. Для случаев, когда загруженные данные становятся неактуальными\n\t */\n\tresetCache: (resetAPICache: boolean = false) => {\n\t\tif (!api.apiRequest) return;\n\n\t\t// сброс кеша api\n\t\tif (resetAPICache) {\n\t\t\tclearCache(api.apiRequest.path);\n\t\t}\n\n\t\t// сброс кеша списка\n\t\tapi.items.value = [];\n\n\t\t// сброс флага первичной загрузки\n\t\tapi.countLoading.value = 0;\n\n\t\t// сброс параметров дозагрузки\n\t\tapi.apiRequest.params.offset = 0;\n\n\t\t// сброс кеша локального списка с дополнительными элементами, например `useAllItem`\n\t\trequestAnimationFrame(() => {\n\t\t\tmenu.itemsForShow.value = [];\n\t\t});\n\n\t\t// сразу загрузить данные после сброса, если popup уже открыт\n\t\tif (getPopup()?.elPopup) {\n\t\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t\t}\n\t},\n});\n\nconst searchTypeLocal = computed(() => {\n\t// multiselect не поддерживает inline ввода\n\tif (props.searchType === 'inline' && props.multiselect) return 'popup';\n\n\t// В мобильной версии popup работает в полноэкранном режиме\n\tif (props.searchType === 'inline' && Core.state.isMobile) return 'popup';\n\n\treturn props.searchType;\n});\n\n/**\n * Объект для работы с API\n */\nconst api = useAPI(props.api, props.apiSetSearchParams, props.minLength, props.useCache);\n\n/**\n * Объект для работы с меню\n */\nconst menu = useMenu(\n\tmodel,\n\temits,\n\ttoRef(props, 'items'),\n\tprops.multiselect,\n\ttoRef(props, 'useAllItem'),\n\ttoRef(props, 'appendSearchToResult'),\n\ttoRef(props, 'appendSearchToResultCond'),\n\tsearchTypeLocal,\n\tprops.minLength,\n\tapi,\n);\n\nconst component = computed(() => {\n\tif (props.buttonProps) return 'TopButton';\n\tif (searchTypeLocal.value === 'inline') return 'TopInput';\n\n\treturn 'div';\n});\n\n/**\n * Экземпляр компонента Popup\n */\nconst popupRef = ref<any>(null);\n\n/**\n * Получить доступ к объекту popup\n */\nconst getPopup = (): TopLibPopup | undefined => {\n\treturn popupRef.value?.popup;\n};\n\nif (api.apiRequest) {\n\t// отложенный поиск при вводе текста\n\twatch(menu.searchText, () => {\n\t\tapi.setSearchTextAndLoad(menu.searchText.value);\n\t});\n}\n\nconst placeholder = computed(() => {\n\tif (Array.isArray(model.value) || props.multiselect || !props.selectedAsPlaceholder && searchTypeLocal.value !== 'inline') {\n\t\treturn props.placeholder;\n\t}\n\n\treturn model.value?.name || props.placeholder;\n});\n\n/**\n * Обработчик ввода клавиш на кнопке или поле ввода\n */\nconst onOpenerKeydown = (e: KeyboardEvent) => {\n\tlet needOpen = false;\n\n\tswitch (e.key) {\n\t\tcase 'Delete':\n\t\tcase 'Backspace':\n\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\n\t\t\t\tmodel.value.pop();\n\t\t\t}\n\n\t\t\tbreak;\n\t\tcase 'ArrowUp':\n\t\tcase 'ArrowRight':\n\t\tcase 'ArrowDown':\n\t\tcase 'ArrowLeft':\n\t\tcase 'Enter':\n\t\tcase ' ':\n\t\t\tneedOpen = true;\n\n\t\t\tbreak;\n\t\tcase 'Escape':\n\t\t\tif (searchTypeLocal.value === 'inline') {\n\t\t\t\t// очистка введенного текста\n\t\t\t\tmenu.resetSearch();\n\t\t\t}\n\n\t\t\tbreak;\n\t}\n\n\t// введен символ\n\tconst symbolPressed = e.key.length === 1 && !e.ctrlKey && !e.metaKey;\n\n\t// введен символ\n\tif (searchTypeLocal.value === 'popup' || searchTypeLocal.value === 'inline') {\n\t\tif (symbolPressed) {\n\t\t\tneedOpen = true;\n\t\t}\n\t}\n\n\t// popup уже открыт\n\tif (getPopup()?.elPopup) {\n\t\tneedOpen = false;\n\t}\n\n\tif (needOpen) {\n\t\tif (searchTypeLocal.value === 'popup') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\t// введен символ\n\t\t\tif (symbolPressed) {\n\t\t\t\t// начало ввода, сразу ввести первый символ вместе с открытием popup\n\t\t\t\tif (!menu.searchText.value) {\n\t\t\t\t\tmenu.searchText.value = e.key;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t(e.currentTarget as HTMLElement)?.click();\n\t}\n};\n\nconst onClickChanger = (e: MouseEvent) => {\n\te.preventDefault();\n\n\tmenu.selectNextItem();\n};\n\n/**\n * Обработчик открытия попапа\n */\nconst onOpen = () => {\n\tif (api.apiRequest) {\n\t\t// при открытии сразу выполнить поиск\n\t\tapi.setSearchTextAndLoad(menu.searchText.value, false);\n\t}\n};\n\n/**\n * Обработчик закрытия попапа\n */\nconst onClose = () => {\n\t// очистка введенного текста, в режиме `inline` input вызывается при `blur`\n\tif (searchTypeLocal.value === 'popup') {\n\t\tif (menu.searchText.value) menu.resetSearch();\n\t}\n};\n\n/**\n * Обработчик прокрутки списка контента\n *\n * Для дозагрузки элеменов через api\n *\n * @param {Event} e - Событие прокрутки\n */\nconst onScrollContentList = (e: Event) => {\n\tconst el = e.target as HTMLElement;\n\n\tif (el.scrollTop / (el.scrollHeight - el.offsetHeight) > 0.8) {\n\t\tapi.load(true);\n\t}\n};\n\nif (import.meta.env.STORYBOOK) {\n\twatch(\n\t\t() => props.multiselect,\n\t\t() => {\n\t\t\tif (props.multiselect) {\n\t\t\t\tif (!Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: 1,\n\t\t\t\t\t\t\tname: 'Выбери меня',\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (Array.isArray(model.value)) {\n\t\t\t\t\tmodel.value = {\n\t\t\t\t\t\tid: null,\n\t\t\t\t\t\tname: '',\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t{ immediate: true },\n\t);\n\n\twatch(\n\t\t() => props.searchType,\n\t\t() => {\n\t\t\t// пауза для установки props в адресной строке\n\t\t\tsetTimeout(() => {\n\t\t\t\tlocation.reload();\n\t\t\t}, 500);\n\t\t},\n\t);\n}\n</script>\n\n<template>\n\t<TopPopup\n\t\tref=\"popupRef\"\n\t\t@open=\"onOpen()\"\n\t\t@close=\"onClose()\"\n\t\t@scrollContentList=\"api ? onScrollContentList($event) : undefined\"\n\t\t:notch=\"false\"\n\t\t:transitionDuration=\"0\"\n\t\t:openByFocusInput=\"searchTypeLocal === 'inline' && (openByFocusInput ?? true)\"\n\t\t:disabled=\"searchTypeLocal === 'inline' && menu.genIsShort()\"\n\t>\n\t\t<template #opener>\n\t\t\t<component\n\t\t\t\t:is=\"component\"\n\n\t\t\t\t:=\"buttonProps\"\n\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-selector2': true,\n\t\t\t\t\t'top-selector2-multiselect': multiselect,\n\t\t\t\t\t['top-selector2-' + modificator]: !!modificator,\n\t\t\t\t\t'top-as-input': !buttonProps && searchTypeLocal !== 'inline',\n\t\t\t\t\t'top-as-selector': true,\n\t\t\t\t\t['top-size_' + size]: true,\n\t\t\t\t\t['top-disabled']: disabled,\n\t\t\t\t\t['top-forms-focusable']: !disabled,\n\t\t\t\t\t['top-error']: isError,\n\t\t\t\t}\"\n\t\t\t\t:icon\n\t\t\t\ttabindex=\"0\"\n\t\t\t\t@keydown=\"onOpenerKeydown\"\n\t\t\t\t@blur=\"searchTypeLocal === 'inline' && menu.resetSearch()\"\n\t\t\t\tv-top-focus.onupdate=\"isError\"\n\t\t\t\tv-top-shortcut=\"openerShortcut\"\n\n\t\t\t\t:placeholder\n\t\t\t\t:title\n\t\t\t\t:captionType=\"searchTypeLocal === 'inline' && title !== undefined ? 'top' : undefined\"\n\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t>\n\t\t\t\t<template v-if=\"multiselect\">\n\t\t\t\t\t<div class=\"top-selector2_activeItems\">\n\t\t\t\t\t\t<Selector2ItemMulti\n\t\t\t\t\t\t\tv-for=\"item of model as Item[]\"\n\t\t\t\t\t\t\t:id=\"item.id\"\n\t\t\t\t\t\t\t:name=\"item.name\"\n\t\t\t\t\t\t\t@delete=\"menu.deleteItemByItem\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</template>\n\n\t\t\t\t<span v-if=\"searchTypeLocal !== 'inline' && !multiselect\" class=\"top-selector2_activeName top-ellipsis\">\n\t\t\t\t\t{{ !Array.isArray(model) ? model.name : '' }}\n\t\t\t\t</span>\n\n\t\t\t\t<span v-if=\"multiselect && !model.length\" class=\"top-selector2_placeholder top-ellipsis\">\n\t\t\t\t\t{{ placeholder }}\n\t\t\t\t</span>\n\n\t\t\t\t<span\n\t\t\t\t\tv-if=\"addChanger && !buttonProps && !multiselect && menu.itemsForShow.value.length > 1 && !disabled\"\n\t\t\t\t\tclass=\"top-changer top-changer-selector\"\n\t\t\t\t\tdata-top-popup-disabled=\"true\"\n\t\t\t\t\t@click=\"onClickChanger\"\n\t\t\t\t></span>\n\t\t\t</component>\n\t\t</template>\n\n\t\t<template #widget v-if=\"searchTypeLocal === 'popup'\">\n\t\t\t<div class=\"top-selector2_searchWidget\">\n\t\t\t\t<TopPopupWidgetInput\n\t\t\t\t\ttitle=\"Поиск\"\n\t\t\t\t\ticon=\"\"\n\t\t\t\t\tv-model=\"menu.searchText.value\"\n\t\t\t\t\tv-top-focus.onupdate=\"model\"\n\t\t\t\t\t:isLoading=\"!!api.countLoading.value && api.isLoading.value\"\n\t\t\t\t\t:placeholder\n\t\t\t\t/>\n\n\t\t\t\t<slot name=\"widgetAction\"\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<template #contentList>\n\t\t\t<TopPopupListItem\n\t\t\t\tv-for=\"item of menu.itemsForShow.value\"\n\t\t\t\t:key=\"item.id ?? undefined\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'top-active': !Array.isArray(model) && !multiselect && model.id === item.id && model.name === item.name,\n\t\t\t\t\t'top-selector2_item-all':item.id === ITEM_ID_ALL,\n\t\t\t\t\t'top-selector2_item-new':item.id === ITEM_ID_NEW,\n\t\t\t\t}\"\n\t\t\t\t:=\"item.listItemProps\"\n\t\t\t\t:closeByClick=\"!multiselect || Core.state.isMobile\"\n\t\t\t\t@click=\"menu.selectItem(item)\"\n\t\t\t>\n\t\t\t\t<slot\n\t\t\t\t\tv-if=\"$slots.item\"\n\t\t\t\t\tname=\"item\"\n\t\t\t\t\t:item\n\t\t\t\t></slot>\n\n\t\t\t\t<template\n\t\t\t\t\tv-else\n\t\t\t\t>\n\t\t\t\t\t{{ item.name }}\n\t\t\t\t</template>\n\t\t\t</TopPopupListItem>\n\n\t\t\t<!-- Элементов для отображения нет -->\n\t\t\t<template v-if=\"!menu.itemsForShow.value.length && !menu.genIsShort()\">\n\t\t\t\t<TopPopupListItem type=\"regular\">\n\t\t\t\t\t<template v-if=\"!api.isLoading.value || api.countLoading.value\">\n\t\t\t\t\t\t{{ $i18n.Common.No_results }}\n\t\t\t\t\t</template>\n\n\t\t\t\t\t<!-- Индикатор первичной загрузки -->\n\t\t\t\t\t<TopPreloader\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\ttype=\"circles\"\n\t\t\t\t\t/>\n\t\t\t\t</TopPopupListItem>\n\t\t\t</template>\n\n\t\t\t<!-- Индикатор повторной загрузки -->\n\t\t\t<TopLoadbar v-if=\"!!api.countLoading.value && api.isLoading.value && searchTypeLocal === 'inline'\"/>\n\t\t</template>\n\t</TopPopup>\n</template>\n\n<style>\n.top-selector2 {\n\twidth: 180px;\n}\n\n.top-selector2::placeholder,\n.top-selector2_placeholder {\n\tcolor: var(--color-text-2);\n}\n\n.top-selector2_placeholder {\n\tpadding-left: var(--top-padding-1);\n}\n\n.top-selector2.top-as-input {\n\tpadding: var(--top-padding-1) var(--top-forms-padding);\n}\n\n.top-selector2.top-selector2-multiselect {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tflex-grow: 1;\n}\n\n.top-selector2.top-active {\n\t--top-forms-border-color: var(--top-forms-border-color-hover);\n}\n\n.top-selector2_searchWidget {\n\tdisplay: flex;\n\tgap: var(--top-gap-2);\n}\n\n.top-selector2_activeItems {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--top-padding-1);\n\tmax-width: 100%;\n}\n\n.top-selector2_activeName {\n\twhite-space: nowrap;\n}\n\n.top-changer-selector {\n\twidth: auto;\n\tpadding: var(--top-padding-1);\n\tmargin: calc(0px - var(--top-padding-1));\n\ttransform: translateX(0);\n}\n\n.top-selector2.top-button {\n\tjustify-content: start;\n}\n\n.top-selector2.top-input_input ~ .top-changer-selector {\n\ttransform: translateX(-52px);\n}\n\n.top-selector2.top-as-selector {\n\tpadding-right: calc(var(--top-selector-arrow-width) + var(--top-padding-2));\n}\n</style>\n"],"names":["el","vue","props","model","itemIsActive","item","index","modelNew","onWheel","event","delta","scrollIntoView","isSmooth","leftMargin","elBtn","gap","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","$event","select","_cache","selectAll","__props","_ctx","cacheByMethod","clearCache","apiPath","genCacheKey","api","getCache","cacheKey","data","items","isLoading","countLoading","nextOffset","cache","res","indexWithError","load","append","apiSetSearchParams","searchText","callAPI","loadDebounce","forms","newSearchText","minLength","ITEM_ID_ALL","ITEM_ID_NEW","modelValue","itemSelected","apiSetSearchParamsFilter","search","fieldName","filters","filter","field","localItems","multiselect","useAllItem","itemAll","localItems2","itemsForShow","genItemsForShow","searchStringInvertKeyboard","utils_keyboard","searchString","itemTitleCategory","itemsCategory","items2","flushCategory","name","searchStringNormalized","itemNew","isSelected","selectItem","emits","resetSearch","fieldsForWatch","recalcItemsForShow","genIsShort","selectableItems","itemI","__expose","resetAPICache","menu","getPopup","searchTypeLocal","component","popupRef","placeholder","onOpenerKeydown","e","symbolPressed","onClickChanger","onScrollContentList","onOpen","onClose","_hoisted_1","popupHint_vue_vue_type_style_index_0_lang","_hoisted_4"],"mappings":"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"}

package/.chunks/{popup-Jw_Yyg3U.es.js → popup-BeLPdHWv.es.js}

@@ -1,4 +1,4 @@
-import { u as I, C as d } from "./forms-BseC3Ftz.es.js";
+import { u as I, C as d } from "./forms-xkXHvvah.es.js";
 import e from "../utils/dom.js";
 import { TopPopupWorker as n } from "../popup/worker.js";
 class P {
@@ -467,4 +467,4 @@ L.init();
 export {
   b as TopLibPopup
 };
-//# sourceMappingURL=popup-Jw_Yyg3U.es.js.map
+//# sourceMappingURL=popup-BeLPdHWv.es.js.map

package/.chunks/popup-BeLPdHWv.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-BeLPdHWv.es.js","sources":["../../src/components/component.ts","../../src/components/popup/lib/popup.globalEvents.ts","../../src/components/popup/lib/popup.ts"],"sourcesContent":["import DOM from '@/core/utils/dom';\r\n\r\n/**\r\n * Базовый компонент для js компонентов, не имеет отношения к Vue\r\n */\r\nclass Component {\r\n\r\n\tstatic componentName = 'Top';\r\n\r\n\tcomponentName: string | undefined; // имя класса компонента\r\n\tclassName: string | undefined; // имя css класса компонента\r\n\tuid: string | undefined; // уникальный id компонента\r\n\tel: HTMLElement | undefined; // элемент, связанный с компонентом\r\n\toptions = {}; // параметры компонента\r\n\r\n\tunmountEls: HTMLElement[] = [];\r\n\tunmountEvents: any[] = [];\r\n\r\n\t// переопредлять нельзя\r\n\t// если компонент инициирован, необходимо сразу его вернуть и выполнить reInit() вместо mount()\r\n\t// используется init вместо constructor, так как super constructor выполняется до Object.defineProperty() параметров класса\r\n\tinit(componentName: string, el: HTMLElement, options: object): Component | void {\r\n\t\tif (!el) {\r\n\t\t\tthrow componentName + ': el is undefined';\r\n\t\t}\r\n\r\n\t\tconst component = Component.getComponent(el, componentName);\r\n\r\n\t\tif (component) {\r\n\t\t\tcomponent.reInit(options);\r\n\r\n\t\t\treturn component;\r\n\t\t}\r\n\r\n\t\tthis.componentName = componentName;\r\n\t\tthis.className = 'top' + componentName[0].toUpperCase() + componentName.substring(1);\r\n\t\tthis.uid = this.componentName + (Math.random() + '').replace('.', '');\r\n\r\n\t\tthis._setComponent(el);\r\n\t\tthis.el = el;\r\n\t\tthis.el.classList.add(this.className);\r\n\t\tthis.options = Object.assign(this.options, options);\r\n\r\n\t\tthis.mount();\r\n\t}\r\n\r\n\t// получить инициированный компонент\r\n\tstatic getComponent(el: HTMLElement, componentName: string): any {\r\n\t\treturn DOM.storage(el, '#' + componentName);\r\n\t}\r\n\r\n\t// устанвоить компонент\r\n\t_setComponent(el: HTMLElement) {\r\n\t\tDOM.storage(el, '#' + this.componentName, this);\r\n\t}\r\n\r\n\t// функция подключения компонента\r\n\tmount(): void {\r\n\t\tthrow 'Please, add method mount() to component: ' + this.componentName;\r\n\t}\r\n\r\n\t// функция отключения компонента\r\n\tunmount(): void {\r\n\t\tDOM.storage(this.el, '#' + this.componentName, null);\r\n\r\n\t\tthis.unmountEls.forEach((el) => {\r\n\t\t\tel.remove();\r\n\t\t});\r\n\r\n\t\tthis.unmountEls = [];\r\n\r\n\t\tthis.unmountEvents.forEach((eventData) => {\r\n\t\t\teventData.el.removeEventListener(eventData.type, eventData.listener, eventData.options);\r\n\t\t});\r\n\r\n\t\tthis.unmountEvents = [];\r\n\t}\r\n\r\n\t// указание новые элементы, которые должны будут удалиться после unmount\r\n\tregisterElForUnmount(el: HTMLElement): void {\r\n\t\tthis.unmountEls.push(el);\r\n\t}\r\n\r\n\t// указание новые события, которые должны будут удалиться после unmount\r\n\taddEventListenerWithUnmount(\r\n\t\tel: HTMLElement | Document | Window,\r\n\t\ttype: keyof GlobalEventHandlersEventMap,\r\n\t\tlistener: (this: HTMLElement, e: Event) => any,\r\n\t\toptions?: any,\r\n\t): void {\r\n\t\tel.addEventListener(type, listener, options);\r\n\r\n\t\tthis.registerEventForUnmount(el, type, listener, options);\r\n\t}\r\n\r\n\t// указание новые события, которые должны будут удалиться после unmount\r\n\tregisterEventForUnmount(\r\n\t\tel: HTMLElement | Document | Window,\r\n\t\ttype: keyof GlobalEventHandlersEventMap,\r\n\t\tlistener: (this: HTMLElement, e: Event) => any,\r\n\t\toptions?: any,\r\n\t): void {\r\n\t\tconst eventData = {\r\n\t\t\tel: el,\r\n\t\t\ttype: type,\r\n\t\t\tlistener: listener,\r\n\t\t\toptions: options,\r\n\t\t};\r\n\r\n\t\tthis.unmountEvents.push(eventData);\r\n\t}\r\n\r\n\t// функция перенастройки уже подключенного компонента\r\n\treInit(_options: object): void {\r\n\t\tthrow 'Please, add method reInit() to component: ' + this.componentName;\r\n\t}\r\n\r\n\t// удалить элементы из DOM, но не из памяти\r\n\tstatic detach(nodes: NodeList | HTMLElement): void {\r\n\t\tif (nodes instanceof NodeList) {\r\n\t\t\tnodes.forEach((node) => node.parentElement?.removeChild(node));\r\n\t\t} else {\r\n\t\t\tconst el = nodes;\r\n\t\t\tel.parentElement?.removeChild(el);\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default Component;\r\n","import Worker from '@/components/popup/lib/worker';\r\nimport DOM from '@/core/utils/dom';\r\n\r\n/**\r\n * Глобальные события, для реализации Popup\r\n * Автоматически инициируется при первой загрузке, не является выгружаемым модулем\r\n *\r\n * Если в меню встречает класс .preloader, то событие нажатия на кнопку через enter будет остановлено\r\n */\r\nclass GlobalEvents {\r\n\r\n\tprivate static isInited = false;\r\n\r\n\t/**\r\n\t * Добавить глобальные обработчики\r\n\t *\r\n\t * Добавляются на страницу один раз и навсегда\r\n\t */\r\n\tstatic init(): void {\r\n\t\tif (this.isInited) return;\r\n\r\n\t\tthis.isInited = true;\r\n\r\n\t\tdocument.addEventListener('click', this.onclickCapture, { capture: true });\r\n\t\tdocument.addEventListener('click', this.onclick);\r\n\t\tdocument.addEventListener('keydown', this.onkeydown);\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик захватов кликов\r\n\t *\r\n\t * Обрабатывает захватов клики внутри Popup\r\n\t */\r\n\tprivate static onclickCapture(e: Event): void {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\t// меню\r\n\t\tconst elPopup = e.target.closest<HTMLElement>('.top-popup-wrapper');\r\n\r\n\t\t// клик вне меню\r\n\t\tif (!elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик по кнопке открытия другого меню\r\n\t\tif (e.target.matches('[data-top-popup]')) {\r\n\t\t\t// список меню, в котором был сделан клик\r\n\t\t\tconst elUl = e.target.closest<HTMLElement>('ul');\r\n\r\n\t\t\t// элемент меню, по которому был сделан клик\r\n\t\t\tconst elItem = e.target.closest<HTMLElement>('a, .a');\r\n\r\n\t\t\t// сделать элемент меню, по которому сделан клик активным\r\n\t\t\tif (elUl) {\r\n\t\t\t\telUl.querySelector('a.top-active, .a.top-active')?.classList.remove('top-active');\r\n\t\t\t}\r\n\r\n\t\t\tif (elItem) {\r\n\t\t\t\telItem.classList.add('top-active');\r\n\t\t\t}\r\n\r\n\t\t\te.stopPropagation();\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик по фону меню\r\n\t\tif (e.target.matches('.top-popup-wrapper')) {\r\n\t\t\tconst elPopup = e.target;\r\n\r\n\t\t\tWorker.close(elPopup, true);\r\n\r\n\t\t\te.stopPropagation();\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик кликов\r\n\t *\r\n\t * Обрабатывает клики внутри Popup\r\n\t */\r\n\tprivate static onclick(e: Event): void {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\t// элементы меню, клик по которым должен его закрыть\r\n\t\tconst elCloser = e.target.closest<HTMLElement>('.closer, a, .a, .top-button');\r\n\t\tif (elCloser) {\r\n\t\t\t// меню\r\n\t\t\tconst elPopup = e.target.closest<HTMLElement>('.top-popup-wrapper');\r\n\r\n\t\t\t// клик вне меню\r\n\t\t\tif (!elPopup) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// элемент имеет модификатор, запрещаюущий закрытие меню по клику на него\r\n\t\t\tif (elCloser.matches('.top-popup-noCloser')) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// deprecated, ссылки с href=\".\" запрещены, они должны быть заменены на .top-popup_listItem-button\r\n\t\t\tif (elCloser.getAttribute('href') === '.') {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}\r\n\r\n\t\t\t// закрыть меню\r\n\t\t\tWorker.close(elPopup, true);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик нажатия кнопки на клавиатуре\r\n\t */\r\n\tprivate static onkeydown(e: KeyboardEvent): void {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\tlet elPopup = e.target.closest<HTMLElement>('.top-popup-wrapper');\r\n\r\n\t\tif (!elPopup) {\r\n\t\t\telPopup = Worker.getPopupFromOpener(e.target)?.elPopup ?? null;\r\n\t\t}\r\n\r\n\t\t// нажатие не в меню\r\n\t\tif (!elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst elUl = elPopup.querySelector<HTMLElement>('ul.top-popup_content');\r\n\r\n\t\tswitch (e.key) {\r\n\t\t\tcase 'Escape':\r\n\t\t\t\tWorker.close(elPopup, true);\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase 'Enter':\r\n\t\t\t\t// атоматическое нажатие кнопок при нажатии Enter\r\n\t\t\t\tif (!elUl) {\r\n\t\t\t\t\tif (DOM.querySelectorVisible(elPopup, '.preloader')) {\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// deprecated, старый код на сайте\r\n\t\t\t\t\tconst elBtn = DOM.querySelectorVisible(elPopup, '.top-popup_footer .go, .top-popup_footer [data-action]');\r\n\t\t\t\t\tif (elBtn instanceof HTMLElement) {\r\n\t\t\t\t\t\telBtn.click();\r\n\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// Запуск клика последней кнопки, расположенной в footer'е Popup'а, нажатием клавиши Enter\r\n\t\t\t\t\tlet elFooterLastBtn = DOM.querySelectorVisibleLast(elPopup, '.top-popup_footer .top-button:focus');\r\n\t\t\t\t\tif (!elFooterLastBtn) elFooterLastBtn = DOM.querySelectorVisibleLast(elPopup, '.top-popup_footer .top-button');\r\n\t\t\t\t\tif (elFooterLastBtn instanceof HTMLElement) {\r\n\t\t\t\t\t\telFooterLastBtn.click();\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// перейти по ссылке по нажатию на Enter\r\n\t\t\t\t// данный функуционал игнорирует SPA\r\n\t\t\t\tconst elLink = DOM.querySelectorVisible(elPopup, 'li > a.top-active');\r\n\t\t\t\tif (elLink && elLink.getAttribute('href')) {\r\n\t\t\t\t\t// фокус может находиться на другой ссылке\r\n\t\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\t\tlocation.href = elLink.getAttribute('href')!;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// кликнуть по элементу меню по нажатию на Enter\r\n\t\t\t\tconst elItem = elPopup.querySelector<HTMLElement>('li > .top-active');\r\n\t\t\t\tif (elItem instanceof HTMLElement) {\r\n\t\t\t\t\telItem.click();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\t// управление стрелками\r\n\t\t\tcase 'ArrowUp':\r\n\t\t\tcase 'ArrowRight':\r\n\t\t\tcase 'ArrowDown':\r\n\t\t\tcase 'ArrowLeft':\r\n\t\t\t\tif (!elUl) {\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n\t\t\t\t\tconst elMoreVisible = DOM.querySelectorVisible(\r\n\t\t\t\t\t\telPopup,\r\n\t\t\t\t\t\t'ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore',\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tif (elMoreVisible) {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t}else if((e.target as HTMLElement).tagName === 'INPUT'){\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst elItemActive = elPopup.querySelector<HTMLElement>('ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active')?.parentElement;\r\n\r\n\t\t\t\t// есть подменю\r\n\t\t\t\tif (e.key === 'ArrowRight' && elItemActive) {\r\n\t\t\t\t\t// const elItemMoreActive = elItemActive.querySelector<HTMLElement>('[data-top-popup].top-active');\r\n\t\t\t\t\t// if (elItemMoreActive) {\r\n\t\t\t\t\t// \treturn elItemMoreActive.click();\r\n\t\t\t\t\t// }\r\n\r\n\t\t\t\t\tconst elMore = elItemActive.querySelector<HTMLElement>('.top-active > .top-popup_listMore');\r\n\t\t\t\t\tif (elMore instanceof HTMLElement) {\r\n\t\t\t\t\t\treturn elMore.click();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst elsLiVisible = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li:not(.top-popup_liNoSelectable)');\r\n\t\t\t\tconst countLi = elsLiVisible.length;\r\n\r\n\t\t\t\tif (!countLi) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlet index = -1;\r\n\t\t\t\tif (elItemActive) {\r\n\t\t\t\t\tindex = elsLiVisible.indexOf(elItemActive);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\r\n\t\t\t\t\tindex--;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tindex++;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// это первый элемен, \"Назад\" должен закрывать окно\r\n\t\t\t\tif (e.key === 'ArrowLeft' && index === -1) {\r\n\t\t\t\t\tif (e.target.matches('input')) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn Worker.close(elPopup, true);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// это последний элемен, \"Вперед\" не должен ни чего делать\r\n\t\t\t\tif (e.key === 'ArrowRight' && index === countLi) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (index < 0) {\r\n\t\t\t\t\tindex = countLi - 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (index > countLi - 1) {\r\n\t\t\t\t\tindex = 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\telPopup.querySelectorAll('ul.top-popup_content > li > .top-active').forEach(el => el.classList.remove('top-active'));\r\n\t\t\t\telsLiVisible[index].querySelector(':scope > a, :scope > .a')?.classList.add('top-active');\r\n\r\n\t\t\t\tWorker.scrollToActive(elPopup);\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\nexport default GlobalEvents;\r\n","import Core from '@/core/core/core';\r\nimport Component from '@/components/component';\r\nimport DOM from '@/core/utils/dom';\r\nimport Worker from '@/components/popup/lib/worker';\r\nimport GlobalEvents from '@/components/popup/lib/popup.globalEvents';\r\n\r\nimport css from '@/components/popup/popup/style/popup.css?inline';\r\nimport cssM from '@/components/popup/popup/style/popup.m.css?inline';\r\nimport cssPC from '@/components/popup/popup/style/popup.pc.css?inline';\r\nimport { useI18n } from '@/core/plugins/i18n';\r\nimport type { OpenerProps } from '@/components/popup/popup/opener/types';\r\n\r\nCore.insertStyleToPage(css);\r\nCore.insertStyleToPage(cssM, 'm');\r\nCore.insertStyleToPage(cssPC, 'pc');\r\n\r\nexport interface PopupOptions {\r\n\tpopup?: string,\r\n\tid?: string,\r\n\tp?: number,\r\n\tnotch?: boolean,\r\n\tclass?: string,\r\n\tposBy?: 'left' | 'right' | 'fixed' | Element,\r\n\tfrontSelector?: string,\r\n\tinvertX?: boolean,\r\n\topenByHover?: boolean,\r\n\tuseOriginal?: boolean,\r\n\ttransitionDuration?: number,\r\n\tisFullScreen?: boolean,\r\n}\r\n\r\n/**\r\n * Основной объект js компонента TopPopup\r\n *\r\n * Добавляет jQuery события на this.el, если jQuery загружен:\r\n *\r\n * - aftershow.top-menu-popup\r\n * - afterclose.top-menu-popup\r\n */\r\nexport class TopLibPopup<T extends Record<string, any> | undefined = undefined> extends Component {\r\n\r\n\tstatic componentName = 'TopPopup';\r\n\r\n\tdeclare el: HTMLElement & { __TopPopupOpenerProps: OpenerProps<T> }; // элемент, вызвавший открытие Popup\r\n\telActiveByDefault: boolean | undefined; // элемент уже имеет класс top-active перед открытием окна\r\n\telPopup: HTMLElement | undefined; // Popup .top-popup-wrapper\r\n\telPopupInner: HTMLElement | undefined; // контентная часть Popup  .top-popup\r\n\telPopupHeader: HTMLElement | undefined | null;\r\n\telPopupWidget: HTMLElement | undefined | null;\r\n\telPopupBody: HTMLElement | undefined | null;\r\n\telPopupFooter: HTMLElement | undefined | null;\r\n\telFront: HTMLElement | undefined | null;\r\n\r\n\t/**\r\n\t * Для openerIsInput фокусировка срабатывает при входе в поле ввода\r\n\t *\r\n\t * Фокусировка на сам Popup не производится\r\n\t *\r\n\t * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/combobox_role\r\n\t */\r\n\topenerIsInput = false;\r\n\r\n\tpopupParent: TopLibPopup | undefined;\r\n\r\n\t$: JQuery<HTMLElement> | undefined; // только если есть jQuery\r\n\r\n\telStartPosition: HTMLElement | undefined | null; // используется для useOriginal\r\n\tshift = {\r\n\t\ttop: 0,\r\n\t\tleft: 0,\r\n\t};\r\n\tisClosed = false; // флаг того, что меню закрыто\r\n\tisFirstClick = true;\r\n\ttype: string | undefined; // selector или html\r\n\r\n\toptions: PopupOptions = {\r\n\t\tpopup: '', // selector, text\r\n\t\tp: 0, // положение меню (0 - над элементом, 1 - сверху, 2 - справа, 3 - снизу, 4 слева)\r\n\t\tnotch: false, // отображать ли клювик\r\n\r\n\t\tclass: '', // класс, добавляемый меню\r\n\r\n\t\tposBy: 'left', // способ привязки позиционирования меню (left/right - левый/правый край родителя, fixed - по документу)\r\n\t\tfrontSelector: '',\r\n\t\tinvertX: false, // базовая ордината - правая граница элемента, а не левая\r\n\t\topenByHover: false, // открывать при наведении\r\n\r\n\t\tuseOriginal: false, // использовать оригинальный шаблон, без клонирвоания (для сохранения состояния меню)\r\n\r\n\t\ttransitionDuration: 100, // значение прописано в css\r\n\r\n\t\tisFullScreen: false,\r\n\t};\r\n\r\n\tevents = {};\r\n\r\n\t/**\r\n\t * Создать Popup\r\n\t * @param el - элемент, открывающий меню\r\n\t * @param options\r\n\t */\r\n\tconstructor(el: HTMLElement, options: PopupOptions) {\r\n\t\tsuper();\r\n\r\n\t\tthis.init(TopLibPopup.componentName, el, options);\r\n\t}\r\n\r\n\tasync mount(): Promise<void> {\r\n\t\tif (!(this.el instanceof HTMLElement)) return;\r\n\t\tconst vueConnector = this.vueGetComponent();\r\n\r\n\t\tif (this.el.closest('.top-popup-wrapper')) this.popupParent = Worker.getPopup(this.el.closest('.top-popup-wrapper')!);\r\n\r\n\t\tawait this.mountJQuery();\r\n\r\n\t\tif (DOM.css(this.el, 'position') !== 'absolute') {\r\n\t\t\tthis.el.style.position = 'relative';\r\n\t\t}\r\n\r\n\t\tthis.el.dataset.topPopupOpened = 'opened';\r\n\t\tthis.elActiveByDefault = this.el.classList.contains('top-active');\r\n\t\tthis.el.classList.add('top-active');\r\n\r\n\t\tthis.openerIsInput = this.el.classList.contains('top-input');\r\n\r\n\t\t// todo: удалить после переписать TopProjectSelector на vue\r\n\t\tif (this.el.classList.contains('top-input-project_name')) {\r\n\t\t\tthis.openerIsInput = false;\r\n\t\t}\r\n\r\n\t\tif (this.openerIsInput) {\r\n\t\t\tconst elInput = this.el.querySelector('input');\r\n\t\t\tif (elInput && !elInput['__popupOnBlur']) {\r\n\t\t\t\telInput['__popupOnBlur'] = true;\r\n\r\n\t\t\t\telInput.addEventListener('blur', e => {\r\n\t\t\t\t\t// элемент один, экземпляры popup разные\r\n\t\t\t\t\tWorker.getPopupFromOpener(this.el)?.close();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (vueConnector) {\r\n\t\t\t// компонент vue Popup\r\n\t\t\tthis.type = 'vue';\r\n\r\n\t\t\tthis.options.popup = '';\r\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup);\r\n\t\t} else if (this.options.popup?.match(/^[#.]/)) {\r\n\t\t\t// selector\r\n\t\t\tthis.type = 'selector';\r\n\r\n\t\t\tthis.elPopup = document.querySelector<HTMLElement>(`${this.options.popup}.template`) || undefined;\r\n\t\t} else {\r\n\t\t\t// html\r\n\t\t\tthis.type = 'html';\r\n\r\n\t\t\tif (this.options.useOriginal) {\r\n\t\t\t\tthrow ('Option useOriginal not allowed for text templates');\r\n\t\t\t}\r\n\r\n\t\t\tthis.elPopup = DOM.genEl('div', {}, this.options.popup ?? '');\r\n\t\t}\r\n\r\n\t\tif (!this.elPopup || vueConnector?.opened) {\r\n\t\t\t// возможно шаблон не найден, так как он используется в уже открытом меню\r\n\t\t\tif (this.options.useOriginal || vueConnector?.opened) {\r\n\t\t\t\t// закрыть открытое меню\r\n\t\t\t\tif (vueConnector?.opened) {\r\n\t\t\t\t\tthis.elPopup = vueConnector.popup.elPopup;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.elPopup = document.querySelector<HTMLElement>(`${this.options.popup}.top-popup-wrapper-shown`) || undefined;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.elPopup) {\r\n\t\t\t\t\tthis.el.dataset.topPopupOpened = '';\r\n\r\n\t\t\t\t\tif (!this.elActiveByDefault) {\r\n\t\t\t\t\t\tthis.el.classList.remove('top-active');\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tWorker.close(this.elPopup);\r\n\r\n\t\t\t\t\t// повторит попытку открыть меню\r\n\t\t\t\t\tsetTimeout(() => this.mount(), this.options.transitionDuration);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthrow ('Option useOriginal state allowed only elements .template');\r\n\t\t\t}\r\n\r\n\t\t\t// возможно вместо шаблона используется другой элемент\r\n\t\t\tthis.elPopup = document.querySelector<HTMLElement>(`${this.options.popup}:not(.top-popup-wrapper)`) || undefined;\r\n\t\t}\r\n\r\n\t\tif (!this.elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (this.options.useOriginal) {\r\n\t\t\tthis.elStartPosition = this.elPopup.closest<HTMLElement>('.top-popup-el-start-position');\r\n\t\t\tif (!this.elStartPosition) {\r\n\t\t\t\tthis.elStartPosition = DOM.wrap(this.elPopup, 'i');\r\n\t\t\t\tthis.elStartPosition.classList.add('top-popup-el-start-position', 'hidden');\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tthis.elPopup = this.elPopup.cloneNode(true) as HTMLElement;\r\n\r\n\t\t\t// вывод в меню копии произвольного элемента\r\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template')) {\r\n\t\t\t\tthis.elPopup.classList.remove('hidden');\r\n\r\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\r\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\r\n\t\t\t}\r\n\r\n\t\t\tif (this.type === 'html') {\r\n\t\t\t\tif (!this.elPopup.querySelector(':scope > .top-popup_content')) {\r\n\t\t\t\t\tthis.elPopup.classList.add('top-popup_content');\r\n\r\n\t\t\t\t\tthis.elPopup = DOM.wrap(this.elPopup, 'div');\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// вложенный Popup\r\n\t\t\tif (this.type === 'selector' && !this.elPopup.matches('.template') || this.type === 'html' || this.type === 'vue') {\r\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '[data-top-popup]').forEach(el => {\r\n\t\t\t\t\tif (el instanceof HTMLElement) el.dataset.topPopupPosBy = 'fixed';\r\n\t\t\t\t});\r\n\t\t\t\tDOM.querySelectorAllArray(this.elPopup, '.top-popup-wrapper').forEach(el => el.remove());\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tWorker.decoratorBeforeOpen(this);\r\n\r\n\t\tif (vueConnector) {\r\n\t\t\tthis.options.class = vueConnector.classRef.value;\r\n\t\t\tif (vueConnector.transitionDurationRef.value !== undefined) {\r\n\t\t\t\tthis.options.transitionDuration = vueConnector.transitionDurationRef.value;\r\n\r\n\t\t\t\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\t\t\tthis.elPopup.style.setProperty(\r\n\t\t\t\t\t\t'--top-popup-transition-delay',\r\n\t\t\t\t\t\tthis.options.transitionDuration + 'ms',\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.elPopupInner = document.createElement('div');\r\n\t\tthis.elPopupInner.classList.add('top-popupPanel', 'top-popup');\r\n\r\n\t\twhile (this.elPopup.firstChild) {\r\n\t\t\tthis.elPopupInner.appendChild(this.elPopup.firstChild);\r\n\t\t}\r\n\r\n\t\tthis.elPopup.append(this.elPopupInner);\r\n\r\n\t\tthis.elPopup.classList.add('top-popup-wrapper');\r\n\r\n\t\tif (this.options.class) {\r\n\t\t\tconst classes = this.options.class.split(' ');\r\n\r\n\t\t\tthis.elPopup.classList.add(...classes);\r\n\t\t}\r\n\r\n\t\tif (this.options.notch) {\r\n\t\t\tthis.elPopup.classList.add('with_notch');\r\n\r\n\t\t\tthis.elPopup.insertAdjacentHTML('beforeend', '<i class=\"notch notch-border\"></i><i class=\"notch\"></i>');\r\n\t\t}\r\n\r\n\t\tawait this.vueOpen();\r\n\r\n\t\tthis.elPopupHeader = this.elPopupInner.querySelector<HTMLElement>('.top-popup_header');\r\n\t\tthis.elPopupWidget = this.elPopupInner.querySelector<HTMLElement>('.top-popup_widget');\r\n\t\tthis.elPopupBody = this.elPopupInner.querySelector<HTMLElement>('.top-popup_content');\r\n\t\tthis.elPopupFooter = this.elPopupInner.querySelector<HTMLElement>('.top-popup_footer');\r\n\r\n\t\tconst existsWidgetSearch = !!this.elPopup.querySelector('[data-widget=\"search\"]');\r\n\r\n\t\tif (this.options.isFullScreen && !existsWidgetSearch) {\r\n\t\t\tconst i18n = useI18n();\r\n\r\n\t\t\tif (!this.elPopupHeader && i18n.Common.Close) {\r\n\t\t\t\tthis.elPopupHeader = DOM.genEl('i', { class: 'top-popup_header' });\r\n\t\t\t\tthis.elPopupInner.prepend(this.elPopupHeader);\r\n\r\n\t\t\t\tthis.elPopupHeader.prepend(DOM.genEl('i', { class: 'a closer' }, i18n.Common.Close));\r\n\t\t\t\tthis.elPopupHeader.append(DOM.genEl('i', { class: 'top-popup_headerButton' }));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tDOM.storage(this.elPopup, TopLibPopup.componentName, this);\r\n\r\n\t\tif (this.options.frontSelector) {\r\n\t\t\tthis.elFront = document.querySelector<HTMLElement>(this.options.frontSelector);\r\n\t\t}\r\n\t\tif (!this.elFront) {\r\n\t\t\tthis.elFront = this.el.closest<HTMLElement>('.top-popup-front');\r\n\t\t}\r\n\t\tif (!this.elFront) {\r\n\t\t\tthis.elFront = document.body;\r\n\t\t}\r\n\r\n\t\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\tthis.elPopup.style.width = this.el.offsetWidth + 'px';\r\n\t\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\r\n\t\t\tthis.elPopup.style.top = this.el.offsetTop + 'px';\r\n\t\t\tthis.elPopup.style.right = parseInt(this.el.style.right || '0') + 'px';\r\n\t\t\tthis.elPopup.style.bottom = parseInt(this.el.style.bottom || '0') + 'px';\r\n\t\t}\r\n\r\n\t\tthis.el.parentElement?.insertBefore(this.elPopup, this.el);\r\n\t\tthis.elPopup.classList.remove('template');\r\n\r\n\t\tif (this.options.invertX) {\r\n\t\t\tthis.elPopup.classList.add('invert-x');\r\n\t\t}\r\n\r\n\t\tlet fromTop = !!this.el.closest('.modal-header');\r\n\t\tif (!fromTop) {\r\n\t\t\tfromTop = !!this.el.closest('#top_panel');\r\n\t\t}\r\n\t\tif (!fromTop) {\r\n\t\t\tfromTop = !!this.el.closest('#secondmenu');\r\n\t\t}\r\n\t\tif (fromTop) {\r\n\t\t\tthis.elPopup.classList.add('p-from-top');\r\n\t\t}\r\n\r\n\t\t// появление с анимацией\r\n\t\tsetTimeout(() => this.elPopup?.classList.add('top-popup-wrapper-shown'));\r\n\r\n\t\tif (this.elFront && !this.elFront.matches('body')) {\r\n\t\t\tthis.elFront.append(this.elPopup);\r\n\r\n\t\t\tthis.shift.top = DOM.offset(this.el).top - this.el.offsetTop - DOM.offset(this.elFront).top;\r\n\t\t\tthis.shift.left = DOM.offset(this.el).left - this.el.offsetLeft - DOM.offset(this.elFront).left;\r\n\r\n\t\t\t// position() не учитывает margin, замечено для flex\r\n\t\t\tthis.shift.top -= parseInt(this.el.style['margin-top'] || 0);\r\n\t\t\tthis.shift.left -= parseInt(this.el.style['margin-left'] || 0);\r\n\r\n\t\t\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\t\tthis.elPopup.style.top = parseInt(this.elPopup.style.top || '0') + this.shift.top + 'px';\r\n\t\t\t\tthis.elPopup.style.left = parseInt(this.elPopup.style.left || '0') + this.shift.left + 'px';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.$ && Core.$) {\r\n\t\t\tthis.$.trigger('aftershow.top-menu-popup', [Core.$(this.elPopup)]);\r\n\t\t}\r\n\r\n\t\tthis.recalcPosition();\r\n\r\n\t\tthis.elPopup.setAttribute('tabindex', '0');\r\n\t\tthis.focus();\r\n\r\n\t\tWorker.decoratorAfterOpen(this);\r\n\r\n\t\tthis.mountEvents();\r\n\t}\r\n\r\n\tasync mountJQuery() {\r\n\t\tif (!Core.$) return;\r\n\r\n\t\tthis.$ = Core.$(this.el);\r\n\t}\r\n\r\n\t/**\r\n\t * Выполнить фокусировку на нужный элемент после открытия окна\r\n\t */\r\n\tfocus(): void {\r\n\t\tlet el: Element | null;\r\n\r\n\t\tif (this.elPopup) {\r\n\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup-autofocus');\r\n\r\n\t\t\t// поле ввода\r\n\t\t\tif (!el) {\r\n\t\t\t\tel = DOM.querySelectorVisible(this.elPopup, ':read-write, select:not(:disabled)');\r\n\t\t\t}\r\n\r\n\t\t\t// кнопка\r\n\t\t\tif (!el) {\r\n\t\t\t\tel = DOM.querySelectorVisible(this.elPopup, '.top-popup_footer .top-button');\r\n\t\t\t}\r\n\r\n\t\t\tif (!el) {\r\n\t\t\t\tel = this.elPopup;\r\n\t\t\t}\r\n\r\n\t\t\t/**\r\n\t\t\t * @see this.openerIsInput\r\n\t\t\t */\r\n\t\t\tif (!this.openerIsInput) {\r\n\t\t\t\t// выполнить фокусировку сразу, для применения необходимых стилей\r\n\t\t\t\tif (el instanceof HTMLElement) el.focus();\r\n\r\n\t\t\t\t// выполнить фокусировку после завершения анимации открытия popup\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tif (el instanceof HTMLElement) el.focus();\r\n\t\t\t\t}, this.options.transitionDuration);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tmountEvents(): void {\r\n\t\t// закрытие при клике вне контекстного меню\r\n\t\tthis.addEventListenerWithUnmount(document, 'mousedown', (e) => this.onMousedown(e as MouseEvent));\r\n\r\n\t\tif (this.openerIsInput) {\r\n\t\t\t/**\r\n\t\t\t * Фокусировка к моменту открытия popup уже установлена на поле ввода\r\n\t\t\t *\r\n\t\t\t * @see this.openerIsInput\r\n\t\t\t */\r\n\t\t\tthis.onFocusCloseOthers();\r\n\t\t} else {\r\n\t\t\tif (this.elPopup && this.elPopupInner) {\r\n\t\t\t\t// закрыть другие меню\r\n\t\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'focus', (e) => this.onFocus(e as FocusEvent));\r\n\r\n\t\t\t\t// автоматическое закрытие при отведении мыши\r\n\t\t\t\tif (this.options.openByHover) {\r\n\t\t\t\t\tthis.addEventListenerWithUnmount(this.elPopup, 'mouseleave', (e) => this.onMouseleave(e as MouseEvent));\r\n\t\t\t\t\tthis.addEventListenerWithUnmount(this.elPopupInner, 'mouseleave', (e) => this.onMouseleave(e as MouseEvent));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// не скроллить страницу\r\n\t\tif (this.options.isFullScreen && this.elPopupBody) {\r\n\t\t\tthis.addEventListenerWithUnmount(this.elPopupBody, 'touchmove', (e) => this.onTouchmove(e as TouchEvent));\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Обработка клика вне окна\r\n\t */\r\n\tprivate onMousedown(e: MouseEvent): void {\r\n\t\t// // не оригинальное событие\r\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\r\n\t\t// \treturn;\r\n\t\t// }\r\n\r\n\t\t// Popup уже закрыт\r\n\t\tif (!this.elPopup || !(e.target instanceof Element)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик на внешнем элементе\r\n\t\tif (!this.isFirstClick) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.isFirstClick = false;\r\n\t\tsetTimeout(() => this.isFirstClick = true);\r\n\r\n\t\t// клик не основной кнопкой мыши\r\n\t\tif (e instanceof MouseEvent && e.button !== 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// открыто другое меню с posBy = fixed, сначала должно быть закрыто оно\r\n\t\tlet elPopupOpened = DOM.querySelectorVisibleLast(document.body, ':scope > .top-popup-wrapper');\r\n\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// открыто другое меню в top-popup-front, сначала должно быть закрыто оно\r\n\t\tif (e.target.closest('.top-popup-front')) {\r\n\t\t\telPopupOpened = DOM.querySelectorVisibleLast(e.target.closest('.top-popup-front')!, ':scope > .top-popup-wrapper');\r\n\r\n\t\t\tif (elPopupOpened && elPopupOpened !== this.elPopup) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// клик на кнопке открытия этого меню\r\n\t\tif (e.target.closest(`[data-top-popup-id=\"${this.options.id}\"]`)) {\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// элемент формы, к которому идет переход\r\n\t\tlet toFormEl: HTMLElement | null = e.target.closest('input, select, textarea, button, [tabindex]');\r\n\t\tif (toFormEl === this.elPopup) toFormEl = null;\r\n\r\n\t\t// сохранить фокус после закрытия popup, если это не переход к другому элементу\r\n\t\tconst restoreFocus = !toFormEl;\r\n\r\n\t\t/**\r\n\t\t * Не сбравсывать уже установленный фокус\r\n\t\t */\r\n\t\tif (restoreFocus && this.openerIsInput) {\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\r\n\t\t// клик внутри этого меню\r\n\t\tif (this.elPopup.contains(e.target)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// клик вне родительского диалогового окна\r\n\t\tif (this.elPopup.closest('.ui-dialog') && !e.target.closest('.ui-dialog')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (Worker.decoratorIsIgnoreOuterClick(e)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tWorker.close(this.elPopup, restoreFocus);\r\n\t}\r\n\r\n\t/**\r\n\t * Произошла фокусировка на этот popup\r\n\t */\r\n\tprivate onFocus(e: FocusEvent): void {\r\n\t\t// // не оригинальное событие\r\n\t\t// if (!e || !e.originalEvent || !e.originalEvent.isTrusted) {\r\n\t\t// \treturn;\r\n\t\t// }\r\n\r\n\t\tif (e.target instanceof Element && e.target.matches('input')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.onFocusCloseOthers();\r\n\t}\r\n\r\n\t/**\r\n\t * Закрыть другие Popup при фокусе на элемент формы в текущем\r\n\t */\r\n\tprivate onFocusCloseOthers(): void {\r\n\t\t// это окно уже закрывается\r\n\t\tif (this.isClosed) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst elsPopups = Worker.getAllVisible();\r\n\t\telsPopups.forEach(elPopup => {\r\n\t\t\t// фокус внутри этого окна\r\n\t\t\tif (this.elPopup?.contains(elPopup)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// это Popup из которого был открыт Popup с фокусом\r\n\t\t\t// глубина вложенности: до 3 подменю\r\n\t\t\tif (\r\n\t\t\t\tthis.popupParent?.elPopup === elPopup ||\r\n\t\t\t\tthis.popupParent?.popupParent?.elPopup === elPopup\r\n\t\t\t) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.close(elPopup);\r\n\t\t});\r\n\t}\r\n\r\n\t/**\r\n\t * Закрыть Popup при отведении мыши\r\n\t */\r\n\tprivate onMouseleave(_e: MouseEvent): void {\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.elPopupInner && this.elPopupInner.matches(':hover') || !this.elPopup) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.close(this.elPopup);\r\n\t\t}, 100);\r\n\t}\r\n\r\n\t/**\r\n\t * Контроль положения Popup при fixed позиционировании\r\n\t */\r\n\tprivate onResize(): void {\r\n\t\t// на android при вызове метода append сбрасывается фокус с input внутри this.elPopup\r\n\t\tif (this.elPopup && this.elPopup.parentElement !== document.body) {\r\n\t\t\tdocument.body.append(this.elPopup);\r\n\t\t}\r\n\r\n\t\tif (this.elPopup instanceof HTMLElement) {\r\n\t\t\tthis.elPopup.style.top = DOM.offset(this.el).top + 'px';\r\n\t\t\tthis.elPopup.style.left = DOM.offset(this.el).left + 'px';\r\n\t\t}\r\n\t}\r\n\r\n\tunmount(): void {\r\n\t\tsuper.unmount();\r\n\r\n\t\tif (this.el instanceof HTMLElement) this.el.dataset.topPopupOpened = '';\r\n\t\tif (!this.elActiveByDefault) {\r\n\t\t\tthis.el.classList.remove('top-active');\r\n\t\t}\r\n\r\n\t\tlet style = this.el.getAttribute('style');\r\n\t\tif (style) {\r\n\t\t\tstyle = style.replace(/position:[^;]*;?/g, '');\r\n\t\t\tthis.el.setAttribute('style', style);\r\n\t\t}\r\n\t}\r\n\r\n\t// контроль за положением Popup, чтобы оно не вылезало за пределы документа\r\n\trecalcPosition(pForce?: typeof this.options.p): void {\r\n\t\tif (!(this.elPopup instanceof HTMLElement)) return;\r\n\r\n\t\tlet p = pForce ?? this.options.p;\r\n\t\tlet leftPos: number;\r\n\r\n\t\tif (this.el instanceof HTMLElement) {\r\n\t\t\tthis.elPopup.style.height = this.el.offsetHeight + 'px';\r\n\r\n\t\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\r\n\t\t\tthis.elPopup.classList.add('p' + p);\r\n\r\n\t\t\tswitch (this.options.posBy) {\r\n\t\t\t\tcase 'left':\r\n\t\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || '0');\r\n\t\t\t\t\tleftPos += this.shift.left;\r\n\t\t\t\t\tthis.elPopup.style.left = leftPos + 'px';\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'right':\r\n\t\t\t\t\tif (!(this.el.offsetParent instanceof HTMLElement)) break;\r\n\r\n\t\t\t\t\tleftPos = this.el.offsetLeft + parseInt(this.el.style['margin-left'] || '0');\r\n\t\t\t\t\tthis.elPopup.style.right = this.el.offsetParent.offsetWidth - this.el.offsetWidth - leftPos + 'px';\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'fixed':\r\n\t\t\t\t\tthis.addEventListenerWithUnmount(window, 'resize', () => this.onResize());\r\n\r\n\t\t\t\t\tthis.onResize();\r\n\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tthis.options.posBy?.append(this.elPopup);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// контроль за пложением Popup, чтобы оно не вылезало за пределы документа\r\n\t\tconst boundingClientRect = this.elPopup.getBoundingClientRect();\r\n\t\tthis.elPopup.style.setProperty('--top-popup-height', this.elPopup.offsetHeight + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-right-bounding', boundingClientRect.right + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-bottom-bounding', boundingClientRect.bottom + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-top', boundingClientRect.top + 'px');\r\n\t\tthis.elPopup.style.setProperty('--top-popup-left', boundingClientRect.left + 'px');\r\n\r\n\t\tif (this.elPopupInner instanceof HTMLElement) {\r\n\t\t\tthis.elPopupInner.style.maxWidth = 'unset';\r\n\t\t\tthis.elPopupInner.style.maxHeight = 'unset';\r\n\t\t}\r\n\r\n\t\t// выходит ли popup за экран с конкретного края\r\n\t\tconst out = {\r\n\t\t\ttop: false,\r\n\t\t\tright: false,\r\n\t\t\tbottom: false,\r\n\t\t\tleft: false,\r\n\t\t};\r\n\r\n\t\t// выходит ли popup за экран с конкретного края, если применено инвертирование\r\n\t\tconst outWithInvert = {\r\n\t\t\ttop: false,\r\n\t\t\tright: false,\r\n\t\t\tbottom: false,\r\n\t\t\tleft: false,\r\n\t\t};\r\n\r\n\t\t// имеет ли смысл прикреплять окно к другой стороне кнопки\r\n\t\tlet canUseInvertX = boundingClientRect.left > window.innerWidth / 2;\r\n\t\tlet canUseInvertY = boundingClientRect.top > window.innerHeight / 2;\r\n\r\n\t\tif (p === 4) {\r\n\t\t\tcanUseInvertX = !canUseInvertX;\r\n\t\t}\r\n\r\n\t\tif (p === 1) {\r\n\t\t\tcanUseInvertY = !canUseInvertY;\r\n\t\t}\r\n\r\n\t\tconst contentBoundingClientRect = this.elPopupInner?.getBoundingClientRect();\r\n\r\n\t\tlet contentRight: number;\r\n\t\tlet contentBottom: number;\r\n\r\n\t\tconst margin = DOM.cssNumber(this.elPopup, '--top-popup-offset');\r\n\t\tconst elHeight = this.el.offsetHeight;\r\n\t\tconst elWidth = this.el.offsetWidth;\r\n\r\n\t\tif (contentBoundingClientRect) {\r\n\t\t\tcontentRight = window.innerWidth - contentBoundingClientRect.right;\r\n\t\t\tcontentBottom = window.innerHeight - contentBoundingClientRect.bottom;\r\n\r\n\t\t\tif (contentBoundingClientRect.top < margin) {\r\n\t\t\t\tout.top = true;\r\n\r\n\t\t\t\tif (contentBoundingClientRect.top < margin * 2 - contentBoundingClientRect.height + elHeight) {\r\n\t\t\t\t\toutWithInvert.top = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (contentRight < margin) {\r\n\t\t\t\tout.right = true;\r\n\r\n\t\t\t\tif (contentRight < margin * 2 - contentBoundingClientRect.width + elWidth) {\r\n\t\t\t\t\toutWithInvert.right = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (contentBottom < margin) {\r\n\t\t\t\tout.bottom = true;\r\n\r\n\t\t\t\tif (contentBottom < margin * 2 - contentBoundingClientRect.height + elHeight) {\r\n\t\t\t\t\toutWithInvert.bottom = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (contentBoundingClientRect.left < margin) {\r\n\t\t\t\tout.left = true;\r\n\r\n\t\t\t\tif (contentBoundingClientRect.left < margin * 2 - contentBoundingClientRect.width + elHeight) {\r\n\t\t\t\t\toutWithInvert.left = true;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/**\r\n\t\t * Определить новое положение p, если popup не помещается\r\n\t\t *\r\n\t\t * Следует выполнять в два этапа:\r\n\t\t * - по горизонтали\r\n\t\t * - по вертикали\r\n\t\t */\r\n\t\tconst genP = (axis: 'x' | 'y', p: number) => {\r\n\t\t\t// проверяем горизонталь\r\n\t\t\tif (axis === 'x') {\r\n\t\t\t\tif (!out.right && !out.left) return p;\r\n\r\n\t\t\t\tif (p === 1 || p === 3) {\r\n\t\t\t\t\tif (!outWithInvert.right && !outWithInvert.left && canUseInvertX) return p;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (out.right && (p === 0 || p === 2) && canUseInvertX) {\r\n\t\t\t\t\tp = 4;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (out.left && (p === 0 || p === 4) && canUseInvertX) {\r\n\t\t\t\t\tp = 2;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// проверяем вертикаль\r\n\t\t\tif (axis === 'y') {\r\n\t\t\t\t// не помещается и можно использовать инвертирование\r\n\t\t\t\tif (!out.top && !out.bottom) return p;\r\n\r\n\t\t\t\tif (p === 2 || p === 4) {\r\n\t\t\t\t\tif (!outWithInvert.top && !outWithInvert.bottom && canUseInvertY) return p;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (out.top && (p === 0 || p === 1) && canUseInvertY) {\r\n\t\t\t\t\tp = 3;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (out.bottom && canUseInvertY) {\r\n\t\t\t\t\tp = 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn p;\r\n\t\t};\r\n\r\n\t\t/**\r\n\t\t * Приоритет определения `p` по осям зависит от начального значения `p`\r\n\t\t *\r\n\t\t * Пытаемся сохранить выбранную ось: X или Y\r\n\t\t */\r\n\t\tlet axis: Array<'x' | 'y'> = ['x', 'y'];\r\n\t\tif (p === 0 || p === 1 || p === 3) axis = ['y', 'x'];\r\n\r\n\t\tlet newP = p ?? 0;\r\n\t\taxis.forEach((axisI) => {\r\n\t\t\tnewP = genP(axisI, newP);\r\n\t\t});\r\n\t\tp = newP;\r\n\r\n\t\tif (out.bottom && (p === 2 || p === 4) && canUseInvertY) {\r\n\t\t\t// меню справа может перемещаться вверх, только если есть место слева\r\n\t\t\tthis.elPopup.classList.add('invert-y');\r\n\t\t}\r\n\r\n\t\tif (out.right && (p === 0 || p === 1 || p === 3)) {\r\n\t\t\tthis.elPopup.classList.add('invert-x');\r\n\t\t}\r\n\r\n\t\tthis.elPopup.classList.remove('p0', 'p1', 'p2', 'p3', 'p4');\r\n\t\tthis.elPopup.classList.add('p' + p);\r\n\r\n\t\tif (this.elPopupInner instanceof HTMLElement) {\r\n\t\t\tthis.elPopupInner.style.maxWidth = '';\r\n\t\t\tthis.elPopupInner.style.maxHeight = '';\r\n\t\t}\r\n\r\n\t\t// if (this.elPopupBody instanceof HTMLElement) {\r\n\t\t// \t// отобразить popup по вертикали с другой стороны, если с другой стороны больше места\r\n\t\t// \tconst hasScroll = this.elPopupBody.offsetHeight < this.elPopupBody.scrollHeight;\r\n\t\t// \tvd(this.elPopupBody.scrollHeight);\r\n\t\t// \tvd(this.elPopupBody.offsetHeight);\r\n\t\t// \tif (hasScroll && pForce === undefined) {\r\n\t\t// \t\tconst contentBoundingClientRect = this.elPopupBody?.getBoundingClientRect();\r\n\t\t// \t\tif (\r\n\t\t// \t\t\tp === 1 && contentBoundingClientRect.top * 2 < contentBoundingClientRect.bottom ||\r\n\t\t// \t\t\tp === 3 && contentBoundingClientRect.bottom * 2 < contentBoundingClientRect.top\r\n\t\t// \t\t) {\r\n\t\t// \t\t\tthis.recalcPosition(p === 1 ? 3 : 1);\r\n\t\t//\r\n\t\t// \t\t\treturn;\r\n\t\t// \t\t}\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\tWorker.scrollToActive(this.elPopup);\r\n\t};\r\n\r\n\tonTouchmove(e: TouchEvent): void {\r\n\t\tif (e.currentTarget instanceof HTMLElement && e.target instanceof HTMLElement) {\r\n\t\t\t// разрешить горизональный скролл\r\n\t\t\tlet hasScrollX = e.currentTarget.scrollWidth > e.currentTarget.offsetWidth;\r\n\t\t\tif (hasScrollX) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (e.target.parentElement?.scrollWidth && e.target.parentElement?.offsetWidth) {\r\n\t\t\t\t// разрешить горизональный скролл\r\n\t\t\t\tlet hasScrollX2 = e.target.parentElement.scrollWidth > e.target.parentElement?.offsetWidth;\r\n\t\t\t\tif (hasScrollX2) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (!e.currentTarget.matches('.has_scroll')) {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose(): void {\r\n\t\tif (this.isClosed) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.isClosed = true;\r\n\r\n\t\tif (this.$ && Core.$ && this.elPopup) {\r\n\t\t\tthis.$.trigger('afterclose.top-menu-popup', [Core.$(this.elPopup)]);\r\n\t\t}\r\n\r\n\t\tif (Worker.noClose) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.unmount();\r\n\r\n\t\tthis.elPopup?.classList.add('top-popup-wrapper-closed');\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.vueClose();\r\n\r\n\t\t\tif (!this.elPopup) return;\r\n\r\n\t\t\tif (this.options.useOriginal) {\r\n\t\t\t\tthis.elPopup.removeAttribute('style');\r\n\t\t\t\tthis.elPopup.classList.remove('top-popup-wrapper-shown', 'top-popup-wrapper-closed');\r\n\t\t\t\tthis.elPopup.classList.add('template');\r\n\t\t\t\tthis.elStartPosition?.append(this.elPopup);\r\n\r\n\t\t\t\tthis.elPopup.querySelector('div.top-popup_content.top-column')?.classList.remove('top-column');\r\n\t\t\t\tthis.elPopup.querySelector('.notch-border')?.remove();\r\n\t\t\t\tthis.elPopup.querySelector('.notch')?.remove();\r\n\r\n\t\t\t\tthis.elPopupInner?.replaceWith(...this.elPopupInner.childNodes);\r\n\r\n\t\t\t\tDOM.storageClear(this.elPopup);\r\n\t\t\t} else {\r\n\t\t\t\tDOM.storageClear(this.elPopup);\r\n\r\n\t\t\t\tthis.elPopup.remove();\r\n\t\t\t\tdelete this.elPopup;\r\n\t\t\t}\r\n\r\n\t\t\tconst elsPopups = Worker.getAllVisible();\r\n\t\t\tconst elPopupLast = elsPopups.length && elsPopups[elsPopups.length - 1];\r\n\r\n\t\t\tif (elPopupLast) {\r\n\t\t\t\tWorker.getPopup(elPopupLast).focus();\r\n\t\t\t} else {\r\n\t\t\t\tdocument.documentElement.classList.remove('with_popup');\r\n\t\t\t}\r\n\t\t}, this.options.transitionDuration);\r\n\t}\r\n\r\n\tasync vueOpen(): Promise<void> {\r\n\t\tawait this.vueGetComponent()?.onOpen(this);\r\n\t}\r\n\r\n\tvueClose(): void {\r\n\t\tthis.vueGetComponent()?.onClose(this);\r\n\t}\r\n\r\n\t// получить vueConnectors компонента Popup\r\n\tvueGetComponent() {\r\n\t\tif (this.el instanceof HTMLElement && this.options.id) return Worker.vueConnectors.get(this.options.id);\r\n\t}\r\n}\r\n\r\nGlobalEvents.init();\r\n"],"names":["Component","componentName","el","options","component","DOM","eventData","type","listener","_options","nodes","node","GlobalEvents","e","elUl","elItem","elPopup","Worker","elCloser","elBtn","elFooterLastBtn","elLink","elItemActive","elMore","elsLiVisible","countLi","index","Core","css","cssM","cssPC","TopLibPopup","vueConnector","elInput","classes","existsWidgetSearch","i18n","useI18n","fromTop","elPopupOpened","toFormEl","restoreFocus","_e","style","pForce","leftPos","boundingClientRect","out","outWithInvert","canUseInvertX","canUseInvertY","contentBoundingClientRect","contentRight","contentBottom","margin","elHeight","elWidth","genP","axis","p","newP","axisI","elsPopups","elPopupLast"],"mappings":"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"}

package/.chunks/{popup-DRuyYFGB.amd.js → popup-Bwmu8rOb.amd.js}

@@ -1,2 +1,2 @@
-define(["require","exports","./forms-CUSCBQu3.amd","../utils/dom.amd","../popup/worker.amd"],(function(C,w,h,e,n){"use strict";if(typeof _>"u")var _=window.Vue;class P{static componentName="Top";componentName;className;uid;el;options={};unmountEls=[];unmountEvents=[];init(t,p,i){if(!p)throw t+": el is undefined";const o=P.getComponent(p,t);if(o)return o.reInit(i),o;this.componentName=t,this.className="top"+t[0].toUpperCase()+t.substring(1),this.uid=this.componentName+(Math.random()+"").replace(".",""),this._setComponent(p),this.el=p,this.el.classList.add(this.className),this.options=Object.assign(this.options,i),this.mount()}static getComponent(t,p){return e.default.storage(t,"#"+p)}_setComponent(t){e.default.storage(t,"#"+this.componentName,this)}mount(){throw"Please, add method mount() to component: "+this.componentName}unmount(){e.default.storage(this.el,"#"+this.componentName,null),this.unmountEls.forEach(t=>{t.remove()}),this.unmountEls=[],this.unmountEvents.forEach(t=>{t.el.removeEventListener(t.type,t.listener,t.options)}),this.unmountEvents=[]}registerElForUnmount(t){this.unmountEls.push(t)}addEventListenerWithUnmount(t,p,i,o){t.addEventListener(p,i,o),this.registerEventForUnmount(t,p,i,o)}registerEventForUnmount(t,p,i,o){const s={el:t,type:p,listener:i,options:o};this.unmountEvents.push(s)}reInit(t){throw"Please, add method reInit() to component: "+this.componentName}static detach(t){if(t instanceof NodeList)t.forEach(p=>p.parentElement?.removeChild(p));else{const p=t;p.parentElement?.removeChild(p)}}}class I{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("click",this.onclickCapture,{capture:!0}),document.addEventListener("click",this.onclick),document.addEventListener("keydown",this.onkeydown))}static onclickCapture(t){if(!(!(t.target instanceof HTMLElement)||!t.target.closest(".top-popup-wrapper"))){if(t.target.matches("[data-top-popup]")){const i=t.target.closest("ul"),o=t.target.closest("a, .a");i&&i.querySelector("a.top-active, .a.top-active")?.classList.remove("top-active"),o&&o.classList.add("top-active"),t.stopPropagation();return}if(t.target.matches(".top-popup-wrapper")){const i=t.target;n.TopPopupWorker.close(i,!0),t.stopPropagation();return}}}static onclick(t){if(!(t.target instanceof HTMLElement))return;const p=t.target.closest(".closer, a, .a, .top-button");if(p){const i=t.target.closest(".top-popup-wrapper");if(!i||p.matches(".top-popup-noCloser"))return;p.getAttribute("href")==="."&&t.preventDefault(),n.TopPopupWorker.close(i,!0)}}static onkeydown(t){if(!(t.target instanceof HTMLElement))return;let p=t.target.closest(".top-popup-wrapper");if(p||(p=n.TopPopupWorker.getPopupFromOpener(t.target)?.elPopup??null),!p)return;const i=p.querySelector("ul.top-popup_content");switch(t.key){case"Escape":n.TopPopupWorker.close(p,!0);break;case"Enter":if(!i){if(e.default.querySelectorVisible(p,".preloader"))break;const u=e.default.querySelectorVisible(p,".top-popup_footer .go, .top-popup_footer [data-action]");if(u instanceof HTMLElement){u.click();break}let f=e.default.querySelectorVisibleLast(p,".top-popup_footer .top-button:focus");f||(f=e.default.querySelectorVisibleLast(p,".top-popup_footer .top-button")),f instanceof HTMLElement&&f.click();break}const o=e.default.querySelectorVisible(p,"li > a.top-active");o&&o.getAttribute("href")&&(t.preventDefault(),location.href=o.getAttribute("href"));const s=p.querySelector("li > .top-active");s instanceof HTMLElement&&s.click();break;case"ArrowUp":case"ArrowRight":case"ArrowDown":case"ArrowLeft":if(!i)break;if(t.key==="ArrowRight"||t.key==="ArrowLeft"){if(e.default.querySelectorVisible(p,"ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore"))t.preventDefault();else if(t.target.tagName==="INPUT")break}else t.preventDefault();const a=p.querySelector("ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active")?.parentElement;if(t.key==="ArrowRight"&&a){const u=a.querySelector(".top-active > .top-popup_listMore");if(u instanceof HTMLElement)return u.click()}const d=e.default.querySelectorAllVisible(p,"ul.top-popup_content > li:not(.top-popup_liNoSelectable)"),c=d.length;if(!c)return;let r=-1;if(a&&(r=d.indexOf(a)),t.key==="ArrowUp"||t.key==="ArrowLeft"?r--:r++,t.key==="ArrowLeft"&&r===-1)return t.target.matches("input")?void 0:n.TopPopupWorker.close(p,!0);if(t.key==="ArrowRight"&&r===c)return;r<0&&(r=c-1),r>c-1&&(r=0),p.querySelectorAll("ul.top-popup_content > li > .top-active").forEach(u=>u.classList.remove("top-active")),d[r].querySelector(":scope > a, :scope > .a")?.classList.add("top-active"),n.TopPopupWorker.scrollToActive(p);break}}}const L=":root{--top-popup-z-index: 200000;--top-popup-transition-delay: .1s;--top-popup-offset: var(--top-padding-2);--top-popup-background-color: var(--color-layout-front-1);--top-popup-background-color-hover: var(--color-layout-front-3);--top-popup-background-color-active: var(--color-layout-front-4);--top-popup-border-color: var(--color-line-2-opacity);--top-popup-title-background-color: var(--color-layer-1);--top-popup-content-padding: calc(var(--top-popup-list-padding) + var(--top-popup-listItem-padding));--top-popup-list-padding: var(--top-padding-2);--top-popup-listItem-radius: var(--top-radius-2);--top-popup-listItem-padding: var(--top-padding-2)}.top-popup-front{position:relative}.top-popup-wrapper{--top-popup-height: 0px;--top-popup-right-bounding: 0px;--top-popup-bottom-bounding: 0px;--top-popup-top: 0px;--top-popup-right: calc(100vw - var(--top-popup-right-bounding));--top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));--top-popup-left: 0px;--top-popup-margin: -10px;text-align:initial;white-space:normal;word-break:normal;position:absolute;z-index:200000;outline:none}.top-popup-wrapper:not(.top-popup-wrapper-shown){overflow:hidden}.top-popupPanel{cursor:default;box-shadow:var(--top-shadow-b);border-radius:14px;background:var(--top-popup-background-color);position:absolute;overflow:hidden;display:flex;flex-direction:column}.top-popup-wrapper>*{opacity:0;transition:opacity var(--top-popup-transition-delay) linear,transform var(--top-popup-transition-delay) linear;pointer-events:auto}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>*{opacity:1;transform:translate(0)!important}.top-popup_header,.top-popup_content,.top-popup_footer{font-size:14px}.top-popup_header,.top-popup_footer{display:flex;align-items:center;justify-content:space-between}.top-popup_header{color:var(--color-text-1);border-bottom:1px solid var(--top-popup-border-color);padding:var(--top-padding-3);font-weight:600}.top-popup_header>*{font-weight:400}.top-popup_header>.a{cursor:pointer}.top-popup_header>.a:hover{color:var(--color-text-primary)}.top-popup_headerButton{width:60px}.top-popup_widget{padding:var(--top-padding-2)}.top-popup_content{margin:0;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--top-gap-4);-webkit-overflow-scrolling:touch}div.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-content-padding)}div.top-popup_content>*{flex-shrink:0}div.top-popup_content>.top-button{margin:0}div.top-popup_content .top-unwrap{--top-unwrap-x: var(--top-popup-content-padding)}ul.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-list-padding);gap:2px}ul.top-popup_content .top-unwrap{--top-unwrap-x: var(--top-popup-list-padding)}.top-popup_listItem{border-radius:var(--top-popup-listItem-radius);padding:var(--top-popup-listItem-padding);line-height:1!important}ul.top-popup_content li{margin:0;list-style:none;display:flex;align-items:center;position:relative}ul.top-popup_content li>*{flex-grow:1}ul.top-popup_content li>a:not(.top-button),ul.top-popup_content li>.a{cursor:pointer;box-sizing:border-box;border-radius:var(--top-popup-listItem-radius);background:var(--top-popup-background-color);padding:var(--top-popup-listItem-padding);color:var(--color-text-1)!important;font-size:14px;font-weight:400!important;text-decoration:none!important;font-style:normal;line-height:1!important;display:flex;flex:1 1 100%;align-items:center;transition:background-color .1s ease-in-out}.top-popup-wrapper-no_animate ul.top-popup_content li>a:not(.top-button),.top-popup-wrapper-no_animate ul.top-popup_content li>.a{transition:none}ul.top-popup_content li>a:not(.top-button):hover,ul.top-popup_content li>.a:hover{background:var(--top-popup-background-color-hover)}ul.top-popup_content li>a:not(.top-button).top-active,ul.top-popup_content li>.a.top-active{--top-icon-color: var(--color-text-primary) !important;background:var(--top-popup-background-color-active)}.top-popup_liastItem-withActions{width:240px;max-width:100%}.top-popup_listItemActionsLabel{flex-grow:1}.top-popup_listItemActions{margin-left:auto;flex-grow:0;display:flex}.top-popup_listItemActions>[data-top-icon]{--top-icon-size: 20px;--top-icon-color: var(--color-text-4)}.top-popup_listItemActions>[data-top-icon]:before{line-height:0}.top-popup_listItemActions>[data-top-icon]:hover,.top-popup_listItemActions>[data-top-icon].top-active{--top-icon-color: var(--color-text-3)}.top-popup_content+.top-popup_content{padding-top:0}.top-popup_listItem-title{background:var(--color-layer-1);color:var(--color-text-1);font-size:12px}.top-popup_listItem-formControls{padding-top:0;padding-bottom:0;display:flex;flex-direction:column}.top-popup_listItem-delimiter{border-radius:3px;background:var(--top-popup-border-color);height:1px;padding:0;margin:4px}.top-popup_listMore{font-size:20px;margin:calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0}.top-popup_listMore.top-button{margin:0}ul.top-popup_content li>.a.top-popup_listMore{text-align:center;flex-basis:10px}ul.top-popup_content li>.a.top-popup_listMore:before{color:var(--color-text-2)}ul.top-popup_content li>*>.top-popup_listMore{margin-left:auto;color:var(--color-layer-4);font-size:14px}ul.top-popup_content li>*>i.top-popup_listMore:hover,ul.top-popup_content li>*>i.top-popup_listMore.top-active{color:var(--color-text-primary)}ul.top-popup_content li>*>i.top-popup_listMore:before{transform:rotate(90deg);display:block}ul.top-popup_content li a.close{background:none!important}.top-popup_content>[data-top-icon]:before{--top-icon-size: 20px}ul.top-popup_content li>[data-top-icon]{--top-icon-color: var(--color-text-2);--top-icon-size: 20px;--top-icon-width: 20px}ul.top-popup_content li>[data-top-icon]:not(.top-button):before{height:1rem;margin-right:8px;transition:color .1s}ul.top-popup_content li:hover>[data-top-icon]:not(.top-button){--top-icon-color: var(--color-text-2)}.top-popup_footer{padding:var(--top-padding-3);border-top:1px solid var(--top-popup-border-color);display:flex;gap:var(--top-gap-2);justify-content:flex-end}.top-popup_footerSupportLink{margin-right:auto}.top-popup>[data-widget]{padding:0 var(--top-popup-list-padding)}.top-popup>[data-widget]+hr{margin:0 var(--top-popup-list-padding)}.top-popup .placeholder{border:1px solid #E0D9D9!important;border-right:none!important;border-left:none!important;background:#f9f9f9!important;margin:-1px 0;z-index:1;position:relative}.top-popup-wrapper.simple_list>.top-popup{min-width:0;white-space:nowrap}.top-popup_content .top-column{display:flex;flex-direction:column;gap:4px}.top-popup li .check_all,.top-popup li .clear_all{cursor:pointer;color:var(--color-text-primary);padding:8px;display:inline-block}.top-popup li .check_all:hover,.top-popup li .clear_all:hover{text-decoration:underline}.top-popup li .clear_all{display:none}.top-popup_content table{margin:-9px 0}.top-popup_content table td,.top-popup_content table th{padding:9px var(--top-popup-listItem-padding) 9px 0;vertical-align:top}.top-popup_content table th{width:40%;font-weight:600;white-space:nowrap}ul.top-popup_content .a>[type=checkbox],ul.top-popup_content .a>[type=radio]{margin:-8px 0 -8px auto}ul.top-popup_content a>[class*=icon],ul.top-popup_content i.a>[class*=icon]{transition:.1s}.top-popup .buttons{border-radius:0 0 4px 4px;border-top:1px solid #BDC3C7;background:#ecf0f1;padding:10px 15px;margin:10px -15px -10px;white-space:nowrap}.top-popup_footer [class*=btn]:not(.btn-transparent){min-width:100px;padding:5px 14px;margin-left:10px}.top-popup_footer [class*=btn]:first-child{margin-left:0}.top-popup_footer .btn.full_width{margin:0;flex-grow:1}",E=":root{--top-popup-list-padding: 0px;--top-popup-listItem-radius: 0px;--top-popup-listItem-padding: var(--top-padding-4)}.top-popup-wrapper{--top-popup-footer-offset: 25px;width:auto!important;height:auto!important;position:fixed;top:0!important;right:0!important;left:0!important;overflow:hidden;transition:background .3s}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>.top-popup{opacity:1!important}.top-popup{border-radius:8px 8px 0 0;width:auto!important;max-height:calc(100% - var(--header-height, 0px) - var(--toolbar-height, 0px) - 12px);margin:0!important;top:auto!important;right:0!important;bottom:var(--toolbar-height, 0px)!important;left:0!important;display:flex;flex-direction:column;transform:translateY(80%);transition:opacity .3s,transform .3s}.top-popup-wrapper.p-from-top{--top-popup-footer-offset: 0px;top:var(--header-height, 0px)!important}.with_dialog .top-popup-wrapper.p-from-top{top:50px!important}.top-popup-wrapper.p-from-top>.top-popup{border-radius:0 0 8px 8px;max-height:calc(100% - 24px);top:0!important;bottom:auto!important;transform:translateY(calc(-100% - 24px))}.top-popup_widget:not(.p-from-top){order:10}ul.top-popup_content{gap:0}ul.top-popup_content li:not(:last-child){border-bottom:1px solid var(--top-popup-border-color)}.top-popup-wrapper.top-style_alt>.top-popup>ul>li{border-bottom:none}.top-popup_footer{flex-direction:column-reverse}.top-popup_footer>.top-button{--top-forms-base-height: var(--top-forms-base-height_l);width:100%}ul.top-popup_content .top-popup_listItem-title{--top-popup-padding-v: 12px}ul.top-popup_content .top-popup_listItem-delimiter{background:var(--color-line-1-opacity);height:4px;margin:0}ul.top-popup_content li:first-child>.top-popup_listItem-delimiter{border-top:1px solid var(--top-popup-border-color)}",k=".top-popup-wrapper{pointer-events:none}.top-popup{min-width:250px;max-width:calc(100vw - var(--top-popup-left) - 16px);max-height:calc(var(--top-popup-bottom) + var(--top-popup-height))}.top-popup-wrapper.p0>*{transform:translateY(-8px)}.top-popup-wrapper.p1>*{transform:translateY(8px)}.top-popup-wrapper.p2>*{transform:translate(8px)}.top-popup-wrapper.p3>*{transform:translateY(8px)}.top-popup-wrapper.p4>*{transform:translate(-8px)}.top-popup-wrapper.p0>.top-popup{top:-16px;left:-8px}.top-popup-wrapper.p1>.top-popup{bottom:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup{left:calc(100% + 8px)}.top-popup-wrapper.p3>.top-popup{top:calc(100% + 8px)}.top-popup-wrapper.p4>.top-popup{right:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup,.top-popup-wrapper.p4>.top-popup{margin-top:var(--top-popup-margin)}.top-popup-wrapper.p2.invert-y>.top-popup,.top-popup-wrapper.p4.invert-y>.top-popup{margin-bottom:var(--top-popup-margin)}.top-popup-wrapper.p1.with_notch>.top-popup{margin-bottom:5px}.top-popup-wrapper.p2.with_notch>.top-popup{margin-left:5px}.top-popup-wrapper.p3.with_notch>.top-popup{margin-top:5px}.top-popup-wrapper.p4.with_notch>.top-popup{margin-right:5px}.top-popup-wrapper.invert-x>.top-popup{right:0}.top-popup-wrapper.invert-y>.top-popup{bottom:0}.top-popup-wrapper.p1>.top-popup{max-height:calc(var(--top-popup-top) - var(--header-height, 0px) - 16px)}.top-popup-wrapper.p3>.top-popup{max-height:calc(var(--top-popup-bottom) - 16px)}.top-popup-wrapper.p2>.top-popup{max-width:calc(var(--top-popup-right) - 16px)}.top-popup-wrapper.p4>.top-popup{max-width:calc(var(--top-popup-left) - 16px)}.top-popup-wrapper.invert-x>.top-popup{max-width:calc(100vw - var(--top-popup-right) - 16px)}.top-popup-wrapper.invert-y>.top-popup{max-height:calc(100vh - var(--top-popup-bottom) - 16px)}.top-popup-wrapper>.notch{border:7.4px solid transparent;position:absolute;display:block}.top-popup-wrapper.p1>.notch{border-bottom:0;border-top:7.4px solid var(--color-layout-front-1);margin:0 0 7.4px -7.4px;bottom:100%;left:50%}.top-popup-wrapper.p2>.notch{border-left:0;border-right:7.4px solid var(--color-layout-front-1);margin:0 0 -7.4px 7.4px;bottom:50%;left:100%}.top-popup-wrapper.p3>.notch{border-top:0;border-bottom:7.4px solid var(--color-layout-front-1);margin:7.4px 0 0 -7.4px;top:100%;left:50%}.top-popup-wrapper.p4>.notch{border-right:0;border-left:7.4px solid var(--color-layout-front-1);margin:0 7.4px -7.4px 0;bottom:50%;right:100%}.top-popup-wrapper.p1>.notch-border{border-top-color:#0000000d;margin-bottom:6px}.top-popup-wrapper.p2>.notch-border{border-right-color:#0000000d;margin-left:6px}.top-popup-wrapper.p3>.notch-border{border-bottom-color:#0000000d;margin-top:6px}.top-popup-wrapper.p4>.notch-border{border-left-color:#0000000d;margin-right:6px}.top-popup-wrapper.p1.with_notch>.top-popup,.top-popup-wrapper.p3.with_notch>.top-popup{margin-left:-16px!important}.top-popup-wrapper.p1.with_notch>.notch,.top-popup-wrapper.p3.with_notch>.notch{margin-left:-8px!important}.top-popup-wrapper.p1.with_notch.invert-x,.top-popup-wrapper.p3.with_notch.invert-x{margin-left:3px!important}.top-popup-wrapper.p1.with_notch.invert-x>.notch,.top-popup-wrapper.p3.with_notch.invert-x>.notch{margin-left:-9px!important}ul.top-popup_content li>*>i.top-popup_listMore{visibility:hidden;transition:none}ul.top-popup_content li:hover>*>i.top-popup_listMore,ul.top-popup_content li>*.top-active>i.top-popup_listMore,ul.top-popup_content li>*>i.top-popup_listMore.top-active{visibility:visible}.top-popup_listItemActions{display:none}.top-popup_listItem.top-active>.top-popup_listItemActions,.top-popup_listItem:hover>.top-popup_listItemActions{display:flex}";h.Core.insertStyleToPage(L),h.Core.insertStyleToPage(E,"m"),h.Core.insertStyleToPage(k,"pc");class g extends P{static componentName="TopPopup";elActiveByDefault;elPopup;elPopupInner;elPopupHeader;elPopupWidget;elPopupBody;elPopupFooter;elFront;openerIsInput=!1;popupParent;$;elStartPosition;shift={top:0,left:0};isClosed=!1;isFirstClick=!0;type;options={popup:"",p:0,notch:!1,class:"",posBy:"left",frontSelector:"",invertX:!1,openByHover:!1,useOriginal:!1,transitionDuration:100,isFullScreen:!1};events={};constructor(t,p){super(),this.init(g.componentName,t,p)}async mount(){if(!(this.el instanceof HTMLElement))return;const t=this.vueGetComponent();if(this.el.closest(".top-popup-wrapper")&&(this.popupParent=n.TopPopupWorker.getPopup(this.el.closest(".top-popup-wrapper"))),await this.mountJQuery(),e.default.css(this.el,"position")!=="absolute"&&(this.el.style.position="relative"),this.el.dataset.topPopupOpened="opened",this.elActiveByDefault=this.el.classList.contains("top-active"),this.el.classList.add("top-active"),this.openerIsInput=this.el.classList.contains("top-input"),this.el.classList.contains("top-input-project_name")&&(this.openerIsInput=!1),this.openerIsInput){const o=this.el.querySelector("input");o&&!o.__popupOnBlur&&(o.__popupOnBlur=!0,o.addEventListener("blur",s=>{n.TopPopupWorker.getPopupFromOpener(this.el)?.close()}))}if(t)this.type="vue",this.options.popup="",this.elPopup=e.default.genEl("div",{},this.options.popup);else if(this.options.popup?.match(/^[#.]/))this.type="selector",this.elPopup=document.querySelector(`${this.options.popup}.template`)||void 0;else{if(this.type="html",this.options.useOriginal)throw"Option useOriginal not allowed for text templates";this.elPopup=e.default.genEl("div",{},this.options.popup??"")}if(!this.elPopup||t?.opened){if(this.options.useOriginal||t?.opened){if(t?.opened?this.elPopup=t.popup.elPopup:this.elPopup=document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`)||void 0,this.elPopup){this.el.dataset.topPopupOpened="",this.elActiveByDefault||this.el.classList.remove("top-active"),n.TopPopupWorker.close(this.elPopup),setTimeout(()=>this.mount(),this.options.transitionDuration);return}throw"Option useOriginal state allowed only elements .template"}this.elPopup=document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`)||void 0}if(!this.elPopup)return;for(this.options.useOriginal?(this.elStartPosition=this.elPopup.closest(".top-popup-el-start-position"),this.elStartPosition||(this.elStartPosition=e.default.wrap(this.elPopup,"i"),this.elStartPosition.classList.add("top-popup-el-start-position","hidden"))):(this.elPopup=this.elPopup.cloneNode(!0),this.type==="selector"&&!this.elPopup.matches(".template")&&(this.elPopup.classList.remove("hidden"),this.elPopup.querySelector(":scope > .top-popup_content")||this.elPopup.classList.add("top-popup_content"),this.elPopup=e.default.wrap(this.elPopup,"div")),this.type==="html"&&(this.elPopup.querySelector(":scope > .top-popup_content")||(this.elPopup.classList.add("top-popup_content"),this.elPopup=e.default.wrap(this.elPopup,"div"))),(this.type==="selector"&&!this.elPopup.matches(".template")||this.type==="html"||this.type==="vue")&&(e.default.querySelectorAllArray(this.elPopup,"[data-top-popup]").forEach(o=>{o instanceof HTMLElement&&(o.dataset.topPopupPosBy="fixed")}),e.default.querySelectorAllArray(this.elPopup,".top-popup-wrapper").forEach(o=>o.remove()))),n.TopPopupWorker.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value,t.transitionDurationRef.value!==void 0&&(this.options.transitionDuration=t.transitionDurationRef.value,this.elPopup instanceof HTMLElement&&this.elPopup.style.setProperty("--top-popup-transition-delay",this.options.transitionDuration+"ms"))),this.elPopupInner=document.createElement("div"),this.elPopupInner.classList.add("top-popupPanel","top-popup");this.elPopup.firstChild;)this.elPopupInner.appendChild(this.elPopup.firstChild);if(this.elPopup.append(this.elPopupInner),this.elPopup.classList.add("top-popup-wrapper"),this.options.class){const o=this.options.class.split(" ");this.elPopup.classList.add(...o)}this.options.notch&&(this.elPopup.classList.add("with_notch"),this.elPopup.insertAdjacentHTML("beforeend",'<i class="notch notch-border"></i><i class="notch"></i>')),await this.vueOpen(),this.elPopupHeader=this.elPopupInner.querySelector(".top-popup_header"),this.elPopupWidget=this.elPopupInner.querySelector(".top-popup_widget"),this.elPopupBody=this.elPopupInner.querySelector(".top-popup_content"),this.elPopupFooter=this.elPopupInner.querySelector(".top-popup_footer");const p=!!this.elPopup.querySelector('[data-widget="search"]');if(this.options.isFullScreen&&!p){const o=h.useI18n();!this.elPopupHeader&&o.Common.Close&&(this.elPopupHeader=e.default.genEl("i",{class:"top-popup_header"}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(e.default.genEl("i",{class:"a closer"},o.Common.Close)),this.elPopupHeader.append(e.default.genEl("i",{class:"top-popup_headerButton"})))}e.default.storage(this.elPopup,g.componentName,this),this.options.frontSelector&&(this.elFront=document.querySelector(this.options.frontSelector)),this.elFront||(this.elFront=this.el.closest(".top-popup-front")),this.elFront||(this.elFront=document.body),this.elPopup instanceof HTMLElement&&(this.elPopup.style.width=this.el.offsetWidth+"px",this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.style.top=this.el.offsetTop+"px",this.elPopup.style.right=parseInt(this.el.style.right||"0")+"px",this.elPopup.style.bottom=parseInt(this.el.style.bottom||"0")+"px"),this.el.parentElement?.insertBefore(this.elPopup,this.el),this.elPopup.classList.remove("template"),this.options.invertX&&this.elPopup.classList.add("invert-x");let i=!!this.el.closest(".modal-header");i||(i=!!this.el.closest("#top_panel")),i||(i=!!this.el.closest("#secondmenu")),i&&this.elPopup.classList.add("p-from-top"),setTimeout(()=>this.elPopup?.classList.add("top-popup-wrapper-shown")),this.elFront&&!this.elFront.matches("body")&&(this.elFront.append(this.elPopup),this.shift.top=e.default.offset(this.el).top-this.el.offsetTop-e.default.offset(this.elFront).top,this.shift.left=e.default.offset(this.el).left-this.el.offsetLeft-e.default.offset(this.elFront).left,this.shift.top-=parseInt(this.el.style["margin-top"]||0),this.shift.left-=parseInt(this.el.style["margin-left"]||0),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=parseInt(this.elPopup.style.top||"0")+this.shift.top+"px",this.elPopup.style.left=parseInt(this.elPopup.style.left||"0")+this.shift.left+"px")),this.$&&h.Core.$&&this.$.trigger("aftershow.top-menu-popup",[h.Core.$(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute("tabindex","0"),this.focus(),n.TopPopupWorker.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){h.Core.$&&(this.$=h.Core.$(this.el))}focus(){let t;this.elPopup&&(t=e.default.querySelectorVisible(this.elPopup,".top-popup-autofocus"),t||(t=e.default.querySelectorVisible(this.elPopup,":read-write, select:not(:disabled)")),t||(t=e.default.querySelectorVisible(this.elPopup,".top-popup_footer .top-button")),t||(t=this.elPopup),this.openerIsInput||(t instanceof HTMLElement&&t.focus(),setTimeout(()=>{t instanceof HTMLElement&&t.focus()},this.options.transitionDuration)))}mountEvents(){this.addEventListenerWithUnmount(document,"mousedown",t=>this.onMousedown(t)),this.openerIsInput?this.onFocusCloseOthers():this.elPopup&&this.elPopupInner&&(this.addEventListenerWithUnmount(this.elPopup,"focus",t=>this.onFocus(t)),this.options.openByHover&&(this.addEventListenerWithUnmount(this.elPopup,"mouseleave",t=>this.onMouseleave(t)),this.addEventListenerWithUnmount(this.elPopupInner,"mouseleave",t=>this.onMouseleave(t)))),this.options.isFullScreen&&this.elPopupBody&&this.addEventListenerWithUnmount(this.elPopupBody,"touchmove",t=>this.onTouchmove(t))}onMousedown(t){if(!this.elPopup||!(t.target instanceof Element)||!this.isFirstClick||(this.isFirstClick=!1,setTimeout(()=>this.isFirstClick=!0),t instanceof MouseEvent&&t.button!==0))return;let p=e.default.querySelectorVisibleLast(document.body,":scope > .top-popup-wrapper");if(p&&p!==this.elPopup||t.target.closest(".top-popup-front")&&(p=e.default.querySelectorVisibleLast(t.target.closest(".top-popup-front"),":scope > .top-popup-wrapper"),p&&p!==this.elPopup))return;if(t.target.closest(`[data-top-popup-id="${this.options.id}"]`)){t.preventDefault();return}let i=t.target.closest("input, select, textarea, button, [tabindex]");i===this.elPopup&&(i=null);const o=!i;o&&this.openerIsInput&&t.preventDefault(),!this.elPopup.contains(t.target)&&(this.elPopup.closest(".ui-dialog")&&!t.target.closest(".ui-dialog")||n.TopPopupWorker.decoratorIsIgnoreOuterClick(t)||n.TopPopupWorker.close(this.elPopup,o))}onFocus(t){t.target instanceof Element&&t.target.matches("input")||this.onFocusCloseOthers()}onFocusCloseOthers(){if(this.isClosed)return;n.TopPopupWorker.getAllVisible().forEach(p=>{this.elPopup?.contains(p)||this.popupParent?.elPopup===p||this.popupParent?.popupParent?.elPopup===p||n.TopPopupWorker.close(p)})}onMouseleave(t){setTimeout(()=>{this.elPopupInner&&this.elPopupInner.matches(":hover")||!this.elPopup||n.TopPopupWorker.close(this.elPopup)},100)}onResize(){this.elPopup&&this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=e.default.offset(this.el).top+"px",this.elPopup.style.left=e.default.offset(this.el).left+"px")}unmount(){super.unmount(),this.el instanceof HTMLElement&&(this.el.dataset.topPopupOpened=""),this.elActiveByDefault||this.el.classList.remove("top-active");let t=this.el.getAttribute("style");t&&(t=t.replace(/position:[^;]*;?/g,""),this.el.setAttribute("style",t))}recalcPosition(t){if(!(this.elPopup instanceof HTMLElement))return;let p=t??this.options.p,i;if(this.el instanceof HTMLElement)switch(this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+p),this.options.posBy){case"left":i=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||"0"),i+=this.shift.left,this.elPopup.style.left=i+"px";break;case"right":if(!(this.el.offsetParent instanceof HTMLElement))break;i=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||"0"),this.elPopup.style.right=this.el.offsetParent.offsetWidth-this.el.offsetWidth-i+"px";break;case"fixed":this.addEventListenerWithUnmount(window,"resize",()=>this.onResize()),this.onResize();break;default:this.options.posBy?.append(this.elPopup)}const o=this.elPopup.getBoundingClientRect();this.elPopup.style.setProperty("--top-popup-height",this.elPopup.offsetHeight+"px"),this.elPopup.style.setProperty("--top-popup-right-bounding",o.right+"px"),this.elPopup.style.setProperty("--top-popup-bottom-bounding",o.bottom+"px"),this.elPopup.style.setProperty("--top-popup-top",o.top+"px"),this.elPopup.style.setProperty("--top-popup-left",o.left+"px"),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth="unset",this.elPopupInner.style.maxHeight="unset");const s={top:!1,right:!1,bottom:!1,left:!1},a={top:!1,right:!1,bottom:!1,left:!1};let d=o.left>window.innerWidth/2,c=o.top>window.innerHeight/2;p===4&&(d=!d),p===1&&(c=!c);const r=this.elPopupInner?.getBoundingClientRect();let u,f;const m=e.default.cssNumber(this.elPopup,"--top-popup-offset"),x=this.el.offsetHeight,T=this.el.offsetWidth;r&&(u=window.innerWidth-r.right,f=window.innerHeight-r.bottom,r.top<m&&(s.top=!0,r.top<m*2-r.height+x&&(a.top=!0)),u<m&&(s.right=!0,u<m*2-r.width+T&&(a.right=!0)),f<m&&(s.bottom=!0,f<m*2-r.height+x&&(a.bottom=!0)),r.left<m&&(s.left=!0,r.left<m*2-r.width+x&&(a.left=!0)));const S=(v,l)=>{if(v==="x"){if(!s.right&&!s.left||(l===1||l===3)&&!a.right&&!a.left&&d)return l;s.right&&(l===0||l===2)&&d&&(l=4),s.left&&(l===0||l===4)&&d&&(l=2)}if(v==="y"){if(!s.top&&!s.bottom||(l===2||l===4)&&!a.top&&!a.bottom&&c)return l;s.top&&(l===0||l===1)&&c&&(l=3),s.bottom&&c&&(l=1)}return l};let y=["x","y"];(p===0||p===1||p===3)&&(y=["y","x"]);let b=p??0;y.forEach(v=>{b=S(v,b)}),p=b,s.bottom&&(p===2||p===4)&&c&&this.elPopup.classList.add("invert-y"),s.right&&(p===0||p===1||p===3)&&this.elPopup.classList.add("invert-x"),this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+p),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth="",this.elPopupInner.style.maxHeight=""),n.TopPopupWorker.scrollToActive(this.elPopup)}onTouchmove(t){if(t.currentTarget instanceof HTMLElement&&t.target instanceof HTMLElement){if(t.currentTarget.scrollWidth>t.currentTarget.offsetWidth||t.target.parentElement?.scrollWidth&&t.target.parentElement?.offsetWidth&&t.target.parentElement.scrollWidth>t.target.parentElement?.offsetWidth)return;t.currentTarget.matches(".has_scroll")||t.preventDefault()}}close(){this.isClosed||(this.isClosed=!0,this.$&&h.Core.$&&this.elPopup&&this.$.trigger("afterclose.top-menu-popup",[h.Core.$(this.elPopup)]),!n.TopPopupWorker.noClose&&(this.unmount(),this.elPopup?.classList.add("top-popup-wrapper-closed"),setTimeout(()=>{if(this.vueClose(),!this.elPopup)return;this.options.useOriginal?(this.elPopup.removeAttribute("style"),this.elPopup.classList.remove("top-popup-wrapper-shown","top-popup-wrapper-closed"),this.elPopup.classList.add("template"),this.elStartPosition?.append(this.elPopup),this.elPopup.querySelector("div.top-popup_content.top-column")?.classList.remove("top-column"),this.elPopup.querySelector(".notch-border")?.remove(),this.elPopup.querySelector(".notch")?.remove(),this.elPopupInner?.replaceWith(...this.elPopupInner.childNodes),e.default.storageClear(this.elPopup)):(e.default.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);const t=n.TopPopupWorker.getAllVisible(),p=t.length&&t[t.length-1];p?n.TopPopupWorker.getPopup(p).focus():document.documentElement.classList.remove("with_popup")},this.options.transitionDuration)))}async vueOpen(){await this.vueGetComponent()?.onOpen(this)}vueClose(){this.vueGetComponent()?.onClose(this)}vueGetComponent(){if(this.el instanceof HTMLElement&&this.options.id)return n.TopPopupWorker.vueConnectors.get(this.options.id)}}I.init(),w.TopLibPopup=g,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=popup-DRuyYFGB.amd.js.map
+define(["require","exports","./forms-4D_EVI46.amd","../utils/dom.amd","../popup/worker.amd"],(function(C,w,h,e,n){"use strict";if(typeof _>"u")var _=window.Vue;class P{static componentName="Top";componentName;className;uid;el;options={};unmountEls=[];unmountEvents=[];init(t,p,i){if(!p)throw t+": el is undefined";const o=P.getComponent(p,t);if(o)return o.reInit(i),o;this.componentName=t,this.className="top"+t[0].toUpperCase()+t.substring(1),this.uid=this.componentName+(Math.random()+"").replace(".",""),this._setComponent(p),this.el=p,this.el.classList.add(this.className),this.options=Object.assign(this.options,i),this.mount()}static getComponent(t,p){return e.default.storage(t,"#"+p)}_setComponent(t){e.default.storage(t,"#"+this.componentName,this)}mount(){throw"Please, add method mount() to component: "+this.componentName}unmount(){e.default.storage(this.el,"#"+this.componentName,null),this.unmountEls.forEach(t=>{t.remove()}),this.unmountEls=[],this.unmountEvents.forEach(t=>{t.el.removeEventListener(t.type,t.listener,t.options)}),this.unmountEvents=[]}registerElForUnmount(t){this.unmountEls.push(t)}addEventListenerWithUnmount(t,p,i,o){t.addEventListener(p,i,o),this.registerEventForUnmount(t,p,i,o)}registerEventForUnmount(t,p,i,o){const s={el:t,type:p,listener:i,options:o};this.unmountEvents.push(s)}reInit(t){throw"Please, add method reInit() to component: "+this.componentName}static detach(t){if(t instanceof NodeList)t.forEach(p=>p.parentElement?.removeChild(p));else{const p=t;p.parentElement?.removeChild(p)}}}class I{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("click",this.onclickCapture,{capture:!0}),document.addEventListener("click",this.onclick),document.addEventListener("keydown",this.onkeydown))}static onclickCapture(t){if(!(!(t.target instanceof HTMLElement)||!t.target.closest(".top-popup-wrapper"))){if(t.target.matches("[data-top-popup]")){const i=t.target.closest("ul"),o=t.target.closest("a, .a");i&&i.querySelector("a.top-active, .a.top-active")?.classList.remove("top-active"),o&&o.classList.add("top-active"),t.stopPropagation();return}if(t.target.matches(".top-popup-wrapper")){const i=t.target;n.TopPopupWorker.close(i,!0),t.stopPropagation();return}}}static onclick(t){if(!(t.target instanceof HTMLElement))return;const p=t.target.closest(".closer, a, .a, .top-button");if(p){const i=t.target.closest(".top-popup-wrapper");if(!i||p.matches(".top-popup-noCloser"))return;p.getAttribute("href")==="."&&t.preventDefault(),n.TopPopupWorker.close(i,!0)}}static onkeydown(t){if(!(t.target instanceof HTMLElement))return;let p=t.target.closest(".top-popup-wrapper");if(p||(p=n.TopPopupWorker.getPopupFromOpener(t.target)?.elPopup??null),!p)return;const i=p.querySelector("ul.top-popup_content");switch(t.key){case"Escape":n.TopPopupWorker.close(p,!0);break;case"Enter":if(!i){if(e.default.querySelectorVisible(p,".preloader"))break;const u=e.default.querySelectorVisible(p,".top-popup_footer .go, .top-popup_footer [data-action]");if(u instanceof HTMLElement){u.click();break}let f=e.default.querySelectorVisibleLast(p,".top-popup_footer .top-button:focus");f||(f=e.default.querySelectorVisibleLast(p,".top-popup_footer .top-button")),f instanceof HTMLElement&&f.click();break}const o=e.default.querySelectorVisible(p,"li > a.top-active");o&&o.getAttribute("href")&&(t.preventDefault(),location.href=o.getAttribute("href"));const s=p.querySelector("li > .top-active");s instanceof HTMLElement&&s.click();break;case"ArrowUp":case"ArrowRight":case"ArrowDown":case"ArrowLeft":if(!i)break;if(t.key==="ArrowRight"||t.key==="ArrowLeft"){if(e.default.querySelectorVisible(p,"ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active > .top-popup_listMore"))t.preventDefault();else if(t.target.tagName==="INPUT")break}else t.preventDefault();const a=p.querySelector("ul.top-popup_content > li:not(.top-popup_liNoSelectable) > .top-active")?.parentElement;if(t.key==="ArrowRight"&&a){const u=a.querySelector(".top-active > .top-popup_listMore");if(u instanceof HTMLElement)return u.click()}const d=e.default.querySelectorAllVisible(p,"ul.top-popup_content > li:not(.top-popup_liNoSelectable)"),c=d.length;if(!c)return;let r=-1;if(a&&(r=d.indexOf(a)),t.key==="ArrowUp"||t.key==="ArrowLeft"?r--:r++,t.key==="ArrowLeft"&&r===-1)return t.target.matches("input")?void 0:n.TopPopupWorker.close(p,!0);if(t.key==="ArrowRight"&&r===c)return;r<0&&(r=c-1),r>c-1&&(r=0),p.querySelectorAll("ul.top-popup_content > li > .top-active").forEach(u=>u.classList.remove("top-active")),d[r].querySelector(":scope > a, :scope > .a")?.classList.add("top-active"),n.TopPopupWorker.scrollToActive(p);break}}}const L=":root{--top-popup-z-index: 200000;--top-popup-transition-delay: .1s;--top-popup-offset: var(--top-padding-2);--top-popup-background-color: var(--color-layout-front-1);--top-popup-background-color-hover: var(--color-layout-front-3);--top-popup-background-color-active: var(--color-layout-front-4);--top-popup-border-color: var(--color-line-2-opacity);--top-popup-title-background-color: var(--color-layer-1);--top-popup-content-padding: calc(var(--top-popup-list-padding) + var(--top-popup-listItem-padding));--top-popup-list-padding: var(--top-padding-2);--top-popup-listItem-radius: var(--top-radius-2);--top-popup-listItem-padding: var(--top-padding-2)}.top-popup-front{position:relative}.top-popup-wrapper{--top-popup-height: 0px;--top-popup-right-bounding: 0px;--top-popup-bottom-bounding: 0px;--top-popup-top: 0px;--top-popup-right: calc(100vw - var(--top-popup-right-bounding));--top-popup-bottom: calc(var(--100vh) - var(--top-popup-bottom-bounding));--top-popup-left: 0px;--top-popup-margin: -10px;text-align:initial;white-space:normal;word-break:normal;position:absolute;z-index:200000;outline:none}.top-popup-wrapper:not(.top-popup-wrapper-shown){overflow:hidden}.top-popupPanel{cursor:default;box-shadow:var(--top-shadow-b);border-radius:14px;background:var(--top-popup-background-color);position:absolute;overflow:hidden;display:flex;flex-direction:column}.top-popup-wrapper>*{opacity:0;transition:opacity var(--top-popup-transition-delay) linear,transform var(--top-popup-transition-delay) linear;pointer-events:auto}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>*{opacity:1;transform:translate(0)!important}.top-popup_header,.top-popup_content,.top-popup_footer{font-size:14px}.top-popup_header,.top-popup_footer{display:flex;align-items:center;justify-content:space-between}.top-popup_header{color:var(--color-text-1);border-bottom:1px solid var(--top-popup-border-color);padding:var(--top-padding-3);font-weight:600}.top-popup_header>*{font-weight:400}.top-popup_header>.a{cursor:pointer}.top-popup_header>.a:hover{color:var(--color-text-primary)}.top-popup_headerButton{width:60px}.top-popup_widget{padding:var(--top-padding-2)}.top-popup_content{margin:0;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--top-gap-4);-webkit-overflow-scrolling:touch}div.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-content-padding)}div.top-popup_content>*{flex-shrink:0}div.top-popup_content>.top-button{margin:0}div.top-popup_content .top-unwrap{--top-unwrap-x: var(--top-popup-content-padding)}ul.top-popup_content{color:var(--color-text-1);padding:var(--top-popup-list-padding);gap:2px}ul.top-popup_content .top-unwrap{--top-unwrap-x: var(--top-popup-list-padding)}.top-popup_listItem{border-radius:var(--top-popup-listItem-radius);padding:var(--top-popup-listItem-padding);line-height:1!important}ul.top-popup_content li{margin:0;list-style:none;display:flex;align-items:center;position:relative}ul.top-popup_content li>*{flex-grow:1}ul.top-popup_content li>a:not(.top-button),ul.top-popup_content li>.a{cursor:pointer;box-sizing:border-box;border-radius:var(--top-popup-listItem-radius);background:var(--top-popup-background-color);padding:var(--top-popup-listItem-padding);color:var(--color-text-1)!important;font-size:14px;font-weight:400!important;text-decoration:none!important;font-style:normal;line-height:1!important;display:flex;flex:1 1 100%;align-items:center;transition:background-color .1s ease-in-out}.top-popup-wrapper-no_animate ul.top-popup_content li>a:not(.top-button),.top-popup-wrapper-no_animate ul.top-popup_content li>.a{transition:none}ul.top-popup_content li>a:not(.top-button):hover,ul.top-popup_content li>.a:hover{background:var(--top-popup-background-color-hover)}ul.top-popup_content li>a:not(.top-button).top-active,ul.top-popup_content li>.a.top-active{--top-icon-color: var(--color-text-primary) !important;background:var(--top-popup-background-color-active)}.top-popup_liastItem-withActions{width:240px;max-width:100%}.top-popup_listItemActionsLabel{flex-grow:1}.top-popup_listItemActions{margin-left:auto;flex-grow:0;display:flex}.top-popup_listItemActions>[data-top-icon]{--top-icon-size: 20px;--top-icon-color: var(--color-text-4)}.top-popup_listItemActions>[data-top-icon]:before{line-height:0}.top-popup_listItemActions>[data-top-icon]:hover,.top-popup_listItemActions>[data-top-icon].top-active{--top-icon-color: var(--color-text-3)}.top-popup_content+.top-popup_content{padding-top:0}.top-popup_listItem-title{background:var(--color-layer-1);color:var(--color-text-1);font-size:12px}.top-popup_listItem-formControls{padding-top:0;padding-bottom:0;display:flex;flex-direction:column}.top-popup_listItem-delimiter{border-radius:3px;background:var(--top-popup-border-color);height:1px;padding:0;margin:4px}.top-popup_listMore{font-size:20px;margin:calc(0px - var(--top-popup-listItem-padding)) calc(0px - var(--top-popup-listItem-padding) / 2) calc(0px - var(--top-popup-listItem-padding)) 0}.top-popup_listMore.top-button{margin:0}ul.top-popup_content li>.a.top-popup_listMore{text-align:center;flex-basis:10px}ul.top-popup_content li>.a.top-popup_listMore:before{color:var(--color-text-2)}ul.top-popup_content li>*>.top-popup_listMore{margin-left:auto;color:var(--color-layer-4);font-size:14px}ul.top-popup_content li>*>i.top-popup_listMore:hover,ul.top-popup_content li>*>i.top-popup_listMore.top-active{color:var(--color-text-primary)}ul.top-popup_content li>*>i.top-popup_listMore:before{transform:rotate(90deg);display:block}ul.top-popup_content li a.close{background:none!important}.top-popup_content>[data-top-icon]:before{--top-icon-size: 20px}ul.top-popup_content li>[data-top-icon]{--top-icon-color: var(--color-text-2);--top-icon-size: 20px;--top-icon-width: 20px}ul.top-popup_content li>[data-top-icon]:not(.top-button):before{height:1rem;margin-right:8px;transition:color .1s}ul.top-popup_content li:hover>[data-top-icon]:not(.top-button){--top-icon-color: var(--color-text-2)}.top-popup_footer{padding:var(--top-padding-3);border-top:1px solid var(--top-popup-border-color);display:flex;gap:var(--top-gap-2);justify-content:flex-end}.top-popup_footerSupportLink{margin-right:auto}.top-popup>[data-widget]{padding:0 var(--top-popup-list-padding)}.top-popup>[data-widget]+hr{margin:0 var(--top-popup-list-padding)}.top-popup .placeholder{border:1px solid #E0D9D9!important;border-right:none!important;border-left:none!important;background:#f9f9f9!important;margin:-1px 0;z-index:1;position:relative}.top-popup-wrapper.simple_list>.top-popup{min-width:0;white-space:nowrap}.top-popup_content .top-column{display:flex;flex-direction:column;gap:4px}.top-popup li .check_all,.top-popup li .clear_all{cursor:pointer;color:var(--color-text-primary);padding:8px;display:inline-block}.top-popup li .check_all:hover,.top-popup li .clear_all:hover{text-decoration:underline}.top-popup li .clear_all{display:none}.top-popup_content table{margin:-9px 0}.top-popup_content table td,.top-popup_content table th{padding:9px var(--top-popup-listItem-padding) 9px 0;vertical-align:top}.top-popup_content table th{width:40%;font-weight:600;white-space:nowrap}ul.top-popup_content .a>[type=checkbox],ul.top-popup_content .a>[type=radio]{margin:-8px 0 -8px auto}ul.top-popup_content a>[class*=icon],ul.top-popup_content i.a>[class*=icon]{transition:.1s}.top-popup .buttons{border-radius:0 0 4px 4px;border-top:1px solid #BDC3C7;background:#ecf0f1;padding:10px 15px;margin:10px -15px -10px;white-space:nowrap}.top-popup_footer [class*=btn]:not(.btn-transparent){min-width:100px;padding:5px 14px;margin-left:10px}.top-popup_footer [class*=btn]:first-child{margin-left:0}.top-popup_footer .btn.full_width{margin:0;flex-grow:1}",E=":root{--top-popup-list-padding: 0px;--top-popup-listItem-radius: 0px;--top-popup-listItem-padding: var(--top-padding-4)}.top-popup-wrapper{--top-popup-footer-offset: 25px;width:auto!important;height:auto!important;position:fixed;top:0!important;right:0!important;left:0!important;overflow:hidden;transition:background .3s}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed){background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.top-popup-wrapper-shown:not(.top-popup-wrapper-closed)>.top-popup{opacity:1!important}.top-popup{border-radius:8px 8px 0 0;width:auto!important;max-height:calc(100% - var(--header-height, 0px) - var(--toolbar-height, 0px) - 12px);margin:0!important;top:auto!important;right:0!important;bottom:var(--toolbar-height, 0px)!important;left:0!important;display:flex;flex-direction:column;transform:translateY(80%);transition:opacity .3s,transform .3s}.top-popup-wrapper.p-from-top{--top-popup-footer-offset: 0px;top:var(--header-height, 0px)!important}.with_dialog .top-popup-wrapper.p-from-top{top:50px!important}.top-popup-wrapper.p-from-top>.top-popup{border-radius:0 0 8px 8px;max-height:calc(100% - 24px);top:0!important;bottom:auto!important;transform:translateY(calc(-100% - 24px))}.top-popup_widget:not(.p-from-top){order:10}ul.top-popup_content{gap:0}ul.top-popup_content li:not(:last-child){border-bottom:1px solid var(--top-popup-border-color)}.top-popup-wrapper.top-style_alt>.top-popup>ul>li{border-bottom:none}.top-popup_footer{flex-direction:column-reverse}.top-popup_footer>.top-button{--top-forms-base-height: var(--top-forms-base-height_l);width:100%}ul.top-popup_content .top-popup_listItem-title{--top-popup-padding-v: 12px}ul.top-popup_content .top-popup_listItem-delimiter{background:var(--color-line-1-opacity);height:4px;margin:0}ul.top-popup_content li:first-child>.top-popup_listItem-delimiter{border-top:1px solid var(--top-popup-border-color)}",k=".top-popup-wrapper{pointer-events:none}.top-popup{min-width:250px;max-width:calc(100vw - var(--top-popup-left) - 16px);max-height:calc(var(--top-popup-bottom) + var(--top-popup-height))}.top-popup-wrapper.p0>*{transform:translateY(-8px)}.top-popup-wrapper.p1>*{transform:translateY(8px)}.top-popup-wrapper.p2>*{transform:translate(8px)}.top-popup-wrapper.p3>*{transform:translateY(8px)}.top-popup-wrapper.p4>*{transform:translate(-8px)}.top-popup-wrapper.p0>.top-popup{top:-16px;left:-8px}.top-popup-wrapper.p1>.top-popup{bottom:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup{left:calc(100% + 8px)}.top-popup-wrapper.p3>.top-popup{top:calc(100% + 8px)}.top-popup-wrapper.p4>.top-popup{right:calc(100% + 8px)}.top-popup-wrapper.p2>.top-popup,.top-popup-wrapper.p4>.top-popup{margin-top:var(--top-popup-margin)}.top-popup-wrapper.p2.invert-y>.top-popup,.top-popup-wrapper.p4.invert-y>.top-popup{margin-bottom:var(--top-popup-margin)}.top-popup-wrapper.p1.with_notch>.top-popup{margin-bottom:5px}.top-popup-wrapper.p2.with_notch>.top-popup{margin-left:5px}.top-popup-wrapper.p3.with_notch>.top-popup{margin-top:5px}.top-popup-wrapper.p4.with_notch>.top-popup{margin-right:5px}.top-popup-wrapper.invert-x>.top-popup{right:0}.top-popup-wrapper.invert-y>.top-popup{bottom:0}.top-popup-wrapper.p1>.top-popup{max-height:calc(var(--top-popup-top) - var(--header-height, 0px) - 16px)}.top-popup-wrapper.p3>.top-popup{max-height:calc(var(--top-popup-bottom) - 16px)}.top-popup-wrapper.p2>.top-popup{max-width:calc(var(--top-popup-right) - 16px)}.top-popup-wrapper.p4>.top-popup{max-width:calc(var(--top-popup-left) - 16px)}.top-popup-wrapper.invert-x>.top-popup{max-width:calc(100vw - var(--top-popup-right) - 16px)}.top-popup-wrapper.invert-y>.top-popup{max-height:calc(100vh - var(--top-popup-bottom) - 16px)}.top-popup-wrapper>.notch{border:7.4px solid transparent;position:absolute;display:block}.top-popup-wrapper.p1>.notch{border-bottom:0;border-top:7.4px solid var(--color-layout-front-1);margin:0 0 7.4px -7.4px;bottom:100%;left:50%}.top-popup-wrapper.p2>.notch{border-left:0;border-right:7.4px solid var(--color-layout-front-1);margin:0 0 -7.4px 7.4px;bottom:50%;left:100%}.top-popup-wrapper.p3>.notch{border-top:0;border-bottom:7.4px solid var(--color-layout-front-1);margin:7.4px 0 0 -7.4px;top:100%;left:50%}.top-popup-wrapper.p4>.notch{border-right:0;border-left:7.4px solid var(--color-layout-front-1);margin:0 7.4px -7.4px 0;bottom:50%;right:100%}.top-popup-wrapper.p1>.notch-border{border-top-color:#0000000d;margin-bottom:6px}.top-popup-wrapper.p2>.notch-border{border-right-color:#0000000d;margin-left:6px}.top-popup-wrapper.p3>.notch-border{border-bottom-color:#0000000d;margin-top:6px}.top-popup-wrapper.p4>.notch-border{border-left-color:#0000000d;margin-right:6px}.top-popup-wrapper.p1.with_notch>.top-popup,.top-popup-wrapper.p3.with_notch>.top-popup{margin-left:-16px!important}.top-popup-wrapper.p1.with_notch>.notch,.top-popup-wrapper.p3.with_notch>.notch{margin-left:-8px!important}.top-popup-wrapper.p1.with_notch.invert-x,.top-popup-wrapper.p3.with_notch.invert-x{margin-left:3px!important}.top-popup-wrapper.p1.with_notch.invert-x>.notch,.top-popup-wrapper.p3.with_notch.invert-x>.notch{margin-left:-9px!important}ul.top-popup_content li>*>i.top-popup_listMore{visibility:hidden;transition:none}ul.top-popup_content li:hover>*>i.top-popup_listMore,ul.top-popup_content li>*.top-active>i.top-popup_listMore,ul.top-popup_content li>*>i.top-popup_listMore.top-active{visibility:visible}.top-popup_listItemActions{display:none}.top-popup_listItem.top-active>.top-popup_listItemActions,.top-popup_listItem:hover>.top-popup_listItemActions{display:flex}";h.Core.insertStyleToPage(L),h.Core.insertStyleToPage(E,"m"),h.Core.insertStyleToPage(k,"pc");class g extends P{static componentName="TopPopup";elActiveByDefault;elPopup;elPopupInner;elPopupHeader;elPopupWidget;elPopupBody;elPopupFooter;elFront;openerIsInput=!1;popupParent;$;elStartPosition;shift={top:0,left:0};isClosed=!1;isFirstClick=!0;type;options={popup:"",p:0,notch:!1,class:"",posBy:"left",frontSelector:"",invertX:!1,openByHover:!1,useOriginal:!1,transitionDuration:100,isFullScreen:!1};events={};constructor(t,p){super(),this.init(g.componentName,t,p)}async mount(){if(!(this.el instanceof HTMLElement))return;const t=this.vueGetComponent();if(this.el.closest(".top-popup-wrapper")&&(this.popupParent=n.TopPopupWorker.getPopup(this.el.closest(".top-popup-wrapper"))),await this.mountJQuery(),e.default.css(this.el,"position")!=="absolute"&&(this.el.style.position="relative"),this.el.dataset.topPopupOpened="opened",this.elActiveByDefault=this.el.classList.contains("top-active"),this.el.classList.add("top-active"),this.openerIsInput=this.el.classList.contains("top-input"),this.el.classList.contains("top-input-project_name")&&(this.openerIsInput=!1),this.openerIsInput){const o=this.el.querySelector("input");o&&!o.__popupOnBlur&&(o.__popupOnBlur=!0,o.addEventListener("blur",s=>{n.TopPopupWorker.getPopupFromOpener(this.el)?.close()}))}if(t)this.type="vue",this.options.popup="",this.elPopup=e.default.genEl("div",{},this.options.popup);else if(this.options.popup?.match(/^[#.]/))this.type="selector",this.elPopup=document.querySelector(`${this.options.popup}.template`)||void 0;else{if(this.type="html",this.options.useOriginal)throw"Option useOriginal not allowed for text templates";this.elPopup=e.default.genEl("div",{},this.options.popup??"")}if(!this.elPopup||t?.opened){if(this.options.useOriginal||t?.opened){if(t?.opened?this.elPopup=t.popup.elPopup:this.elPopup=document.querySelector(`${this.options.popup}.top-popup-wrapper-shown`)||void 0,this.elPopup){this.el.dataset.topPopupOpened="",this.elActiveByDefault||this.el.classList.remove("top-active"),n.TopPopupWorker.close(this.elPopup),setTimeout(()=>this.mount(),this.options.transitionDuration);return}throw"Option useOriginal state allowed only elements .template"}this.elPopup=document.querySelector(`${this.options.popup}:not(.top-popup-wrapper)`)||void 0}if(!this.elPopup)return;for(this.options.useOriginal?(this.elStartPosition=this.elPopup.closest(".top-popup-el-start-position"),this.elStartPosition||(this.elStartPosition=e.default.wrap(this.elPopup,"i"),this.elStartPosition.classList.add("top-popup-el-start-position","hidden"))):(this.elPopup=this.elPopup.cloneNode(!0),this.type==="selector"&&!this.elPopup.matches(".template")&&(this.elPopup.classList.remove("hidden"),this.elPopup.querySelector(":scope > .top-popup_content")||this.elPopup.classList.add("top-popup_content"),this.elPopup=e.default.wrap(this.elPopup,"div")),this.type==="html"&&(this.elPopup.querySelector(":scope > .top-popup_content")||(this.elPopup.classList.add("top-popup_content"),this.elPopup=e.default.wrap(this.elPopup,"div"))),(this.type==="selector"&&!this.elPopup.matches(".template")||this.type==="html"||this.type==="vue")&&(e.default.querySelectorAllArray(this.elPopup,"[data-top-popup]").forEach(o=>{o instanceof HTMLElement&&(o.dataset.topPopupPosBy="fixed")}),e.default.querySelectorAllArray(this.elPopup,".top-popup-wrapper").forEach(o=>o.remove()))),n.TopPopupWorker.decoratorBeforeOpen(this),t&&(this.options.class=t.classRef.value,t.transitionDurationRef.value!==void 0&&(this.options.transitionDuration=t.transitionDurationRef.value,this.elPopup instanceof HTMLElement&&this.elPopup.style.setProperty("--top-popup-transition-delay",this.options.transitionDuration+"ms"))),this.elPopupInner=document.createElement("div"),this.elPopupInner.classList.add("top-popupPanel","top-popup");this.elPopup.firstChild;)this.elPopupInner.appendChild(this.elPopup.firstChild);if(this.elPopup.append(this.elPopupInner),this.elPopup.classList.add("top-popup-wrapper"),this.options.class){const o=this.options.class.split(" ");this.elPopup.classList.add(...o)}this.options.notch&&(this.elPopup.classList.add("with_notch"),this.elPopup.insertAdjacentHTML("beforeend",'<i class="notch notch-border"></i><i class="notch"></i>')),await this.vueOpen(),this.elPopupHeader=this.elPopupInner.querySelector(".top-popup_header"),this.elPopupWidget=this.elPopupInner.querySelector(".top-popup_widget"),this.elPopupBody=this.elPopupInner.querySelector(".top-popup_content"),this.elPopupFooter=this.elPopupInner.querySelector(".top-popup_footer");const p=!!this.elPopup.querySelector('[data-widget="search"]');if(this.options.isFullScreen&&!p){const o=h.useI18n();!this.elPopupHeader&&o.Common.Close&&(this.elPopupHeader=e.default.genEl("i",{class:"top-popup_header"}),this.elPopupInner.prepend(this.elPopupHeader),this.elPopupHeader.prepend(e.default.genEl("i",{class:"a closer"},o.Common.Close)),this.elPopupHeader.append(e.default.genEl("i",{class:"top-popup_headerButton"})))}e.default.storage(this.elPopup,g.componentName,this),this.options.frontSelector&&(this.elFront=document.querySelector(this.options.frontSelector)),this.elFront||(this.elFront=this.el.closest(".top-popup-front")),this.elFront||(this.elFront=document.body),this.elPopup instanceof HTMLElement&&(this.elPopup.style.width=this.el.offsetWidth+"px",this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.style.top=this.el.offsetTop+"px",this.elPopup.style.right=parseInt(this.el.style.right||"0")+"px",this.elPopup.style.bottom=parseInt(this.el.style.bottom||"0")+"px"),this.el.parentElement?.insertBefore(this.elPopup,this.el),this.elPopup.classList.remove("template"),this.options.invertX&&this.elPopup.classList.add("invert-x");let i=!!this.el.closest(".modal-header");i||(i=!!this.el.closest("#top_panel")),i||(i=!!this.el.closest("#secondmenu")),i&&this.elPopup.classList.add("p-from-top"),setTimeout(()=>this.elPopup?.classList.add("top-popup-wrapper-shown")),this.elFront&&!this.elFront.matches("body")&&(this.elFront.append(this.elPopup),this.shift.top=e.default.offset(this.el).top-this.el.offsetTop-e.default.offset(this.elFront).top,this.shift.left=e.default.offset(this.el).left-this.el.offsetLeft-e.default.offset(this.elFront).left,this.shift.top-=parseInt(this.el.style["margin-top"]||0),this.shift.left-=parseInt(this.el.style["margin-left"]||0),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=parseInt(this.elPopup.style.top||"0")+this.shift.top+"px",this.elPopup.style.left=parseInt(this.elPopup.style.left||"0")+this.shift.left+"px")),this.$&&h.Core.$&&this.$.trigger("aftershow.top-menu-popup",[h.Core.$(this.elPopup)]),this.recalcPosition(),this.elPopup.setAttribute("tabindex","0"),this.focus(),n.TopPopupWorker.decoratorAfterOpen(this),this.mountEvents()}async mountJQuery(){h.Core.$&&(this.$=h.Core.$(this.el))}focus(){let t;this.elPopup&&(t=e.default.querySelectorVisible(this.elPopup,".top-popup-autofocus"),t||(t=e.default.querySelectorVisible(this.elPopup,":read-write, select:not(:disabled)")),t||(t=e.default.querySelectorVisible(this.elPopup,".top-popup_footer .top-button")),t||(t=this.elPopup),this.openerIsInput||(t instanceof HTMLElement&&t.focus(),setTimeout(()=>{t instanceof HTMLElement&&t.focus()},this.options.transitionDuration)))}mountEvents(){this.addEventListenerWithUnmount(document,"mousedown",t=>this.onMousedown(t)),this.openerIsInput?this.onFocusCloseOthers():this.elPopup&&this.elPopupInner&&(this.addEventListenerWithUnmount(this.elPopup,"focus",t=>this.onFocus(t)),this.options.openByHover&&(this.addEventListenerWithUnmount(this.elPopup,"mouseleave",t=>this.onMouseleave(t)),this.addEventListenerWithUnmount(this.elPopupInner,"mouseleave",t=>this.onMouseleave(t)))),this.options.isFullScreen&&this.elPopupBody&&this.addEventListenerWithUnmount(this.elPopupBody,"touchmove",t=>this.onTouchmove(t))}onMousedown(t){if(!this.elPopup||!(t.target instanceof Element)||!this.isFirstClick||(this.isFirstClick=!1,setTimeout(()=>this.isFirstClick=!0),t instanceof MouseEvent&&t.button!==0))return;let p=e.default.querySelectorVisibleLast(document.body,":scope > .top-popup-wrapper");if(p&&p!==this.elPopup||t.target.closest(".top-popup-front")&&(p=e.default.querySelectorVisibleLast(t.target.closest(".top-popup-front"),":scope > .top-popup-wrapper"),p&&p!==this.elPopup))return;if(t.target.closest(`[data-top-popup-id="${this.options.id}"]`)){t.preventDefault();return}let i=t.target.closest("input, select, textarea, button, [tabindex]");i===this.elPopup&&(i=null);const o=!i;o&&this.openerIsInput&&t.preventDefault(),!this.elPopup.contains(t.target)&&(this.elPopup.closest(".ui-dialog")&&!t.target.closest(".ui-dialog")||n.TopPopupWorker.decoratorIsIgnoreOuterClick(t)||n.TopPopupWorker.close(this.elPopup,o))}onFocus(t){t.target instanceof Element&&t.target.matches("input")||this.onFocusCloseOthers()}onFocusCloseOthers(){if(this.isClosed)return;n.TopPopupWorker.getAllVisible().forEach(p=>{this.elPopup?.contains(p)||this.popupParent?.elPopup===p||this.popupParent?.popupParent?.elPopup===p||n.TopPopupWorker.close(p)})}onMouseleave(t){setTimeout(()=>{this.elPopupInner&&this.elPopupInner.matches(":hover")||!this.elPopup||n.TopPopupWorker.close(this.elPopup)},100)}onResize(){this.elPopup&&this.elPopup.parentElement!==document.body&&document.body.append(this.elPopup),this.elPopup instanceof HTMLElement&&(this.elPopup.style.top=e.default.offset(this.el).top+"px",this.elPopup.style.left=e.default.offset(this.el).left+"px")}unmount(){super.unmount(),this.el instanceof HTMLElement&&(this.el.dataset.topPopupOpened=""),this.elActiveByDefault||this.el.classList.remove("top-active");let t=this.el.getAttribute("style");t&&(t=t.replace(/position:[^;]*;?/g,""),this.el.setAttribute("style",t))}recalcPosition(t){if(!(this.elPopup instanceof HTMLElement))return;let p=t??this.options.p,i;if(this.el instanceof HTMLElement)switch(this.elPopup.style.height=this.el.offsetHeight+"px",this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+p),this.options.posBy){case"left":i=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||"0"),i+=this.shift.left,this.elPopup.style.left=i+"px";break;case"right":if(!(this.el.offsetParent instanceof HTMLElement))break;i=this.el.offsetLeft+parseInt(this.el.style["margin-left"]||"0"),this.elPopup.style.right=this.el.offsetParent.offsetWidth-this.el.offsetWidth-i+"px";break;case"fixed":this.addEventListenerWithUnmount(window,"resize",()=>this.onResize()),this.onResize();break;default:this.options.posBy?.append(this.elPopup)}const o=this.elPopup.getBoundingClientRect();this.elPopup.style.setProperty("--top-popup-height",this.elPopup.offsetHeight+"px"),this.elPopup.style.setProperty("--top-popup-right-bounding",o.right+"px"),this.elPopup.style.setProperty("--top-popup-bottom-bounding",o.bottom+"px"),this.elPopup.style.setProperty("--top-popup-top",o.top+"px"),this.elPopup.style.setProperty("--top-popup-left",o.left+"px"),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth="unset",this.elPopupInner.style.maxHeight="unset");const s={top:!1,right:!1,bottom:!1,left:!1},a={top:!1,right:!1,bottom:!1,left:!1};let d=o.left>window.innerWidth/2,c=o.top>window.innerHeight/2;p===4&&(d=!d),p===1&&(c=!c);const r=this.elPopupInner?.getBoundingClientRect();let u,f;const m=e.default.cssNumber(this.elPopup,"--top-popup-offset"),x=this.el.offsetHeight,T=this.el.offsetWidth;r&&(u=window.innerWidth-r.right,f=window.innerHeight-r.bottom,r.top<m&&(s.top=!0,r.top<m*2-r.height+x&&(a.top=!0)),u<m&&(s.right=!0,u<m*2-r.width+T&&(a.right=!0)),f<m&&(s.bottom=!0,f<m*2-r.height+x&&(a.bottom=!0)),r.left<m&&(s.left=!0,r.left<m*2-r.width+x&&(a.left=!0)));const S=(v,l)=>{if(v==="x"){if(!s.right&&!s.left||(l===1||l===3)&&!a.right&&!a.left&&d)return l;s.right&&(l===0||l===2)&&d&&(l=4),s.left&&(l===0||l===4)&&d&&(l=2)}if(v==="y"){if(!s.top&&!s.bottom||(l===2||l===4)&&!a.top&&!a.bottom&&c)return l;s.top&&(l===0||l===1)&&c&&(l=3),s.bottom&&c&&(l=1)}return l};let y=["x","y"];(p===0||p===1||p===3)&&(y=["y","x"]);let b=p??0;y.forEach(v=>{b=S(v,b)}),p=b,s.bottom&&(p===2||p===4)&&c&&this.elPopup.classList.add("invert-y"),s.right&&(p===0||p===1||p===3)&&this.elPopup.classList.add("invert-x"),this.elPopup.classList.remove("p0","p1","p2","p3","p4"),this.elPopup.classList.add("p"+p),this.elPopupInner instanceof HTMLElement&&(this.elPopupInner.style.maxWidth="",this.elPopupInner.style.maxHeight=""),n.TopPopupWorker.scrollToActive(this.elPopup)}onTouchmove(t){if(t.currentTarget instanceof HTMLElement&&t.target instanceof HTMLElement){if(t.currentTarget.scrollWidth>t.currentTarget.offsetWidth||t.target.parentElement?.scrollWidth&&t.target.parentElement?.offsetWidth&&t.target.parentElement.scrollWidth>t.target.parentElement?.offsetWidth)return;t.currentTarget.matches(".has_scroll")||t.preventDefault()}}close(){this.isClosed||(this.isClosed=!0,this.$&&h.Core.$&&this.elPopup&&this.$.trigger("afterclose.top-menu-popup",[h.Core.$(this.elPopup)]),!n.TopPopupWorker.noClose&&(this.unmount(),this.elPopup?.classList.add("top-popup-wrapper-closed"),setTimeout(()=>{if(this.vueClose(),!this.elPopup)return;this.options.useOriginal?(this.elPopup.removeAttribute("style"),this.elPopup.classList.remove("top-popup-wrapper-shown","top-popup-wrapper-closed"),this.elPopup.classList.add("template"),this.elStartPosition?.append(this.elPopup),this.elPopup.querySelector("div.top-popup_content.top-column")?.classList.remove("top-column"),this.elPopup.querySelector(".notch-border")?.remove(),this.elPopup.querySelector(".notch")?.remove(),this.elPopupInner?.replaceWith(...this.elPopupInner.childNodes),e.default.storageClear(this.elPopup)):(e.default.storageClear(this.elPopup),this.elPopup.remove(),delete this.elPopup);const t=n.TopPopupWorker.getAllVisible(),p=t.length&&t[t.length-1];p?n.TopPopupWorker.getPopup(p).focus():document.documentElement.classList.remove("with_popup")},this.options.transitionDuration)))}async vueOpen(){await this.vueGetComponent()?.onOpen(this)}vueClose(){this.vueGetComponent()?.onClose(this)}vueGetComponent(){if(this.el instanceof HTMLElement&&this.options.id)return n.TopPopupWorker.vueConnectors.get(this.options.id)}}I.init(),w.TopLibPopup=g,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=popup-Bwmu8rOb.amd.js.map