@topvisor/ui 0.0.15 → 0.0.17

package/popup/popup.js

@@ -0,0 +1,198 @@
+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 "../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({
+  __name: "opener",
+  props: {
+    id: {},
+    pos: { default: POS.bottom },
+    notch: { type: Boolean, default: true },
+    openByHover: { type: Boolean },
+    posBy: { default: POS_BY.fixed }
+  },
+  setup(__props) {
+    const props = __props;
+    const id = props.id || Math.random() + "";
+    let elOpener;
+    function render(el) {
+      setTimeout(() => {
+        elOpener = el.nextElementSibling;
+        if (elOpener) {
+          renderOpener(elOpener);
+        }
+      });
+    }
+    onUpdated(() => {
+      if (elOpener) {
+        renderOpener(elOpener);
+      }
+    });
+    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" : "";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("template", { ref: render }),
+        renderSlot(_ctx.$slots, "default")
+      ], 64);
+    };
+  }
+});
+const opener_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1 = {
+  key: 0,
+  class: "top-popup_header"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "top-popup_content"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "top-popup_content"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "top-popup_footer"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "popup",
+  props: {
+    id: { default: "" },
+    class: {},
+    pos: { default: POS.bottom },
+    notch: { type: Boolean, default: true },
+    openByHover: { type: Boolean },
+    posBy: { default: POS_BY.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,
+      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);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "listItem",
+  props: {
+    type: { default: "simple" },
+    closeByClick: { type: Boolean, default: true }
+  },
+  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);
+    };
+  }
+});
+export {
+  _sfc_main$1 as Popup,
+  _sfc_main as PopupListItem,
+  _sfc_main$2 as PopupOpener
+};
+//# sourceMappingURL=popup.js.map

package/popup/popup.js.map

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/popup/worker.amd.js

@@ -0,0 +1,234 @@
+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;
+});
+//# sourceMappingURL=worker.amd.js.map

package/popup/worker.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.amd.js","sources":["../../src/components/popup/lib/worker.globalEvents.js","../../src/components/popup/lib/worker.js"],"sourcesContent":["import Core from '@/core/core/core';\nimport Events from '@/core/core/events';\nimport Worker from '@/components/popup/lib/worker';\n\n/**\n * Глобальные события, для реализации Popup\n */\nclass WorkerEvents {\n\tstatic init () {\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\n\t\tdocument.addEventListener('mouseover', (e) => {\n\t\t\tif (!e.target.dataset?.topPopupOpenByHover) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\te.target.click();\n\t\t});\n\n\t\t// при скролле страницы убирать закрыть Popup\n\t\tdocument.addEventListener('scroll', () => {\n\t\t\tif (Core.isMobile) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t});\n\n\t\tEvents.addOnReize(e => {\n\t\t\t// закрыть popup при повороте экрана телефона\n\t\t\t// если была отображена ПК версия, она будет закрыта\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t\t}\n\t\t});\n\n\t\tdocument.addEventListener('click', this.onclick);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t * обрабатывает клики на открытие Popup\n\t * @param {Event} e\n\t */\n\tstatic async onclick (e) {\n\t\tlet elOpener;\n\n\t\tswitch (true) {\n\t\t\tcase !!e.target.dataset?.topPopup:\n\t\t\t\telOpener = e.target;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement;\n\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (!elOpener) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// меню уже открыто\n\t\tif (elOpener.dataset.topPopupOpened) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tawait Worker.openByOpener(elOpener);\n\t}\n}\n\nexport default WorkerEvents;\n","import Core from '@/core/core/core';\nimport DOM from '@/core/utils/dom';\nimport GlobalEvents from '@/components/popup/lib/worker.globalEvents';\n\nlet decoratorBeforeOpen;\nlet decoratorAfterOpen;\nlet decoratorIsIgnoreOuterClick;\nlet i18n = {\n\tClose: 'Close',\n};\n\nclass Worker {\n\n\t// глобальное выключение закрытия меню, используется при различных оверлеях\n\tstatic noClose = false;\n\n\tstatic vueConnectors = new Map();\n\n\t/**\n\t * Вызывается при инициализаци приложения\n\t * устанавливает глобальные статические декортаоры для компонента Popup\n\t * @param {{\n\t * \tdecoratorBeforeOpen: (object) => void\n\t * \tdecoratorAfterOpen: (object) => void,\n\t * \tdecoratorIsIgnoreOuterClick: (e) => void,\n\t * \ti18n: {Close: string}\n\t * }} options\n\t */\n\tstatic onInitApp (options) {\n\t\tdecoratorBeforeOpen = options?.decoratorBeforeOpen;\n\t\tdecoratorAfterOpen = options?.decoratorAfterOpen;\n\t\tdecoratorIsIgnoreOuterClick = options?.decoratorIsIgnoreOuterClick;\n\t\ti18n = options?.i18n;\n\t}\n\n\t// вернуть объект компонента popup, привязанный к элементу\n\tstatic getPopup (elPopup) {\n\t\treturn DOM.storage(elPopup, 'Popup');\n\t}\n\n\tstatic getAll () {\n\t\treturn DOM.querySelectorAllArray(document, '.top-popup-wrapper');\n\t}\n\n\tstatic getAllVisible () {\n\t\treturn DOM.querySelectorAllVisible(document, '.top-popup-wrapper');\n\t}\n\n\t/**\n\t * Открть Popup от указанного elOpener\n\t * @param {Element} elOpener - элемент, который должен вызвать открытие Popup\n\t */\n\tstatic async openByOpener (elOpener) {\n\t\tconst options = {};\n\n\t\toptions.popup = elOpener.dataset.topPopup;\n\n\t\tif (elOpener.dataset.topPopupP) {\n\t\t\toptions.p = parseInt(elOpener.dataset.topPopupP);\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupNotch) {\n\t\t\toptions.notch = elOpener.dataset.topPopupNotch;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupClass) {\n\t\t\toptions.class = elOpener.dataset.topPopupClass;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupPosBy) {\n\t\t\toptions.posBy = elOpener.dataset.topPopupPosBy;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupFront) {\n\t\t\toptions.frontSelector = elOpener.dataset.topPopupFront;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupInvertX) {\n\t\t\toptions.invertX = elOpener.dataset.topPopupInvertX;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupOpenByHover) {\n\t\t\toptions.openByHover = elOpener.dataset.topPopupOpenByHover;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupUseOriginal) {\n\t\t\toptions.useOriginal = elOpener.dataset.topPopupUseOriginal;\n\t\t}\n\n\t\treturn await Worker.open(elOpener, options);\n\t}\n\n\t/**\n\t * Создать и открыть Popup\n\t * @param {Element} elOpener - элемент, вызвавший открытие Popup\n\t * @param {object} options - опции Popup\n\t */\n\tstatic async open (elOpener, options) {\n\t\telOpener.dataset.topPopupOpened = 'opened';\n\n\t\tconst { default: Popup } = await import('./popup');\n\n\t\tif (typeof (jQuery) === 'function') {\n\t\t\tconst $elOpener = jQuery(elOpener);\n\n\t\t\t// deprecated, используется aftershow.top-menu-popup\n\t\t\tif ($elOpener.data('aftershow')) {\n\t\t\t\tlet afterShow = $elOpener.data('aftershow');\n\t\t\t\tif (typeof (afterShow) == 'string') {\n\t\t\t\t\tafterShow = eval(afterShow.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('aftershow.top-menu-popup', afterShow);\n\t\t\t}\n\n\t\t\t// deprecated, используется afterclose.top-menu-popup\n\t\t\tif ($elOpener.data('afterclose')) {\n\t\t\t\tlet afterclose = $elOpener.data('afterclose');\n\t\t\t\tif (typeof (afterclose) == 'string') {\n\t\t\t\t\tafterclose = eval(afterclose.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('afterclose.top-menu-popup', afterclose);\n\t\t\t}\n\t\t}\n\n\t\toptions.isFullScreen = Core.state.isMobile;\n\t\toptions.i18n = i18n;\n\n\t\treturn await new Popup(elOpener, options);\n\t}\n\n\tstatic close (elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.close();\n\t\t}\n\t}\n\n\tstatic recalcPosition (elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.recalcPosition();\n\n\t\t\t// контроль за состоянием тени скролла\n\t\t\t// вызывать после имзенения высоты скролла popup.elPopupBody\n\t\t\tHelperCommon.genHasScroll($(popup.elPopupBody));\n\t\t}\n\t}\n\n\t// скролл к активному элементу списка\n\tstatic scrollToActive (elPopup) {\n\t\tconst elItemActive = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li > .top-active');\n\t\tif (!elItemActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\n\t\tconst elsLi = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li');\n\n\t\telPopup.classList.add('top-popup-wrapper-no_animate');\n\t\tsetTimeout(() => elPopup.classList.remove('top-popup-wrapper-no_animate'), 100);\n\n\t\tlet top = 100;\n\t\tfor (const elLi of elsLi) {\n\t\t\tif (elLi.querySelector(':scope > .top-active')) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\ttop += elLi.offsetHeight;\n\t\t}\n\n\t\tconst heightWrapper = elUl.offsetHeight;\n\t\tif (top > heightWrapper) {\n\t\t\telUl.scrollTop = top - heightWrapper;\n\t\t} else {\n\t\t\telUl.scrollTop = 0;\n\t\t}\n\t}\n\n\tstatic decoratorBeforeOpen (popup) {\n\t\tif (decoratorBeforeOpen) {\n\t\t\tdecoratorBeforeOpen(popup);\n\t\t}\n\t};\n\n\tstatic decoratorAfterOpen (popup) {\n\t\tif (decoratorAfterOpen) {\n\t\t\tdecoratorAfterOpen(popup);\n\t\t}\n\t};\n\n\t/**\n\t * Определитель того, что клик вне Popup нужно игнорировать\n\t * @returns {boolean} - игнорировать клик, то есть не закрывать Popup\n\t */\n\tstatic decoratorIsIgnoreOuterClick (e) {\n\t\tif (decoratorIsIgnoreOuterClick) {\n\t\t\treturn decoratorIsIgnoreOuterClick(e);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Зарегистрировать Vue компонент\n\t *\n\t * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js\n\t * @param {string} id\n\t * @param {any} vueConnector\n\t */\n\tstatic regVueComponent (id, vueConnector) {\n\t\tif (Worker.vueConnectors.get(id)) {\n\t\t\tthrow 'Vue component Popup use duplicated id: ' + id;\n\t\t}\n\n\t\tWorker.vueConnectors.set(id, vueConnector);\n\t}\n\n\t/**\n\t * Снять с регистрации Vue компонент\n\t * @param {string} id\n\t */\n\tstatic unregVueComponent (id) {\n\t\tWorker.vueConnectors.delete(id);\n\t}\n\n}\n\nGlobalEvents.init(Worker, Core);\n\nexport default Worker;\n"],"names":["Core","Worker","Events","elOpener","options","DOM","GlobalEvents"],"mappings":"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"}