@topvisor/ui 0.0.17 → 0.0.33

package/popup/popup.js

@@ -1,198 +1,144 @@
-import { defineComponent, onUpdated, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, ref, toRef, onUnmounted, createBlock, unref, withCtx, createCommentVNode, Teleport, normalizeClass, resolveDynamicComponent, mergeProps } from "vue";
-import Worker from "./worker.js";
-import "../.chunks/core-0b2c7817.es.js";
-import "../utils/device.js";
+import { defineComponent as m, onUpdated as h, openBlock as n, createElementBlock as u, Fragment as B, createElementVNode as v, renderSlot as r, ref as k, toRef as $, onUnmounted as P, createBlock as y, unref as C, withCtx as _, createCommentVNode as l, Teleport as H, normalizeClass as g, resolveDynamicComponent as I, mergeProps as T } from "vue";
+import f from "./worker.js";
+import "../.chunks/forms-6c397f5a.es.js";
 import "../utils/dom.js";
-var POS = /* @__PURE__ */ ((POS2) => {
-  POS2["over"] = "0";
-  POS2["top"] = "1";
-  POS2["right"] = "2";
-  POS2["bottom"] = "3";
-  POS2["left"] = "4";
-  return POS2;
-})(POS || {});
-var POS_BY = /* @__PURE__ */ ((POS_BY2) => {
-  POS_BY2["fixed"] = "fixed";
-  POS_BY2["left"] = "left";
-  POS_BY2["right"] = "right";
-  return POS_BY2;
-})(POS_BY || {});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const V = /* @__PURE__ */ m({
   __name: "opener",
   props: {
     id: {},
-    pos: { default: POS.bottom },
-    notch: { type: Boolean, default: true },
+    pos: { default: "3" },
+    notch: { type: Boolean, default: !0 },
     openByHover: { type: Boolean },
-    posBy: { default: POS_BY.fixed }
+    posBy: { default: "fixed" }
   },
-  setup(__props) {
-    const props = __props;
-    const id = props.id || Math.random() + "";
-    let elOpener;
-    function render(el) {
+  setup(d) {
+    const o = d, t = o.id || Math.random() + "";
+    let s;
+    function a(p) {
       setTimeout(() => {
-        elOpener = el.nextElementSibling;
-        if (elOpener) {
-          renderOpener(elOpener);
-        }
+        s = p.nextElementSibling, s && c(s);
       });
     }
-    onUpdated(() => {
-      if (elOpener) {
-        renderOpener(elOpener);
-      }
+    h(() => {
+      s && c(s);
     });
-    function renderOpener(elOpener2) {
-      elOpener2.dataset.topPopup = "vue-" + id;
-      elOpener2.dataset.topPopupId = id;
-      elOpener2.dataset.topPopupP = props.pos;
-      elOpener2.dataset.topPopupPosBy = props.posBy;
-      elOpener2.dataset.topPopupNotch = props.notch ? "true" : "";
-      elOpener2.dataset.topPopupOpenByHover = props.openByHover ? "true" : "";
+    function c(p) {
+      p.dataset.topPopup = "vue-" + t, p.dataset.topPopupId = t, p.dataset.topPopupP = o.pos, p.dataset.topPopupPosBy = o.posBy, p.dataset.topPopupNotch = o.notch ? "true" : "", p.dataset.topPopupOpenByHover = o.openByHover ? "true" : "";
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("template", { ref: render }),
-        renderSlot(_ctx.$slots, "default")
-      ], 64);
-    };
+    return (p, i) => (n(), u(B, null, [
+      v("template", { ref: a }),
+      r(p.$slots, "default")
+    ], 64));
   }
 });
-const opener_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1 = {
+const E = {
   key: 0,
   class: "top-popup_header"
-};
-const _hoisted_2 = {
+}, L = {
   key: 1,
   class: "top-popup_content"
-};
-const _hoisted_3 = {
+}, N = {
   key: 2,
   class: "top-popup_content"
-};
-const _hoisted_4 = {
+}, R = {
   key: 3,
   class: "top-popup_footer"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}, w = /* @__PURE__ */ m({
   __name: "popup",
   props: {
     id: { default: "" },
     class: {},
-    pos: { default: POS.bottom },
-    notch: { type: Boolean, default: true },
+    pos: { default: "3" },
+    notch: { type: Boolean, default: !0 },
     openByHover: { type: Boolean },
-    posBy: { default: POS_BY.fixed }
+    posBy: { default: "fixed" }
   },
   emits: ["open", "close"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const id = props.id || Math.random() + "";
-    const elPopupRef = ref(null);
-    const onOpen = async (popup) => {
-      popup.elPopupInner.innerText = "";
-      elPopupRef.value = popup.elPopupInner;
-      vueConnector.opened = true;
-      vueConnector.popup = popup;
-      emit("open");
-    };
-    const onClose = (popup) => {
-      elPopupRef.value = null;
-      vueConnector.opened = false;
-      vueConnector.popup = null;
-      emit("close");
-    };
-    const vueConnector = {
-      onOpen,
-      onClose,
-      classRef: toRef(props, "class"),
-      opened: false,
+  setup(d, { emit: o }) {
+    const t = d, s = t.id || Math.random() + "", a = k(null), i = {
+      onOpen: async (e) => {
+        e.elPopupInner.innerText = "", a.value = e.elPopupInner, i.opened = !0, i.popup = e, o("open");
+      },
+      onClose: (e) => {
+        a.value = null, i.opened = !1, i.popup = null, o("close");
+      },
+      classRef: $(t, "class"),
+      opened: !1,
       popup: null
     };
-    Worker.regVueComponent(id, vueConnector);
-    onUnmounted(() => {
-      Worker.unregVueComponent(id);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.$slots.opener ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 0,
-          id: unref(id),
-          pos: _ctx.pos,
-          posBy: _ctx.posBy,
-          notch: _ctx.notch,
-          openByHover: _ctx.openByHover
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "opener")
-          ]),
-          _: 3
-        }, 8, ["id", "pos", "posBy", "notch", "openByHover"])) : createCommentVNode("", true),
-        elPopupRef.value ? (openBlock(), createBlock(Teleport, {
-          key: 1,
-          to: elPopupRef.value
-        }, [
-          _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            renderSlot(_ctx.$slots, "header")
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "content")
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.contentList ? (openBlock(), createElementBlock("ul", _hoisted_3, [
-            renderSlot(_ctx.$slots, "contentList")
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "footer")
-          ])) : createCommentVNode("", true)
-        ], 8, ["to"])) : createCommentVNode("", true)
-      ], 64);
-    };
+    return f.regVueComponent(s, i), P(() => {
+      f.unregVueComponent(s);
+    }), (e, D) => (n(), u(B, null, [
+      e.$slots.opener ? (n(), y(V, {
+        key: 0,
+        id: C(s),
+        pos: e.pos,
+        posBy: e.posBy,
+        notch: e.notch,
+        openByHover: e.openByHover
+      }, {
+        default: _(() => [
+          r(e.$slots, "opener")
+        ]),
+        _: 3
+      }, 8, ["id", "pos", "posBy", "notch", "openByHover"])) : l("", !0),
+      a.value ? (n(), y(H, {
+        key: 1,
+        to: a.value
+      }, [
+        e.$slots.header ? (n(), u("div", E, [
+          r(e.$slots, "header")
+        ])) : l("", !0),
+        e.$slots.content ? (n(), u("div", L, [
+          r(e.$slots, "content")
+        ])) : l("", !0),
+        e.$slots.contentList ? (n(), u("ul", N, [
+          r(e.$slots, "contentList")
+        ])) : l("", !0),
+        e.$slots.footer ? (n(), u("div", R, [
+          r(e.$slots, "footer")
+        ])) : l("", !0)
+      ], 8, ["to"])) : l("", !0)
+    ], 64));
   }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
+}), z = /* @__PURE__ */ m({
+  inheritAttrs: !1,
   __name: "listItem",
   props: {
     type: { default: "simple" },
-    closeByClick: { type: Boolean, default: true }
+    closeByClick: { type: Boolean, default: !0 }
   },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        class: normalizeClass({
-          "top-popup_listDelimiter": _ctx.type === "delimiter",
-          "top-popup_listTitle": _ctx.type === "title"
-        })
-      }, [
-        props.type === "simple" || props.type === "link" ? (openBlock(), createBlock(resolveDynamicComponent(props.type === "link" ? "a" : "i"), mergeProps({
-          key: 0,
-          class: {
-            "top-popup_item": true,
-            "top-popup_item-a": props.type === "simple",
-            // имитация оформления ссылки
-            "a": true,
-            // deprecated
-            "top-popup-noCloser": !_ctx.closeByClick
-          }
-        }, _ctx.$attrs), {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])) : createCommentVNode("", true),
-        props.type === "title" || props.type === "control" ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("", true)
-      ], 2);
-    };
+  setup(d) {
+    const o = d;
+    return (t, s) => (n(), u("li", {
+      class: g({
+        "top-popup_listDelimiter": t.type === "delimiter",
+        "top-popup_listTitle": t.type === "title"
+      })
+    }, [
+      o.type === "simple" || o.type === "link" ? (n(), y(I(o.type === "link" ? "a" : "i"), T({
+        key: 0,
+        class: {
+          "top-popup_item": !0,
+          "top-popup_item-a": o.type === "simple",
+          // имитация оформления ссылки
+          a: !0,
+          // deprecated
+          "top-popup-noCloser": !t.closeByClick
+        }
+      }, t.$attrs), {
+        default: _(() => [
+          r(t.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"])) : l("", !0),
+      o.type === "title" || o.type === "control" ? r(t.$slots, "default", { key: 1 }) : l("", !0)
+    ], 2));
   }
 });
 export {
-  _sfc_main$1 as Popup,
-  _sfc_main as PopupListItem,
-  _sfc_main$2 as PopupOpener
+  w as Popup,
+  z as PopupListItem,
+  V as PopupOpener
 };
 //# sourceMappingURL=popup.js.map

package/popup/popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.js","sources":["../../src/components/popup/popup/popup.ts","../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue"],"sourcesContent":["export interface Props extends OpenerProps {\n\t/**\n\t * Уникальный id компонента, используется только в setup, т.е. изменение id будет проигнорировано\n\t *\n\t * Генерируется автоматически при создании кнопки Popup\n\t *\n\t * Можно задать вручную, если необходимо создать Popup без кнопки для последюущего использования,\n\t * особенно важно при создании большого числа кнопок, например в списках и таблицах\n\t */\n\tid?: string;\n\n\t/**\n\t * Класс, который нужно добавить к Popup, устанавилвается в момент открытия\n\t */\n\tclass?: string;\n}\n\nexport interface Emits {\n\t/**\n\t * Будет вызвано при открытии Popup\n\t */\n\t(e: 'open'): void;\n\n\t/**\n\t * Будет вызвано после закрытия Popup\n\t */\n\t(e: 'close'): void;\n}\n\nexport interface OpenerProps {\n\t/**\n\t * id компонента Popup, который необходимо открыть\n\t */\n\tid?: string;\n\n\t/**\n\t * Положение Popup по часовой стрелке\n\t */\n\tpos?: POS;\n\n\t/**\n\t * Добавить клювик\n\t */\n\tnotch?: boolean;\n\n\t/**\n\t * Открывать / закрывать при наведении / отведении мыши\n\t */\n\topenByHover?: boolean;\n\n\t/**\n\t * Способ привязки позиционирования меню\n\t *\n\t * left/right - левый/правый край родителя\n\t *\n\t * fixed - по окну\n\t */\n\tposBy?: POS_BY;\n}\n\nexport interface ListItemProps {\n\t/**\n\t * Тип элемента списка\n\t * * simple - обычный кликабельный (выбираемый) элемент\n\t * * link - ссылка\n\t * * control - элемент формы, например чекбокс\n\t * * delimiter - разделитель\n\t */\n\ttype?: 'simple' | 'link' | 'control' | 'title' | 'delimiter';\n\n\t/**\n\t * Следует ли закрывать меню по клику на элемент типа simple и link\n\t */\n\tcloseByClick?: boolean;\n}\n\nexport enum POS {\n\tover = '0',\n\ttop = '1',\n\tright = '2',\n\tbottom = '3',\n\tleft = '4'\n}\n\nexport enum POS_BY {\n\tfixed = 'fixed',\n\tleft = 'left',\n\tright = 'right',\n}","<script setup lang=\"ts\">\nimport { onUpdated, ref } from 'vue';\nimport type { OpenerProps } from './popup';\nimport { POS, POS_BY } from './popup';\n\nconst props = withDefaults(defineProps<OpenerProps>(), {\n\tpos: POS.bottom,\n\tnotch: true,\n\tposBy: POS_BY.fixed,\n});\n\nconst id = props.id || Math.random() + '';\n\nlet elOpener: Element;\n\n/**\n * Необычная функция для проброски props внтурь элемента слота\n *\n * @param el - вспомогательрный элемент для доступа к элементам слота\n */\nfunction render (el: any) {\n\tsetTimeout(() => {\n\t\telOpener = el.nextElementSibling;\n\n\t\tif (elOpener) {\n\t\t\trenderOpener(elOpener);\n\t\t}\n\t});\n}\n\nonUpdated(() => {\n\tif (elOpener) {\n\t\trenderOpener(elOpener);\n\t}\n});\n\nfunction renderOpener (elOpener: any) {\n\telOpener.dataset.topPopup = 'vue-' + id;\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupP = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n}\n</script>\n\n<template>\n\t<template :ref=\"render\"></template>\n\n\t<!-- @slot элемент для открытия Popup -->\n\t<slot></slot>\n</template>\n\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn):not(.g_btn),\nb[data-top-popup]:not(.btn):not(.g_btn) {\n\tcursor: pointer;\n\tuser-select: none;\n\tfont-style: normal;\n\ttext-decoration: none;\n\tdisplay: inline-flex;\n\talign-items: center;\n}\n\n[data-top-popup][data-top-popup-disabled] {\n\tpointer-events: none;\n\tcursor: auto !important;\n}\n\ni[contenteditable] {\n\tcursor: text !important;\n}\n</style>","<script setup lang=\"ts\">\nimport { ref, toRef, onUnmounted } from 'vue';\nimport type { Props, Emits } from './popup';\nimport { POS, POS_BY } from './popup';\nimport Opener from './opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tid: '',\n\tpos: POS.bottom,\n\tnotch: true,\n\tposBy: POS_BY.fixed,\n});\n\nconst emit = defineEmits<Emits>();\n\nconst id = props.id || Math.random() + '';\nconst elPopupRef = ref(null);\n\n// см. lib/popup\nconst onOpen = async (popup: any) => {\n\tpopup.elPopupInner.innerText = '';\n\n\telPopupRef.value = popup.elPopupInner;\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\temit('open');\n};\n\n// см. lib/popup\nconst onClose = (popup: any) => {\n\telPopupRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = null;\n\n\temit('close');\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: null,\n};\n\nWorker.regVueComponent(id, vueConnector);\n\nonUnmounted(() => {\n\tWorker.unregVueComponent(id);\n});\n</script>\n\n<template>\n\t<Opener\n\t\tv-if=\"$slots.opener\"\n\t\t:id=\"id\"\n\t\t:pos=\"pos\"\n\t\t:posBy=\"posBy\"\n\t\t:notch=\"notch\"\n\t\t:openByHover=\"openByHover\"\n\t>\n\t\t<!-- @slot элемент для открытия Popup -->\n\t\t<slot name=\"opener\"></slot>\n\t</Opener>\n\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\n\t<!-- elPopupRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupRef\"\n\t\t:to=\"elPopupRef\"\n\t>\n\t\t<div v-if=\"$slots.header\" class=\"top-popup_header\">\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\"></slot>\n\t\t</div>\n\n\t\t<div v-if=\"$slots.content\" class=\"top-popup_content\">\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\"></slot>\n\t\t</div>\n\n\t\t<ul v-if=\"$slots.contentList\" class=\"top-popup_content\">\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка испоьзуйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\"></slot>\n\t\t</ul>\n\n\t\t<div v-if=\"$slots.footer\" class=\"top-popup_footer\">\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\"></slot>\n\t\t</div>\n\t</teleport>\n</template>"],"names":["POS","POS_BY","elOpener"],"mappings":";;;;;AA4EY,IAAA,wBAAAA,SAAL;AACNA,OAAA,MAAO,IAAA;AACPA,OAAA,KAAM,IAAA;AACNA,OAAA,OAAQ,IAAA;AACRA,OAAA,QAAS,IAAA;AACTA,OAAA,MAAO,IAAA;AALIA,SAAAA;AAAA,GAAA,OAAA,CAAA,CAAA;AAQA,IAAA,2BAAAC,YAAL;AACNA,UAAA,OAAQ,IAAA;AACRA,UAAA,MAAO,IAAA;AACPA,UAAA,OAAQ,IAAA;AAHGA,SAAAA;AAAA,GAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;ACzEZ,UAAM,KAAK,MAAM,MAAM,KAAK,OAAW,IAAA;AAEnC,QAAA;AAOJ,aAAS,OAAQ,IAAS;AACzB,iBAAW,MAAM;AAChB,mBAAW,GAAG;AAEd,YAAI,UAAU;AACb,uBAAa,QAAQ;AAAA,QACtB;AAAA,MAAA,CACA;AAAA,IACF;AAEA,cAAU,MAAM;AACf,UAAI,UAAU;AACb,qBAAa,QAAQ;AAAA,MACtB;AAAA,IAAA,CACA;AAED,aAAS,aAAcC,WAAe;AACrCA,gBAAS,QAAQ,WAAW,SAAS;AACrCA,gBAAS,QAAQ,aAAa;AAC9BA,gBAAS,QAAQ,YAAY,MAAM;AACnCA,gBAAS,QAAQ,gBAAgB,MAAM;AACvCA,gBAAS,QAAQ,gBAAgB,MAAM,QAAQ,SAAS;AACxDA,gBAAS,QAAQ,sBAAsB,MAAM,cAAc,SAAS;AAAA,IACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3BA,UAAM,KAAK,MAAM,MAAM,KAAK,OAAW,IAAA;AACjC,UAAA,aAAa,IAAI,IAAI;AAGrB,UAAA,SAAS,OAAO,UAAe;AACpC,YAAM,aAAa,YAAY;AAE/B,iBAAW,QAAQ,MAAM;AAEzB,mBAAa,SAAS;AACtB,mBAAa,QAAQ;AAErB,WAAK,MAAM;AAAA,IAAA;AAIN,UAAA,UAAU,CAAC,UAAe;AAC/B,iBAAW,QAAQ;AAEnB,mBAAa,SAAS;AACtB,mBAAa,QAAQ;AAErB,WAAK,OAAO;AAAA,IAAA;AAGb,UAAM,eAAe;AAAA,MACpB;AAAA,MACA;AAAA,MACA,UAAU,MAAM,OAAO,OAAO;AAAA,MAC9B,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAGD,WAAA,gBAAgB,IAAI,YAAY;AAEvC,gBAAY,MAAM;AACjB,aAAO,kBAAkB,EAAE;AAAA,IAAA,CAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"popup.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { onUpdated, ref } from 'vue';\r\nimport type { OpenerProps } from './popup';\r\n\r\nconst props = withDefaults(defineProps<OpenerProps>(), {\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst id = props.id || Math.random() + '';\r\n\r\nlet elOpener: Element;\r\n\r\n/**\r\n * Необычная функция для проброски props внтурь элемента слота\r\n *\r\n * @param el - вспомогательрный элемент для доступа к элементам слота\r\n */\r\nfunction render (el: any) {\r\n\tsetTimeout(() => {\r\n\t\telOpener = el.nextElementSibling;\r\n\r\n\t\tif (elOpener) {\r\n\t\t\trenderOpener(elOpener);\r\n\t\t}\r\n\t});\r\n}\r\n\r\nonUpdated(() => {\r\n\tif (elOpener) {\r\n\t\trenderOpener(elOpener);\r\n\t}\r\n});\r\n\r\nfunction renderOpener (elOpener: any) {\r\n\telOpener.dataset.topPopup = 'vue-' + id;\r\n\telOpener.dataset.topPopupId = id;\r\n\telOpener.dataset.topPopupP = props.pos;\r\n\telOpener.dataset.topPopupPosBy = props.posBy;\r\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\r\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\r\n}\r\n</script>\r\n\r\n<template>\r\n\t<template :ref=\"render\"></template>\r\n\r\n\t<!-- @slot элемент для открытия Popup -->\r\n\t<slot></slot>\r\n</template>\r\n\r\n<style>\r\nh3[data-top-popup],\r\ndiv[data-top-popup],\r\ni[data-top-popup]:not(.btn):not(.g_btn),\r\nb[data-top-popup]:not(.btn):not(.g_btn) {\r\n\tcursor: pointer;\r\n\tuser-select: none;\r\n\tfont-style: normal;\r\n\ttext-decoration: none;\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n}\r\n\r\n[data-top-popup][data-top-popup-disabled] {\r\n\tpointer-events: none;\r\n\tcursor: auto !important;\r\n}\r\n\r\ni[contenteditable] {\r\n\tcursor: text !important;\r\n}\r\n</style>","<script setup lang=\"ts\">\r\nimport { ref, toRef, onUnmounted } from 'vue';\r\nimport type { Props, Emits } from './popup';\r\nimport Opener from './opener.vue';\r\nimport Worker from '@/components/popup/lib/worker';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tid: '',\r\n\tpos: '3',\r\n\tnotch: true,\r\n\tposBy: 'fixed',\r\n});\r\n\r\nconst emit = defineEmits<Emits>();\r\n\r\nconst id = props.id || Math.random() + '';\r\nconst elPopupRef = ref(null);\r\n\r\n// см. lib/popup\r\nconst onOpen = async (popup: any) => {\r\n\tpopup.elPopupInner.innerText = '';\r\n\r\n\telPopupRef.value = popup.elPopupInner;\r\n\r\n\tvueConnector.opened = true;\r\n\tvueConnector.popup = popup;\r\n\r\n\temit('open');\r\n};\r\n\r\n// см. lib/popup\r\nconst onClose = (popup: any) => {\r\n\telPopupRef.value = null;\r\n\r\n\tvueConnector.opened = false;\r\n\tvueConnector.popup = null;\r\n\r\n\temit('close');\r\n};\r\n\r\nconst vueConnector = {\r\n\tonOpen,\r\n\tonClose,\r\n\tclassRef: toRef(props, 'class'),\r\n\topened: false,\r\n\tpopup: null,\r\n};\r\n\r\nWorker.regVueComponent(id, vueConnector);\r\n\r\nonUnmounted(() => {\r\n\tWorker.unregVueComponent(id);\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<Opener\r\n\t\tv-if=\"$slots.opener\"\r\n\t\t:id=\"id\"\r\n\t\t:pos=\"pos\"\r\n\t\t:posBy=\"posBy\"\r\n\t\t:notch=\"notch\"\r\n\t\t:openByHover=\"openByHover\"\r\n\t>\r\n\t\t<!-- @slot элемент для открытия Popup -->\r\n\t\t<slot name=\"opener\"></slot>\r\n\t</Opener>\r\n\r\n\t<!-- Это шаблон для компонента Popup, сам Popup генерируется в js и может находиться где угодно -->\r\n\t<!-- elPopupRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\r\n\t<teleport\r\n\t\tv-if=\"elPopupRef\"\r\n\t\t:to=\"elPopupRef\"\r\n\t>\r\n\t\t<div v-if=\"$slots.header\" class=\"top-popup_header\">\r\n\t\t\t<!-- @slot Шапка -->\r\n\t\t\t<slot name=\"header\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<div v-if=\"$slots.content\" class=\"top-popup_content\">\r\n\t\t\t<!-- @slot Контент в свободной форме -->\r\n\t\t\t<slot name=\"content\"></slot>\r\n\t\t</div>\r\n\r\n\t\t<ul v-if=\"$slots.contentList\" class=\"top-popup_content\">\r\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка испоьзуйте компонент popup/listItem -->\r\n\t\t\t<slot name=\"contentList\"></slot>\r\n\t\t</ul>\r\n\r\n\t\t<div v-if=\"$slots.footer\" class=\"top-popup_footer\">\r\n\t\t\t<!-- @slot Футер -->\r\n\t\t\t<slot name=\"footer\"></slot>\r\n\t\t</div>\r\n\t</teleport>\r\n</template>"],"names":["id","props","elOpener","render","el","renderOpener","onUpdated","elPopupRef","ref","vueConnector","popup","emit","toRef","Worker","onUnmounted"],"mappings":";;;;;;;;;;;;;;iBAUMA,IAAKC,EAAM,MAAM,KAAK,OAAW,IAAA;AAEnC,QAAAC;AAOJ,aAASC,EAAQC,GAAS;AACzB,iBAAW,MAAM;AAChB,QAAAF,IAAWE,EAAG,oBAEVF,KACHG,EAAaH,CAAQ;AAAA,MACtB,CACA;AAAA,IACF;AAEA,IAAAI,EAAU,MAAM;AACf,MAAIJ,KACHG,EAAaH,CAAQ;AAAA,IACtB,CACA;AAED,aAASG,EAAcH,GAAe;AACrCA,MAAAA,EAAS,QAAQ,WAAW,SAASF,GACrCE,EAAS,QAAQ,aAAaF,GAC9BE,EAAS,QAAQ,YAAYD,EAAM,KACnCC,EAAS,QAAQ,gBAAgBD,EAAM,OACvCC,EAAS,QAAQ,gBAAgBD,EAAM,QAAQ,SAAS,IACxDC,EAAS,QAAQ,sBAAsBD,EAAM,cAAc,SAAS;AAAA,IACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBC3BMD,IAAKC,EAAM,MAAM,KAAK,OAAW,IAAA,IACjCM,IAAaC,EAAI,IAAI,GAwBrBC,IAAe;AAAA,MACpB,QAtBc,OAAOC,MAAe;AACpC,QAAAA,EAAM,aAAa,YAAY,IAE/BH,EAAW,QAAQG,EAAM,cAEzBD,EAAa,SAAS,IACtBA,EAAa,QAAQC,GAErBC,EAAK,MAAM;AAAA,MAAA;AAAA,MAeX,SAXe,CAACD,MAAe;AAC/B,QAAAH,EAAW,QAAQ,MAEnBE,EAAa,SAAS,IACtBA,EAAa,QAAQ,MAErBE,EAAK,OAAO;AAAA,MAAA;AAAA,MAMZ,UAAUC,EAAMX,GAAO,OAAO;AAAA,MAC9B,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAGD,WAAAY,EAAA,gBAAgBb,GAAIS,CAAY,GAEvCK,EAAY,MAAM;AACjB,MAAAD,EAAO,kBAAkBb,CAAE;AAAA,IAAA,CAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/popup/worker.amd.js

@@ -1,234 +1,2 @@
-define(["require", "../.chunks/core-51f7b679.amd", "../utils/dom.amd", "vue", "../utils/device.amd"], function(require, core_core, utils_dom, vue, utils_device) {
-  "use strict"; if(typeof vue === "undefined") var vue = window.Vue;
-  class WorkerEvents {
-    static init() {
-      document.addEventListener("mouseover", (e) => {
-        var _a;
-        if (!((_a = e.target.dataset) == null ? void 0 : _a.topPopupOpenByHover)) {
-          return;
-        }
-        e.target.click();
-      });
-      document.addEventListener("scroll", () => {
-        if (core_core.Core.isMobile) {
-          return;
-        }
-        Worker$1.getAll().forEach((elPopup) => Worker$1.close(elPopup));
-      });
-      core_core.Events.addOnReize((e) => {
-        if (core_core.Core.state.isMobile && e.topEvent.widthDiff) {
-          Worker$1.getAll().forEach((elPopup) => Worker$1.close(elPopup));
-        }
-      });
-      document.addEventListener("click", this.onclick);
-    }
-    /**
-     * Глобальный обработчик кликов
-     * обрабатывает клики на открытие Popup
-     * @param {Event} e
-     */
-    static async onclick(e) {
-      var _a, _b;
-      let elOpener2;
-      switch (true) {
-        case !!((_a = e.target.dataset) == null ? void 0 : _a.topPopup):
-          elOpener2 = e.target;
-          break;
-        case !!((_b = e.target.parentElement) == null ? void 0 : _b.dataset.topPopup):
-          elOpener2 = e.target.parentElement;
-          break;
-      }
-      if (!elOpener2) {
-        return;
-      }
-      if (elOpener2.dataset.topPopupDisabled) {
-        return;
-      }
-      if (elOpener2.dataset.topPopupOpened) {
-        return;
-      }
-      e.preventDefault();
-      await Worker$1.openByOpener(elOpener2);
-    }
-  }
-  let decoratorBeforeOpen;
-  let decoratorAfterOpen;
-  let decoratorIsIgnoreOuterClick;
-  let i18n = {
-    Close: "Close"
-  };
-  class Worker {
-    // глобальное выключение закрытия меню, используется при различных оверлеях
-    static noClose = false;
-    static vueConnectors = /* @__PURE__ */ new Map();
-    /**
-     * Вызывается при инициализаци приложения
-     * устанавливает глобальные статические декортаоры для компонента Popup
-     * @param {{
-     * 	decoratorBeforeOpen: (object) => void
-     * 	decoratorAfterOpen: (object) => void,
-     * 	decoratorIsIgnoreOuterClick: (e) => void,
-     * 	i18n: {Close: string}
-     * }} options
-     */
-    static onInitApp(options2) {
-      decoratorBeforeOpen = options2 == null ? void 0 : options2.decoratorBeforeOpen;
-      decoratorAfterOpen = options2 == null ? void 0 : options2.decoratorAfterOpen;
-      decoratorIsIgnoreOuterClick = options2 == null ? void 0 : options2.decoratorIsIgnoreOuterClick;
-      i18n = options2 == null ? void 0 : options2.i18n;
-    }
-    // вернуть объект компонента popup, привязанный к элементу
-    static getPopup(elPopup) {
-      return utils_dom.storage(elPopup, "Popup");
-    }
-    static getAll() {
-      return utils_dom.querySelectorAllArray(document, ".top-popup-wrapper");
-    }
-    static getAllVisible() {
-      return utils_dom.querySelectorAllVisible(document, ".top-popup-wrapper");
-    }
-    /**
-     * Открть Popup от указанного elOpener
-     * @param {Element} elOpener - элемент, который должен вызвать открытие Popup
-     */
-    static async openByOpener(elOpener2) {
-      const options2 = {};
-      options2.popup = elOpener2.dataset.topPopup;
-      if (elOpener2.dataset.topPopupP) {
-        options2.p = parseInt(elOpener2.dataset.topPopupP);
-      }
-      if (elOpener2.dataset.topPopupNotch) {
-        options2.notch = elOpener2.dataset.topPopupNotch;
-      }
-      if (elOpener2.dataset.topPopupClass) {
-        options2.class = elOpener2.dataset.topPopupClass;
-      }
-      if (elOpener2.dataset.topPopupPosBy) {
-        options2.posBy = elOpener2.dataset.topPopupPosBy;
-      }
-      if (elOpener2.dataset.topPopupFront) {
-        options2.frontSelector = elOpener2.dataset.topPopupFront;
-      }
-      if (elOpener2.dataset.topPopupInvertX) {
-        options2.invertX = elOpener2.dataset.topPopupInvertX;
-      }
-      if (elOpener2.dataset.topPopupOpenByHover) {
-        options2.openByHover = elOpener2.dataset.topPopupOpenByHover;
-      }
-      if (elOpener2.dataset.topPopupUseOriginal) {
-        options2.useOriginal = elOpener2.dataset.topPopupUseOriginal;
-      }
-      return await Worker.open(elOpener2, options2);
-    }
-    /**
-     * Создать и открыть Popup
-     * @param {Element} elOpener - элемент, вызвавший открытие Popup
-     * @param {object} options - опции Popup
-     */
-    static async open(elOpener, options) {
-      elOpener.dataset.topPopupOpened = "opened";
-      const { default: Popup } = await new Promise((resolve, reject) => require(["../.chunks/popup-8f650530.amd"], resolve, reject));
-      if (typeof jQuery === "function") {
-        const $elOpener = jQuery(elOpener);
-        if ($elOpener.data("aftershow")) {
-          let afterShow = $elOpener.data("aftershow");
-          if (typeof afterShow == "string") {
-            afterShow = eval(afterShow.replace(/\W/g, ""));
-          }
-          $elOpener.one("aftershow.top-menu-popup", afterShow);
-        }
-        if ($elOpener.data("afterclose")) {
-          let afterclose = $elOpener.data("afterclose");
-          if (typeof afterclose == "string") {
-            afterclose = eval(afterclose.replace(/\W/g, ""));
-          }
-          $elOpener.one("afterclose.top-menu-popup", afterclose);
-        }
-      }
-      options.isFullScreen = core_core.Core.state.isMobile;
-      options.i18n = i18n;
-      return await new Popup(elOpener, options);
-    }
-    static close(elPopup) {
-      const popup = Worker.getPopup(elPopup);
-      if (popup) {
-        popup.close();
-      }
-    }
-    static recalcPosition(elPopup) {
-      const popup = Worker.getPopup(elPopup);
-      if (popup) {
-        popup.recalcPosition();
-        HelperCommon.genHasScroll($(popup.elPopupBody));
-      }
-    }
-    // скролл к активному элементу списка
-    static scrollToActive(elPopup) {
-      const elItemActive = utils_dom.querySelectorVisible(elPopup, "ul.top-popup_content > li > .top-active");
-      if (!elItemActive) {
-        return;
-      }
-      const elUl = elPopup.querySelector("ul.top-popup_content");
-      const elsLi = utils_dom.querySelectorAllVisible(elPopup, "ul.top-popup_content > li");
-      elPopup.classList.add("top-popup-wrapper-no_animate");
-      setTimeout(() => elPopup.classList.remove("top-popup-wrapper-no_animate"), 100);
-      let top = 100;
-      for (const elLi of elsLi) {
-        if (elLi.querySelector(":scope > .top-active")) {
-          break;
-        }
-        top += elLi.offsetHeight;
-      }
-      const heightWrapper = elUl.offsetHeight;
-      if (top > heightWrapper) {
-        elUl.scrollTop = top - heightWrapper;
-      } else {
-        elUl.scrollTop = 0;
-      }
-    }
-    static decoratorBeforeOpen(popup) {
-      if (decoratorBeforeOpen) {
-        decoratorBeforeOpen(popup);
-      }
-    }
-    static decoratorAfterOpen(popup) {
-      if (decoratorAfterOpen) {
-        decoratorAfterOpen(popup);
-      }
-    }
-    /**
-     * Определитель того, что клик вне Popup нужно игнорировать
-     * @returns {boolean} - игнорировать клик, то есть не закрывать Popup
-     */
-    static decoratorIsIgnoreOuterClick(e) {
-      if (decoratorIsIgnoreOuterClick) {
-        return decoratorIsIgnoreOuterClick(e);
-      }
-      return false;
-    }
-    /**
-     * Зарегистрировать Vue компонент
-     *
-     * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js
-     * @param {string} id
-     * @param {any} vueConnector
-     */
-    static regVueComponent(id, vueConnector) {
-      if (Worker.vueConnectors.get(id)) {
-        throw "Vue component Popup use duplicated id: " + id;
-      }
-      Worker.vueConnectors.set(id, vueConnector);
-    }
-    /**
-     * Снять с регистрации Vue компонент
-     * @param {string} id
-     */
-    static unregVueComponent(id) {
-      Worker.vueConnectors.delete(id);
-    }
-  }
-  WorkerEvents.init(Worker, core_core.Core);
-  const Worker$1 = Worker;
-  return Worker$1;
-});
+define(["require","../.chunks/forms-cab135c7.amd","../utils/dom.amd","vue"],function(require,forms,utils_dom,vue){"use strict"; if(typeof vue === "undefined") var vue = window.Vue;class WorkerEvents{static init(){document.addEventListener("mouseover",t=>{var o;(o=t.target.dataset)!=null&&o.topPopupOpenByHover&&t.target.click()}),document.addEventListener("scroll",()=>{forms.Core.isMobile||Worker$1.getAll().forEach(t=>Worker$1.close(t))}),forms.Events.addOnReize(t=>{forms.Core.state.isMobile&&t.topEvent.widthDiff&&Worker$1.getAll().forEach(o=>Worker$1.close(o))}),document.addEventListener("click",this.onclick)}static async onclick(t){var a,r;let o;switch(!0){case!!((a=t.target.dataset)!=null&&a.topPopup):o=t.target;break;case!!((r=t.target.parentElement)!=null&&r.dataset.topPopup):o=t.target.parentElement;break}o&&(o.dataset.topPopupDisabled||o.dataset.topPopupOpened||(t.preventDefault(),await Worker$1.openByOpener(o)))}}let decoratorBeforeOpen,decoratorAfterOpen,decoratorIsIgnoreOuterClick,i18n={Close:"Close"};class Worker{static noClose=!1;static vueConnectors=new Map;static onInitApp(e){decoratorBeforeOpen=e==null?void 0:e.decoratorBeforeOpen,decoratorAfterOpen=e==null?void 0:e.decoratorAfterOpen,decoratorIsIgnoreOuterClick=e==null?void 0:e.decoratorIsIgnoreOuterClick,i18n=e==null?void 0:e.i18n}static getPopup(e){return utils_dom.storage(e,"Popup")}static getAll(){return utils_dom.querySelectorAllArray(document,".top-popup-wrapper")}static getAllVisible(){return utils_dom.querySelectorAllVisible(document,".top-popup-wrapper")}static async openByOpener(e){const t={};return t.popup=e.dataset.topPopup,e.dataset.topPopupP&&(t.p=parseInt(e.dataset.topPopupP)),e.dataset.topPopupNotch&&(t.notch=e.dataset.topPopupNotch),e.dataset.topPopupClass&&(t.class=e.dataset.topPopupClass),e.dataset.topPopupPosBy&&(t.posBy=e.dataset.topPopupPosBy),e.dataset.topPopupFront&&(t.frontSelector=e.dataset.topPopupFront),e.dataset.topPopupInvertX&&(t.invertX=e.dataset.topPopupInvertX),e.dataset.topPopupOpenByHover&&(t.openByHover=e.dataset.topPopupOpenByHover),e.dataset.topPopupUseOriginal&&(t.useOriginal=e.dataset.topPopupUseOriginal),await Worker.open(e,t)}static async open(elOpener,options){elOpener.dataset.topPopupOpened="opened";const{default:Popup}=await new Promise((e,t)=>require(["../.chunks/popup-33f53a1c.amd"],e,t));if(typeof jQuery=="function"){const $elOpener=jQuery(elOpener);if($elOpener.data("aftershow")){let afterShow=$elOpener.data("aftershow");typeof afterShow=="string"&&(afterShow=eval(afterShow.replace(/\W/g,""))),$elOpener.one("aftershow.top-menu-popup",afterShow)}if($elOpener.data("afterclose")){let afterclose=$elOpener.data("afterclose");typeof afterclose=="string"&&(afterclose=eval(afterclose.replace(/\W/g,""))),$elOpener.one("afterclose.top-menu-popup",afterclose)}}return options.isFullScreen=forms.Core.state.isMobile,options.i18n=i18n,await new Popup(elOpener,options)}static close(e){const t=Worker.getPopup(e);t&&t.close()}static recalcPosition(e){const t=Worker.getPopup(e);t&&(t.recalcPosition(),HelperCommon.genHasScroll($(t.elPopupBody)))}static scrollToActive(e){if(!utils_dom.querySelectorVisible(e,"ul.top-popup_content > li > .top-active"))return;const o=e.querySelector("ul.top-popup_content"),a=utils_dom.querySelectorAllVisible(e,"ul.top-popup_content > li");e.classList.add("top-popup-wrapper-no_animate"),setTimeout(()=>e.classList.remove("top-popup-wrapper-no_animate"),100);let r=100;for(const s of a){if(s.querySelector(":scope > .top-active"))break;r+=s.offsetHeight}const p=o.offsetHeight;r>p?o.scrollTop=r-p:o.scrollTop=0}static decoratorBeforeOpen(e){decoratorBeforeOpen&&decoratorBeforeOpen(e)}static decoratorAfterOpen(e){decoratorAfterOpen&&decoratorAfterOpen(e)}static decoratorIsIgnoreOuterClick(e){return decoratorIsIgnoreOuterClick?decoratorIsIgnoreOuterClick(e):!1}static regVueComponent(e,t){if(Worker.vueConnectors.get(e))throw"Vue component Popup use duplicated id: "+e;Worker.vueConnectors.set(e,t)}static unregVueComponent(e){Worker.vueConnectors.delete(e)}}WorkerEvents.init(Worker,forms.Core);const Worker$1=Worker;return Worker$1});
 //# sourceMappingURL=worker.amd.js.map