@topvisor/ui 1.3.5-popupFromInput.0 → 1.4.0-TopGroupSelector.11

package/.chunks/dialog_regionSelectorRegions-1UVhgK2f.es.js

@@ -0,0 +1,180 @@
+
+		import { Core as _autoloadCSSCore } from '../core/app.js';
+		const fileNames = ['../assets/dialog_regionSelectorRegions.css'].map(fileName => import.meta.resolve(fileName));
+		_autoloadCSSCore.insertCSSLinkToPage(fileNames, true);
+	
+import { defineComponent as E, ref as k, reactive as j, computed as w, watch as D, resolveComponent as b, createBlock as S, openBlock as i, unref as f, withCtx as c, createVNode as d, createTextVNode as C, toDisplayString as p, createElementVNode as m, createElementBlock as _, Fragment as M, renderList as O, createCommentVNode as y } from "vue";
+import { _ as P, a as G } from "./page.vue_vue_type_script_setup_true_lang-CpRJQFD1.es.js";
+import { b as X } from "./utils-YrUExsH7.es.js";
+import { genFlagLinkByCountryCode as Q } from "../utils/string.js";
+import { getSearcherGIcon as q, getLangLabel as z, getDeviceGIcon as H } from "../utils/searchers.js";
+import { C as I } from "./forms-BseC3Ftz.es.js";
+const J = { class: "dialog_regionSelectorRegions_header" }, K = ["data-top-icon"], W = ["src", "alt"], Y = { class: "top-ellipsis" }, Z = { class: "dialog_regionSelectorRegions_regionAreaName" }, F = { key: 1 }, ee = ["data-top-icon"], re = /* @__PURE__ */ E({
+  id: "regionSelectorRegions",
+  __name: "dialog_regionSelectorRegions",
+  props: {
+    regions: {},
+    regionsIndexes: {},
+    "@update:regionsIndexes": { type: Function }
+  },
+  setup(R) {
+    const l = R, h = X(), a = k([]), r = k(null), g = j({
+      searcher_key: -1,
+      key: -1,
+      name: -1
+    }), x = w({
+      get() {
+        return a.value.every((o) => o.selected);
+      },
+      set(o) {
+        a.value = a.value.map((e) => ({ ...e, selected: o }));
+      }
+    }), v = (o) => {
+      g[o] = -g[o], a.value.sort((e, t) => !e[o] || !t[o] ? -1 : e[o] >= t[o] ? g[o] : -g[o]);
+    }, V = () => {
+      if (!a.value.some((e) => e.selected)) return;
+      const o = a.value.filter((e) => e.selected).map((e) => e.index);
+      l["@update:regionsIndexes"]?.(o), h.close();
+    };
+    D([
+      () => l.regions,
+      () => l.regionsIndexes
+    ], () => {
+      if (a.value = [], !l.regions || !l.regionsIndexes) return;
+      let o = [...l.regions];
+      const e = new Map(l.regionsIndexes.map((t, s) => [t, s]));
+      o.sort((t, s) => {
+        const n = e.get(t.index) ?? Number.MAX_VALUE, u = e.get(s.index) ?? Number.MAX_VALUE;
+        return n - u;
+      }), o.forEach((t) => {
+        let s = t.name;
+        t.areaName && (s += ` (${t.areaName})`);
+        const n = l.regionsIndexes?.includes(t.index) ?? !1, u = q(t.searcher_key), N = t.lang !== void 0 ? z(t.searcher_key ?? 999, t.lang) : void 0, A = t.device !== void 0 ? H(t.device) : void 0, T = t.countryCode !== void 0 ? Q(t.countryCode) : void 0, U = {
+          ...t,
+          selected: n,
+          title: s,
+          searcherIcon: u,
+          langLabel: N,
+          deviceIcon: A,
+          flagLink: T
+        };
+        a.value.push(U);
+      });
+    });
+    const L = () => {
+      if (!I.$?.ui.sortable) {
+        console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");
+        return;
+      }
+      r.value && $(r.value).sortable({
+        distance: 10,
+        stop: () => {
+          const o = [...r.value.children].map((e) => Number(e.getAttribute("data-region-index")));
+          a.value.sort((e, t) => o.indexOf(e.index) - o.indexOf(t.index));
+        }
+      });
+    }, B = () => {
+      I.$?.ui.sortable && r.value && $(r.value).sortable("destroy");
+    };
+    return (o, e) => {
+      const t = b("TopCheckbox"), s = b("TopButton");
+      return i(), S(f(P), {
+        id: f(h).id,
+        pageActive: "regions",
+        class: "dialog_regionSelectorRegions",
+        height: "600px",
+        width: "600px",
+        onOpen: L,
+        onClose: B
+      }, {
+        default: c(() => [
+          d(f(G), {
+            name: "regions",
+            order: 0
+          }, {
+            header: c(() => [
+              m("div", J, [
+                d(t, {
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (n) => x.value = n)
+                }, null, 8, ["modelValue"]),
+                d(s, {
+                  class: "dialog_regionSelectorRegions_sortButton",
+                  color: "theme",
+                  "data-top-icon": "",
+                  onClick: e[1] || (e[1] = (n) => v("searcher_key")),
+                  title: o.$i18n.Projects?.Sort_by_search_engine
+                }, null, 8, ["title"]),
+                d(s, {
+                  class: "dialog_regionSelectorRegions_sortButton",
+                  color: "theme",
+                  "data-top-icon": "",
+                  onClick: e[2] || (e[2] = (n) => v("key")),
+                  title: o.$i18n.Projects?.Sort_by_yande_region_code
+                }, null, 8, ["title"]),
+                d(s, {
+                  class: "dialog_regionSelectorRegions_sortButton",
+                  color: "theme",
+                  "data-top-icon": "",
+                  onClick: e[3] || (e[3] = (n) => v("name")),
+                  title: o.$i18n.Projects?.Sort_by_lphabetically
+                }, null, 8, ["title"])
+              ])
+            ]),
+            body: c(() => [
+              m("div", {
+                ref_key: "elRegions",
+                ref: r
+              }, [
+                (i(!0), _(M, null, O(a.value, (n) => (i(), S(t, {
+                  key: n.index,
+                  modelValue: n.selected,
+                  "onUpdate:modelValue": (u) => n.selected = u,
+                  class: "dialog_regionSelectorRegions_region",
+                  "data-region-index": n.index
+                }, {
+                  default: c(() => [
+                    m("div", {
+                      class: "dialog_regionSelectorRegions_regionSearcherIcon",
+                      "data-top-icon": n.searcherIcon
+                    }, null, 8, K),
+                    n.flagLink ? (i(), _("img", {
+                      key: 0,
+                      class: "top-flag",
+                      src: "//topvisor.dev" + n.flagLink,
+                      alt: n.countryCode
+                    }, null, 8, W)) : y("", !0),
+                    m("div", Y, [
+                      C(p(n.name) + " ", 1),
+                      m("span", Z, p(n.areaName), 1)
+                    ]),
+                    n.langLabel ? (i(), _("div", F, " [" + p(n.langLabel) + "] ", 1)) : y("", !0),
+                    n.deviceIcon ? (i(), _("div", {
+                      key: 2,
+                      "data-top-icon": n.deviceIcon
+                    }, null, 8, ee)) : y("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue", "data-region-index"]))), 128))
+              ], 512)
+            ]),
+            footer: c(() => [
+              d(s, { onClick: V }, {
+                default: c(() => [
+                  C(p(o.$i18n.Common?.Apply), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["id"]);
+    };
+  }
+});
+export {
+  re as default
+};
+//# sourceMappingURL=dialog_regionSelectorRegions-1UVhgK2f.es.js.map

package/.chunks/dialog_regionSelectorRegions-1UVhgK2f.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_regionSelectorRegions-1UVhgK2f.es.js","sources":["../../src/components/project/regionSelector/dialog_regionSelectorRegions/dialog_regionSelectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from 'vue';\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\nimport type { Props, RegionRich } from './types';\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\nimport Core from '@/core/core/core';\n\ndefineOptions({ id: 'regionSelectorRegions' });\n\nconst props = defineProps<Partial<Props>>();\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Список расширенных регионов для использования в компоненте\n */\nconst regionsRich = ref<RegionRich[]>([]);\n\n/**\n * Ссылка на элемент с регионами\n */\nconst elRegions = ref<null | HTMLElement>(null);\n\n/**\n * Направление сортировки по полю\n */\nconst sortedVectorByField = reactive({\n\tsearcher_key: -1,\n\tkey: -1,\n\tname: -1,\n});\n\n/**\n * Выбраны все регионы\n */\nconst isAllSelected = computed({\n\tget() {\n\t\treturn regionsRich.value.every(region => region.selected);\n\t},\n\n\tset(value) {\n\t\tregionsRich.value = regionsRich.value.map(region => ({ ...region, selected: value }));\n\t},\n});\n\n/**\n * Сортировать регионы по выбранному полю\n * @param sortedField - Поле для сортировки\n */\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\n\n\tregionsRich.value.sort((regionA, regionB) => {\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\n\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\n\t});\n};\n\n/**\n * Применить изменения\n *\n * Вызывает callback `props['@update:regionsIndexes']`\n */\nconst onSubmit = () => {\n\tif (!regionsRich.value.some(region => region.selected)) return;\n\n\tconst regionsIndexes = regionsRich.value\n\t\t.filter(region => region.selected)\n\t\t.map(region => region.index);\n\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\n\n\tdialog.close();\n};\n\n// генерация регионов\nwatch([\n\t() => props.regions,\n\t() => props.regionsIndexes,\n], () => {\n\tregionsRich.value = [];\n\n\tif (!props.regions) return;\n\tif (!props.regionsIndexes) return;\n\n\tlet regions = [...props.regions];\n\n\t// отсортировать регионы по входным данным\n\tconst orderByRegionIndex = new Map(props.regionsIndexes.map((index, order) => [index, order]));\n\n\tregions.sort((regionA, regionB) => {\n\t\tconst orderA = orderByRegionIndex.get(regionA.index) ?? Number.MAX_VALUE;\n\t\tconst orderB = orderByRegionIndex.get(regionB.index) ?? Number.MAX_VALUE;\n\n\t\treturn orderA - orderB;\n\t});\n\n\tregions.forEach(region => {\n\t\tlet title = region.name;\n\t\tif (region.areaName) title += ` (${region.areaName})`;\n\n\t\tconst selected = props.regionsIndexes?.includes(region.index) ?? false;\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key ?? 999, region.lang) : undefined;\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\n\n\t\tconst regionRich = {\n\t\t\t...region,\n\t\t\tselected,\n\t\t\ttitle,\n\t\t\tsearcherIcon,\n\t\t\tlangLabel,\n\t\t\tdeviceIcon,\n\t\t\tflagLink,\n\t\t};\n\n\t\tregionsRich.value.push(regionRich);\n\t});\n});\n\n/**\n * Проверить на существование sortable\n */\nconst onOpen = () => {\n\tif (!Core.$?.ui['sortable']) {\n\t\tconsole.info('Для работы сортировки требуется глобальная загрузка jQuery UI Sortable');\n\n\t\treturn;\n\t}\n\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable({\n\t\tdistance: 10,\n\n\t\tstop: () => {\n\t\t\t// Обновляем порядок регионов в массиве regionsRich после сортировки\n\t\t\tconst sortedIndexes = [...elRegions.value!.children].map(el => Number(el.getAttribute('data-region-index')));\n\t\t\tregionsRich.value.sort((a, b) => sortedIndexes.indexOf(a.index) - sortedIndexes.indexOf(b.index));\n\t\t},\n\t});\n};\n\n/**\n * Удаление sortable\n */\nconst onClose = () => {\n\tif (!Core.$?.ui['sortable']) return;\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable('destroy');\n};\n\n</script>\n\n<template>\n\t<TopDialog\n\t\t:id=\"dialog.id\"\n\t\tpageActive=\"regions\"\n\t\tclass=\"dialog_regionSelectorRegions\"\n\t\theight=\"600px\"\n\t\twidth=\"600px\"\n\t\t@open=\"onOpen\"\n\t\t@close=\"onClose\"\n\t>\n\t\t<TopDialogPage name=\"regions\" :order=\"0\">\n\t\t\t<template #header>\n\t\t\t\t<div class=\"dialog_regionSelectorRegions_header\">\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_search_engine\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_yande_region_code\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('name')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_lphabetically\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #body>\n\t\t\t\t<div ref=\"elRegions\">\n\t\t\t\t\t<TopCheckbox\n\t\t\t\t\t\tv-for=\"region of regionsRich\"\n\t\t\t\t\t\t:key=\"region.index\"\n\t\t\t\t\t\tv-model=\"region.selected\"\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_region\"\n\t\t\t\t\t\t:data-region-index=\"region.index\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_regionSearcherIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\n\t\t\t\t\t\t></div>\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"region.flagLink\"\n\t\t\t\t\t\t\tclass=\"top-flag\"\n\t\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\n\t\t\t\t\t\t\t:alt=\"region.countryCode\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t<div class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ region.name }}\n\n\t\t\t\t\t\t\t<span class=\"dialog_regionSelectorRegions_regionAreaName\">\n\t\t\t\t\t\t\t\t{{ region.areaName }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div v-if=\"region.langLabel\">\n\t\t\t\t\t\t\t[{{ region.langLabel }}]\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-if=\"region.deviceIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</TopCheckbox>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t\t{{ $i18n.Common?.Apply }}\n\t\t\t\t</TopButton>\n\t\t\t</template>\n\t\t</TopDialogPage>\n\t</TopDialog>\n</template>\n\n<style>\n@import \"./style.css\";\n</style>\n"],"names":["props","__props","dialog","useTopDialogSelf","regionsRich","ref","elRegions","sortedVectorByField","reactive","isAllSelected","computed","region","value","sort","sortedField","regionA","regionB","onSubmit","regionsIndexes","watch","regions","orderByRegionIndex","index","order","orderA","orderB","title","selected","searcherIcon","getSearcherGIcon","langLabel","getLangLabel","deviceIcon","getDeviceGIcon","flagLink","genFlagLinkByCountryCode","regionRich","onOpen","Core","sortedIndexes","el","a","b","onClose","_createBlock","_unref","TopDialog","_createVNode","TopDialogPage","_createElementVNode","_hoisted_1","_component_TopCheckbox","$event","_component_TopButton","$i18n","_createElementBlock","_Fragment","_renderList","_hoisted_4","_hoisted_5","_toDisplayString","_openBlock"],"mappings":"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"}

package/.chunks/dialog_regionSelectorRegions-CZ8IX7la.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","./page.vue_vue_type_script_setup_true_lang-CjIiZU-D.amd","./utils-CzHUG_xz.amd","../utils/string.amd","../utils/searchers.amd","./forms-CUSCBQu3.amd","../require/css.amd!../assets/dialog_regionSelectorRegions.css"],(function(U,m,e,p,y,k,u,v){"use strict";if(typeof e>"u")var e=window.Vue;const x={class:"dialog_regionSelectorRegions_header"},h=["data-top-icon"],C=["src","alt"],V={class:"top-ellipsis"},S={class:"dialog_regionSelectorRegions_regionAreaName"},b={key:1},N=["data-top-icon"],B=e.defineComponent({id:"regionSelectorRegions",__name:"dialog_regionSelectorRegions",props:{regions:{},regionsIndexes:{},"@update:regionsIndexes":{type:Function}},setup(I){const i=I,_=y.useTopDialogSelf(),r=e.ref([]),s=e.ref(null),d=e.reactive({searcher_key:-1,key:-1,name:-1}),f=e.computed({get(){return r.value.every(t=>t.selected)},set(t){r.value=r.value.map(o=>({...o,selected:t}))}}),g=t=>{d[t]=-d[t],r.value.sort((o,n)=>!o[t]||!n[t]?-1:o[t]>=n[t]?d[t]:-d[t])},R=()=>{if(!r.value.some(o=>o.selected))return;const t=r.value.filter(o=>o.selected).map(o=>o.index);i["@update:regionsIndexes"]?.(t),_.close()};e.watch([()=>i.regions,()=>i.regionsIndexes],()=>{if(r.value=[],!i.regions||!i.regionsIndexes)return;let t=[...i.regions];const o=new Map(i.regionsIndexes.map((n,a)=>[n,a]));t.sort((n,a)=>{const l=o.get(n.index)??Number.MAX_VALUE,c=o.get(a.index)??Number.MAX_VALUE;return l-c}),t.forEach(n=>{let a=n.name;n.areaName&&(a+=` (${n.areaName})`);const l=i.regionsIndexes?.includes(n.index)??!1,c=u.getSearcherGIcon(n.searcher_key),w=n.lang!==void 0?u.getLangLabel(n.searcher_key??999,n.lang):void 0,A=n.device!==void 0?u.getDeviceGIcon(n.device):void 0,T=n.countryCode!==void 0?k.genFlagLinkByCountryCode(n.countryCode):void 0,D={...n,selected:l,title:a,searcherIcon:c,langLabel:w,deviceIcon:A,flagLink:T};r.value.push(D)})});const E=()=>{if(!v.Core.$?.ui.sortable){console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");return}s.value&&$(s.value).sortable({distance:10,stop:()=>{const t=[...s.value.children].map(o=>Number(o.getAttribute("data-region-index")));r.value.sort((o,n)=>t.indexOf(o.index)-t.indexOf(n.index))}})},L=()=>{v.Core.$?.ui.sortable&&s.value&&$(s.value).sortable("destroy")};return(t,o)=>{const n=e.resolveComponent("TopCheckbox"),a=e.resolveComponent("TopButton");return e.openBlock(),e.createBlock(e.unref(p._sfc_main),{id:e.unref(_).id,pageActive:"regions",class:"dialog_regionSelectorRegions",height:"600px",width:"600px",onOpen:E,onClose:L},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main$1),{name:"regions",order:0},{header:e.withCtx(()=>[e.createElementVNode("div",x,[e.createVNode(n,{modelValue:f.value,"onUpdate:modelValue":o[0]||(o[0]=l=>f.value=l)},null,8,["modelValue"]),e.createVNode(a,{class:"dialog_regionSelectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:o[1]||(o[1]=l=>g("searcher_key")),title:t.$i18n.Projects?.Sort_by_search_engine},null,8,["title"]),e.createVNode(a,{class:"dialog_regionSelectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:o[2]||(o[2]=l=>g("key")),title:t.$i18n.Projects?.Sort_by_yande_region_code},null,8,["title"]),e.createVNode(a,{class:"dialog_regionSelectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:o[3]||(o[3]=l=>g("name")),title:t.$i18n.Projects?.Sort_by_lphabetically},null,8,["title"])])]),body:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"elRegions",ref:s},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,l=>(e.openBlock(),e.createBlock(n,{key:l.index,modelValue:l.selected,"onUpdate:modelValue":c=>l.selected=c,class:"dialog_regionSelectorRegions_region","data-region-index":l.index},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"dialog_regionSelectorRegions_regionSearcherIcon","data-top-icon":l.searcherIcon},null,8,h),l.flagLink?(e.openBlock(),e.createElementBlock("img",{key:0,class:"top-flag",src:"//topvisor.dev"+l.flagLink,alt:l.countryCode},null,8,C)):e.createCommentVNode("",!0),e.createElementVNode("div",V,[e.createTextVNode(e.toDisplayString(l.name)+" ",1),e.createElementVNode("span",S,e.toDisplayString(l.areaName),1)]),l.langLabel?(e.openBlock(),e.createElementBlock("div",b," ["+e.toDisplayString(l.langLabel)+"] ",1)):e.createCommentVNode("",!0),l.deviceIcon?(e.openBlock(),e.createElementBlock("div",{key:2,"data-top-icon":l.deviceIcon},null,8,N)):e.createCommentVNode("",!0)]),_:2},1032,["modelValue","onUpdate:modelValue","data-region-index"]))),128))],512)]),footer:e.withCtx(()=>[e.createVNode(a,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.$i18n.Common?.Apply),1)]),_:1})]),_:1})]),_:1},8,["id"])}}});m.default=B,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=dialog_regionSelectorRegions-CZ8IX7la.amd.js.map

package/.chunks/dialog_regionSelectorRegions-CZ8IX7la.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_regionSelectorRegions-CZ8IX7la.amd.js","sources":["../../src/components/project/regionSelector/dialog_regionSelectorRegions/dialog_regionSelectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, ref, watch } from 'vue';\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\nimport type { Props, RegionRich } from './types';\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\nimport Core from '@/core/core/core';\n\ndefineOptions({ id: 'regionSelectorRegions' });\n\nconst props = defineProps<Partial<Props>>();\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Список расширенных регионов для использования в компоненте\n */\nconst regionsRich = ref<RegionRich[]>([]);\n\n/**\n * Ссылка на элемент с регионами\n */\nconst elRegions = ref<null | HTMLElement>(null);\n\n/**\n * Направление сортировки по полю\n */\nconst sortedVectorByField = reactive({\n\tsearcher_key: -1,\n\tkey: -1,\n\tname: -1,\n});\n\n/**\n * Выбраны все регионы\n */\nconst isAllSelected = computed({\n\tget() {\n\t\treturn regionsRich.value.every(region => region.selected);\n\t},\n\n\tset(value) {\n\t\tregionsRich.value = regionsRich.value.map(region => ({ ...region, selected: value }));\n\t},\n});\n\n/**\n * Сортировать регионы по выбранному полю\n * @param sortedField - Поле для сортировки\n */\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\n\n\tregionsRich.value.sort((regionA, regionB) => {\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\n\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\n\t});\n};\n\n/**\n * Применить изменения\n *\n * Вызывает callback `props['@update:regionsIndexes']`\n */\nconst onSubmit = () => {\n\tif (!regionsRich.value.some(region => region.selected)) return;\n\n\tconst regionsIndexes = regionsRich.value\n\t\t.filter(region => region.selected)\n\t\t.map(region => region.index);\n\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\n\n\tdialog.close();\n};\n\n// генерация регионов\nwatch([\n\t() => props.regions,\n\t() => props.regionsIndexes,\n], () => {\n\tregionsRich.value = [];\n\n\tif (!props.regions) return;\n\tif (!props.regionsIndexes) return;\n\n\tlet regions = [...props.regions];\n\n\t// отсортировать регионы по входным данным\n\tconst orderByRegionIndex = new Map(props.regionsIndexes.map((index, order) => [index, order]));\n\n\tregions.sort((regionA, regionB) => {\n\t\tconst orderA = orderByRegionIndex.get(regionA.index) ?? Number.MAX_VALUE;\n\t\tconst orderB = orderByRegionIndex.get(regionB.index) ?? Number.MAX_VALUE;\n\n\t\treturn orderA - orderB;\n\t});\n\n\tregions.forEach(region => {\n\t\tlet title = region.name;\n\t\tif (region.areaName) title += ` (${region.areaName})`;\n\n\t\tconst selected = props.regionsIndexes?.includes(region.index) ?? false;\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key ?? 999, region.lang) : undefined;\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\n\n\t\tconst regionRich = {\n\t\t\t...region,\n\t\t\tselected,\n\t\t\ttitle,\n\t\t\tsearcherIcon,\n\t\t\tlangLabel,\n\t\t\tdeviceIcon,\n\t\t\tflagLink,\n\t\t};\n\n\t\tregionsRich.value.push(regionRich);\n\t});\n});\n\n/**\n * Проверить на существование sortable\n */\nconst onOpen = () => {\n\tif (!Core.$?.ui['sortable']) {\n\t\tconsole.info('Для работы сортировки требуется глобальная загрузка jQuery UI Sortable');\n\n\t\treturn;\n\t}\n\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable({\n\t\tdistance: 10,\n\n\t\tstop: () => {\n\t\t\t// Обновляем порядок регионов в массиве regionsRich после сортировки\n\t\t\tconst sortedIndexes = [...elRegions.value!.children].map(el => Number(el.getAttribute('data-region-index')));\n\t\t\tregionsRich.value.sort((a, b) => sortedIndexes.indexOf(a.index) - sortedIndexes.indexOf(b.index));\n\t\t},\n\t});\n};\n\n/**\n * Удаление sortable\n */\nconst onClose = () => {\n\tif (!Core.$?.ui['sortable']) return;\n\tif (!elRegions.value) return;\n\n\t$(elRegions.value).sortable('destroy');\n};\n\n</script>\n\n<template>\n\t<TopDialog\n\t\t:id=\"dialog.id\"\n\t\tpageActive=\"regions\"\n\t\tclass=\"dialog_regionSelectorRegions\"\n\t\theight=\"600px\"\n\t\twidth=\"600px\"\n\t\t@open=\"onOpen\"\n\t\t@close=\"onClose\"\n\t>\n\t\t<TopDialogPage name=\"regions\" :order=\"0\">\n\t\t\t<template #header>\n\t\t\t\t<div class=\"dialog_regionSelectorRegions_header\">\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_search_engine\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('key')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_yande_region_code\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_sortButton\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-top-icon=\"\"\n\t\t\t\t\t\t@click=\"sort('name')\"\n\t\t\t\t\t\t:title=\"$i18n.Projects?.Sort_by_lphabetically\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #body>\n\t\t\t\t<div ref=\"elRegions\">\n\t\t\t\t\t<TopCheckbox\n\t\t\t\t\t\tv-for=\"region of regionsRich\"\n\t\t\t\t\t\t:key=\"region.index\"\n\t\t\t\t\t\tv-model=\"region.selected\"\n\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_region\"\n\t\t\t\t\t\t:data-region-index=\"region.index\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"dialog_regionSelectorRegions_regionSearcherIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\n\t\t\t\t\t\t></div>\n\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tv-if=\"region.flagLink\"\n\t\t\t\t\t\t\tclass=\"top-flag\"\n\t\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\n\t\t\t\t\t\t\t:alt=\"region.countryCode\"\n\t\t\t\t\t\t>\n\n\t\t\t\t\t\t<div class=\"top-ellipsis\">\n\t\t\t\t\t\t\t{{ region.name }}\n\n\t\t\t\t\t\t\t<span class=\"dialog_regionSelectorRegions_regionAreaName\">\n\t\t\t\t\t\t\t\t{{ region.areaName }}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div v-if=\"region.langLabel\">\n\t\t\t\t\t\t\t[{{ region.langLabel }}]\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tv-if=\"region.deviceIcon\"\n\t\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t</TopCheckbox>\n\t\t\t\t</div>\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<TopButton @click=\"onSubmit\">\n\t\t\t\t\t{{ $i18n.Common?.Apply }}\n\t\t\t\t</TopButton>\n\t\t\t</template>\n\t\t</TopDialogPage>\n\t</TopDialog>\n</template>\n\n<style>\n@import \"./style.css\";\n</style>\n"],"names":["dialog","utils","regionsRich","vue","elRegions","sortedVectorByField","isAllSelected","region","sort","sortedField","regionA","regionB","props","regionsIndexes","orderA","orderByRegionIndex","orderB","regions","title","selected","deviceIcon","utils_searchers","flagLink","utils_string","searcherIcon","langLabel","regionRich","a","b","sortedIndexes","onOpen","page_vue_vue_type_script_setup_true_lang","_hoisted_1","_cache","$event","_ctx","_hoisted_2","_hoisted_3","_hoisted_5","_hoisted_7"],"mappings":"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"}

package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-DCVIoEeY.es.js → dialogs.vue_vue_type_script_setup_true_lang-DRbTG0vh.es.js}

@@ -1,8 +1,8 @@
-import { ref as d, markRaw as S, shallowReactive as C, defineComponent as b, onUnmounted as O, createElementBlock as H, openBlock as y, Fragment as R, renderList as k, unref as B, createBlock as F, resolveDynamicComponent as _ } from "vue";
-import { waitWhile as q } from "../utils/system.js";
-import { historySetState as E, genHash as L, getHash as V } from "../utils/route.js";
-import { querySelectorAllArray as P, isVisible as M } from "../utils/dom.js";
-class c {
+import { ref as g, markRaw as V, shallowReactive as M, defineComponent as C, onUnmounted as S, createElementBlock as U, openBlock as v, Fragment as b, renderList as O, unref as R, createBlock as T, resolveDynamicComponent as k } from "vue";
+import { waitWhile as B } from "../utils/system.js";
+import { historySetState as P, genHash as A, getHash as x } from "../utils/route.js";
+import { querySelectorAllArray as y, isVisible as H } from "../utils/dom.js";
+class r {
   static state = {
     load: void 0,
     decoratorOnCreate: void 0,
@@ -21,64 +21,63 @@ class c {
    */
   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 a = (e == null ? void 0 : e.autoInitDelay) ?? 5e3;
-    window.addEventListener("hashchange", (t) => {
-      this.opendDialogsFromChangeUrl(t.oldURL, t.newURL);
-    }), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (t) => {
-      if (!(t.target instanceof HTMLElement)) return;
-      const i = t.target.closest("a[data-to-view]");
+    this.inited = !0, this.state.load = e?.load, this.state.decoratorOnCreate = e?.decoratorOnCreate;
+    const t = e?.autoInitDelay ?? 5e3;
+    window.addEventListener("hashchange", (a) => {
+      this.opendDialogsFromChangeUrl(a.oldURL, a.newURL);
+    }), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (a) => {
+      if (!(a.target instanceof HTMLElement)) return;
+      const i = a.target.closest("a[data-to-view]");
       if (!i) return;
       let n = "next";
-      i.dataset.action === "top-dialog-close" && (n = "prev"), i.href = c.genViewPageHash(i.dataset.toView, n);
-    }), document.addEventListener("click", async (t) => {
-      var N, D;
-      if (!(t.target instanceof HTMLElement)) return;
-      const i = t.target.closest("[data-to-view]");
+      i.dataset.action === "top-dialog-close" && (n = "prev"), i.href = r.genViewPageHash(i.dataset.toView, n);
+    }), document.addEventListener("click", async (a) => {
+      if (!(a.target instanceof HTMLElement)) return;
+      const i = a.target.closest("[data-to-view]");
       if (!i) return;
       if (i instanceof HTMLAnchorElement && i.href === ".") {
-        t.preventDefault();
-        const f = new MouseEvent("mousedown", {
+        a.preventDefault();
+        const w = new MouseEvent("mousedown", {
           bubbles: !0,
           cancelable: !0,
           view: window
         });
-        i.dispatchEvent(f), setTimeout(() => i.click());
+        i.dispatchEvent(w), setTimeout(() => i.click());
         return;
       }
-      const n = await this.getDialogsUtils(), r = i.dataset.toView, u = r.split("-")[0], l = n.getElDialogById(u);
-      let w = "next";
-      if (l) {
-        const f = P(l, ".modal-layer"), U = f.reduce((m, A) => {
-          const h = A.querySelector(":scope > .active");
-          return h && m.push(h), m;
+      const n = await this.getDialogsUtils(), o = i.dataset.toView, u = o.split("-")[0], d = n.getElDialogById(u);
+      let p = "next";
+      if (d) {
+        const w = y(d, ".modal-layer"), D = w.reduce((f, E) => {
+          const h = E.querySelector(":scope > .active");
+          return h && f.push(h), f;
         }, []);
-        if (U.length) {
-          const m = r.split("-")[1].split(":")[0];
-          (((N = f.reduce((h, p) => {
-            const x = p == null ? void 0 : p.querySelector(`:scope > [data-view-page="${m}"]`);
-            return x && h.push(x), h;
-          }, [])[0]) == null ? void 0 : N.dataset.order) ?? 0) < (((D = U[0]) == null ? void 0 : D.dataset.order) ?? 0) && (w = "prev");
+        if (D.length) {
+          const f = o.split("-")[1].split(":")[0];
+          (w.reduce((h, L) => {
+            const N = L?.querySelector(`:scope > [data-view-page="${f}"]`);
+            return N && h.push(N), h;
+          }, [])[0]?.dataset.order ?? 0) < (D[0]?.dataset.order ?? 0) && (p = "prev");
         }
       }
-      i.dataset.action === "top-dialog-close" && (w = "prev");
-      const v = c.genViewPageHash(r, w);
+      i.dataset.action === "top-dialog-close" && (p = "prev");
+      const m = r.genViewPageHash(o, p);
       if (i instanceof HTMLAnchorElement) {
-        if (!l || !M(l)) return;
-        if (location.hash.indexOf(r.replace("-", "=")) !== -1) {
-          await n.toViewDirty(r);
+        if (!d || !H(d)) return;
+        if (location.hash.indexOf(o.replace("-", "=")) !== -1) {
+          await n.toViewDirty(o);
           return;
         }
       }
-      !!(l != null && l.dataset.toViewReplace) ? (t.preventDefault(), E(!0, v), await n.toViewDirty(r), w == "next" ? c.state.viewPageN++ : c.state.viewPageN--) : i.tagName !== "A" && (this.compareStates(v, location.hash) ? E(!1, v) : await n.toViewDirty(r));
-    }), setTimeout(() => this.getDialogsUtils(), a);
+      !!d?.dataset.toViewReplace ? (a.preventDefault(), P(!0, m), await n.toViewDirty(o), p == "next" ? r.state.viewPageN++ : r.state.viewPageN--) : i.tagName !== "A" && (this.compareStates(m, location.hash) ? P(!1, m) : await n.toViewDirty(o));
+    }), setTimeout(() => this.getDialogsUtils(), t);
   }
-  static opendDialogsFromChangeUrl(e, a) {
-    const t = e.replace(/.*?#/, "#"), s = a.replace(/.*?#/, "#");
-    this.compareStates(t, s) && this.opendDialogsFromUrl();
+  static opendDialogsFromChangeUrl(e, t) {
+    const a = e.replace(/.*?#/, "#"), s = t.replace(/.*?#/, "#");
+    this.compareStates(a, s) && this.opendDialogsFromUrl();
   }
   static async getDialogsUtils() {
-    const { TopDialogUtils: e } = await import("./utils-D58EUoHa.es.js");
+    const { TopDialogUtils: e } = await import("./utils-Q69SXlnV.es.js");
     return e;
   }
   static getDialog(e) {
@@ -109,78 +108,78 @@ class c {
    * @deprecated Для обратной совместимости
    */
   static get$pairPage(e) {
-    const a = c.get$dialog(e), s = c.get$page(e).data("view-page");
-    return $('[data-view-page="' + s + '"]', a);
+    const t = r.get$dialog(e), s = r.get$page(e).data("view-page");
+    return $('[data-view-page="' + s + '"]', t);
   }
   static getPairPage(e) {
-    const a = c.getDialog(e);
-    if (!a) return;
-    const t = c.getPage(e), s = t == null ? void 0 : t.dataset.viewPage;
-    return P(a, `[data-view-page="${s}"]`);
+    const t = r.getDialog(e);
+    if (!t) return;
+    const s = r.getPage(e)?.dataset.viewPage;
+    return y(t, `[data-view-page="${s}"]`);
   }
   /**
    * Закрыть диалоговое окно
    */
   static close(e) {
-    const a = $("#" + e);
-    if (a.dialog("instance")) {
-      a.dialog("close");
+    const t = $("#" + e);
+    if (t.dialog("instance")) {
+      t.dialog("close");
       return;
     }
-    const t = document.getElementById(e);
-    t instanceof HTMLDialogElement && t.close();
+    const a = document.getElementById(e);
+    a instanceof HTMLDialogElement && a.close();
   }
   /**
    * Размонтировать $.dialog
    */
   static destroy(e) {
-    const a = $("#" + e);
-    if (a.dialog("instance")) {
-      a.dialog("close"), a.dialog("destroy");
+    const t = $("#" + e);
+    if (t.dialog("instance")) {
+      t.dialog("close"), t.dialog("destroy");
       return;
     }
-    const t = document.getElementById(e);
-    t instanceof HTMLDialogElement && t.close();
+    const a = document.getElementById(e);
+    a instanceof HTMLDialogElement && a.close();
   }
   /**
    * Сгенерировать ссылку на страницу в диалоговом окне
    * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
    * @param moveDirection
    */
-  static genViewPageHash(e, a = "next") {
-    let t = this.state.viewPageN;
-    a == "prev" ? t-- : t++;
+  static genViewPageHash(e, t = "next") {
+    let a = this.state.viewPageN;
+    t == "prev" ? a-- : a++;
     const s = e.split("-"), i = s.shift(), n = s.join("-");
-    let r = L("vpn", t);
-    return r = L("view-" + i, n, r), r;
+    let o = A("vpn", a);
+    return o = A("view-" + i, n, o), o;
   }
   /**
    * Сравнить версию открытых диалоговых окон
    * @returns вернет true, если состояния открытых окон изменилось
    */
-  static compareStates(e, a) {
-    const t = e.match(/[#&]view-[^&]+/g) || [], s = a.match(/[#&]view-[^&]+/g) || [];
-    return !!(t.length !== s.length || t.filter((n, r) => {
-      const u = s[r] || "";
+  static compareStates(e, t) {
+    const a = e.match(/[#&]view-[^&]+/g) || [], s = t.match(/[#&]view-[^&]+/g) || [];
+    return !!(a.length !== s.length || a.filter((n, o) => {
+      const u = s[o] || "";
       return n !== u;
     }).length);
   }
   static opendDialogsFromUrl = async () => {
-    const e = Number(V("vpn")) || 0;
-    let a;
-    const t = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
-    for (; a = t.exec(location.hash); ) {
+    const e = Number(x("vpn")) || 0;
+    let t;
+    const a = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
+    for (; t = a.exec(location.hash); ) {
       let i = "next";
-      return e < this.state.viewPageN && (i = "prev"), (await this.getDialogsUtils()).toViewDirty(a[1], i);
+      return e < this.state.viewPageN && (i = "prev"), (await this.getDialogsUtils()).toViewDirty(t[1], i);
     }
-    return P(document, ".ui-dialog-content[data-view-page-active]").filter((i) => M(i)).forEach((i) => {
+    return y(document, ".ui-dialog-content[data-view-page-active]").filter((i) => H(i)).forEach((i) => {
       const n = i.getAttribute("id");
       if (!n) throw "Диалоговое окно не содержит id";
-      V("view-" + n) || $(i).dialog("close");
+      x("view-" + n) || $(i).dialog("close");
     }), this.state.viewPageN = e, !0;
   };
 }
-class I {
+class F {
   /**
    * Индентификатор, определяется на уровне компонента TopDialogComponent
    *
@@ -200,31 +199,31 @@ class I {
    *
    * Устанавливается после первого вызова useTopDialog()
    */
-  isMounted = d(!1);
+  isMounted = g(!1);
   /**
    * Компонент готов к использованию
    *
    * Используется для внутренних преобразований после отрисовки
    */
-  isReady = d(!1);
+  isReady = g(!1);
   /**
    * Диалоговое окно открыто
    */
-  isOpened = d(!1);
+  isOpened = g(!1);
   /**
    * Имя активной страницы дилогового окна
    */
-  pageActive = d("");
+  pageActive = g("");
   /**
    * Диалоговое окно находится в состоянии загрузки своей страницы
    */
-  isLoadingPage = d(!1);
+  isLoadingPage = g(!1);
   /**
    * Следующая активная страница
    *
    * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
    */
-  pageActiveNext = d("");
+  pageActiveNext = g("");
   /**
    * props компонента, доступны после инициализации
    */
@@ -240,31 +239,31 @@ class I {
    */
   onCloseOnce;
   constructor(e) {
-    this.id = e.id, this.idAttr = "dialog_" + e.id, this.Component = S(e);
+    this.id = e.id, this.idAttr = "dialog_" + e.id, this.Component = V(e);
   }
   /**
    * Событие - компонент инициирован
    */
-  onMounted(e, a) {
-    this.isMounted.value = !0, this.props = e.props, this.emit = a.emit;
+  onMounted(e, t) {
+    this.isMounted.value = !0, this.props = e.props, this.emit = t.emit;
   }
   /**
    * Открыть диалоговое окно
    *
    * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
    */
-  async open(e = "main", a, t = [], s, i) {
-    a && await this.setProps(a), s && (this.onCloseOnce = s), await (await c.getDialogsUtils()).toView(this.idAttr, e, t, i);
+  async open(e = "main", t, a = [], s, i) {
+    t && await this.setProps(t), s && (this.onCloseOnce = s), await (await r.getDialogsUtils()).toView(this.idAttr, e, a, i);
   }
   /**
    * Открыть диалоговое окно как ссылку, для хеш-навигации
    *
    * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
    */
-  async openAsLink(e = "main", a, t = [], s, i) {
-    a && await this.setProps(a), s && (this.onCloseOnce = s);
-    const n = this.idAttr + "-" + e, r = c.genViewPageHash(n, i);
-    E(!1, r);
+  async openAsLink(e = "main", t, a = [], s, i) {
+    t && await this.setProps(t), s && (this.onCloseOnce = s);
+    const n = this.idAttr + "-" + e, o = r.genViewPageHash(n, i);
+    P(!1, o);
   }
   /**
    * Закрыть диалоговое окно
@@ -272,13 +271,13 @@ class I {
    * Не меняет состояние компонента диалогового окна
    */
   async close() {
-    c.close(this.idAttr);
+    r.close(this.idAttr);
   }
   /**
    * Размонтировать $.dialog
    */
   async destroy() {
-    c.destroy(this.idAttr);
+    r.destroy(this.idAttr);
   }
   /**
    * Устанвоить props
@@ -286,9 +285,9 @@ class I {
    * Полностью сбрасывается состояние props
    */
   async setProps(e = {}) {
-    this.isMounted || await q(() => !this.props);
-    for (const a in this.props)
-      this.props[a] = e[a];
+    this.isMounted || await B(() => !this.props);
+    for (const t in this.props)
+      this.props[t] = e[t];
   }
   /**
    * Проверить, есть ли необходимость отрисовки страницы диалогового окна
@@ -297,28 +296,28 @@ class I {
     return this.isOpened.value ? this.pageActive.value === e || this.pageActiveNext.value === e : !1;
   }
 }
-const T = {
+const _ = {
   class: "top-dialogs",
   style: { display: "none" }
-}, g = C(/* @__PURE__ */ new Map()), Q = (o) => (o = o.replace(/^dialog_/, ""), g.get(o)), X = (o) => {
-  if (!(o != null && o.id))
-    throw console.log({ TopDialogComponent: o }), new Error("Expected TopDialogComponent");
-  return g.has(o.id) || g.set(o.id, new I(o)), g.get(o.id);
-}, Y = /* @__PURE__ */ b({
+}, c = M(/* @__PURE__ */ new Map()), J = (l) => (l = l.replace(/^dialog_/, ""), c.get(l)), K = (l) => {
+  if (!l?.id)
+    throw console.log({ TopDialogComponent: l }), new Error("Expected TopDialogComponent");
+  return c.has(l.id) || c.set(l.id, new F(l)), c.get(l.id);
+}, Q = /* @__PURE__ */ C({
   name: "DialogWrapper",
   __name: "dialogs",
-  setup(o) {
-    return O(() => {
-      g.forEach((e) => e.destroy()), g.clear();
-    }), (e, a) => (y(), H("div", T, [
-      (y(!0), H(R, null, k(B(g), ([t, s]) => (y(), F(_(s.Component), { key: t }))), 128))
+  setup(l) {
+    return S(() => {
+      c.forEach((e) => e.destroy()), c.clear();
+    }), (e, t) => (v(), U("div", _, [
+      (v(!0), U(b, null, O(R(c), ([a, s]) => (v(), T(k(s.Component), { key: a }))), 128))
     ]));
   }
 });
 export {
-  c as T,
-  Y as _,
-  X as a,
-  Q as g
+  r as T,
+  Q as _,
+  K as a,
+  J as g
 };
-//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-DCVIoEeY.es.js.map
+//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-DRbTG0vh.es.js.map