@topvisor/ui 1.1.0 → 1.3.0

package/.chunks/dialog_selectorRegions-BZcnnvJM.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog_selectorRegions-BZcnnvJM.es.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { reactive, ref, watch } from 'vue';\r\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\r\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\r\nimport type { Props, RegionRich } from './types';\r\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\r\n\r\ndefineOptions({ id: 'selectorRegions' });\r\n\r\nconst props = defineProps<Partial<Props>>();\r\n\r\nconst dialog = useTopDialogSelf();\r\n\r\n/**\r\n * Выбраны все регионы\r\n */\r\nconst isAllSelected = ref(false);\r\n\r\n/**\r\n * Список расширенных регионов для использования в компоненте\r\n */\r\nconst regionsRich = ref<RegionRich[]>([]);\r\n\r\n/**\r\n * Направление сортировки по полю\r\n */\r\nconst sortedVectorByField = reactive({\r\n\tsearcher_key: -1,\r\n\tkey: -1,\r\n\tname: -1,\r\n});\r\n\r\n/**\r\n * Сортировать регионы по выбранному полю\r\n * @param sortedField - Поле для сортировки\r\n */\r\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\r\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\r\n\r\n\tregionsRich.value.sort((regionA, regionB) => {\r\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\r\n\r\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\r\n\t});\r\n};\r\n\r\n/**\r\n * Применить изменения\r\n *\r\n * Вызывает callback `props['@update:regionsIndexes']`\r\n */\r\nconst onSubmit = () => {\r\n\tif (!regionsRich.value.some((region) => region.selected)) return;\r\n\r\n\tconst regionsIndexes = regionsRich.value.filter((region) => region.selected).map((region) => region.index);\r\n\r\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\r\n\r\n\tdialog.close();\r\n};\r\n\r\n// Выбрать / отменить все регионы\r\nwatch(isAllSelected, () => {\r\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\r\n});\r\n\r\n// генерация регионов\r\nwatch([\r\n\t() => props.regions,\r\n\t() => props.regionsIndexes,\r\n], () => {\r\n\tregionsRich.value = [];\r\n\r\n\tlet isAllSelectedLocal = true;\r\n\r\n\tprops.regions.forEach((region) => {\r\n\t\tlet title = region.name;\r\n\t\tif (region.areaName) title += ` (${region.areaName})`;\r\n\r\n\t\tconst selected = (props.regionsIndexes.indexOf(+region.index) !== -1);\r\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\r\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key, region.lang) : undefined;\r\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\r\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\r\n\r\n\t\tconst regionRich = {\r\n\t\t\t...region,\r\n\t\t\tselected,\r\n\t\t\ttitle,\r\n\t\t\tsearcherIcon,\r\n\t\t\tlangLabel,\r\n\t\t\tdeviceIcon,\r\n\t\t\tflagLink,\r\n\t\t};\r\n\r\n\t\tregionsRich.value.push(regionRich);\r\n\r\n\t\tif (!regionRich.selected) {\r\n\t\t\tisAllSelectedLocal = false;\r\n\t\t}\r\n\t});\r\n\r\n\tisAllSelected.value = isAllSelectedLocal;\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<TopDialog\r\n\t\t:id=\"dialog.id\"\r\n\t\tpageActive=\"selectorRegions\"\r\n\t\tclass=\"dialog_selectorRegions\"\r\n\t\theight=\"600px\"\r\n\t\twidth=\"600px\"\r\n\t>\r\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\r\n\t\t\t<template #header>\r\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\r\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('name')\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #body>\r\n\t\t\t\t<TopCheckbox\r\n\t\t\t\t\tv-for=\"region of regionsRich\"\r\n\t\t\t\t\t:key=\"region.index\"\r\n\t\t\t\t\tv-model=\"region.selected\"\r\n\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\r\n\t\t\t\t\t></div>\r\n\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tv-if=\"region.flagLink\"\r\n\t\t\t\t\t\tclass=\"top-flag\"\r\n\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\r\n\t\t\t\t\t\t:alt=\"region.countryCode\"\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t{{ region.name }}\r\n\r\n\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\r\n\t\t\t\t\t\t{{ region.areaName }}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div v-if=\"region.langLabel\">\r\n\t\t\t\t\t\t[{{ region.langLabel }}]\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tv-if=\"region.deviceIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</TopCheckbox>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #footer>\r\n\t\t\t\t<TopButton @click=\"onSubmit\">\r\n\t\t\t\t\t{{ $i18n.Common.Apply }}\r\n\t\t\t\t</TopButton>\r\n\t\t\t</template>\r\n\t\t</TopDialogPage>\r\n\t</TopDialog>\r\n</template>\r\n\r\n<style>\r\n@import \"./style.css\";\r\n</style>\r\n"],"names":["props","__props","dialog","useTopDialogSelf","isAllSelected","ref","regionsRich","sortedVectorByField","reactive","sort","sortedField","regionA","regionB","onSubmit","region","regionsIndexes","_a","watch","isAllSelectedLocal","title","selected","searcherIcon","getSearcherGIcon","langLabel","getLangLabel","deviceIcon","getDeviceGIcon","flagLink","genFlagLinkByCountryCode","regionRich"],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,GAEAC,IAAAC,EAAA,GAKAC,IAAAC,EAAA,EAAA,GAKAC,IAAAD,EAAA,CAAA,CAAA,GAKAE,IAAAC,EAAA;AAAA,MAAqC,cAAA;AAAA,MACtB,KAAA;AAAA,MACT,MAAA;AAAA,IACC,CAAA,GAOPC,IAAA,CAAAC,MAAA;AACC,MAAAH,EAAAG,CAAA,IAAA,CAAAH,EAAAG,CAAA,GAEAJ,EAAA,MAAA,KAAA,CAAAK,GAAAC,MACC,CAAAD,EAAAD,CAAA,KAAA,CAAAE,EAAAF,CAAA,IAAA,KAEAC,EAAAD,CAAA,KAAAE,EAAAF,CAAA,IAAAH,EAAAG,CAAA,IAAA,CAAAH,EAAAG,CAAA,CAAyH;AAAA,IACzH,GAQFG,IAAA,MAAA;;AACC,UAAA,CAAAP,EAAA,MAAA,KAAA,CAAAQ,MAAAA,EAAA,QAAA,EAAA;AAEA,YAAAC,IAAAT,EAAA,MAAA,OAAA,CAAAQ,MAAAA,EAAA,QAAA,EAAA,IAAA,CAAAA,MAAAA,EAAA,KAAA;AAEA,OAAAE,IAAAhB,EAAA,8BAAA,QAAAgB,EAAA,KAAAhB,GAAAe,IAEAb,EAAA,MAAA;AAAA,IAAa;AAId,WAAAe,EAAAb,GAAA,MAAA;AACC,MAAAE,EAAA,QAAAA,EAAA,MAAA,IAAA,CAAAQ,OAAA,EAAA,GAAAA,GAAA,UAAAV,EAAA,MAAA,EAAA;AAAA,IAAoG,CAAA,GAIrGa,EAAA;AAAA,MAAM,MAAAjB,EAAA;AAAA,MACO,MAAAA,EAAA;AAAA,IACA,GAAA,MAAA;AAEZ,MAAAM,EAAA,QAAA,CAAA;AAEA,UAAAY,IAAA;AAEA,MAAAlB,EAAA,QAAA,QAAA,CAAAc,MAAA;AACC,YAAAK,IAAAL,EAAA;AACA,QAAAA,EAAA,aAAAK,KAAA,KAAAL,EAAA,QAAA;AAEA,cAAAM,IAAApB,EAAA,eAAA,QAAA,CAAAc,EAAA,KAAA,MAAA,IACAO,IAAAC,EAAAR,EAAA,YAAA,GACAS,IAAAT,EAAA,SAAA,SAAAU,EAAAV,EAAA,cAAAA,EAAA,IAAA,IAAA,QACAW,IAAAX,EAAA,WAAA,SAAAY,EAAAZ,EAAA,MAAA,IAAA,QACAa,IAAAb,EAAA,gBAAA,SAAAc,EAAAd,EAAA,WAAA,IAAA,QAEAe,IAAA;AAAA,UAAmB,GAAAf;AAAA,UACf,UAAAM;AAAA,UACH,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,WAAAE;AAAA,UACA,YAAAE;AAAA,UACA,UAAAE;AAAA,QACA;AAGD,QAAArB,EAAA,MAAA,KAAAuB,CAAA,GAEAA,EAAA,aACCX,IAAA;AAAA,MACD,CAAA,GAGDd,EAAA,QAAAc;AAAA,IAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/.chunks/dialog_selectorRegions-CePGUsCo.amd.js

@@ -1,2 +0,0 @@
-define(["require","exports","vue","./page.vue_vue_type_script_setup_true_lang-1JWduCTr.amd","./utils-DIy2mbYd.amd","../utils/string.amd","../utils/searchers.amd","../require/css.amd!../assets/dialog_selectorRegions.css"],function(w,p,e,v,f,k,r){"use strict";if(typeof e>"u")var e=window.Vue;const h={class:"dialog_selectorRegions_header"},y=["data-top-icon"],C=["src","alt"],V={class:"dialog_selectorRegions_regionAreaName top-ellipsis"},x={key:1},B=["data-top-icon"],N=e.defineComponent({id:"selectorRegions",__name:"dialog_selectorRegions",props:{regions:{},regionsIndexes:{},"@update:regionsIndexes":{type:Function}},setup(R){const c=R,g=f.useTopDialogSelf(),i=e.ref(!1),l=e.ref([]),d=e.reactive({searcher_key:-1,key:-1,name:-1}),u=n=>{d[n]=-d[n],l.value.sort((t,a)=>!t[n]||!a[n]?-1:t[n]>=a[n]?d[n]:-d[n])},I=()=>{var t;if(!l.value.some(a=>a.selected))return;const n=l.value.filter(a=>a.selected).map(a=>a.index);(t=c["@update:regionsIndexes"])==null||t.call(c,n),g.close()};return e.watch(i,()=>{l.value=l.value.map(n=>({...n,selected:i.value}))}),e.watch([()=>c.regions,()=>c.regionsIndexes],()=>{l.value=[];let n=!0;c.regions.forEach(t=>{let a=t.name;t.areaName&&(a+=` (${t.areaName})`);const s=c.regionsIndexes.indexOf(+t.index)!==-1,o=r.getSearcherGIcon(t.searcher_key),m=t.lang!==void 0?r.getLangLabel(t.searcher_key,t.lang):void 0,S=t.device!==void 0?r.getDeviceGIcon(t.device):void 0,b=t.countryCode!==void 0?k.genFlagLinkByCountryCode(t.countryCode):void 0,_={...t,selected:s,title:a,searcherIcon:o,langLabel:m,deviceIcon:S,flagLink:b};l.value.push(_),_.selected||(n=!1)}),i.value=n}),(n,t)=>{const a=e.resolveComponent("TopCheckbox"),s=e.resolveComponent("TopButton");return e.openBlock(),e.createBlock(e.unref(v._sfc_main),{id:e.unref(g).id,pageActive:"selectorRegions",class:"dialog_selectorRegions",height:"600px",width:"600px"},{default:e.withCtx(()=>[e.createVNode(e.unref(v._sfc_main$1),{name:"selectorRegions",order:0},{header:e.withCtx(()=>[e.createElementVNode("div",h,[e.createVNode(a,{modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=o=>i.value=o)},null,8,["modelValue"]),e.createVNode(s,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:t[1]||(t[1]=o=>u("searcher_key"))}),e.createVNode(s,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:t[2]||(t[2]=o=>u("key"))}),e.createVNode(s,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:t[3]||(t[3]=o=>u("name"))})])]),body:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,o=>(e.openBlock(),e.createBlock(a,{key:o.index,modelValue:o.selected,"onUpdate:modelValue":m=>o.selected=m,class:"dialog_selectorRegions_region"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"dialog_selectorRegions_regionSearcherIcon","data-top-icon":o.searcherIcon},null,8,y),o.flagLink?(e.openBlock(),e.createElementBlock("img",{key:0,class:"top-flag",src:"//topvisor.dev"+o.flagLink,alt:o.countryCode},null,8,C)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.name)+" ",1),e.createElementVNode("div",V,e.toDisplayString(o.areaName),1),o.langLabel?(e.openBlock(),e.createElementBlock("div",x," ["+e.toDisplayString(o.langLabel)+"] ",1)):e.createCommentVNode("",!0),o.deviceIcon?(e.openBlock(),e.createElementBlock("div",{key:2,"data-top-icon":o.deviceIcon},null,8,B)):e.createCommentVNode("",!0)]),_:2},1032,["modelValue","onUpdate:modelValue"]))),128))]),footer:e.withCtx(()=>[e.createVNode(s,{onClick:I},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.$i18n.Common.Apply),1)]),_:1})]),_:1})]),_:1},8,["id"])}}});p.default=N,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=dialog_selectorRegions-CePGUsCo.amd.js.map

package/.chunks/dialog_selectorRegions-CePGUsCo.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog_selectorRegions-CePGUsCo.amd.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { reactive, ref, watch } from 'vue';\r\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\r\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\r\nimport type { Props, RegionRich } from './types';\r\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\r\n\r\ndefineOptions({ id: 'selectorRegions' });\r\n\r\nconst props = defineProps<Partial<Props>>();\r\n\r\nconst dialog = useTopDialogSelf();\r\n\r\n/**\r\n * Выбраны все регионы\r\n */\r\nconst isAllSelected = ref(false);\r\n\r\n/**\r\n * Список расширенных регионов для использования в компоненте\r\n */\r\nconst regionsRich = ref<RegionRich[]>([]);\r\n\r\n/**\r\n * Направление сортировки по полю\r\n */\r\nconst sortedVectorByField = reactive({\r\n\tsearcher_key: -1,\r\n\tkey: -1,\r\n\tname: -1,\r\n});\r\n\r\n/**\r\n * Сортировать регионы по выбранному полю\r\n * @param sortedField - Поле для сортировки\r\n */\r\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\r\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\r\n\r\n\tregionsRich.value.sort((regionA, regionB) => {\r\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\r\n\r\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\r\n\t});\r\n};\r\n\r\n/**\r\n * Применить изменения\r\n *\r\n * Вызывает callback `props['@update:regionsIndexes']`\r\n */\r\nconst onSubmit = () => {\r\n\tif (!regionsRich.value.some((region) => region.selected)) return;\r\n\r\n\tconst regionsIndexes = regionsRich.value.filter((region) => region.selected).map((region) => region.index);\r\n\r\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\r\n\r\n\tdialog.close();\r\n};\r\n\r\n// Выбрать / отменить все регионы\r\nwatch(isAllSelected, () => {\r\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\r\n});\r\n\r\n// генерация регионов\r\nwatch([\r\n\t() => props.regions,\r\n\t() => props.regionsIndexes,\r\n], () => {\r\n\tregionsRich.value = [];\r\n\r\n\tlet isAllSelectedLocal = true;\r\n\r\n\tprops.regions.forEach((region) => {\r\n\t\tlet title = region.name;\r\n\t\tif (region.areaName) title += ` (${region.areaName})`;\r\n\r\n\t\tconst selected = (props.regionsIndexes.indexOf(+region.index) !== -1);\r\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\r\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key, region.lang) : undefined;\r\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\r\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\r\n\r\n\t\tconst regionRich = {\r\n\t\t\t...region,\r\n\t\t\tselected,\r\n\t\t\ttitle,\r\n\t\t\tsearcherIcon,\r\n\t\t\tlangLabel,\r\n\t\t\tdeviceIcon,\r\n\t\t\tflagLink,\r\n\t\t};\r\n\r\n\t\tregionsRich.value.push(regionRich);\r\n\r\n\t\tif (!regionRich.selected) {\r\n\t\t\tisAllSelectedLocal = false;\r\n\t\t}\r\n\t});\r\n\r\n\tisAllSelected.value = isAllSelectedLocal;\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<TopDialog\r\n\t\t:id=\"dialog.id\"\r\n\t\tpageActive=\"selectorRegions\"\r\n\t\tclass=\"dialog_selectorRegions\"\r\n\t\theight=\"600px\"\r\n\t\twidth=\"600px\"\r\n\t>\r\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\r\n\t\t\t<template #header>\r\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\r\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('name')\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #body>\r\n\t\t\t\t<TopCheckbox\r\n\t\t\t\t\tv-for=\"region of regionsRich\"\r\n\t\t\t\t\t:key=\"region.index\"\r\n\t\t\t\t\tv-model=\"region.selected\"\r\n\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\r\n\t\t\t\t\t></div>\r\n\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tv-if=\"region.flagLink\"\r\n\t\t\t\t\t\tclass=\"top-flag\"\r\n\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\r\n\t\t\t\t\t\t:alt=\"region.countryCode\"\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t{{ region.name }}\r\n\r\n\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\r\n\t\t\t\t\t\t{{ region.areaName }}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div v-if=\"region.langLabel\">\r\n\t\t\t\t\t\t[{{ region.langLabel }}]\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tv-if=\"region.deviceIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</TopCheckbox>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #footer>\r\n\t\t\t\t<TopButton @click=\"onSubmit\">\r\n\t\t\t\t\t{{ $i18n.Common.Apply }}\r\n\t\t\t\t</TopButton>\r\n\t\t\t</template>\r\n\t\t</TopDialogPage>\r\n\t</TopDialog>\r\n</template>\r\n\r\n<style>\r\n@import \"./style.css\";\r\n</style>\r\n"],"names":["dialog","utils","isAllSelected","vue","regionsRich","sortedVectorByField","sort","sortedField","regionA","regionB","region","_a","props","regionsIndexes","title","selected","deviceIcon","utils_searchers","flagLink","utils_string","searcherIcon","langLabel","regionRich","isAllSelectedLocal"],"mappings":"+nBAWAA,EAAAC,EAAA,iBAAA,EAKAC,EAAAC,EAAA,IAAA,EAAA,EAKAC,EAAAD,EAAA,IAAA,CAAA,CAAA,EAKAE,EAAAF,EAAA,SAAA,wBAEM,KAAA,EACC,CAAA,EAOPG,EAAAC,GAAA,gCAIE,CAAAC,EAAAD,CAAA,GAAA,CAAAE,EAAAF,CAAA,EAAA,wBAEyH,gBAU1H,GAAA,CAAAH,EAAA,MAAA,KAAAM,GAAAA,EAAA,QAAA,EAAA,8DAIAC,EAAAC,EAAA,4BAAA,MAAAD,EAAA,KAAAC,EAAAC,cAMD,OAAAV,EAAA,MAAAD,EAAA,IAAA,kDACqG,CAAA,EAIrGC,EAAA,MAAA,mCAEa,EAAA,IAAA,CAEZC,EAAA,MAAA,CAAA,iCAKC,IAAAU,EAAAJ,EAAA,KACAA,EAAA,WAAAI,GAAA,KAAAJ,EAAA,QAAA,KAEA,MAAAK,EAAAH,EAAA,eAAA,QAAA,CAAAF,EAAA,KAAA,IAAA,uGAGAM,EAAAN,EAAA,SAAA,OAAAO,EAAA,eAAAP,EAAA,MAAA,EAAA,OACAQ,EAAAR,EAAA,cAAA,OAAAS,EAAA,yBAAAT,EAAA,WAAA,EAAA,UAEmB,GAAAA,EACf,SAAAK,EACH,MAAAD,EACA,aAAAM,EACA,UAAAC,EACA,WAAAL,cAKDZ,EAAA,MAAA,KAAAkB,CAAA,EAEAA,EAAA,gBAEA,CAAA,EAGDpB,EAAA,MAAAqB,CAAsB,CAAA"}

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js

@@ -1,266 +0,0 @@
-import { ref as g, markRaw as x, shallowReactive as V, defineComponent as A, onUnmounted as D, createElementBlock as m, openBlock as u, Fragment as U, renderList as H, unref as _, createBlock as k, resolveDynamicComponent as S } from "vue";
-import { waitWhile as O } from "../utils/system.js";
-import { historySetState as L, genHash as p, getHash as y } from "../utils/route.js";
-class c {
-  static state = {
-    load: void 0,
-    decoratorOnCreate: void 0,
-    /**
-     * Порядковай номер перехода в диалоговых окнах
-     *
-     * Для расчета направления Вперед / Назад
-     */
-    viewPageN: 0,
-    locationHashPrev: ""
-  };
-  static inited = !1;
-  /**
-   * Инициировать события слежения за парамтерами url
-   *
-   * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
-   */
-  static init(t) {
-    if (this.inited) return;
-    this.inited = !0, this.state.load = t == null ? void 0 : t.load, this.state.decoratorOnCreate = t == null ? void 0 : t.decoratorOnCreate;
-    const a = (t == null ? void 0 : t.autoInitDelay) ?? 5e3;
-    $(window).on("hashchange.dialogs", () => {
-      this.compareStates(location.hash, this.state.locationHashPrev) && this.opendDialogsFromUrl();
-    }), $(window).trigger("hashchange.dialogs"), $(document).on("mousedown", "a[data-to-view]", async (i) => {
-      const e = i.target.closest("[data-to-view]"), s = e.dataset.toView.split("-")[0], n = $("#" + s);
-      $("> .modal-layer", n);
-      let l = "next";
-      e.dataset.action === "top-dialog-close" && (l = "prev"), e.href = c.genViewPageHash(e.dataset.toView, l);
-    }), $(document).on("click", "[data-to-view]", async (i) => {
-      const e = i.target.closest("[data-to-view]");
-      if (e.href === ".") {
-        i.preventDefault(), e.mousedown(), setTimeout(() => e.click());
-        return;
-      }
-      const r = await this.getDialogsUtils(), s = e.dataset.toView, n = s.split("-")[0], l = $("#" + n), h = $("> .modal-layer", l), f = $("> .active", h), P = !!l.data("data-to-view-replace");
-      let w = "next";
-      if (f.length) {
-        const N = s.split("-")[1].split(":")[0];
-        $('> [data-view-page="' + N + '"]', h).data("order") < f.data("order") && (w = "prev");
-      }
-      e.dataset.action === "top-dialog-close" && (w = "prev");
-      const v = c.genViewPageHash(s, w);
-      if (e.tagName === "A") {
-        if (!l.is(":visible")) return;
-        if (location.hash.indexOf(s.replace("-", "=")) !== -1) {
-          await r.toViewDirty(s);
-          return;
-        }
-      }
-      P ? (i.preventDefault(), L(!0, v), await r.toViewDirty(s), w == "next" ? c.state.viewPageN++ : c.state.viewPageN--) : e.tagName !== "A" && (this.compareStates(v, location.hash) ? location.hash = v : await r.toViewDirty(s));
-    }), setTimeout(() => this.getDialogsUtils(), a);
-  }
-  static async getDialogsUtils() {
-    const { TopDialogUtils: t } = await import("./utils-bjr7c5my.es.js");
-    return t;
-  }
-  static get$dialog(t) {
-    return t.closest(".ui-dialog-content");
-  }
-  static get$page(t) {
-    return t.closest("[data-view-page]");
-  }
-  /**
-   * Получить элементы страницы в шапке и в контенте
-   */
-  static get$pairPage(t) {
-    const a = c.get$dialog(t), e = c.get$page(t).data("view-page");
-    return $('[data-view-page="' + e + '"]', a);
-  }
-  /**
-   * Закрыть диалоговое окно
-   */
-  static close(t) {
-    const a = $("#" + t);
-    a.dialog("instance") && a.dialog("close");
-  }
-  /**
-   * Размонтировать $.dialog
-   */
-  static destroy(t) {
-    const a = $("#" + t);
-    a.dialog("instance") && (a.dialog("close"), a.dialog("destroy"));
-  }
-  /**
-   * Сгенерировать ссылку на страницу в диалоговом окне
-   * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
-   * @param moveDirection
-   */
-  static genViewPageHash(t, a = "next") {
-    var i = this.state.viewPageN;
-    a == "prev" ? i-- : i++;
-    var e = t.split("-"), r = e.shift(), s = e.join("-"), n = p("vpn", i), n = p("view-" + r, s, n);
-    return n;
-  }
-  /**
-   * Сравнить версию открытых диалоговых окон
-   * @returns вернет true, если состояния открытых окон изменилось
-   */
-  static compareStates(t, a) {
-    const i = t.match(/[#&]view-[^&]+/g) || [], e = a.match(/[#&]view-[^&]+/g) || [];
-    return !!(i.length !== e.length || i.filter((s, n) => {
-      const l = e[n] || "";
-      return s !== l;
-    }).length);
-  }
-  static opendDialogsFromUrl = async () => {
-    const t = Number(y("vpn")) || 0;
-    this.state.locationHashPrev = location.hash;
-    let a;
-    const i = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
-    for (; a = i.exec(location.hash); ) {
-      var e = "next";
-      return t < this.state.viewPageN && (e = "prev"), (await this.getDialogsUtils()).toViewDirty(a[1], e);
-    }
-    return $(".ui-dialog-content[data-view-page-active]:visible").each((r, s) => {
-      var n = $(s), l = n.attr("id"), h = y("view-" + l);
-      h || n.dialog("close");
-    }), this.state.viewPageN = t, !0;
-  };
-}
-class E {
-  /**
-   * Индентификатор, определяется на уровне компонента TopDialogComponent
-   *
-   * Может использоваться в навигации для открытия нужных окон с нужными настройками
-   */
-  id;
-  /**
-   * ID, используемый в верстке диалогового окна
-   */
-  idAttr;
-  /**
-   * Пользовательский компонент диалогового окна
-   */
-  Component;
-  /**
-   * Компонент инициирован
-   *
-   * Устанавливается после первого вызова useTopDialog()
-   */
-  isMounted = g(!1);
-  /**
-   * Компонент готов к использованию
-   *
-   * Используется для внутренних преобразований после отрисовки
-   */
-  isReady = g(!1);
-  /**
-   * Диалоговое окно открыто
-   */
-  isOpened = g(!1);
-  /**
-   * Имя активной страницы дилогового окна
-   */
-  pageActive = g("");
-  /**
-   * Диалоговое окно находится в состоянии загрузки своей страницы
-   */
-  isLoadingPage = g(!1);
-  /**
-   * Следующая активная страница
-   *
-   * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
-   */
-  pageActiveNext = g("");
-  /**
-   * props компонента, доступны после инициализации
-   */
-  props;
-  /**
-   * emit базового компонента `TopDialog`
-   */
-  emit;
-  /**
-   * Одноразовое событие на закрытие диалогового окна
-   *
-   * Используется для привязки окна к сценариям использования
-   */
-  onCloseOnce;
-  constructor(t) {
-    this.id = t.id, this.idAttr = "dialog_" + t.id, this.Component = x(t);
-  }
-  /**
-   * Событие - компонент инициирован
-   */
-  onMounted(t, a) {
-    this.isMounted.value = !0, this.props = t.props, this.emit = a.emit;
-  }
-  /**
-   * Открыть диалоговое окно
-   *
-   * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
-   */
-  async open(t = "main", a, i = [], e, r) {
-    a && await this.setProps(a), e && (this.onCloseOnce = e), await (await c.getDialogsUtils()).toView(this.idAttr, t, i, r);
-  }
-  /**
-   * Открыть диалоговое окно как ссылку, для хеш-навигации
-   *
-   * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
-   */
-  async openAsLink(t = "main", a, i = [], e, r) {
-    a && await this.setProps(a), e && (this.onCloseOnce = e);
-    const s = this.idAttr + "-" + t;
-    location.hash = c.genViewPageHash(s, r);
-  }
-  /**
-   * Закрыть диалоговое окно
-   *
-   * Не меняет состояние компонента диалогового окна
-   */
-  async close() {
-    c.close(this.idAttr);
-  }
-  /**
-   * Размонтировать $.dialog
-   */
-  async destroy() {
-    c.destroy(this.idAttr);
-  }
-  /**
-   * Устанвоить props
-   *
-   * Полностью сбрасывается состояние props
-   */
-  async setProps(t = {}) {
-    this.isMounted || await O(() => !this.props);
-    for (const a in this.props)
-      this.props[a] = t[a];
-  }
-  /**
-   * Проверить, есть ли необходимость отрисовки страницы диалогового окна
-   */
-  needShowPage(t) {
-    return this.isOpened.value ? this.pageActive.value === t || this.pageActiveNext.value === t : !1;
-  }
-}
-const M = {
-  class: "top-dialogs",
-  style: { display: "none" }
-}, d = V(/* @__PURE__ */ new Map()), F = (o) => (o = o.replace(/^dialog_/, ""), d.get(o)), I = (o) => {
-  if (!(o != null && o.id))
-    throw console.log({ TopDialogComponent: o }), new Error("Expected TopDialogComponent");
-  return d.has(o.id) || d.set(o.id, new E(o)), d.get(o.id);
-}, j = /* @__PURE__ */ A({
-  name: "DialogWrapper",
-  __name: "dialogs",
-  setup(o) {
-    return D(() => {
-      d.forEach((t) => t.destroy()), d.clear();
-    }), (t, a) => (u(), m("div", M, [
-      (u(!0), m(U, null, H(_(d), ([i, e]) => (u(), k(S(e.Component), { key: i }))), 128))
-    ]));
-  }
-});
-export {
-  c as T,
-  j as _,
-  I as a,
-  F as g
-};
-//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js.map

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\r\nimport type { MoveDirection, TopDialogOptions } from './types';\r\nimport type { $el } from '@/components/types';\r\n\r\nexport abstract class TopDialogWorker {\r\n\tstatic state = {\r\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\r\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\r\n\r\n\t\t/**\r\n\t\t * Порядковай номер перехода в диалоговых окнах\r\n\t\t *\r\n\t\t * Для расчета направления Вперед / Назад\r\n\t\t */\r\n\t\tviewPageN: 0,\r\n\t\tlocationHashPrev: '',\r\n\t};\r\n\r\n\tprivate static inited = false;\r\n\r\n\t/**\r\n\t * Инициировать события слежения за парамтерами url\r\n\t *\r\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\r\n\t */\r\n\tstatic init(options?: TopDialogOptions) {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\r\n\t\tthis.state.load = options?.load;\r\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\r\n\r\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\r\n\r\n\t\t$(window).on('hashchange.dialogs', () => {\r\n\t\t\tconst dialogsStateChanged = this.compareStates(location.hash, this.state.locationHashPrev);\r\n\t\t\tif (dialogsStateChanged) this.opendDialogsFromUrl();\r\n\t\t});\r\n\r\n\t\t$(window).trigger('hashchange.dialogs');\r\n\r\n\t\t/**\r\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\r\n\t\t */\r\n\t\t$(document).on('mousedown', 'a[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\r\n\t\t\t// /**\r\n\t\t\t//  * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\r\n\t\t\t//  */\r\n\t\t\t// if ($currentPage.length) {\r\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t//\r\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\r\n\t\t\t//\r\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\r\n\t\t\t//\r\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t// }\r\n\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Осуществить переход по ссылке с учетом historyType\r\n\t\t */\r\n\t\t$(document).on('click', '[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\t// Подождать генерацию ссылки\r\n\t\t\tif (el.href === '.') {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tel.mousedown();\r\n\r\n\t\t\t\tsetTimeout(() => el.click());\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\tconst $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tconst replaceHistory = !!$toDialog.data('data-to-view-replace');\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\t\t\tif ($currentPage.length) {\r\n\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t\tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t}\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\r\n\r\n\t\t\tif (el.tagName === 'A') {\r\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\r\n\t\t\t\tif (!$toDialog.is(':visible')) return;\r\n\r\n\t\t\t\t// в адресе уже указана эта страница, необходимсо явно запросить ее открытие\r\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\r\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\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 (replaceHistory) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\thistorySetState(true, hash);\r\n\r\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\tif (moveDirection == 'next') {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (el.tagName !== 'A') {\r\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\r\n\t\t\t\t\t\tlocation.hash = hash;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\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\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\r\n\t}\r\n\r\n\tstatic async getDialogsUtils() {\r\n\t\tconst { TopDialogUtils } = await import('./utils');\r\n\r\n\t\treturn TopDialogUtils;\r\n\t}\r\n\r\n\tstatic get$dialog($el: $el) {\r\n\t\treturn $el.closest('.ui-dialog-content');\r\n\t};\r\n\r\n\tstatic get$page($el: $el) {\r\n\t\treturn $el.closest('[data-view-page]');\r\n\t};\r\n\r\n\t/**\r\n\t * Получить элементы страницы в шапке и в контенте\r\n\t */\r\n\tstatic get$pairPage($el: $el) {\r\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\r\n\r\n\t\tconst $page = TopDialogWorker.get$page($el);\r\n\t\tconst pageName = $page.data('view-page');\r\n\r\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t */\r\n\tstatic close(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tstatic destroy(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t\t$dialog.dialog('destroy');\r\n\t};\r\n\r\n\t/**\r\n\t * Сгенерировать ссылку на страницу в диалоговом окне\r\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\r\n\t * @param moveDirection\r\n\t */\r\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\r\n\t\tvar toViewPageN = this.state.viewPageN;\r\n\t\tif (moveDirection == 'prev') {\r\n\t\t\ttoViewPageN--;\r\n\t\t} else {\r\n\t\t\ttoViewPageN++;\r\n\t\t}\r\n\r\n\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\t\tvar hash = genHash('vpn', toViewPageN);\r\n\t\tvar hash = genHash('view-' + viewName, pageLink, hash);\r\n\r\n\t\treturn hash;\r\n\t};\r\n\r\n\t/**\r\n\t * Сравнить версию открытых диалоговых окон\r\n\t * @returns вернет true, если состояния открытых окон изменилось\r\n\t */\r\n\tstatic compareStates(hash: string, hash2: string) {\r\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\r\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\r\n\r\n\t\tif (mathes.length !== mathes2.length) return true;\r\n\r\n\t\tconst mathesChanged = mathes.filter((math, n) => {\r\n\t\t\tconst math2 = mathes2[n] || '';\r\n\r\n\t\t\treturn math !== math2;\r\n\t\t});\r\n\r\n\t\tif (mathesChanged.length) return true;\r\n\r\n\t\treturn false;\r\n\t};\r\n\r\n\tstatic opendDialogsFromUrl = async () => {\r\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\r\n\r\n\t\tthis.state.locationHashPrev = location.hash;\r\n\r\n\t\t// Открыть диалоговое окно\r\n\t\tlet view: RegExpExecArray | null;\r\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\r\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\r\n\t\twhile (view = regexp.exec(location.hash)) {\r\n\t\t\tvar moveDirection: MoveDirection = 'next';\r\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\r\n\t\t}\r\n\r\n\t\t// Закрыть ненужные view\r\n\t\t$('.ui-dialog-content[data-view-page-active]:visible').each((_index: number, dialog: HTMLElement) => {\r\n\t\t\tvar $dialog = $(dialog);\r\n\r\n\t\t\tvar viewName = $dialog.attr('id');\r\n\t\t\tvar pageName = getHash('view-' + viewName);\r\n\t\t\tif (!pageName) $dialog.dialog('close');\r\n\t\t});\r\n\r\n\t\tthis.state.viewPageN = toViewPageN;\r\n\r\n\t\treturn true;\r\n\t};\r\n}\r\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport TopDialog from '../dialog.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { MoveDirection } from '@/components/dialog/lib/types';\r\nimport type { TopDialogComponent } from './types';\r\n\r\n/**\r\n * Объект для работы с диалоговым окном\r\n *\r\n * Каждое окно уникально и может быть открыто одновременно только один раз\r\n *\r\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\r\n */\r\nexport class TopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/**\r\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\r\n\t *\r\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * ID, используемый в верстке диалогового окна\r\n\t */\r\n\tidAttr: string;\r\n\r\n\t/**\r\n\t * Пользовательский компонент диалогового окна\r\n\t */\r\n\tComponent: T;\r\n\r\n\t/**\r\n\t * Компонент инициирован\r\n\t *\r\n\t * Устанавливается после первого вызова useTopDialog()\r\n\t */\r\n\tisMounted = ref(false);\r\n\r\n\t/**\r\n\t * Компонент готов к использованию\r\n\t *\r\n\t * Используется для внутренних преобразований после отрисовки\r\n\t */\r\n\tisReady = ref(false);\r\n\r\n\t/**\r\n\t * Диалоговое окно открыто\r\n\t */\r\n\tisOpened = ref(false);\r\n\r\n\t/**\r\n\t * Имя активной страницы дилогового окна\r\n\t */\r\n\tpageActive = ref('');\r\n\r\n\t/**\r\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\r\n\t */\r\n\tisLoadingPage = ref(false);\r\n\r\n\t/**\r\n\t * Следующая активная страница\r\n\t *\r\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\r\n\t */\r\n\tpageActiveNext = ref('');\r\n\r\n\t/**\r\n\t * props компонента, доступны после инициализации\r\n\t */\r\n\tprops?: ComponentInstance<T>['$props'];\r\n\r\n\t/**\r\n\t * emit базового компонента `TopDialog`\r\n\t */\r\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\r\n\r\n\t/**\r\n\t * Одноразовое событие на закрытие диалогового окна\r\n\t *\r\n\t * Используется для привязки окна к сценариям использования\r\n\t */\r\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\r\n\r\n\tconstructor(TopDialogComponent: T) {\r\n\t\tthis.id = TopDialogComponent.id!;\r\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\r\n\t\tthis.Component = markRaw(TopDialogComponent);\r\n\t}\r\n\r\n\t/**\r\n\t * Событие - компонент инициирован\r\n\t */\r\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\r\n\t\tthis.isMounted.value = true;\r\n\t\tthis.props = topDialogComponent.props;\r\n\t\tthis.emit = topDialogBaseComponent.emit;\r\n\t}\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно\r\n\t *\r\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\r\n\t */\r\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\r\n\r\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t *\r\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\r\n\t */\r\n\tasync openAsLink(\r\n\t\tpageName: string = 'main',\r\n\t\tprops?: {},\r\n\t\t_args: string[] = [],\r\n\t\tonCloseOnce?: typeof this.onCloseOnce,\r\n\t\tmoveDirection?: MoveDirection,\r\n\t) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst viewName = this.idAttr + '-' + pageName;\r\n\r\n\t\tlocation.hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t *\r\n\t * Не меняет состояние компонента диалогового окна\r\n\t */\r\n\tasync close() {\r\n\t\tTopDialogWorker.close(this.idAttr);\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tasync destroy() {\r\n\t\tTopDialogWorker.destroy(this.idAttr);\r\n\t}\r\n\r\n\t/**\r\n\t * Устанвоить props\r\n\t *\r\n\t * Полностью сбрасывается состояние props\r\n\t */\r\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\r\n\t\t// ожидание инициализации компонента\r\n\t\tif (!this.isMounted) {\r\n\t\t\tawait waitWhile(() => !this.props);\r\n\t\t}\r\n\r\n\t\tfor (const name in this.props) {\r\n\t\t\tthis.props[name] = props[name];\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\r\n\t */\r\n\tneedShowPage(pageName: string): boolean {\r\n\t\tif (!this.isOpened.value) return false;\r\n\r\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\r\n\t}\r\n}\r\n","<script lang=\"ts\">\r\nimport { shallowReactive } from 'vue';\r\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\r\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\r\n\r\n/**\r\n * Словарь всех используемых диалоговых окон\r\n *\r\n * В других компонентах не использовать\r\n */\r\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\r\n\r\nexport const getDialogWorker = (id: string) => {\r\n\tid = id.replace(/^dialog_/, '');\r\n\r\n\treturn dialogsWorkers.get(id);\r\n};\r\n\r\n/**\r\n * Добавить компонент диалогового окна для использования\r\n */\r\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\r\n\tif (!TopDialogComponent?.id) {\r\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\r\n\r\n\t\tthrow new Error('Expected TopDialogComponent');\r\n\t}\r\n\r\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\r\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\r\n\t}\r\n\r\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onUnmounted } from 'vue';\r\n\r\ndefineOptions({\r\n\tname: 'DialogWrapper',\r\n});\r\n\r\nonUnmounted(() => {\r\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\r\n\tdialogsWorkers.clear();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-dialogs\" style=\"display: none;\">\r\n\t\t<component\r\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\r\n\t\t\t:is=\"dialog.Component\"\r\n\t\t\t:key=\"dialogId\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","viewName","$toDialog","moveDirection","TopDialogUtils","toView","$modalLayers","$currentPage","replaceHistory","pageName","hash","historySetState","$el","$dialog","dialogId","toViewPageN","viewNameAndPageLink","pageLink","genHash","hash2","mathes","mathes2","math","math2","getHash","view","regexp","_index","dialog","TopDialogHandle","ref","TopDialogComponent","markRaw","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","waitWhile","name","dialogsWorkers","shallowReactive","getDialogWorker","id","addDialogWorker","onUnmounted"],"mappings":"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"}

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js

@@ -1,2 +0,0 @@
-define(["require","exports","vue","../utils/system.amd","../utils/route.amd"],function(p,w,s,y,h){"use strict";if(typeof s>"u")var s=window.Vue;class c{static state={load:void 0,decoratorOnCreate:void 0,viewPageN:0,locationHashPrev:""};static inited=!1;static init(e){if(this.inited)return;this.inited=!0,this.state.load=e==null?void 0:e.load,this.state.decoratorOnCreate=e==null?void 0:e.decoratorOnCreate;const t=(e==null?void 0:e.autoInitDelay)??5e3;$(window).on("hashchange.dialogs",()=>{this.compareStates(location.hash,this.state.locationHashPrev)&&this.opendDialogsFromUrl()}),$(window).trigger("hashchange.dialogs"),$(document).on("mousedown","a[data-to-view]",async i=>{const a=i.target.closest("[data-to-view]"),o=a.dataset.toView.split("-")[0],l=$("#"+o);$("> .modal-layer",l);let d="next";a.dataset.action==="top-dialog-close"&&(d="prev"),a.href=c.genViewPageHash(a.dataset.toView,d)}),$(document).on("click","[data-to-view]",async i=>{const a=i.target.closest("[data-to-view]");if(a.href==="."){i.preventDefault(),a.mousedown(),setTimeout(()=>a.click());return}const r=await this.getDialogsUtils(),o=a.dataset.toView,l=o.split("-")[0],d=$("#"+l),v=$("> .modal-layer",d),m=$("> .active",v),x=!!d.data("data-to-view-replace");let u="next";if(m.length){const A=o.split("-")[1].split(":")[0];$('> [data-view-page="'+A+'"]',v).data("order")<m.data("order")&&(u="prev")}a.dataset.action==="top-dialog-close"&&(u="prev");const f=c.genViewPageHash(o,u);if(a.tagName==="A"){if(!d.is(":visible"))return;if(location.hash.indexOf(o.replace("-","="))!==-1){await r.toViewDirty(o);return}}x?(i.preventDefault(),h.historySetState(!0,f),await r.toViewDirty(o),u=="next"?c.state.viewPageN++:c.state.viewPageN--):a.tagName!=="A"&&(this.compareStates(f,location.hash)?location.hash=f:await r.toViewDirty(o))}),setTimeout(()=>this.getDialogsUtils(),t)}static async getDialogsUtils(){const{TopDialogUtils:e}=await new Promise((t,i)=>p(["./utils-B7GVqGBH.amd"],t,i));return e}static get$dialog(e){return e.closest(".ui-dialog-content")}static get$page(e){return e.closest("[data-view-page]")}static get$pairPage(e){const t=c.get$dialog(e),a=c.get$page(e).data("view-page");return $('[data-view-page="'+a+'"]',t)}static close(e){const t=$("#"+e);t.dialog("instance")&&t.dialog("close")}static destroy(e){const t=$("#"+e);t.dialog("instance")&&(t.dialog("close"),t.dialog("destroy"))}static genViewPageHash(e,t="next"){var i=this.state.viewPageN;t=="prev"?i--:i++;var a=e.split("-"),r=a.shift(),o=a.join("-"),l=h.genHash("vpn",i),l=h.genHash("view-"+r,o,l);return l}static compareStates(e,t){const i=e.match(/[#&]view-[^&]+/g)||[],a=t.match(/[#&]view-[^&]+/g)||[];return!!(i.length!==a.length||i.filter((o,l)=>{const d=a[l]||"";return o!==d}).length)}static opendDialogsFromUrl=async()=>{const e=Number(h.getHash("vpn"))||0;this.state.locationHashPrev=location.hash;let t;const i=new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)","g");for(;t=i.exec(location.hash);){var a="next";return e<this.state.viewPageN&&(a="prev"),(await this.getDialogsUtils()).toViewDirty(t[1],a)}return $(".ui-dialog-content[data-view-page-active]:visible").each((r,o)=>{var l=$(o),d=l.attr("id"),v=h.getHash("view-"+d);v||l.dialog("close")}),this.state.viewPageN=e,!0}}class P{id;idAttr;Component;isMounted=s.ref(!1);isReady=s.ref(!1);isOpened=s.ref(!1);pageActive=s.ref("");isLoadingPage=s.ref(!1);pageActiveNext=s.ref("");props;emit;onCloseOnce;constructor(e){this.id=e.id,this.idAttr="dialog_"+e.id,this.Component=s.markRaw(e)}onMounted(e,t){this.isMounted.value=!0,this.props=e.props,this.emit=t.emit}async open(e="main",t,i=[],a,r){t&&await this.setProps(t),a&&(this.onCloseOnce=a),await(await c.getDialogsUtils()).toView(this.idAttr,e,i,r)}async openAsLink(e="main",t,i=[],a,r){t&&await this.setProps(t),a&&(this.onCloseOnce=a);const o=this.idAttr+"-"+e;location.hash=c.genViewPageHash(o,r)}async close(){c.close(this.idAttr)}async destroy(){c.destroy(this.idAttr)}async setProps(e={}){this.isMounted||await y.waitWhile(()=>!this.props);for(const t in this.props)this.props[t]=e[t]}needShowPage(e){return this.isOpened.value?this.pageActive.value===e||this.pageActiveNext.value===e:!1}}const N={class:"top-dialogs",style:{display:"none"}},g=s.shallowReactive(new Map),V=n=>(n=n.replace(/^dialog_/,""),g.get(n)),D=n=>{if(!(n!=null&&n.id))throw console.log({TopDialogComponent:n}),new Error("Expected TopDialogComponent");return g.has(n.id)||g.set(n.id,new P(n)),g.get(n.id)},k=s.defineComponent({name:"DialogWrapper",__name:"dialogs",setup(n){return s.onUnmounted(()=>{g.forEach(e=>e.destroy()),g.clear()}),(e,t)=>(s.openBlock(),s.createElementBlock("div",N,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(s.unref(g),([i,a])=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(a.Component),{key:i}))),128))]))}});w.TopDialogWorker=c,w._sfc_main=k,w.addDialogWorker=D,w.getDialogWorker=V});
-//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js.map

package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\r\nimport type { MoveDirection, TopDialogOptions } from './types';\r\nimport type { $el } from '@/components/types';\r\n\r\nexport abstract class TopDialogWorker {\r\n\tstatic state = {\r\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\r\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\r\n\r\n\t\t/**\r\n\t\t * Порядковай номер перехода в диалоговых окнах\r\n\t\t *\r\n\t\t * Для расчета направления Вперед / Назад\r\n\t\t */\r\n\t\tviewPageN: 0,\r\n\t\tlocationHashPrev: '',\r\n\t};\r\n\r\n\tprivate static inited = false;\r\n\r\n\t/**\r\n\t * Инициировать события слежения за парамтерами url\r\n\t *\r\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\r\n\t */\r\n\tstatic init(options?: TopDialogOptions) {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\r\n\t\tthis.state.load = options?.load;\r\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\r\n\r\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\r\n\r\n\t\t$(window).on('hashchange.dialogs', () => {\r\n\t\t\tconst dialogsStateChanged = this.compareStates(location.hash, this.state.locationHashPrev);\r\n\t\t\tif (dialogsStateChanged) this.opendDialogsFromUrl();\r\n\t\t});\r\n\r\n\t\t$(window).trigger('hashchange.dialogs');\r\n\r\n\t\t/**\r\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\r\n\t\t */\r\n\t\t$(document).on('mousedown', 'a[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\r\n\t\t\t// /**\r\n\t\t\t//  * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\r\n\t\t\t//  */\r\n\t\t\t// if ($currentPage.length) {\r\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t//\r\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\r\n\t\t\t//\r\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\r\n\t\t\t//\r\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t// }\r\n\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Осуществить переход по ссылке с учетом historyType\r\n\t\t */\r\n\t\t$(document).on('click', '[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\t// Подождать генерацию ссылки\r\n\t\t\tif (el.href === '.') {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tel.mousedown();\r\n\r\n\t\t\t\tsetTimeout(() => el.click());\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\tconst $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tconst replaceHistory = !!$toDialog.data('data-to-view-replace');\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\t\t\tif ($currentPage.length) {\r\n\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t\tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t}\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\r\n\r\n\t\t\tif (el.tagName === 'A') {\r\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\r\n\t\t\t\tif (!$toDialog.is(':visible')) return;\r\n\r\n\t\t\t\t// в адресе уже указана эта страница, необходимсо явно запросить ее открытие\r\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\r\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\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 (replaceHistory) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\thistorySetState(true, hash);\r\n\r\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\tif (moveDirection == 'next') {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (el.tagName !== 'A') {\r\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\r\n\t\t\t\t\t\tlocation.hash = hash;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\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\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\r\n\t}\r\n\r\n\tstatic async getDialogsUtils() {\r\n\t\tconst { TopDialogUtils } = await import('./utils');\r\n\r\n\t\treturn TopDialogUtils;\r\n\t}\r\n\r\n\tstatic get$dialog($el: $el) {\r\n\t\treturn $el.closest('.ui-dialog-content');\r\n\t};\r\n\r\n\tstatic get$page($el: $el) {\r\n\t\treturn $el.closest('[data-view-page]');\r\n\t};\r\n\r\n\t/**\r\n\t * Получить элементы страницы в шапке и в контенте\r\n\t */\r\n\tstatic get$pairPage($el: $el) {\r\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\r\n\r\n\t\tconst $page = TopDialogWorker.get$page($el);\r\n\t\tconst pageName = $page.data('view-page');\r\n\r\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t */\r\n\tstatic close(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tstatic destroy(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t\t$dialog.dialog('destroy');\r\n\t};\r\n\r\n\t/**\r\n\t * Сгенерировать ссылку на страницу в диалоговом окне\r\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\r\n\t * @param moveDirection\r\n\t */\r\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\r\n\t\tvar toViewPageN = this.state.viewPageN;\r\n\t\tif (moveDirection == 'prev') {\r\n\t\t\ttoViewPageN--;\r\n\t\t} else {\r\n\t\t\ttoViewPageN++;\r\n\t\t}\r\n\r\n\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\t\tvar hash = genHash('vpn', toViewPageN);\r\n\t\tvar hash = genHash('view-' + viewName, pageLink, hash);\r\n\r\n\t\treturn hash;\r\n\t};\r\n\r\n\t/**\r\n\t * Сравнить версию открытых диалоговых окон\r\n\t * @returns вернет true, если состояния открытых окон изменилось\r\n\t */\r\n\tstatic compareStates(hash: string, hash2: string) {\r\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\r\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\r\n\r\n\t\tif (mathes.length !== mathes2.length) return true;\r\n\r\n\t\tconst mathesChanged = mathes.filter((math, n) => {\r\n\t\t\tconst math2 = mathes2[n] || '';\r\n\r\n\t\t\treturn math !== math2;\r\n\t\t});\r\n\r\n\t\tif (mathesChanged.length) return true;\r\n\r\n\t\treturn false;\r\n\t};\r\n\r\n\tstatic opendDialogsFromUrl = async () => {\r\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\r\n\r\n\t\tthis.state.locationHashPrev = location.hash;\r\n\r\n\t\t// Открыть диалоговое окно\r\n\t\tlet view: RegExpExecArray | null;\r\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\r\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\r\n\t\twhile (view = regexp.exec(location.hash)) {\r\n\t\t\tvar moveDirection: MoveDirection = 'next';\r\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\r\n\t\t}\r\n\r\n\t\t// Закрыть ненужные view\r\n\t\t$('.ui-dialog-content[data-view-page-active]:visible').each((_index: number, dialog: HTMLElement) => {\r\n\t\t\tvar $dialog = $(dialog);\r\n\r\n\t\t\tvar viewName = $dialog.attr('id');\r\n\t\t\tvar pageName = getHash('view-' + viewName);\r\n\t\t\tif (!pageName) $dialog.dialog('close');\r\n\t\t});\r\n\r\n\t\tthis.state.viewPageN = toViewPageN;\r\n\r\n\t\treturn true;\r\n\t};\r\n}\r\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport TopDialog from '../dialog.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { MoveDirection } from '@/components/dialog/lib/types';\r\nimport type { TopDialogComponent } from './types';\r\n\r\n/**\r\n * Объект для работы с диалоговым окном\r\n *\r\n * Каждое окно уникально и может быть открыто одновременно только один раз\r\n *\r\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\r\n */\r\nexport class TopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/**\r\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\r\n\t *\r\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * ID, используемый в верстке диалогового окна\r\n\t */\r\n\tidAttr: string;\r\n\r\n\t/**\r\n\t * Пользовательский компонент диалогового окна\r\n\t */\r\n\tComponent: T;\r\n\r\n\t/**\r\n\t * Компонент инициирован\r\n\t *\r\n\t * Устанавливается после первого вызова useTopDialog()\r\n\t */\r\n\tisMounted = ref(false);\r\n\r\n\t/**\r\n\t * Компонент готов к использованию\r\n\t *\r\n\t * Используется для внутренних преобразований после отрисовки\r\n\t */\r\n\tisReady = ref(false);\r\n\r\n\t/**\r\n\t * Диалоговое окно открыто\r\n\t */\r\n\tisOpened = ref(false);\r\n\r\n\t/**\r\n\t * Имя активной страницы дилогового окна\r\n\t */\r\n\tpageActive = ref('');\r\n\r\n\t/**\r\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\r\n\t */\r\n\tisLoadingPage = ref(false);\r\n\r\n\t/**\r\n\t * Следующая активная страница\r\n\t *\r\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\r\n\t */\r\n\tpageActiveNext = ref('');\r\n\r\n\t/**\r\n\t * props компонента, доступны после инициализации\r\n\t */\r\n\tprops?: ComponentInstance<T>['$props'];\r\n\r\n\t/**\r\n\t * emit базового компонента `TopDialog`\r\n\t */\r\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\r\n\r\n\t/**\r\n\t * Одноразовое событие на закрытие диалогового окна\r\n\t *\r\n\t * Используется для привязки окна к сценариям использования\r\n\t */\r\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\r\n\r\n\tconstructor(TopDialogComponent: T) {\r\n\t\tthis.id = TopDialogComponent.id!;\r\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\r\n\t\tthis.Component = markRaw(TopDialogComponent);\r\n\t}\r\n\r\n\t/**\r\n\t * Событие - компонент инициирован\r\n\t */\r\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\r\n\t\tthis.isMounted.value = true;\r\n\t\tthis.props = topDialogComponent.props;\r\n\t\tthis.emit = topDialogBaseComponent.emit;\r\n\t}\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно\r\n\t *\r\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\r\n\t */\r\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\r\n\r\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t *\r\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\r\n\t */\r\n\tasync openAsLink(\r\n\t\tpageName: string = 'main',\r\n\t\tprops?: {},\r\n\t\t_args: string[] = [],\r\n\t\tonCloseOnce?: typeof this.onCloseOnce,\r\n\t\tmoveDirection?: MoveDirection,\r\n\t) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst viewName = this.idAttr + '-' + pageName;\r\n\r\n\t\tlocation.hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t *\r\n\t * Не меняет состояние компонента диалогового окна\r\n\t */\r\n\tasync close() {\r\n\t\tTopDialogWorker.close(this.idAttr);\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tasync destroy() {\r\n\t\tTopDialogWorker.destroy(this.idAttr);\r\n\t}\r\n\r\n\t/**\r\n\t * Устанвоить props\r\n\t *\r\n\t * Полностью сбрасывается состояние props\r\n\t */\r\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\r\n\t\t// ожидание инициализации компонента\r\n\t\tif (!this.isMounted) {\r\n\t\t\tawait waitWhile(() => !this.props);\r\n\t\t}\r\n\r\n\t\tfor (const name in this.props) {\r\n\t\t\tthis.props[name] = props[name];\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\r\n\t */\r\n\tneedShowPage(pageName: string): boolean {\r\n\t\tif (!this.isOpened.value) return false;\r\n\r\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\r\n\t}\r\n}\r\n","<script lang=\"ts\">\r\nimport { shallowReactive } from 'vue';\r\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\r\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\r\n\r\n/**\r\n * Словарь всех используемых диалоговых окон\r\n *\r\n * В других компонентах не использовать\r\n */\r\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\r\n\r\nexport const getDialogWorker = (id: string) => {\r\n\tid = id.replace(/^dialog_/, '');\r\n\r\n\treturn dialogsWorkers.get(id);\r\n};\r\n\r\n/**\r\n * Добавить компонент диалогового окна для использования\r\n */\r\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\r\n\tif (!TopDialogComponent?.id) {\r\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\r\n\r\n\t\tthrow new Error('Expected TopDialogComponent');\r\n\t}\r\n\r\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\r\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\r\n\t}\r\n\r\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onUnmounted } from 'vue';\r\n\r\ndefineOptions({\r\n\tname: 'DialogWrapper',\r\n});\r\n\r\nonUnmounted(() => {\r\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\r\n\tdialogsWorkers.clear();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-dialogs\" style=\"display: none;\">\r\n\t\t<component\r\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\r\n\t\t\t:is=\"dialog.Component\"\r\n\t\t\t:key=\"dialogId\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","$toDialog","moveDirection","TopDialogUtils","toView","$currentPage","pageName","$modalLayers","utils_route","hash","$el","dialogId","$dialog","toViewPageN","viewName","viewNameAndPageLink","pageLink","hash2","view","dialog","TopDialogHandle","vue","TopDialogComponent","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","name","dialogsWorkers","getDialogWorker","id","addDialogWorker"],"mappings":"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"}