@topvisor/ui 1.0.42-dev.2 → 1.0.42-dev.4

package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CXp02bYr.es.js

@@ -0,0 +1,184 @@
+import { Core as T } from "../core/app.js";
+import { defineComponent as C, onUpdated as H, createElementBlock as n, openBlock as s, Fragment as b, createElementVNode as M, renderSlot as l, ref as h, toRef as B, watch as N, onUnmounted as w, resolveDirective as R, createBlock as _, createCommentVNode as r, unref as O, withCtx as L, Teleport as E, withDirectives as k, toDisplayString as U, createVNode as A, normalizeClass as W, resolveDynamicComponent as z, mergeProps as F } from "vue";
+import { e as j } from "./forms-DC7ffuv2.es.js";
+import { TopPopupWorker as S } from "../popup/worker.js";
+const D = ["../assets/listItem.css"].map((i) => import.meta.resolve(i));
+T.insertCSSLinkToPage(D, !0);
+const q = /* @__PURE__ */ C({
+  __name: "opener",
+  props: {
+    id: {},
+    pos: { default: "3" },
+    notch: { type: Boolean, default: !0 },
+    openByHover: { type: Boolean },
+    posBy: { default: "fixed" },
+    data: {}
+  },
+  setup(i) {
+    const o = i, a = o.id || Math.random() + "";
+    let p;
+    function y(t) {
+      setTimeout(() => {
+        p = t.nextElementSibling, p && u(p);
+      });
+    }
+    H(() => {
+      p && u(p);
+    });
+    function u(t) {
+      t.dataset.topPopup = "#" + a, t.dataset.topPopupId = a, t.dataset.topPopupPos = o.pos, t.dataset.topPopupPosBy = o.posBy, t.dataset.topPopupNotch = o.notch ? "true" : "", t.dataset.topPopupOpenByHover = o.openByHover ? "true" : "", t.__TopPopupOpenerProps = o;
+    }
+    return (t, f) => (s(), n(b, null, [
+      M("template", { ref: y }),
+      l(t.$slots, "default")
+    ], 64));
+  }
+}), G = {
+  key: 0,
+  class: "top-popup_header"
+}, J = {
+  key: 0,
+  class: "top-as-a closer"
+}, K = {
+  key: 1,
+  class: "top-popup_widget"
+}, Q = {
+  key: 2,
+  class: "top-popup_content"
+}, X = {
+  key: 4,
+  class: "top-popup_footer"
+}, Y = ["href"], se = /* @__PURE__ */ C({
+  __name: "popup",
+  props: {
+    id: { default: "" },
+    class: {},
+    transitionDuration: {},
+    footerSupportLink: {},
+    pos: { default: "3" },
+    notch: { type: Boolean, default: !0 },
+    openByHover: { type: Boolean },
+    posBy: { default: "fixed" },
+    data: {}
+  },
+  emits: ["open", "close", "scrollContentList"],
+  setup(i, { expose: o, emit: a }) {
+    const p = i, y = a, u = p.id || "top-popup-id-" + Math.random(), t = {
+      id: u,
+      popup: void 0
+    };
+    o(t);
+    const f = h(null), P = h(null), d = h(), m = {
+      onOpen: async (e) => {
+        e.elPopup && (f.value = e.elPopup), e.elPopupInner && (e.elPopupInner.innerText = "", P.value = e.elPopupInner), m.opened = !0, m.popup = e, t.popup = e, d.value = e.el.__TopPopupOpenerProps.data, y("open", { elPopup: e.elPopup, elPopupOpener: e.el, data: d.value });
+      },
+      onClose: (e) => {
+        P.value = null, m.opened = !1, m.popup = void 0, d.value = void 0, y("close", { elPopup: e.elPopup, elPopupOpener: e.el, data: e.el.__TopPopupOpenerProps.data });
+      },
+      classRef: B(p, "class"),
+      opened: !1,
+      popup: void 0,
+      transitionDurationRef: B(p, "transitionDuration")
+    };
+    return N(() => p.class, (e, c) => {
+      if (!f.value) return;
+      const v = (e == null ? void 0 : e.split(" ")) ?? [], g = ((c == null ? void 0 : c.split(" ")) ?? []).filter((I) => !v.includes(I));
+      f.value.classList.remove(...g), f.value.classList.add(...v);
+    }), S.regVueComponent(u, m), w(() => {
+      S.unregVueComponent(u);
+    }), (e, c) => {
+      const v = R("top-scroll-shadow");
+      return s(), n(b, null, [
+        e.$slots.opener ? (s(), _(q, {
+          key: 0,
+          id: O(u),
+          pos: e.pos,
+          posBy: e.posBy,
+          notch: e.notch,
+          openByHover: e.$core.state.isMobile || e.$core.state.isMobileUA ? !1 : e.openByHover
+        }, {
+          default: L(() => [
+            l(e.$slots, "opener")
+          ]),
+          _: 3
+        }, 8, ["id", "pos", "posBy", "notch", "openByHover"])) : r("", !0),
+        P.value ? (s(), _(E, {
+          key: 1,
+          to: P.value
+        }, [
+          e.$slots.header || e.$core.state.isMobile ? (s(), n("div", G, [
+            e.$core.state.isMobile ? (s(), n("span", J, U(e.$i18n.Common.Close), 1)) : r("", !0),
+            l(e.$slots, "header", { data: d.value })
+          ])) : r("", !0),
+          e.$slots.widget ? (s(), n("div", K, [
+            l(e.$slots, "widget")
+          ])) : r("", !0),
+          e.$slots.content ? k((s(), n("div", Q, [
+            l(e.$slots, "content", { data: d.value })
+          ])), [
+            [v]
+          ]) : r("", !0),
+          e.$slots.contentList ? k((s(), n("ul", {
+            key: 3,
+            class: "top-popup_content",
+            onScroll: c[0] || (c[0] = ($) => e.$emit("scrollContentList", $))
+          }, [
+            l(e.$slots, "contentList", { data: d.value })
+          ], 32)), [
+            [v]
+          ]) : r("", !0),
+          e.$slots.footer || e.footerSupportLink ? (s(), n("div", X, [
+            e.footerSupportLink ? (s(), n("a", {
+              key: 0,
+              class: "top-popup_footerSupportLink",
+              href: e.footerSupportLink,
+              target: "_blank"
+            }, [
+              A(j, { hint: "" })
+            ], 8, Y)) : r("", !0),
+            l(e.$slots, "footer", { data: d.value })
+          ])) : r("", !0)
+        ], 8, ["to"])) : r("", !0)
+      ], 64);
+    };
+  }
+}), pe = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "listItem",
+  props: {
+    type: { default: "button" },
+    closeByClick: { type: Boolean, default: !0 }
+  },
+  setup(i) {
+    const o = i;
+    return (a, p) => (s(), n("li", {
+      class: W({
+        "top-popup_liNoSelectable": o.type !== "button"
+      })
+    }, [
+      (s(), _(z(a.$attrs.href ? "a" : "div"), F({
+        class: {
+          "top-popup_listItem": !0,
+          "top-popup_listItem-button": o.type === "button",
+          // оформления кнопки
+          a: o.type === "button",
+          // оформления кнопки, deprecated
+          "top-popup_listItem-title": o.type === "title",
+          "top-popup_listItem-delimiter": o.type === "delimiter",
+          "top-popup-noCloser": !a.closeByClick
+        }
+      }, a.$attrs), {
+        default: L(() => [
+          l(a.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]))
+    ], 2));
+  }
+});
+export {
+  se as _,
+  pe as a,
+  q as b
+};
+//# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-CXp02bYr.es.js.map

package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CXp02bYr.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-CXp02bYr.es.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './types';\n\nconst props = withDefaults(defineProps<OpenerProps<T>>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: '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\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n\telOpener.__TopPopupOpenerProps = props;\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<!-- Использует общий deprecated класс .btn  -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.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>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { TopLibPopup } from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './types';\nimport Opener from './opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits<T>>();\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst expose = {\n\tid,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n};\n\ndefineExpose(expose);\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\nconst data = ref<T>();\n\n// см. lib/popup\nconst onOpen = async (popup: TopLibPopup<T>) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\tdata.value = popup.el.__TopPopupOpenerProps.data;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: data.value });\n};\n\n// см. lib/popup\nconst onClose = (popup: TopLibPopup<T>) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\tdata.value = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: popup.el.__TopPopupOpenerProps.data });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\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=\"($core.state.isMobile || $core.state.isMobileUA) ? false : 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<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\" :data=\"data\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\" :data=\"data\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './types';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\n\t\t\t\t'a': props.type === 'button',  // оформления кнопки, deprecated\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\n\t\t\t\t'top-popup-noCloser': !closeByClick\n\t\t\t}\"\n\t\t\t:=$attrs\n\t\t>\n\t\t\t<slot></slot>\n\t\t</component>\n\t</li>\n</template>\n"],"names":["props","__props","id","elOpener","render","el","renderOpener","onUpdated","elOpener2","renderSlot","_ctx","emit","__emit","expose","__expose","elPopupRef","ref","elPopupInnerRef","data","vueConnector","popup","toRef","watch","newValue","oldValue","newClasses","delClasses","oldClass","Worker","onUnmounted","openBlock","createElementBlock","_hoisted_2","toDisplayString","createCommentVNode","_cache","$event","_hoisted_6","normalizeClass","withCtx"],"mappings":"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"}

package/.chunks/listItem.vue_vue_type_script_setup_true_lang-M0ZTpQlF.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","./forms-L6BGV_om.amd","../popup/worker.amd","../require/css.amd!../assets/listItem.css"],function(L,B,e,C,k){"use strict";if(typeof e>"u")var e=window.Vue;const v=e.defineComponent({__name:"opener",props:{id:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"},data:{}},setup(i){const t=i,p=t.id||Math.random()+"";let s;function m(n){setTimeout(()=>{s=n.nextElementSibling,s&&l(s)})}e.onUpdated(()=>{s&&l(s)});function l(n){n.dataset.topPopup="#"+p,n.dataset.topPopupId=p,n.dataset.topPopupPos=t.pos,n.dataset.topPopupPosBy=t.posBy,n.dataset.topPopupNotch=t.notch?"true":"",n.dataset.topPopupOpenByHover=t.openByHover?"true":"",n.__TopPopupOpenerProps=t}return(n,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("template",{ref:m}),e.renderSlot(n.$slots,"default")],64))}}),h={key:0,class:"top-popup_header"},P={key:0,class:"top-as-a closer"},_={key:1,class:"top-popup_widget"},$={key:2,class:"top-popup_content"},S={key:4,class:"top-popup_footer"},N=["href"],b=e.defineComponent({__name:"popup",props:{id:{default:""},class:{},transitionDuration:{},footerSupportLink:{},pos:{default:"3"},notch:{type:Boolean,default:!0},openByHover:{type:Boolean},posBy:{default:"fixed"},data:{}},emits:["open","close","scrollContentList"],setup(i,{expose:t,emit:p}){const s=i,m=p,l=s.id||"top-popup-id-"+Math.random(),n={id:l,popup:void 0};t(n);const c=e.ref(null),f=e.ref(null),r=e.ref(),u={onOpen:async o=>{o.elPopup&&(c.value=o.elPopup),o.elPopupInner&&(o.elPopupInner.innerText="",f.value=o.elPopupInner),u.opened=!0,u.popup=o,n.popup=o,r.value=o.el.__TopPopupOpenerProps.data,m("open",{elPopup:o.elPopup,elPopupOpener:o.el,data:r.value})},onClose:o=>{f.value=null,u.opened=!1,u.popup=void 0,r.value=void 0,m("close",{elPopup:o.elPopup,elPopupOpener:o.el,data:o.el.__TopPopupOpenerProps.data})},classRef:e.toRef(s,"class"),opened:!1,popup:void 0,transitionDurationRef:e.toRef(s,"transitionDuration")};return e.watch(()=>s.class,(o,a)=>{if(!c.value)return;const d=(o==null?void 0:o.split(" "))??[],g=((a==null?void 0:a.split(" "))??[]).filter(I=>!d.includes(I));c.value.classList.remove(...g),c.value.classList.add(...d)}),k.TopPopupWorker.regVueComponent(l,u),e.onUnmounted(()=>{k.TopPopupWorker.unregVueComponent(l)}),(o,a)=>{const d=e.resolveDirective("top-scroll-shadow");return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.$slots.opener?(e.openBlock(),e.createBlock(v,{key:0,id:e.unref(l),pos:o.pos,posBy:o.posBy,notch:o.notch,openByHover:o.$core.state.isMobile||o.$core.state.isMobileUA?!1:o.openByHover},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"opener")]),_:3},8,["id","pos","posBy","notch","openByHover"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:f.value},[o.$slots.header||o.$core.state.isMobile?(e.openBlock(),e.createElementBlock("div",h,[o.$core.state.isMobile?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(o.$i18n.Common.Close),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"header",{data:r.value})])):e.createCommentVNode("",!0),o.$slots.widget?(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(o.$slots,"widget")])):e.createCommentVNode("",!0),o.$slots.content?e.withDirectives((e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"content",{data:r.value})])),[[d]]):e.createCommentVNode("",!0),o.$slots.contentList?e.withDirectives((e.openBlock(),e.createElementBlock("ul",{key:3,class:"top-popup_content",onScroll:a[0]||(a[0]=y=>o.$emit("scrollContentList",y))},[e.renderSlot(o.$slots,"contentList",{data:r.value})],32)),[[d]]):e.createCommentVNode("",!0),o.$slots.footer||o.footerSupportLink?(e.openBlock(),e.createElementBlock("div",S,[o.footerSupportLink?(e.openBlock(),e.createElementBlock("a",{key:0,class:"top-popup_footerSupportLink",href:o.footerSupportLink,target:"_blank"},[e.createVNode(C._sfc_main$1,{hint:""})],8,N)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"footer",{data:r.value})])):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64)}}}),E=e.defineComponent({inheritAttrs:!1,__name:"listItem",props:{type:{default:"button"},closeByClick:{type:Boolean,default:!0}},setup(i){const t=i;return(p,s)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass({"top-popup_liNoSelectable":t.type!=="button"})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.$attrs.href?"a":"div"),e.mergeProps({class:{"top-popup_listItem":!0,"top-popup_listItem-button":t.type==="button",a:t.type==="button","top-popup_listItem-title":t.type==="title","top-popup_listItem-delimiter":t.type==="delimiter","top-popup-noCloser":!p.closeByClick}},p.$attrs),{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},16,["class"]))],2))}});B._sfc_main=b,B._sfc_main$1=E,B._sfc_main$2=v});
+//# sourceMappingURL=listItem.vue_vue_type_script_setup_true_lang-M0ZTpQlF.amd.js.map

package/.chunks/listItem.vue_vue_type_script_setup_true_lang-M0ZTpQlF.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItem.vue_vue_type_script_setup_true_lang-M0ZTpQlF.amd.js","sources":["../../src/components/popup/popup/opener.vue","../../src/components/popup/popup/popup.vue","../../src/components/popup/popup/listItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUpdated } from 'vue';\nimport type { OpenerProps } from './types';\n\nconst props = withDefaults(defineProps<OpenerProps<T>>(), {\n\tpos: '3',\n\tnotch: true,\n\tposBy: '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\t/**\n\t * topPopup - необходимый атрибут для всез Popup\n\t *\n\t * Для Vue вместо него используется атрибут topPopupId\n\t */\n\telOpener.dataset.topPopup = '#' + id;\n\n\telOpener.dataset.topPopupId = id;\n\telOpener.dataset.topPopupPos = props.pos;\n\telOpener.dataset.topPopupPosBy = props.posBy;\n\telOpener.dataset.topPopupNotch = props.notch ? 'true' : '';\n\telOpener.dataset.topPopupOpenByHover = props.openByHover ? 'true' : '';\n\telOpener.__TopPopupOpenerProps = props;\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<!-- Использует общий deprecated класс .btn  -->\n<style>\nh3[data-top-popup],\ndiv[data-top-popup],\ni[data-top-popup]:not(.btn),\nb[data-top-popup]:not(.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>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> | undefined = undefined\">\nimport { onUnmounted, ref, toRef, watch } from 'vue';\nimport TopHint from '@/components/forms/hint/hint.vue';\nimport type { TopLibPopup } from '@/components/popup/lib/popup';\nimport type { Emits, Props } from './types';\nimport Opener from './opener.vue';\nimport Worker from '@/components/popup/lib/worker';\n\nconst props = withDefaults(defineProps<Props<T>>(), {\n\tid: '',\n\tpos: '3',\n\tnotch: true,\n\tposBy: 'fixed',\n});\n\nconst emit = defineEmits<Emits<T>>();\n\nconst id = props.id || 'top-popup-id-' + Math.random() + '';\n\nconst expose = {\n\tid,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n};\n\ndefineExpose(expose);\n\nconst elPopupRef = ref<HTMLElement | null>(null);\nconst elPopupInnerRef = ref<HTMLElement | null>(null);\n\nconst data = ref<T>();\n\n// см. lib/popup\nconst onOpen = async (popup: TopLibPopup<T>) => {\n\tif (popup.elPopup) elPopupRef.value = popup.elPopup;\n\n\tif (popup.elPopupInner) {\n\t\tpopup.elPopupInner.innerText = '';\n\n\t\telPopupInnerRef.value = popup.elPopupInner;\n\t}\n\n\tvueConnector.opened = true;\n\tvueConnector.popup = popup;\n\n\texpose.popup = popup;\n\n\tdata.value = popup.el.__TopPopupOpenerProps.data;\n\n\temit('open', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: data.value });\n};\n\n// см. lib/popup\nconst onClose = (popup: TopLibPopup<T>) => {\n\telPopupInnerRef.value = null;\n\n\tvueConnector.opened = false;\n\tvueConnector.popup = undefined;\n\n\tdata.value = undefined;\n\n\temit('close', { elPopup: popup.elPopup!, elPopupOpener: popup.el, data: popup.el.__TopPopupOpenerProps.data });\n};\n\nconst vueConnector = {\n\tonOpen,\n\tonClose,\n\tclassRef: toRef(props, 'class'),\n\topened: false,\n\tpopup: undefined as TopLibPopup<T> | undefined,\n\ttransitionDurationRef: toRef(props, 'transitionDuration'),\n};\n\nwatch(() => props.class, (newValue, oldValue) => {\n\tif (!elPopupRef.value) return;\n\n\tconst newClasses = newValue?.split(' ') ?? [];\n\tconst oldClasses = oldValue?.split(' ') ?? [];\n\n\tconst delClasses = oldClasses.filter((oldClass) => !newClasses.includes(oldClass));\n\n\telPopupRef.value.classList.remove(...delClasses);\n\telPopupRef.value.classList.add(...newClasses);\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=\"($core.state.isMobile || $core.state.isMobileUA) ? false : 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<!-- elPopupInnerRef будет установлен только после открытия и будет сброшен сразу после закрытия Popup -->\n\t<teleport\n\t\tv-if=\"elPopupInnerRef\"\n\t\t:to=\"elPopupInnerRef\"\n\t>\n\t\t<div\n\t\t\tv-if=\"$slots.header || $core.state.isMobile\"\n\t\t\tclass=\"top-popup_header\"\n\t\t>\n\t\t\t<span\n\t\t\t\tv-if=\"$core.state.isMobile\"\n\t\t\t\tclass=\"top-as-a closer\"\n\t\t\t>\n\t\t\t\t{{ $i18n.Common.Close }}\n\t\t\t</span>\n\n\t\t\t<!-- @slot Шапка -->\n\t\t\t<slot name=\"header\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.widget\"\n\t\t\tclass=\"top-popup_widget\"\n\t\t>\n\t\t\t<!-- @slot Виджет -->\n\t\t\t<slot name=\"widget\"></slot>\n\t\t</div>\n\n\t\t<div\n\t\t\tv-if=\"$slots.content\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в свободной форме -->\n\t\t\t<slot name=\"content\" :data=\"data\"></slot>\n\t\t</div>\n\n\t\t<ul\n\t\t\tv-if=\"$slots.contentList\"\n\t\t\tclass=\"top-popup_content\"\n\t\t\t@scroll=\"$emit('scrollContentList', $event)\"\n\t\t\tv-top-scroll-shadow\n\t\t>\n\t\t\t<!-- @slot Контент в виде списка, для вставки элементов списка используйте компонент popup/listItem -->\n\t\t\t<slot name=\"contentList\" :data=\"data\"></slot>\n\t\t</ul>\n\n\t\t<div\n\t\t\tv-if=\"$slots.footer || footerSupportLink\"\n\t\t\tclass=\"top-popup_footer\"\n\t\t>\n\t\t\t<a\n\t\t\t\tv-if=\"footerSupportLink\"\n\t\t\t\tclass=\"top-popup_footerSupportLink\"\n\t\t\t\t:href=\"footerSupportLink\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t>\n\t\t\t\t<TopHint hint=\"\"/>\n\t\t\t</a>\n\n\t\t\t<!-- @slot Футер -->\n\t\t\t<slot name=\"footer\" :data=\"data\"></slot>\n\t\t</div>\n\t</teleport>\n</template>\n\n<style>\n.top-popup_footerSupportLink {\n\tmargin-right: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ListItemProps } from './types';\n\ndefineOptions({\n\tinheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ListItemProps>(), {\n\ttype: 'button',\n\tcloseByClick: true,\n});\n</script>\n\n<template>\n\t<li\n\t\t:class=\"{\n\t\t'top-popup_liNoSelectable': props.type !== 'button'\n\t}\"\n\t>\n\t\t<component\n\t\t\t:is=\"$attrs.href ? 'a' : 'div'\"\n\t\t\t:class=\"{\n\t\t\t\t'top-popup_listItem': true,\n\t\t\t\t'top-popup_listItem-button': props.type === 'button', // оформления кнопки\n\t\t\t\t'a': props.type === 'button',  // оформления кнопки, deprecated\n\t\t\t\t'top-popup_listItem-title': props.type === 'title',\n\t\t\t\t'top-popup_listItem-delimiter': props.type === 'delimiter',\n\t\t\t\t'top-popup-noCloser': !closeByClick\n\t\t\t}\"\n\t\t\t:=$attrs\n\t\t>\n\t\t\t<slot></slot>\n\t\t</component>\n\t</li>\n</template>\n"],"names":["id","props","elOpener","render","el","renderOpener","elOpener2","vue","_ctx","elPopupRef","elPopupInnerRef","data","popup","vueConnector","expose","delClasses","oldClass","newClasses","popup_worker","_hoisted_2"],"mappings":"uXAUAA,EAAAC,EAAA,IAAA,KAAA,OAAA,EAAA,GAEA,IAAAC,EAOA,SAAAC,EAAAC,EAAA,iBAEEF,EAAAE,EAAA,0BAIA,CAAA,CACA,yBAMD,CAAA,EAGD,SAAAC,EAAAC,EAAA,0BAQCA,EAAA,QAAA,WAAAN,8DAGAM,EAAA,QAAA,cAAAL,EAAA,MAAA,OAAA,GACAK,EAAA,QAAA,oBAAAL,EAAA,YAAA,OAAA,GACAK,EAAA,sBAAAL,CAAiC,4GAKXM,EAAA,WAAAC,EAAA,OAAA,SAAA,sfCpCvBR,EAAAC,EAAA,IAAA,gBAAA,KAAA,OAAA,KAEe,GAAAD,EACd,MAAA,aAMD,MAAAS,EAAAF,EAAA,IAAA,IAAA,EACAG,EAAAH,EAAA,IAAA,IAAA,EAEAI,EAAAJ,EAAA,IAAA,KAkCqB,OA/BrB,MAAAK,GAAA,gCAGCA,EAAA,eACCA,EAAA,aAAA,UAAA,GAEAF,EAAA,MAAAE,EAAA,cAGDC,EAAA,OAAA,GACAA,EAAA,MAAAD,EAEAE,EAAA,MAAAF,yGAoBA,QAZDA,GAAA,CACCF,EAAA,MAAA,KAEAG,EAAA,OAAA,GACAA,EAAA,MAAA,OAEAF,EAAA,MAAA,+FAOA,SAAAJ,EAAA,MAAAN,EAAA,OAAA,yBAGO,sBAAAM,EAAA,MAAAN,EAAA,oBAAA,sCAKP,GAAA,CAAAQ,EAAA,MAAA,iDAKAM,sCAAA,OAAAC,GAAA,CAAAC,EAAA,SAAAD,CAAA,CAAA,4DAG4C,CAAA,EAG7CE,EAAA,eAAA,gBAAAlB,EAAAa,CAAA,qBAGCK,EAAA,eAAA,kBAAAlB,CAAA,CAA2B,CAAA,yLAOnB,IAAAQ,EAAA,IACE,MAAAA,EAAA,MACI,MAAAA,EAAA,mFAEuE,EAAA,wBAGzDD,EAAA,WAAAC,EAAA,OAAA,QAAA,CAAA,CAAA,mJAOP,EAAA,sFAedA,EAAA,MAAA,MAAA,UAAAD,EAAA,UAAA,EAAAA,EAAA,mBAAA,OAAAY,EAAAZ,EAAA,gBAAAC,EAAA,MAAA,OAAA,KAAA,EAAA,CAAA,GAAAD,EAAA,mBAAA,GAAA,EAAA,gDAD0B,CAAA,GAAAA,EAAA,mBAAA,GAAA,EAAA,+DAS1BA,EAAA,WAAAC,EAAA,OAAA,QAAA,CADsB,CAAA,GAAAD,EAAA,mBAAA,GAAA,EAAA,iFAUtBA,EAAA,WAAAC,EAAA,OAAA,UAAA,CAAA,KAAAG,EAAA,KAAA,CAAA,CAD2B,CAAA,GAAA,0MAMU,EAAA,uRAanC,KAAAH,EAAA,kBACkB,OAAA,QACjB,EAAA,yHAMuB,CAAA,GAAAD,EAAA,mBAAA,GAAA,EAAA,mRCvJ1B,2BAAAN,EAAA,OAAA,2GAiBM,MAAA,uEAX0E,EAAAA,EAAA,OAAA,SAAuD,2BAAAA,EAAA,OAAA,QAA2F,+BAAAA,EAAA,OAAA,YAA4D,qBAAA,CAAAO,EAAA,YAAyD,cAQpV,QAAAD,EAAA,QAAA,IAAA,CAEKA,EAAA,WAAAC,EAAA,OAAA,SAAA,CAAA,CAAA"}

package/.chunks/menu.vue_vue_type_style_index_0_lang-DNsbNhVH.es.js

@@ -0,0 +1,110 @@
+import { Core as E } from "../core/app.js";
+import { defineComponent as w, mergeModels as N, useModel as T, ref as b, onMounted as P, onUpdated as K, createElementBlock as c, openBlock as f, normalizeClass as q, createCommentVNode as D, Fragment as Y, renderList as $, createBlock as x, mergeProps as h, createSlots as g, withCtx as A, createTextVNode as M, toDisplayString as k, createVNode as z } from "vue";
+import { _ as C, b as F, C as O } from "./forms-DC7ffuv2.es.js";
+const W = ["../assets/menu.css"].map((n) => import.meta.resolve(n));
+E.insertCSSLinkToPage(W, !0);
+const U = {
+  key: 0,
+  class: "top-menu_selectAll"
+}, J = /* @__PURE__ */ w({
+  __name: "menu",
+  props: /* @__PURE__ */ N({
+    modelValue: {},
+    items: {},
+    isMultiple: { type: Boolean },
+    canBeEmptyMultiple: { type: Boolean },
+    styling: { default: "default" },
+    selectAllItem: {}
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    var m, p;
+    const r = n, t = T(n, "modelValue"), a = b();
+    !r.isMultiple && typeof t.value != "string" && typeof t.value != "number" && console.warn('Type check failed for prop "modelValue". Expected String: ' + typeof t.value), r.isMultiple && !Array.isArray(t.value) && console.warn('Type check failed for prop "modelValue". Expected Array: ' + typeof t.value), r.isMultiple && !r.canBeEmptyMultiple && Array.isArray(t.value) && !t.value.length && r.items[0] && (t.value = [((m = r.items[0]) == null ? void 0 : m.href) ?? ((p = r.items[0]) == null ? void 0 : p.value)]);
+    const L = (e) => Array.isArray(t.value) ? t.value.includes(e.value) : e.value === t.value, V = (e, o = !1) => {
+      if (Array.isArray(t.value)) {
+        let l = t.value.slice();
+        if (o) {
+          l.length || (l = r.items.map((u) => u.value));
+          const s = l.indexOf(e.value);
+          s === -1 ? l.push(e.value) : l.splice(s, 1);
+        } else
+          l.length === 1 && l[0] === e.value ? l = [] : l = [e.value];
+        !r.canBeEmptyMultiple && !l.length && (l = [e.value]), t.value = l;
+        return;
+      }
+      t.value = e.value;
+    }, _ = (e) => {
+      if (a.value.scrollWidth <= a.value.offsetWidth || e.shiftKey || Math.abs(e.deltaY) < 50) return;
+      e.preventDefault();
+      const o = e.deltaY > 0 ? 30 : -30;
+      a.value.scrollLeft = a.value.scrollLeft + o;
+    }, v = (e = !0) => {
+      var d, y;
+      const o = a.value.querySelector(".top-active");
+      if (!o) return;
+      const l = 24, s = o.offsetLeft - a.value.offsetLeft - l, u = o.offsetLeft - a.value.offsetLeft + o.clientWidth + l, S = a.value.scrollLeft, I = a.value.clientWidth + a.value.scrollLeft;
+      let i;
+      s < S && (i = s), u > I && (i = u - a.value.clientWidth), i !== void 0 && (F() ? (y = (d = O).$) == null || y.call(d, a.value).animate({ scrollLeft: i }, e ? 200 : 0) : a.value.scrollTo({ left: i, behavior: e ? "smooth" : "auto" }));
+    }, B = () => {
+      if (Array.isArray(t.value)) {
+        if (t.value.length === r.items.length) {
+          t.value = [r.items[0].href ?? r.items[0].value];
+          return;
+        }
+        t.value = r.items.map((e) => e.href ?? e.value);
+      }
+    };
+    return P(() => v(!1)), K(() => v(!0)), (e, o) => (f(), c("div", {
+      ref_key: "el",
+      ref: a,
+      class: q({
+        "top-menu": !0,
+        ["top-style_" + e.styling]: !0
+        // ['top-unwrap-x']: styling === 'default',
+      }),
+      onWheel: _
+    }, [
+      (f(!0), c(Y, null, $(e.items, (l) => (f(), x(C, h({ ref_for: !0 }, l, {
+        class: "top-menu_item",
+        color: "theme",
+        onClick: (s) => V(l, s.ctrlKey || s.metaKey),
+        isActive: L(l)
+      }), g({ _: 2 }, [
+        l.content ? {
+          name: "default",
+          fn: A(() => [
+            M(k(l.content), 1)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["onClick", "isActive"]))), 256)),
+      Array.isArray(t.value) && e.selectAllItem ? (f(), c("div", U, [
+        z(C, h(e.selectAllItem, {
+          class: "top-menu_item",
+          color: "theme",
+          styling: "",
+          onClick: o[0] || (o[0] = (l) => B()),
+          isActive: t.value.length === e.items.length
+        }), g({ _: 2 }, [
+          e.selectAllItem.content ? {
+            name: "default",
+            fn: A(() => [
+              M(k(e.selectAllItem.content), 1)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["isActive"])
+      ])) : D("", !0)
+    ], 34));
+  }
+});
+export {
+  J as _
+};
+//# sourceMappingURL=menu.vue_vue_type_style_index_0_lang-DNsbNhVH.es.js.map

package/.chunks/menu.vue_vue_type_style_index_0_lang-DNsbNhVH.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.vue_vue_type_style_index_0_lang-DNsbNhVH.es.js","sources":["../../src/components/formsExt/menu/menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './types';\nimport Core from '@/core/core/core';\nimport { isSafari } from '@/core/utils/device';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n});\n\nconst model = defineModel({\n\trequired: true,\n});\n\nconst el = ref();\n\n// валидация типа modelValue без возможности выбора нескольких значений (ожидается строка или число)\nif (!props.isMultiple && typeof (model.value) !== 'string' && typeof (model.value) !== 'number') {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected String: ' + typeof (model.value));\n}\n\n// валидация типа modelValue с возможностью выбора нескольких значений (ожидается массив)\nif (props.isMultiple && !Array.isArray(model.value)) {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected Array: ' + typeof (model.value));\n}\n\n/**\n * Для множественного выбора без пустого множества\n *\n * Если ничего не выбрано, присваиваем 1-ое значение\n */\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\n\tmodel.value = [props.items[0]?.href ?? props.items[0]?.value];\n}\n\nconst itemIsActive = (item: Item) => {\n\tif (!Array.isArray(model.value)) {\n\t\treturn item.value === model.value;\n\t}\n\n\treturn model.value.includes(item.value);\n};\n\n/**\n * Выбрать элемент\n * @param item\n * @param toggle - добавить или исключить элемент, для isMultiple\n */\nconst select = (item: Item, toggle = false) => {\n\tif (Array.isArray(model.value)) {\n\t\tlet modelNew = model.value.slice();\n\n\t\tif (toggle) {\n\t\t\tif (!modelNew.length) modelNew = props.items.map(item => item.value);\n\n\t\t\tconst index = modelNew.indexOf(item.value);\n\t\t\tif (index === -1) {\n\t\t\t\tmodelNew.push(item.value);\n\t\t\t} else {\n\t\t\t\tmodelNew.splice(index, 1);\n\t\t\t}\n\t\t} else {\n\t\t\tif (modelNew.length === 1 && modelNew[0] === item.value) {\n\t\t\t\tmodelNew = [];\n\t\t\t} else {\n\t\t\t\tmodelNew = [item.value];\n\t\t\t}\n\t\t}\n\n\t\tif (!props.canBeEmptyMultiple && !modelNew.length) modelNew = [item.value];\n\n\t\tmodel.value = modelNew;\n\n\t\treturn;\n\t}\n\n\tmodel.value = item.value;\n};\n\n// вертикальный скролл в горизонтальный скролл\nconst onWheel = (event: WheelEvent) => {\n\tif (el.value.scrollWidth <= el.value.offsetWidth) return;\n\tif (event.shiftKey) return;\n\tif (Math.abs(event.deltaY) < 50) return; // устройство с высокой точностью, например тачпад\n\n\tevent.preventDefault();\n\n\tconst delta = event.deltaY > 0 ? 30 : -30;\n\tel.value.scrollLeft = el.value.scrollLeft + delta;\n};\n\n/**\n * Замена стандартному scrollIntoView, который меняет скролл документа\n *\n * Выравнивание по ближнему краю элемента\n *\n * Выравнивается таким образом, чтобы был виден соседний элемент\n */\nconst scrollIntoView = (isSmooth = true) => {\n\tconst elBtn = el.value.querySelector('.top-active');\n\tif (!elBtn) return;\n\n\tconst gap = 24;\n\n\t// левая и правая координаты элемента\n\tconst leftMargin = elBtn.offsetLeft - el.value.offsetLeft - gap;\n\tconst rightMargin = elBtn.offsetLeft - el.value.offsetLeft + elBtn.clientWidth + gap;\n\n\t// левая и правая границы видимой части меню\n\tconst leftMarginParent = el.value.scrollLeft;\n\tconst rightMarginParent = el.value.clientWidth + el.value.scrollLeft;\n\n\tlet scrollLeft: number | undefined = undefined;\n\n\t// левую границу элемента к левой границе меню\n\tif (leftMargin < leftMarginParent) scrollLeft = leftMargin;\n\n\t// правую границу элемента к правой границе меню\n\tif (rightMargin > rightMarginParent) scrollLeft = rightMargin - el.value.clientWidth;\n\n\tif (scrollLeft !== undefined) {\n\t\tif (isSafari()) {\n\t\t\tCore.$?.(el.value).animate({ scrollLeft: scrollLeft }, isSmooth ? 200 : 0);\n\t\t} else {\n\t\t\tel.value.scrollTo({ left: scrollLeft, behavior: isSmooth ? 'smooth' : 'auto' });\n\t\t}\n\t}\n};\n\n/**\n * Выбрать все элементы в меню\n */\nconst selectAll = () => {\n\tif (!Array.isArray(model.value)) return;\n\n\tif (model.value.length === props.items.length) {\n\t\tmodel.value = [props.items[0].href ?? props.items[0].value];\n\t\treturn;\n\t}\n\n\tmodel.value = props.items.map(item => item.href ?? item.value);\n};\n\nonMounted(() => scrollIntoView(false));\nonUpdated(() => scrollIntoView(true));\n\n</script>\n\n<template>\n\t<div\n\t\tref=\"el\"\n\t\t:class=\"{\n\t\t\t'top-menu': true,\n\t\t\t['top-style_' + styling]: true,\n\t\t\t// ['top-unwrap-x']: styling === 'default',\n\t\t}\"\n\t\t@wheel=\"onWheel\"\n\t>\n\t\t<TopButton\n\t\t\tv-for=\"item in items\"\n\t\t\t:=\"item\"\n\t\t\tclass=\"top-menu_item\"\n\t\t\tcolor=\"theme\"\n\t\t\t@click=\"select(item, $event.ctrlKey || $event.metaKey)\"\n\t\t\t:isActive=\"itemIsActive(item)\"\n\t\t>\n\t\t\t<template #default v-if=\"item.content\">\n\t\t\t\t{{ item.content }}\n\t\t\t</template>\n\t\t</TopButton>\n\n\t\t<div\n\t\t\tv-if=\"Array.isArray(model) && selectAllItem\"\n\t\t\tclass=\"top-menu_selectAll\"\n\t\t>\n\t\t\t<TopButton\n\t\t\t\t:=\"selectAllItem\"\n\t\t\t\tclass=\"top-menu_item\"\n\t\t\t\tcolor=\"theme\"\n\t\t\t\tstyling=\"\"\n\t\t\t\t@click=\"selectAll()\"\n\t\t\t\t:isActive=\"model.length === items.length\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"selectAllItem.content\">\n\t\t\t\t\t{{ selectAllItem.content }}\n\t\t\t\t</template>\n\t\t\t</TopButton>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-menu {\n\t--scroll-thumb-color: var(--color-line-1);\n\t--scroll-thumb-color-hover: var(--color-line-2);\n\t--scroll-thumb-color-active: var(--color-line-3);\n\n\tmax-width: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: var(--top-gap-2);\n\toverflow-x: auto;\n\tscrollbar-width: none; /* firefox */\n\n\t/* предотвратить натинвые события браузера (назад / вперед) */\n\toverscroll-behavior-x: contain;\n}\n\n.top-menu::-webkit-scrollbar { display: none; }\n\n.top-menu .top-menu_item {\n\t--top-button-color: var(--color-text-2);\n\n\toutline-offset: -2px !important;\n\tmin-width: 0;\n\tmax-width: 200px;\n\tmargin: 0;\n\tflex-shrink: 0;\n}\n\n.top-menu .top-menu_item[data-top-icon] {\n\t--top-icon-color: var(--color-text-2);\n}\n\n.top-menu_selectAll {\n\tposition: sticky;\n\tright: 0;\n\tbackground: var(--color-layout-front-1);\n\tborder-left: 1px solid var(--color-line-1);\n\tpadding-left: var(--top-padding-1);\n\tbox-shadow: var(--color-layout-front-1) var(--top-padding-2) 0px;\n}\n\n/* style default */\n.top-menu.top-style_default .top-menu_item {\n\t--top-forms-radius: 0;\n\t--top-forms-border-color: transparent;\n\t--top-forms-border-width: 2px;\n\n\tfilter: none;\n\tbox-shadow: none;\n\tborder: none;\n\tborder-bottom: var(--top-forms-border-width) solid var(--top-forms-border-color);\n\tbackground: none;\n}\n\n.top-style_default > .top-menu_item > [data-top-badge] {\n\tmargin-top: 0;\n}\n\n.top-menu.top-style_default .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-2);\n}\n\n.top-menu.top-style_default .top-menu_item:active,\n.top-menu.top-style_default .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-primary-1);\n}\n\n.top-menu.top-style_default .top-menu_selectAll {\n\tpadding-left: var(--top-padding-2);\n}\n\n/* style bar */\n.top-menu.top-style_bar {\n\tborder-radius: var(--top-radius-3);\n\tborder: 1px solid var(--color-line-2);\n\tpadding: var(--top-padding-1);\n\tgap: 3px;\n}\n.top-menu.top-style_bar .top-menu_item {\n\t--top-button-background-color-hover: var(--color-layer-1);\n\t--top-button-background-color-active: var(--color-layer-2);\n\t--top-button-background-color-selected: var(--color-layer-primary-1);\n\n\tposition: relative;\n}\n\n.top-menu.top-style_bar .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n}\n\n.top-menu.top-style_bar .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-primary);\n}\n\n/* разделители кнопок в баре */\n.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after {\n\tcontent: \"\";\n\tbackground: var(--color-line-1-opacity);\n\twidth: 1px;\n\theight: 60%;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: -2px;\n}\n.top-menu.top-style_bar .top-menu_item.top-active + .top-menu_item:after,\n.top-menu.top-style_bar .top-menu_item:hover + .top-menu_item:after {\n\tcontent: none !important;\n}\n\n/*\n.top-style_bar > .top-menu_item > [data-top-badge] {\n\tmargin-top: -3px;\n}\n*/\n\n/** TODO: .top-unwrap-x надо вынести глобально в UI или добавить в стили для storybook */\n/*\n.top-menu.top-unwrap-x {\n\tpadding-right: var(--top-unwrap-x);\n\tpadding-left: var(--top-unwrap-x);\n\tmargin-right: calc(0px - var(--top-unwrap-x));\n\tmargin-left: calc(0px - var(--top-unwrap-x));\n}\n*/\n</style>\n"],"names":["props","__props","model","useModel","el","ref","_a","_b","itemIsActive","item","select","toggle","modelNew","item2","index","onWheel","event","delta","scrollIntoView","isSmooth","elBtn","gap","leftMargin","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","isSafari","Core","selectAll","onMounted","onUpdated","normalizeClass","$event","createSlots","withCtx","createTextVNode","toDisplayString","createVNode","_sfc_main$1","mergeProps","_ctx","_cache"],"mappings":"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"}

package/.chunks/menu.vue_vue_type_style_index_0_lang-DepdFfhE.amd.js

@@ -0,0 +1,2 @@
+define(["require","exports","vue","./forms-L6BGV_om.amd","../require/css.amd!../assets/menu.css"],function(C,h,e,u){"use strict";if(typeof e>"u")var e=window.Vue;const g={key:0,class:"top-menu_selectAll"},A=e.defineComponent({__name:"menu",props:e.mergeModels({modelValue:{},items:{},isMultiple:{type:Boolean},canBeEmptyMultiple:{type:Boolean},styling:{default:"default"},selectAllItem:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(f){var d,m;const o=f,a=e.useModel(f,"modelValue"),r=e.ref();!o.isMultiple&&typeof a.value!="string"&&typeof a.value!="number"&&console.warn('Type check failed for prop "modelValue". Expected String: '+typeof a.value),o.isMultiple&&!Array.isArray(a.value)&&console.warn('Type check failed for prop "modelValue". Expected Array: '+typeof a.value),o.isMultiple&&!o.canBeEmptyMultiple&&Array.isArray(a.value)&&!a.value.length&&o.items[0]&&(a.value=[((d=o.items[0])==null?void 0:d.href)??((m=o.items[0])==null?void 0:m.value)]);const k=l=>Array.isArray(a.value)?a.value.includes(l.value):l.value===a.value,M=(l,s=!1)=>{if(Array.isArray(a.value)){let t=a.value.slice();if(s){t.length||(t=o.items.map(c=>c.value));const n=t.indexOf(l.value);n===-1?t.push(l.value):t.splice(n,1)}else t.length===1&&t[0]===l.value?t=[]:t=[l.value];!o.canBeEmptyMultiple&&!t.length&&(t=[l.value]),a.value=t;return}a.value=l.value},B=l=>{if(r.value.scrollWidth<=r.value.offsetWidth||l.shiftKey||Math.abs(l.deltaY)<50)return;l.preventDefault();const s=l.deltaY>0?30:-30;r.value.scrollLeft=r.value.scrollLeft+s},v=(l=!0)=>{var p,y;const s=r.value.querySelector(".top-active");if(!s)return;const t=24,n=s.offsetLeft-r.value.offsetLeft-t,c=s.offsetLeft-r.value.offsetLeft+s.clientWidth+t,_=r.value.scrollLeft,L=r.value.clientWidth+r.value.scrollLeft;let i;n<_&&(i=n),c>L&&(i=c-r.value.clientWidth),i!==void 0&&(u.isSafari()?(y=(p=u.Core).$)==null||y.call(p,r.value).animate({scrollLeft:i},l?200:0):r.value.scrollTo({left:i,behavior:l?"smooth":"auto"}))},V=()=>{if(Array.isArray(a.value)){if(a.value.length===o.items.length){a.value=[o.items[0].href??o.items[0].value];return}a.value=o.items.map(l=>l.href??l.value)}};return e.onMounted(()=>v(!1)),e.onUpdated(()=>v(!0)),(l,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"el",ref:r,class:e.normalizeClass({"top-menu":!0,["top-style_"+l.styling]:!0}),onWheel:B},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,t=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps({ref_for:!0},t,{class:"top-menu_item",color:"theme",onClick:n=>M(t,n.ctrlKey||n.metaKey),isActive:k(t)}),e.createSlots({_:2},[t.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),key:"0"}:void 0]),1040,["onClick","isActive"]))),256)),Array.isArray(a.value)&&l.selectAllItem?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(u._sfc_main,e.mergeProps(l.selectAllItem,{class:"top-menu_item",color:"theme",styling:"",onClick:s[0]||(s[0]=t=>V()),isActive:a.value.length===l.items.length}),e.createSlots({_:2},[l.selectAllItem.content?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.selectAllItem.content),1)]),key:"0"}:void 0]),1040,["isActive"])])):e.createCommentVNode("",!0)],34))}});h._sfc_main=A});
+//# sourceMappingURL=menu.vue_vue_type_style_index_0_lang-DepdFfhE.amd.js.map

package/.chunks/menu.vue_vue_type_style_index_0_lang-DepdFfhE.amd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.vue_vue_type_style_index_0_lang-DepdFfhE.amd.js","sources":["../../src/components/formsExt/menu/menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, onUpdated, ref } from 'vue';\nimport type { Item, Props } from './types';\nimport Core from '@/core/core/core';\nimport { isSafari } from '@/core/utils/device';\nimport TopButton from '@/components/forms/button/button.vue';\n\nconst props = withDefaults(defineProps<Props>(), {\n\tstyling: 'default',\n});\n\nconst model = defineModel({\n\trequired: true,\n});\n\nconst el = ref();\n\n// валидация типа modelValue без возможности выбора нескольких значений (ожидается строка или число)\nif (!props.isMultiple && typeof (model.value) !== 'string' && typeof (model.value) !== 'number') {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected String: ' + typeof (model.value));\n}\n\n// валидация типа modelValue с возможностью выбора нескольких значений (ожидается массив)\nif (props.isMultiple && !Array.isArray(model.value)) {\n\tconsole.warn('Type check failed for prop \"modelValue\". Expected Array: ' + typeof (model.value));\n}\n\n/**\n * Для множественного выбора без пустого множества\n *\n * Если ничего не выбрано, присваиваем 1-ое значение\n */\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length && props.items[0]) {\n\tmodel.value = [props.items[0]?.href ?? props.items[0]?.value];\n}\n\nconst itemIsActive = (item: Item) => {\n\tif (!Array.isArray(model.value)) {\n\t\treturn item.value === model.value;\n\t}\n\n\treturn model.value.includes(item.value);\n};\n\n/**\n * Выбрать элемент\n * @param item\n * @param toggle - добавить или исключить элемент, для isMultiple\n */\nconst select = (item: Item, toggle = false) => {\n\tif (Array.isArray(model.value)) {\n\t\tlet modelNew = model.value.slice();\n\n\t\tif (toggle) {\n\t\t\tif (!modelNew.length) modelNew = props.items.map(item => item.value);\n\n\t\t\tconst index = modelNew.indexOf(item.value);\n\t\t\tif (index === -1) {\n\t\t\t\tmodelNew.push(item.value);\n\t\t\t} else {\n\t\t\t\tmodelNew.splice(index, 1);\n\t\t\t}\n\t\t} else {\n\t\t\tif (modelNew.length === 1 && modelNew[0] === item.value) {\n\t\t\t\tmodelNew = [];\n\t\t\t} else {\n\t\t\t\tmodelNew = [item.value];\n\t\t\t}\n\t\t}\n\n\t\tif (!props.canBeEmptyMultiple && !modelNew.length) modelNew = [item.value];\n\n\t\tmodel.value = modelNew;\n\n\t\treturn;\n\t}\n\n\tmodel.value = item.value;\n};\n\n// вертикальный скролл в горизонтальный скролл\nconst onWheel = (event: WheelEvent) => {\n\tif (el.value.scrollWidth <= el.value.offsetWidth) return;\n\tif (event.shiftKey) return;\n\tif (Math.abs(event.deltaY) < 50) return; // устройство с высокой точностью, например тачпад\n\n\tevent.preventDefault();\n\n\tconst delta = event.deltaY > 0 ? 30 : -30;\n\tel.value.scrollLeft = el.value.scrollLeft + delta;\n};\n\n/**\n * Замена стандартному scrollIntoView, который меняет скролл документа\n *\n * Выравнивание по ближнему краю элемента\n *\n * Выравнивается таким образом, чтобы был виден соседний элемент\n */\nconst scrollIntoView = (isSmooth = true) => {\n\tconst elBtn = el.value.querySelector('.top-active');\n\tif (!elBtn) return;\n\n\tconst gap = 24;\n\n\t// левая и правая координаты элемента\n\tconst leftMargin = elBtn.offsetLeft - el.value.offsetLeft - gap;\n\tconst rightMargin = elBtn.offsetLeft - el.value.offsetLeft + elBtn.clientWidth + gap;\n\n\t// левая и правая границы видимой части меню\n\tconst leftMarginParent = el.value.scrollLeft;\n\tconst rightMarginParent = el.value.clientWidth + el.value.scrollLeft;\n\n\tlet scrollLeft: number | undefined = undefined;\n\n\t// левую границу элемента к левой границе меню\n\tif (leftMargin < leftMarginParent) scrollLeft = leftMargin;\n\n\t// правую границу элемента к правой границе меню\n\tif (rightMargin > rightMarginParent) scrollLeft = rightMargin - el.value.clientWidth;\n\n\tif (scrollLeft !== undefined) {\n\t\tif (isSafari()) {\n\t\t\tCore.$?.(el.value).animate({ scrollLeft: scrollLeft }, isSmooth ? 200 : 0);\n\t\t} else {\n\t\t\tel.value.scrollTo({ left: scrollLeft, behavior: isSmooth ? 'smooth' : 'auto' });\n\t\t}\n\t}\n};\n\n/**\n * Выбрать все элементы в меню\n */\nconst selectAll = () => {\n\tif (!Array.isArray(model.value)) return;\n\n\tif (model.value.length === props.items.length) {\n\t\tmodel.value = [props.items[0].href ?? props.items[0].value];\n\t\treturn;\n\t}\n\n\tmodel.value = props.items.map(item => item.href ?? item.value);\n};\n\nonMounted(() => scrollIntoView(false));\nonUpdated(() => scrollIntoView(true));\n\n</script>\n\n<template>\n\t<div\n\t\tref=\"el\"\n\t\t:class=\"{\n\t\t\t'top-menu': true,\n\t\t\t['top-style_' + styling]: true,\n\t\t\t// ['top-unwrap-x']: styling === 'default',\n\t\t}\"\n\t\t@wheel=\"onWheel\"\n\t>\n\t\t<TopButton\n\t\t\tv-for=\"item in items\"\n\t\t\t:=\"item\"\n\t\t\tclass=\"top-menu_item\"\n\t\t\tcolor=\"theme\"\n\t\t\t@click=\"select(item, $event.ctrlKey || $event.metaKey)\"\n\t\t\t:isActive=\"itemIsActive(item)\"\n\t\t>\n\t\t\t<template #default v-if=\"item.content\">\n\t\t\t\t{{ item.content }}\n\t\t\t</template>\n\t\t</TopButton>\n\n\t\t<div\n\t\t\tv-if=\"Array.isArray(model) && selectAllItem\"\n\t\t\tclass=\"top-menu_selectAll\"\n\t\t>\n\t\t\t<TopButton\n\t\t\t\t:=\"selectAllItem\"\n\t\t\t\tclass=\"top-menu_item\"\n\t\t\t\tcolor=\"theme\"\n\t\t\t\tstyling=\"\"\n\t\t\t\t@click=\"selectAll()\"\n\t\t\t\t:isActive=\"model.length === items.length\"\n\t\t\t>\n\t\t\t\t<template #default v-if=\"selectAllItem.content\">\n\t\t\t\t\t{{ selectAllItem.content }}\n\t\t\t\t</template>\n\t\t\t</TopButton>\n\t\t</div>\n\t</div>\n</template>\n\n<style>\n.top-menu {\n\t--scroll-thumb-color: var(--color-line-1);\n\t--scroll-thumb-color-hover: var(--color-line-2);\n\t--scroll-thumb-color-active: var(--color-line-3);\n\n\tmax-width: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: var(--top-gap-2);\n\toverflow-x: auto;\n\tscrollbar-width: none; /* firefox */\n\n\t/* предотвратить натинвые события браузера (назад / вперед) */\n\toverscroll-behavior-x: contain;\n}\n\n.top-menu::-webkit-scrollbar { display: none; }\n\n.top-menu .top-menu_item {\n\t--top-button-color: var(--color-text-2);\n\n\toutline-offset: -2px !important;\n\tmin-width: 0;\n\tmax-width: 200px;\n\tmargin: 0;\n\tflex-shrink: 0;\n}\n\n.top-menu .top-menu_item[data-top-icon] {\n\t--top-icon-color: var(--color-text-2);\n}\n\n.top-menu_selectAll {\n\tposition: sticky;\n\tright: 0;\n\tbackground: var(--color-layout-front-1);\n\tborder-left: 1px solid var(--color-line-1);\n\tpadding-left: var(--top-padding-1);\n\tbox-shadow: var(--color-layout-front-1) var(--top-padding-2) 0px;\n}\n\n/* style default */\n.top-menu.top-style_default .top-menu_item {\n\t--top-forms-radius: 0;\n\t--top-forms-border-color: transparent;\n\t--top-forms-border-width: 2px;\n\n\tfilter: none;\n\tbox-shadow: none;\n\tborder: none;\n\tborder-bottom: var(--top-forms-border-width) solid var(--top-forms-border-color);\n\tbackground: none;\n}\n\n.top-style_default > .top-menu_item > [data-top-badge] {\n\tmargin-top: 0;\n}\n\n.top-menu.top-style_default .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-2);\n}\n\n.top-menu.top-style_default .top-menu_item:active,\n.top-menu.top-style_default .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-line-primary-1);\n}\n\n.top-menu.top-style_default .top-menu_selectAll {\n\tpadding-left: var(--top-padding-2);\n}\n\n/* style bar */\n.top-menu.top-style_bar {\n\tborder-radius: var(--top-radius-3);\n\tborder: 1px solid var(--color-line-2);\n\tpadding: var(--top-padding-1);\n\tgap: 3px;\n}\n.top-menu.top-style_bar .top-menu_item {\n\t--top-button-background-color-hover: var(--color-layer-1);\n\t--top-button-background-color-active: var(--color-layer-2);\n\t--top-button-background-color-selected: var(--color-layer-primary-1);\n\n\tposition: relative;\n}\n\n.top-menu.top-style_bar .top-menu_item:hover {\n\t--top-icon-color: var(--color-text-1);\n\t--top-button-color: var(--color-text-1);\n}\n\n.top-menu.top-style_bar .top-menu_item.top-active {\n\t--top-icon-color: var(--color-text-primary);\n\t--top-button-color: var(--color-text-primary);\n}\n\n/* разделители кнопок в баре */\n.top-menu.top-style_bar .top-menu_item:not(:first-child):not(.top-active):not(:hover):after {\n\tcontent: \"\";\n\tbackground: var(--color-line-1-opacity);\n\twidth: 1px;\n\theight: 60%;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: -2px;\n}\n.top-menu.top-style_bar .top-menu_item.top-active + .top-menu_item:after,\n.top-menu.top-style_bar .top-menu_item:hover + .top-menu_item:after {\n\tcontent: none !important;\n}\n\n/*\n.top-style_bar > .top-menu_item > [data-top-badge] {\n\tmargin-top: -3px;\n}\n*/\n\n/** TODO: .top-unwrap-x надо вынести глобально в UI или добавить в стили для storybook */\n/*\n.top-menu.top-unwrap-x {\n\tpadding-right: var(--top-unwrap-x);\n\tpadding-left: var(--top-unwrap-x);\n\tmargin-right: calc(0px - var(--top-unwrap-x));\n\tmargin-left: calc(0px - var(--top-unwrap-x));\n}\n*/\n</style>\n"],"names":["el","vue","props","model","itemIsActive","item","index","modelNew","onWheel","event","delta","scrollIntoView","isSmooth","leftMargin","elBtn","gap","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","$event","select","_cache","selectAll"],"mappings":"wgBAeAA,EAAAC,EAAA,IAAA,EAGA,CAAAC,EAAA,YAAA,OAAAC,EAAA,OAAA,UAAA,OAAAA,EAAA,OAAA,oGAKAD,EAAA,YAAA,CAAA,MAAA,QAAAC,EAAA,KAAA,4FASAD,EAAA,YAAA,CAAAA,EAAA,oBAAA,MAAA,QAAAC,EAAA,KAAA,GAAA,CAAAA,EAAA,MAAA,QAAAD,EAAA,MAAA,CAAA,2FAIA,MAAAE,EAAAC,oDAEEA,EAAA,QAAAF,EAAA,2IAmBCG,IAAA,GACCC,EAAA,KAAAF,EAAA,KAAA,EAEAE,EAAA,OAAAD,EAAA,CAAA,CACD,MAEAC,EAAA,SAAA,GAAAA,EAAA,CAAA,IAAAF,EAAA,WAGCE,EAAA,CAAAF,EAAA,KAAA,EAIF,CAAAH,EAAA,oBAAA,CAAAK,EAAA,SAAAA,EAAA,CAAAF,EAAA,KAAA,GAEAF,EAAA,MAAAI,QAEA,CAGDJ,EAAA,MAAAE,EAAA,OAIDG,EAAAC,GAAA,IACCT,EAAA,MAAA,aAAAA,EAAA,MAAA,aACAS,EAAA,oFAMAT,EAAA,MAAA,WAAAA,EAAA,MAAA,WAAAU,GAUDC,EAAA,CAAAC,EAAA,KAAA,8EAOCC,EAAAC,EAAA,WAAAd,EAAA,MAAA,WAAAe,EACAC,EAAAF,EAAA,WAAAd,EAAA,MAAA,WAAAc,EAAA,YAAAC,EAGAE,EAAAjB,EAAA,MAAA,WACAkB,EAAAlB,EAAA,MAAA,YAAAA,EAAA,MAAA,iBAKAa,EAAAI,IAAAE,EAAAN,GAGAG,EAAAE,IAAAC,EAAAH,EAAAhB,EAAA,MAAA,aAEAmB,IAAA,gGAIEnB,EAAA,MAAA,SAAA,CAAA,KAAAmB,EAAA,SAAAP,EAAA,SAAA,MAAA,CAAA,qCAWF,IAAAT,EAAA,MAAA,SAAAD,EAAA,MAAA,OAAA,mDAEC,2CAMF,OAAAD,EAAA,UAAA,IAAAU,EAAA,EAAA,CAAA,EACAV,EAAA,UAAA,IAAAU,EAAA,EAAA,CAAA,wIAO2D,CAAA,WAKxD,EAAA,yLAMM,QAAAS,GAAAC,EAAAhB,EAAAe,EAAA,SAAAA,EAAA,OAAA,EAC+C,SAAAhB,EAAAC,CAAA,mDAG1C,GAAAJ,EAAA,QAAA,IAAA,kDACK,CAAA,qPAYP,QAAAqB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,GAAAG,EAAA,2GAIG,GAAAtB,EAAA,QAAA,IAAA,gEACc,CAAA"}

package/.chunks/notice-DQXlrM4Y.es.js

@@ -0,0 +1,175 @@
+import { Core as w } from "../core/app.js";
+import { reactive as N, defineComponent as k, ref as T, computed as L, resolveComponent as z, withDirectives as D, createElementBlock as m, openBlock as r, normalizeClass as E, createElementVNode as _, createBlock as C, createCommentVNode as p, mergeProps as j, Teleport as x, Fragment as O, renderList as V, unref as A, normalizeStyle as F } from "vue";
+import { C as h } from "./forms-DC7ffuv2.es.js";
+import { genIntHash as J, nl2br as U } from "../utils/string.js";
+const I = ["../assets/notice.css"].map((e) => import.meta.resolve(e));
+w.insertCSSLinkToPage(I, !0);
+const v = 300, u = N(/* @__PURE__ */ new Map()), W = (e, s, t) => "top-notice_" + J(e + s + JSON.stringify(t)), se = (e, s = "info", t) => {
+  let i = "";
+  e = String(e);
+  const d = W(e, s, t);
+  if (t != null && t.title)
+    i = t.title;
+  else {
+    const c = e.split(`
+`);
+    c.length && (i = String(c.shift()), e = c.join(`
+`));
+  }
+  const l = u.get(d);
+  if (l) {
+    q(l);
+    return;
+  }
+  const a = {
+    id: d,
+    title: i,
+    text: e,
+    style: s,
+    buttonProps: t == null ? void 0 : t.buttonProps,
+    metaText: t == null ? void 0 : t.metaText,
+    isSafeHTML: t == null ? void 0 : t.isSafeHTML,
+    selectToClose: t == null ? void 0 : t.selectToClose,
+    onClose: t == null ? void 0 : t.onClose
+  };
+  if (u.set(a.id, a), u.size > 5) {
+    const [c, f] = [...u].at(0) || [];
+    f && S(f);
+  }
+  h.state.isMobile && $("input").one("click", () => S(a));
+}, q = (e) => {
+  e.hightlight = !0, setTimeout(() => e.hightlight = !1, v);
+}, S = (e) => {
+  e.forceClosed = !0, setTimeout(() => {
+    var s;
+    (s = e.onClose) == null || s.call(e), u.delete(e.id);
+  }, v);
+}, H = (e) => {
+  const s = "hacking was detected";
+  return e = e.replace(/<script/g, s), e = e.replace(/<img/g, s), e = e.replace(/<iframe/g, s), e = e.replace(/javascript:/g, s), e = e.replace(/<[^>]+ (@|on)\w+=[^>]+>?/g, s), e;
+}, G = { class: "top-notice_itemTextWrapper" }, K = ["innerHTML"], Q = ["innerHTML"], R = ["innerHTML"], X = ["title"], Y = /* @__PURE__ */ k({
+  __name: "item",
+  props: {
+    id: {},
+    title: {},
+    text: {},
+    style: {},
+    metaText: {},
+    buttonProps: {},
+    isSafeHTML: { type: Boolean },
+    hightlight: { type: Boolean },
+    selectToClose: { type: Boolean, default: !0 },
+    forceClosed: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { emit: s }) {
+    const t = e, i = s, d = T(!1);
+    setTimeout(() => d.value = !0, 10);
+    const l = T(!1), a = T("right"), c = L(() => {
+      let o = t.title.replace(/ {2}/g, "&nbsp;");
+      return t.isSafeHTML || (o = H(o)), o;
+    }), f = L(() => {
+      let o = U(t.text);
+      return o = o.replace(/ {2}/g, "&nbsp;"), t.isSafeHTML || (o = H(o)), o;
+    }), g = (o) => {
+      l.value = !0, o && (a.value = o), setTimeout(() => i("close"), v);
+    }, B = (o) => {
+      if (!t.selectToClose) return;
+      const { tagName: n } = o.target;
+      n === "A" && g(), n === "BUTTON" && g();
+    }, P = {
+      mounted: (o) => {
+        if (!h.state.isMobile || !h.$ || !h.$.ui.draggable) return;
+        let n = "right";
+        h.$(o).draggable({
+          revert: !1,
+          axis: "x",
+          drag: (b, y) => {
+            n = y.position.left > 0 ? "right" : "left";
+          },
+          stop: (b, y) => {
+            g(n);
+          }
+        });
+      }
+    };
+    return (o, n) => {
+      const M = z("TopButton");
+      return D((r(), m("div", {
+        class: E(["top-notice_item", {
+          ["top-notice_item-" + o.style]: !0,
+          "top-notice_item-hightlight": o.hightlight,
+          "top-notice_item-showed": d.value,
+          "top-notice_item-closed": l.value || o.forceClosed,
+          ["top-notice_item-closed_" + a.value]: l.value
+        }]),
+        onClick: B
+      }, [
+        _("div", G, [
+          c.value ? (r(), m("div", {
+            key: 0,
+            class: "top-notice_itemTitle",
+            innerHTML: c.value
+          }, null, 8, K)) : p("", !0),
+          f.value ? (r(), m("div", {
+            key: 1,
+            class: "top-notice_itemText",
+            innerHTML: f.value
+          }, null, 8, Q)) : p("", !0)
+        ]),
+        o.buttonProps ? (r(), C(M, j({
+          key: 0,
+          class: "top-notice_itemButton",
+          size: "s"
+        }, o.buttonProps, {
+          title: o.buttonProps.title,
+          innerHTML: o.buttonProps.default,
+          onClick: n[0] || (n[0] = (b) => g())
+        }), null, 16, ["title", "innerHTML"])) : p("", !0),
+        o.metaText ? (r(), m("div", {
+          key: 1,
+          class: "top-notice_itemMetaText",
+          innerHTML: o.metaText
+        }, null, 8, R)) : p("", !0),
+        _("div", {
+          class: "top-notice_itemClose",
+          "data-top-icon": "",
+          title: o.$i18n.Common.Close,
+          onClick: n[1] || (n[1] = () => g())
+        }, null, 8, X)
+      ], 2)), [
+        [P]
+      ]);
+    };
+  }
+}), Z = { class: "top-notice" }, ne = /* @__PURE__ */ k({
+  __name: "notice",
+  setup(e) {
+    const s = (t) => {
+      var i;
+      (i = t.onClose) == null || i.call(t), u.delete(t.id);
+    };
+    return (t, i) => (r(), C(x, { to: "body" }, [
+      _("div", Z, [
+        (r(!0), m(O, null, V(A(u), ([d, l]) => (r(), C(Y, {
+          key: l.id,
+          id: l.id,
+          title: l.title,
+          text: l.text,
+          style: F(l.style),
+          buttonProps: l.buttonProps,
+          metaText: l.metaText,
+          isSafeHTML: l.isSafeHTML,
+          forceClosed: l.forceClosed,
+          hightlight: l.hightlight,
+          onClose: (a) => s(l)
+        }, null, 8, ["id", "title", "text", "style", "buttonProps", "metaText", "isSafeHTML", "forceClosed", "hightlight", "onClose"]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  ne as default,
+  se as show
+};
+//# sourceMappingURL=notice-DQXlrM4Y.es.js.map