@topvisor/ui 1.0.42-policy.0 → 1.1.0-addNativeDialog.6

package/.chunks/page.vue_vue_type_script_setup_true_lang-BgGzBbMZ.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.vue_vue_type_script_setup_true_lang-BgGzBbMZ.amd.js","sources":["../../src/components/dialog/dialog/dialog.vue","../../src/components/dialog/dialog/page/page.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, onMounted, provide, ref, onUnmounted, watch } from 'vue';\nimport { getDialogWorker } from './dialogs/dialogs.vue';\nimport { createAndMountElDialogWrapper, isHTMLDialogElementSupported } from '@/components/dialog/lib/utils';\nimport type { Emits, Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '600px',\n\theight: 'auto',\n\tmodal: true,\n\thistoryType: 'push',\n});\n\ndefineEmits<Emits>();\n\ndefineSlots<Slots>();\n\nconst dialog = getDialogWorker(props.id);\nif (!dialog) {\n\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()');\n}\n\nlet elDialogWrapper: HTMLDialogElement | null = null;\nif (isHTMLDialogElementSupported) elDialogWrapper = createAndMountElDialogWrapper(dialog.idAttr, dialog.pageActive.value);\n\nconst elDialogWrapperRef = ref<HTMLDialogElement | null>(elDialogWrapper);\n\n/**\n * Для useTopDialogSelf()\n */\nprovide('dialogWorker', dialog);\n\n/**\n * Инициализация начального состояния TopDialogHandle\n */\nonMounted(() => {\n\tconst topDialogBaseComponent = getCurrentInstance() as ComponentInternalInstance;\n\tconst topDialogComponent = topDialogBaseComponent.parent;\n\n\tif (topDialogComponent?.parent?.type.name !== 'DialogWrapper') {\n\t\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog()');\n\t}\n\n\tif (Array.isArray(topDialogComponent.subTree.children) && topDialogComponent.subTree.children.length !== 1) {\n\t\tthrow new Error('TopDialog can has only one root element');\n\t}\n\n\tdialog.onMounted(topDialogComponent, topDialogBaseComponent);\n});\n\nwatch(dialog.isOpened, () => {\n\tdialog.isReady.value = true;\n}, {\n\tflush: 'post',\n\tonce: true,\n});\n\nonUnmounted(() => {\n\telDialogWrapper?.remove();\n});\n</script>\n\n<template>\n\t<template v-if=\"isHTMLDialogElementSupported\">\n\t\t<Teleport :to=\"elDialogWrapperRef\">\n\t\t\t<!-- Классы \"ui-<...>\" добавлены для обратной совместимости стилей диалоговых (преимущественно старых) окон -->\n\t\t\t<div\n\t\t\t\t:id=\"dialog.idAttr\"\n\t\t\t\tclass=\"top-dialog ui-dialog-content\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{\n\t\t\t\t\t'--top-dialog-width': width,\n\t\t\t\t\t'--top-dialog-height': height,\n\t\t\t\t}\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t\t\t:data-modal=\"modal\"\n\t\t\t\t:data-position=\"position\"\n\t\t\t\tdata-vue-dialog=\"true\"\n\t\t\t\tv-bind=\"$attrs\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t\t\t<slot name=\"default\"></slot>\n\t\t\t</div>\n\t\t</Teleport>\n\t</template>\n\n\t<template v-else>\n\t\t<div\n\t\t\t:id=\"dialog.idAttr\"\n\t\t\tclass=\"top-dialog\"\n\t\t\t:class=\"classes\"\n\t\t\t:style=\"{\n\t\t\t\t'--top-dialog-width': width,\n\t\t\t\t'--top-dialog-height': height,\n\t\t\t}\"\n\t\t\ttabindex=\"-1\"\n\t\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t\t:data-modal=\"modal\"\n\t\t\t:data-position=\"position\"\n\t\t\tdata-vue-dialog=\"true\"\n\t\t\tv-bind=\"$attrs\"\n\t\t>\n\t\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t\t<slot name=\"default\"></slot>\n\t\t</div>\n\t</template>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Core from '@/core/core/core';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport TopButton from '@/components/forms/button/button.vue';\nimport type { Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\torder: 0,\n});\n\ndefineSlots<Slots>();\n\nconst dialog = useTopDialogSelf();\n\nconst classes = computed(() => {\n\treturn {\n\t\tactive: dialog.pageActive?.value === props.name,\n\t\t'i-load-data': props.isLoading || dialog.isLoadingPage.value,\n\t};\n});\n</script>\n\n<template>\n\t<div\n\t\tstyle=\"display: none\"\n\t\tv-if=\"dialog.isReady.value\"\n\t>\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-header'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\t:class=\"classes\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<div class=\"top-title\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<slot name=\"headerButtons\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tv-if=\"Core.state.isMobile && prevName\"\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Back\"\n\t\t\t\t\t\t:icon=\"Core.state.isMobile ? '' : ''\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\t@click=\"dialog.open(prevName)\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t\t\t\t:icon=\"Core.state.isMobile ? '' : ''\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-action=\"top-dialog-close\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-body'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\tclass=\"has_scroll_container\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{'--top-dialog-footer-height': $slots.footer ? undefined : '0px'}\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-body\" v-top-scroll-shadow>\n\t\t\t\t\t<slot name=\"body\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"modal-footer\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'modal-footer-fullWith': footerFullWith\n\t\t\t\t\t}\"\n\t\t\t\t\tv-if=\"$slots.footer\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n</template>\n"],"names":["dialogs_vue_vue_type_script_setup_true_lang","elDialogWrapper","dialog","elDialogWrapperRef","vue","topDialogBaseComponent","topDialogComponent","_ctx","modal","position","_hoisted_2$1","utils","classes","order","name","_hoisted_4","forms","footerFullWith"],"mappings":"omBAoBC,MAAA,IAAA,MAAA,kFAAA,aAIDA,EAAA,+BAAAC,EAAAD,EAAA,8BAAAE,EAAA,OAAAA,EAAA,WAAA,KAAA,GAEA,MAAAC,EAAAC,EAAA,IAAAH,CAAA,EAKA,OAAAG,EAAA,QAAA,eAAAF,CAAA,yBAMC,MAAAG,EAAAD,EAAA,mBAAA,EACAE,EAAAD,EAAA,mFAGC,MAAA,IAAA,MAAA,4DAAA,sEAIA,MAAA,IAAA,MAAA,yCAAA,EAGDH,EAAA,UAAAI,EAAAD,CAAA,CAA2D,CAAA,EAG5DD,EAAA,MAAAF,EAAA,SAAA,IAAA,CACCA,EAAA,QAAA,MAAA,EAAuB,EAAA,cAEhB,KAAA,EACD,CAAA,wCAIkB,CAAA,0GAMR,EAAA,0CAsBR,GAAAE,EAAA,MAAAF,CAAA,EAAA,wDAjBU,MAAA,CACT,qBAAAK,EAAA,wGAKoC,aAAAA,EAAA,MAC7BC,gBAAAA,EAAAA,SACGC,kBAAAA,MACA,EAAAF,EAAA,MAAA,EAAA,4JAKL,MAAAH,EAAA,eAAA,CAAA,aAAAG,EAAA,OAAA,IAAA,CAAA,CAA4D,EAAA,KAAA,CAAA,wKAWzD,MAAA,CACT,qBAAAA,EAAA,wGAKoC,aAAAA,EAAA,MAC7BC,gBAAAA,EAAAA,SACGC,kBAAAA,MACA,EAAAF,EAAA,MAAA,EAAA,4JAKL,MAAAH,EAAA,eAAA,CAAA,aAAAG,EAAA,OAAA,IAAA,CAAA,CAA4D,EAAA,KAAA,CAAA,kCAE3C,EAAA,GAAAG,CAAA,gWClG/BR,EAAAS,EAAA,iBAAA,EAEAC,EAAAR,EAAA,SAAA,IAAA,OACC,MAAA,0GAGA,CAAA,8IAoEMA,EAAA,UAAA,EAAAA,EAAA,YAAAA,EAAA,SAAA,iDA3D6B,SAAA,CAAAA,EAAA,MAAAF,CAAA,EAAA,aAAAK,EAAA,IAAA,CAA+D,EAAA,6BAiC1F,aAAAA,EAAA,MA/BQM,iBAAAA,EAAAA,KACIC,MAAAA,EAAAA,eAAAA,EAAAA,KAAAA,CACF,EAAA,+BA4BTV,EAAA,mBAAA,MAAAW,EAAA,CAvBCX,EAAA,WAAAG,EAAA,OAAA,QAAA,CADsB,CAAA,gCAKtBH,EAAA,WAAAG,EAAA,OAAA,eAAA,CAD6B,CAAA,qIAMb,KAAAH,EAAA,MAAAY,EAAA,IAAA,EAAA,MAAA,SAAA,IAAA,qEAGO,EAAA,KAAA,EAAA,CAAA,QAAA,MAAA,CAAA,IAAAZ,EAAA,UAAA,EAAAA,EAAA,YAAAY,EAAA,UAAA,gDAMP,KAAAZ,EAAA,MAAAY,EAAA,IAAA,EAAA,MAAA,SAAA,IAAA,kBAEf,cAAA,qKAOwB,SAAA,CAAAZ,EAAA,MAAAF,CAAA,EAAA,aAAAK,EAAA,IAAA,CAA6D,EAAA,6BAqBxF,aAAAA,EAAA,MAnBQM,iBAAAA,EAAAA,8DAGE,MAAAT,EAAA,eAAA,CAAA,6BAAAG,EAAA,OAAA,OAAA,OAAA,KAAA,CAAA,CACiD,EAAA,+DAI1DH,EAAA,WAAAG,EAAA,OAAA,MAAA,CADoB,CAAA,GAAA,wJAKgBU,CAAAA,CAAAA"}

package/.chunks/page.vue_vue_type_script_setup_true_lang-BstJVz3j.es.js

@@ -0,0 +1,176 @@
+import { defineComponent as A, ref as k, provide as D, onMounted as T, getCurrentInstance as C, watch as B, onUnmounted as E, createBlock as n, createElementBlock as p, unref as t, openBlock as s, Teleport as c, createElementVNode as l, mergeProps as f, renderSlot as r, normalizeStyle as y, computed as M, resolveDirective as W, createCommentVNode as w, normalizeClass as h, withDirectives as S } from "vue";
+import { g as N, i as b, c as L } from "./dialogs.vue_vue_type_script_setup_true_lang-BhAl3bT-.es.js";
+import { C as v, _ as $ } from "./forms-t2AEUjqg.es.js";
+import { u as P } from "./utils-Bd5whKoS.es.js";
+const R = ["id", "data-view-page-active", "data-modal", "data-position"], z = ["id", "data-view-page-active", "data-modal", "data-position"], K = /* @__PURE__ */ A({
+  __name: "dialog",
+  props: {
+    id: {},
+    pageActive: {},
+    width: { default: "600px" },
+    height: { default: "auto" },
+    modal: { type: Boolean, default: !0 },
+    position: {},
+    historyType: { default: "push" },
+    classes: {}
+  },
+  emits: ["open", "close"],
+  setup(m) {
+    const a = N(m.id);
+    if (!a)
+      throw new Error("TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()");
+    let d = null;
+    b && (d = L(a.idAttr, a.pageActive.value));
+    const e = k(d);
+    return D("dialogWorker", a), T(() => {
+      var g;
+      const o = C(), i = o.parent;
+      if (((g = i == null ? void 0 : i.parent) == null ? void 0 : g.type.name) !== "DialogWrapper")
+        throw new Error("TopDialog cannot be used in a template, use useTopDialog()");
+      if (Array.isArray(i.subTree.children) && i.subTree.children.length !== 1)
+        throw new Error("TopDialog can has only one root element");
+      a.onMounted(i, o);
+    }), B(a.isOpened, () => {
+      a.isReady.value = !0;
+    }, {
+      flush: "post",
+      once: !0
+    }), E(() => {
+      d == null || d.remove();
+    }), (o, i) => t(b) ? (s(), n(c, {
+      key: 0,
+      to: e.value
+    }, [
+      l("div", f({
+        id: t(a).idAttr,
+        class: ["top-dialog ui-dialog-content", o.classes],
+        style: {
+          "--top-dialog-width": o.width,
+          "--top-dialog-height": o.height
+        },
+        tabindex: "-1",
+        "data-view-page-active": t(a).pageActive.value,
+        "data-modal": o.modal,
+        "data-position": o.position,
+        "data-vue-dialog": "true"
+      }, o.$attrs), [
+        i[0] || (i[0] = l("div", { class: "modal-layer modal-layer-header" }, null, -1)),
+        l("div", {
+          class: "modal-layer modal-layer-body",
+          style: y({ "min-height": o.height + "px" })
+        }, null, 4),
+        r(o.$slots, "default")
+      ], 16, R)
+    ], 8, ["to"])) : (s(), p("div", f({
+      key: 1,
+      id: t(a).idAttr,
+      class: ["top-dialog", o.classes],
+      style: {
+        "--top-dialog-width": o.width,
+        "--top-dialog-height": o.height
+      },
+      tabindex: "-1",
+      "data-view-page-active": t(a).pageActive.value,
+      "data-modal": o.modal,
+      "data-position": o.position,
+      "data-vue-dialog": "true"
+    }, o.$attrs), [
+      i[1] || (i[1] = l("div", { class: "modal-layer modal-layer-header" }, null, -1)),
+      l("div", {
+        class: "modal-layer modal-layer-body",
+        style: y({ "min-height": o.height + "px" })
+      }, null, 4),
+      r(o.$slots, "default")
+    ], 16, z));
+  }
+}), F = {
+  key: 0,
+  style: { display: "none" }
+}, V = ["data-order", "data-view-page"], H = { class: "modal-header" }, I = { class: "top-title" }, O = { class: "buttons" }, U = ["data-order", "data-view-page"], _ = { class: "modal-body" }, Q = /* @__PURE__ */ A({
+  __name: "page",
+  props: {
+    isLoading: { type: Boolean },
+    name: {},
+    order: { default: 0 },
+    prevName: {},
+    footerFullWith: { type: Boolean }
+  },
+  setup(m) {
+    const u = m, a = P(), d = M(() => {
+      var e;
+      return {
+        active: ((e = a.pageActive) == null ? void 0 : e.value) === u.name,
+        "i-load-data": u.isLoading || a.isLoadingPage.value
+      };
+    });
+    return (e, o) => {
+      const i = W("top-scroll-shadow");
+      return t(a).isReady.value ? (s(), p("div", F, [
+        (s(), n(c, {
+          to: "#" + t(a).idAttr + " .modal-layer-header",
+          disabled: !t(a).needShowPage(e.name)
+        }, [
+          l("div", {
+            "data-order": e.order,
+            "data-view-page": e.name,
+            class: h(d.value)
+          }, [
+            l("div", H, [
+              l("div", I, [
+                r(e.$slots, "header")
+              ]),
+              l("div", O, [
+                r(e.$slots, "headerButtons")
+              ]),
+              t(v).state.isMobile && e.prevName ? (s(), n($, {
+                key: 0,
+                class: "close",
+                title: e.$i18n.Common.Back,
+                icon: t(v).state.isMobile ? "" : "",
+                color: "theme",
+                onClick: o[0] || (o[0] = (g) => t(a).open(e.prevName))
+              }, null, 8, ["title", "icon"])) : (s(), n($, {
+                key: 1,
+                class: "close",
+                title: e.$i18n.Common.Close,
+                icon: t(v).state.isMobile ? "" : "",
+                color: "theme",
+                "data-action": "top-dialog-close"
+              }, null, 8, ["title", "icon"]))
+            ])
+          ], 10, V)
+        ], 8, ["to", "disabled"])),
+        (s(), n(c, {
+          to: "#" + t(a).idAttr + " .modal-layer-body",
+          disabled: !t(a).needShowPage(e.name)
+        }, [
+          l("div", {
+            "data-order": e.order,
+            "data-view-page": e.name,
+            class: h(["has_scroll_container", d.value]),
+            style: y({ "--top-dialog-footer-height": e.$slots.footer ? void 0 : "0px" })
+          }, [
+            S((s(), p("div", _, [
+              r(e.$slots, "body")
+            ])), [
+              [i]
+            ]),
+            e.$slots.footer ? (s(), p("div", {
+              key: 0,
+              class: h(["modal-footer", {
+                "modal-footer-fullWith": e.footerFullWith
+              }])
+            }, [
+              r(e.$slots, "footer")
+            ], 2)) : w("", !0)
+          ], 14, U)
+        ], 8, ["to", "disabled"]))
+      ])) : w("", !0);
+    };
+  }
+});
+export {
+  K as _,
+  Q as a
+};
+//# sourceMappingURL=page.vue_vue_type_script_setup_true_lang-BstJVz3j.es.js.map

package/.chunks/page.vue_vue_type_script_setup_true_lang-BstJVz3j.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.vue_vue_type_script_setup_true_lang-BstJVz3j.es.js","sources":["../../src/components/dialog/dialog/dialog.vue","../../src/components/dialog/dialog/page/page.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, onMounted, provide, ref, onUnmounted, watch } from 'vue';\nimport { getDialogWorker } from './dialogs/dialogs.vue';\nimport { createAndMountElDialogWrapper, isHTMLDialogElementSupported } from '@/components/dialog/lib/utils';\nimport type { Emits, Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\twidth: '600px',\n\theight: 'auto',\n\tmodal: true,\n\thistoryType: 'push',\n});\n\ndefineEmits<Emits>();\n\ndefineSlots<Slots>();\n\nconst dialog = getDialogWorker(props.id);\nif (!dialog) {\n\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog() / useAsyncTopDialog()');\n}\n\nlet elDialogWrapper: HTMLDialogElement | null = null;\nif (isHTMLDialogElementSupported) elDialogWrapper = createAndMountElDialogWrapper(dialog.idAttr, dialog.pageActive.value);\n\nconst elDialogWrapperRef = ref<HTMLDialogElement | null>(elDialogWrapper);\n\n/**\n * Для useTopDialogSelf()\n */\nprovide('dialogWorker', dialog);\n\n/**\n * Инициализация начального состояния TopDialogHandle\n */\nonMounted(() => {\n\tconst topDialogBaseComponent = getCurrentInstance() as ComponentInternalInstance;\n\tconst topDialogComponent = topDialogBaseComponent.parent;\n\n\tif (topDialogComponent?.parent?.type.name !== 'DialogWrapper') {\n\t\tthrow new Error('TopDialog cannot be used in a template, use useTopDialog()');\n\t}\n\n\tif (Array.isArray(topDialogComponent.subTree.children) && topDialogComponent.subTree.children.length !== 1) {\n\t\tthrow new Error('TopDialog can has only one root element');\n\t}\n\n\tdialog.onMounted(topDialogComponent, topDialogBaseComponent);\n});\n\nwatch(dialog.isOpened, () => {\n\tdialog.isReady.value = true;\n}, {\n\tflush: 'post',\n\tonce: true,\n});\n\nonUnmounted(() => {\n\telDialogWrapper?.remove();\n});\n</script>\n\n<template>\n\t<template v-if=\"isHTMLDialogElementSupported\">\n\t\t<Teleport :to=\"elDialogWrapperRef\">\n\t\t\t<!-- Классы \"ui-<...>\" добавлены для обратной совместимости стилей диалоговых (преимущественно старых) окон -->\n\t\t\t<div\n\t\t\t\t:id=\"dialog.idAttr\"\n\t\t\t\tclass=\"top-dialog ui-dialog-content\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{\n\t\t\t\t\t'--top-dialog-width': width,\n\t\t\t\t\t'--top-dialog-height': height,\n\t\t\t\t}\"\n\t\t\t\ttabindex=\"-1\"\n\t\t\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t\t\t:data-modal=\"modal\"\n\t\t\t\t:data-position=\"position\"\n\t\t\t\tdata-vue-dialog=\"true\"\n\t\t\t\tv-bind=\"$attrs\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t\t\t<slot name=\"default\"></slot>\n\t\t\t</div>\n\t\t</Teleport>\n\t</template>\n\n\t<template v-else>\n\t\t<div\n\t\t\t:id=\"dialog.idAttr\"\n\t\t\tclass=\"top-dialog\"\n\t\t\t:class=\"classes\"\n\t\t\t:style=\"{\n\t\t\t\t'--top-dialog-width': width,\n\t\t\t\t'--top-dialog-height': height,\n\t\t\t}\"\n\t\t\ttabindex=\"-1\"\n\t\t\t:data-view-page-active=\"dialog.pageActive.value\"\n\t\t\t:data-modal=\"modal\"\n\t\t\t:data-position=\"position\"\n\t\t\tdata-vue-dialog=\"true\"\n\t\t\tv-bind=\"$attrs\"\n\t\t>\n\t\t\t<div class=\"modal-layer modal-layer-header\"></div>\n\n\t\t\t<div class=\"modal-layer modal-layer-body\" :style=\"{'min-height': height + 'px'}\"></div>\n\n\t\t\t<slot name=\"default\"></slot>\n\t\t</div>\n\t</template>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport Core from '@/core/core/core';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport TopButton from '@/components/forms/button/button.vue';\nimport type { Props, Slots } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\torder: 0,\n});\n\ndefineSlots<Slots>();\n\nconst dialog = useTopDialogSelf();\n\nconst classes = computed(() => {\n\treturn {\n\t\tactive: dialog.pageActive?.value === props.name,\n\t\t'i-load-data': props.isLoading || dialog.isLoadingPage.value,\n\t};\n});\n</script>\n\n<template>\n\t<div\n\t\tstyle=\"display: none\"\n\t\tv-if=\"dialog.isReady.value\"\n\t>\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-header'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\t:class=\"classes\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-header\">\n\t\t\t\t\t<div class=\"top-title\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"buttons\">\n\t\t\t\t\t\t<slot name=\"headerButtons\"></slot>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tv-if=\"Core.state.isMobile && prevName\"\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Back\"\n\t\t\t\t\t\t:icon=\"Core.state.isMobile ? '' : ''\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\t@click=\"dialog.open(prevName)\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<TopButton\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t:title=\"$i18n.Common.Close\"\n\t\t\t\t\t\t:icon=\"Core.state.isMobile ? '' : ''\"\n\t\t\t\t\t\tcolor=\"theme\"\n\t\t\t\t\t\tdata-action=\"top-dialog-close\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\n\t\t<Teleport :to=\"'#' + dialog.idAttr + ' .modal-layer-body'\" :disabled=\"!dialog.needShowPage(name)\">\n\t\t\t<div\n\t\t\t\t:data-order=\"order\"\n\t\t\t\t:data-view-page=\"name\"\n\t\t\t\tclass=\"has_scroll_container\"\n\t\t\t\t:class=\"classes\"\n\t\t\t\t:style=\"{'--top-dialog-footer-height': $slots.footer ? undefined : '0px'}\"\n\t\t\t>\n\t\t\t\t<div class=\"modal-body\" v-top-scroll-shadow>\n\t\t\t\t\t<slot name=\"body\"></slot>\n\t\t\t\t</div>\n\n\t\t\t\t<div\n\t\t\t\t\tclass=\"modal-footer\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'modal-footer-fullWith': footerFullWith\n\t\t\t\t\t}\"\n\t\t\t\t\tv-if=\"$slots.footer\"\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Teleport>\n\t</div>\n</template>\n"],"names":["dialog","getDialogWorker","__props","elDialogWrapper","isHTMLDialogElementSupported","createAndMountElDialogWrapper","elDialogWrapperRef","ref","provide","onMounted","topDialogBaseComponent","getCurrentInstance","topDialogComponent","_a","watch","onUnmounted","_unref","_createBlock","_Teleport","_createElementVNode","_mergeProps","classes","width","height","modal","position","$attrs","_renderSlot","_ctx","_openBlock","_createElementBlock","props","useTopDialogSelf","computed","_hoisted_1","name","order","_hoisted_3","_hoisted_4","_hoisted_5","Core","prevName","TopButton","$i18n","_cache","$event","_normalizeClass","_normalizeStyle","$slots","_withDirectives","_hoisted_7","footerFullWith"],"mappings":"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"}

package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-B6ollFUC.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","./utils-BkF4g-PH.amd"],(function(s,t,e,p){"use strict";if(typeof e>"u")var e=window.Vue;const u={name:{type:String,required:!0},order:{type:Number,required:!0},prevName:String,footerFullWith:Boolean},i=e.defineComponent({__name:"pageComponent",props:{component:{},keepAlive:{type:Boolean,default:!0},props:{},name:{},order:{},prevName:{},footerFullWith:{type:Boolean}},setup(m){const o=m,r=p.useTopDialogSelf(),l=(n,a)=>{if(!a.value){if(n.name!=="AsyncComponentWrapper"){a.value=!0;return}r.needShowPage(o.name)&&(r.isLoadingPage.value=!0,n.__asyncResolved&&(a.value=!0,r.isLoadingPage.value=!1))}};if(o.component.name==="AsyncComponentWrapper"){const n=e.ref(!1);e.onUpdated(()=>{l(o.component,n)})}return(n,a)=>(e.openBlock(),e.createBlock(e.KeepAlive,{include:n.keepAlive?"":"none"},[e.unref(r).needShowPage(n.name)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.mergeProps({key:0},o,{name:n.name,order:n.order,prevName:n.prevName}),null,16,["name","order","prevName"])):e.createCommentVNode("",!0)],1032,["include"]))}});t._sfc_main=i,t.propsPageCommon=u}));
+//# sourceMappingURL=pageComponent.vue_vue_type_script_setup_true_lang-B6ollFUC.amd.js.map

package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-B6ollFUC.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageComponent.vue_vue_type_script_setup_true_lang-B6ollFUC.amd.js","sources":["../../src/components/dialog/dialog/page/types.ts","../../src/components/dialog/dialog/pageComponent/pageComponent.vue"],"sourcesContent":["export interface Props extends PropsCommon {\n\t/**\n\t * Статус загрузки страницы диалогового окна\n\t *\n\t * При включении взаимодействие со страницей блокируется, отображается анимация загрузки\n\t */\n\tisLoading?: boolean;\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n */\nexport interface PropsCommon {\n\t/**\n\t * Имя страницы для диалогового окна\n\t *\n\t * Имя страницы нужно для навигации между страницами в одном диалоговом окне\n\t */\n\tname: string,\n\n\t/**\n\t * Порядкой номер страницы в диалоговом окне\n\t *\n\t * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер\n\t */\n\torder: number,\n\n\t/**\n\t * Имя предыдущей страницы\n\t *\n\t * Для кнопки Назад / Закрыть в мобильной версии\n\t */\n\tprevName?: string,\n\n\t/**\n\t * Стиль отображения футера, при котороым элементы растягиваются на всю ширину\n\t *\n\t * Разрешены переносы\n\t */\n\tfooterFullWith?: boolean,\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n *\n * Для не SFC компонентов\n */\nexport const propsPageCommon = {\n\tname: {\n\t\ttype: String,\n\t\trequired: true,\n\t},\n\n\torder: {\n\t\ttype: Number,\n\t\trequired: true,\n\t},\n\n\tprevName: String,\n\n\tfooterFullWith: Boolean,\n};\n\nexport interface Slots {\n\t/**\n\t * Шапка страницы\n\t */\n\theader(props: {}): any;\n\n\t/**\n\t * Кнопки для шапки страницы\n\t */\n\theaderButtons?(props: {}): any;\n\n\t/**\n\t * Контент страницы\n\t */\n\tbody(props: {}): any;\n\n\t/**\n\t * Футер страницы\n\t */\n\tfooter?(props: {}): any;\n}\n","<script setup lang=\"ts\">\nimport { type Component, onUpdated, ref, type Ref } from 'vue';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tkeepAlive: true,\n});\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Статус загрузи асинхронного компонента страницы диалогового окна\n */\nconst updateIsLoadingAsyncPage = (component: Component, isLoaded: Ref) => {\n\tif (isLoaded.value) return;\n\n\tif (component.name !== 'AsyncComponentWrapper') {\n\t\tisLoaded.value = true;\n\n\t\treturn;\n\t}\n\n\tif (!dialog.needShowPage(props.name as string)) return;\n\n\tdialog.isLoadingPage.value = true;\n\n\t// @ts-ignore\n\tif (component.__asyncResolved) {\n\t\tisLoaded.value = true;\n\n\t\tdialog.isLoadingPage.value = false;\n\t}\n};\n\nif (props.component.name === 'AsyncComponentWrapper') {\n\tconst isLoaded = ref(false);\n\n\tonUpdated(() => {\n\t\tupdateIsLoadingAsyncPage(props.component, isLoaded);\n\t});\n}\n</script>\n\n<template>\n\t<!-- Teleport внутри при keepAlive размонитроваться не будет, см. TopDialogPage -->\n\t<KeepAlive :include=\"keepAlive ? '' : 'none'\">\n\t\t<Component\n\t\t\t:is=\"component\"\n\t\t\tv-if=\"dialog.needShowPage(name)\"\n\t\t\t:=\"props\"\n\t\t\t:name=\"name\"\n\t\t\t:order=\"order\"\n\t\t\t:prevName=\"prevName\"\n\t\t/>\n\t</KeepAlive>\n</template>\n"],"names":["propsPageCommon","dialog","utils","updateIsLoadingAsyncPage","component","isLoaded","vue","props","_ctx","name","prevName"],"mappings":"2HA+CO,MAAAA,EAAA,CAAwB,KAAA,aAEvB,SAAA,IAEP,MAAA,aAGO,SAAA,oBAIG,eAAA,OAGX,8LCpDAC,EAAAC,EAAA,iBAAA,EAKAC,EAAA,CAAAC,EAAAC,IAAA,CACC,GAAA,CAAAA,EAAA,MAEA,IAAAD,EAAA,OAAA,wBAAA,CACCC,EAAA,MAAA,mCAODJ,EAAA,cAAA,MAAA,GAGAG,EAAA,kBACCC,EAAA,MAAA,GAEAJ,EAAA,cAAA,MAAA,KACD,iDAIA,MAAAI,EAAAC,EAAA,IAAA,EAAA,mBAGCH,EAAAI,EAAA,UAAAF,CAAA,CAAkD,CAAA,yDAgBvC,QAAAG,EAAA,UAAA,GAAA,MATkB,EAAA,6HAIpB,KAAAA,EAAA,KACDC,MAAAA,EAAAA,yBAEIC,CAAAA,EAAAA,KAAAA,GAAAA,CAAAA,OAAAA,QAAAA,UAAAA,CAAAA,GAAAA,EAAAA,mBAAAA,GAAAA,EAAAA"}

package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-DbaqFJra.es.js

@@ -0,0 +1,56 @@
+import { defineComponent as u, ref as l, onUpdated as i, createBlock as a, openBlock as p, KeepAlive as s, createCommentVNode as d, unref as c, resolveDynamicComponent as f, mergeProps as g } from "vue";
+import { u as v } from "./utils-Bd5whKoS.es.js";
+const N = {
+  name: {
+    type: String,
+    required: !0
+  },
+  order: {
+    type: Number,
+    required: !0
+  },
+  prevName: String,
+  footerFullWith: Boolean
+}, P = /* @__PURE__ */ u({
+  __name: "pageComponent",
+  props: {
+    component: {},
+    keepAlive: { type: Boolean, default: !0 },
+    props: {},
+    name: {},
+    order: {},
+    prevName: {},
+    footerFullWith: { type: Boolean }
+  },
+  setup(t) {
+    const o = t, n = v(), m = (e, r) => {
+      if (!r.value) {
+        if (e.name !== "AsyncComponentWrapper") {
+          r.value = !0;
+          return;
+        }
+        n.needShowPage(o.name) && (n.isLoadingPage.value = !0, e.__asyncResolved && (r.value = !0, n.isLoadingPage.value = !1));
+      }
+    };
+    if (o.component.name === "AsyncComponentWrapper") {
+      const e = l(!1);
+      i(() => {
+        m(o.component, e);
+      });
+    }
+    return (e, r) => (p(), a(s, {
+      include: e.keepAlive ? "" : "none"
+    }, [
+      c(n).needShowPage(e.name) ? (p(), a(f(e.component), g({ key: 0 }, o, {
+        name: e.name,
+        order: e.order,
+        prevName: e.prevName
+      }), null, 16, ["name", "order", "prevName"])) : d("", !0)
+    ], 1032, ["include"]));
+  }
+});
+export {
+  P as _,
+  N as p
+};
+//# sourceMappingURL=pageComponent.vue_vue_type_script_setup_true_lang-DbaqFJra.es.js.map

package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-DbaqFJra.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageComponent.vue_vue_type_script_setup_true_lang-DbaqFJra.es.js","sources":["../../src/components/dialog/dialog/page/types.ts","../../src/components/dialog/dialog/pageComponent/pageComponent.vue"],"sourcesContent":["export interface Props extends PropsCommon {\n\t/**\n\t * Статус загрузки страницы диалогового окна\n\t *\n\t * При включении взаимодействие со страницей блокируется, отображается анимация загрузки\n\t */\n\tisLoading?: boolean;\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n */\nexport interface PropsCommon {\n\t/**\n\t * Имя страницы для диалогового окна\n\t *\n\t * Имя страницы нужно для навигации между страницами в одном диалоговом окне\n\t */\n\tname: string,\n\n\t/**\n\t * Порядкой номер страницы в диалоговом окне\n\t *\n\t * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер\n\t */\n\torder: number,\n\n\t/**\n\t * Имя предыдущей страницы\n\t *\n\t * Для кнопки Назад / Закрыть в мобильной версии\n\t */\n\tprevName?: string,\n\n\t/**\n\t * Стиль отображения футера, при котороым элементы растягиваются на всю ширину\n\t *\n\t * Разрешены переносы\n\t */\n\tfooterFullWith?: boolean,\n}\n\n/**\n * Общие props для компонентов реализуюущих TopDialogPage\n *\n * Для не SFC компонентов\n */\nexport const propsPageCommon = {\n\tname: {\n\t\ttype: String,\n\t\trequired: true,\n\t},\n\n\torder: {\n\t\ttype: Number,\n\t\trequired: true,\n\t},\n\n\tprevName: String,\n\n\tfooterFullWith: Boolean,\n};\n\nexport interface Slots {\n\t/**\n\t * Шапка страницы\n\t */\n\theader(props: {}): any;\n\n\t/**\n\t * Кнопки для шапки страницы\n\t */\n\theaderButtons?(props: {}): any;\n\n\t/**\n\t * Контент страницы\n\t */\n\tbody(props: {}): any;\n\n\t/**\n\t * Футер страницы\n\t */\n\tfooter?(props: {}): any;\n}\n","<script setup lang=\"ts\">\nimport { type Component, onUpdated, ref, type Ref } from 'vue';\nimport { useTopDialogSelf } from '@/components/dialog/dialog/composables/utils';\nimport type { Props } from './types';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tkeepAlive: true,\n});\n\nconst dialog = useTopDialogSelf();\n\n/**\n * Статус загрузи асинхронного компонента страницы диалогового окна\n */\nconst updateIsLoadingAsyncPage = (component: Component, isLoaded: Ref) => {\n\tif (isLoaded.value) return;\n\n\tif (component.name !== 'AsyncComponentWrapper') {\n\t\tisLoaded.value = true;\n\n\t\treturn;\n\t}\n\n\tif (!dialog.needShowPage(props.name as string)) return;\n\n\tdialog.isLoadingPage.value = true;\n\n\t// @ts-ignore\n\tif (component.__asyncResolved) {\n\t\tisLoaded.value = true;\n\n\t\tdialog.isLoadingPage.value = false;\n\t}\n};\n\nif (props.component.name === 'AsyncComponentWrapper') {\n\tconst isLoaded = ref(false);\n\n\tonUpdated(() => {\n\t\tupdateIsLoadingAsyncPage(props.component, isLoaded);\n\t});\n}\n</script>\n\n<template>\n\t<!-- Teleport внутри при keepAlive размонитроваться не будет, см. TopDialogPage -->\n\t<KeepAlive :include=\"keepAlive ? '' : 'none'\">\n\t\t<Component\n\t\t\t:is=\"component\"\n\t\t\tv-if=\"dialog.needShowPage(name)\"\n\t\t\t:=\"props\"\n\t\t\t:name=\"name\"\n\t\t\t:order=\"order\"\n\t\t\t:prevName=\"prevName\"\n\t\t/>\n\t</KeepAlive>\n</template>\n"],"names":["propsPageCommon","props","__props","dialog","useTopDialogSelf","updateIsLoadingAsyncPage","component","isLoaded","ref","onUpdated","_createBlock","_KeepAlive","keepAlive","_unref","name","_openBlock","_resolveDynamicComponent","_mergeProps","order","prevName"],"mappings":";;AA+CO,MAAMA,IAAkB;AAAA,EAC9B,MAAM;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAGX,OAAO;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAAA,EAGX,UAAU;AAAA,EAEV,gBAAgB;AACjB;;;;;;;;;;;;ACxDA,UAAMC,IAAQC,GAIRC,IAASC,EAAA,GAKTC,IAA2B,CAACC,GAAsBC,MAAkB;AACzE,UAAI,CAAAA,EAAS,OAEb;AAAA,YAAID,EAAU,SAAS,yBAAyB;AAC/C,UAAAC,EAAS,QAAQ;AAEjB;AAAA,QACD;AAEA,QAAKJ,EAAO,aAAaF,EAAM,IAAc,MAE7CE,EAAO,cAAc,QAAQ,IAGzBG,EAAU,oBACbC,EAAS,QAAQ,IAEjBJ,EAAO,cAAc,QAAQ;AAAA;AAAA,IAE/B;AAEA,QAAIF,EAAM,UAAU,SAAS,yBAAyB;AACrD,YAAMM,IAAWC,EAAI,EAAK;AAE1B,MAAAC,EAAU,MAAM;AACf,QAAAJ,EAAyBJ,EAAM,WAAWM,CAAQ;AAAA,MACnD,CAAC;AAAA,IACF;2BAKCG,EASYC,GAAA;AAAA,MATA,SAASC,EAAAA,YAAS,KAAA;AAAA,IAAA;MAGtBC,EAAAV,CAAA,EAAO,aAAaW,EAAAA,IAAI,KAF/BC,KAAAL,EAOEM,EANIV,EAAAA,SAAS,GADfW,EAOE,YAJEhB,GAAK;AAAA,QACP,MAAMa,EAAAA;AAAAA,QACN,OAAOI,EAAAA;AAAAA,QACP,UAAUC,EAAAA;AAAAA,MAAAA;;;;"}

package/.chunks/{popup-B7GI-vlM.es.js → popup-DuraSW2f.es.js}

@@ -1,4 +1,4 @@
-import { u as k, C as f } from "./forms-DC7ffuv2.es.js";
+import { u as k, C as f } from "./forms-t2AEUjqg.es.js";
 import i from "../utils/dom.js";
 import { TopPopupWorker as s } from "../popup/worker.js";
 class w {
@@ -456,4 +456,4 @@ I.init();
 export {
   P as TopLibPopup
 };
-//# sourceMappingURL=popup-B7GI-vlM.es.js.map
+//# sourceMappingURL=popup-DuraSW2f.es.js.map