@topvisor/ui 0.9.29-0 → 0.9.29

package/.chunks/{menu-DbC1zr5j.es.js → menu-Czk2awpe.es.js}

@@ -1,12 +1,14 @@
-import { insertToPage as I } from "../utils/css.js";
-import { defineComponent as E, mergeModels as T, useModel as W, ref as N, onMounted as P, onUpdated as b, openBlock as c, createElementBlock as f, normalizeClass as x, Fragment as $, renderList as q, createBlock as D, unref as d, mergeProps as y, createSlots as g, withCtx as h, createTextVNode as A, toDisplayString as M, createVNode as K, createCommentVNode as U } from "vue";
-import { B as _, i as Y, C as z, a as F } from "./forms-BScWgSrn.es.js";
-const S = ["../assets/menu.css"].map((i) => import.meta.resolve(i));
-await I(S);
-const O = {
+import { insertToPage as E } from "../utils/css.js";
+import { defineComponent as S, mergeModels as T, useModel as W, ref as N, onMounted as P, onUpdated as b, openBlock as c, createElementBlock as f, normalizeClass as x, Fragment as $, renderList as j, createBlock as q, unref as y, mergeProps as g, createSlots as h, withCtx as A, createTextVNode as M, toDisplayString as _, createVNode as D, createCommentVNode as K } from "vue";
+import { B as k, i as U, C as Y, a as z } from "./forms-BwLbWSIF.es.js";
+const p = ["../assets/menu.css"].map((i) => import.meta.resolve(i));
+console.time(p.join());
+E(p);
+console.timeEnd(p.join());
+const F = {
   key: 0,
   class: "top-menu_selectAll"
-}, j = /* @__PURE__ */ E({
+}, O = /* @__PURE__ */ S({
   __name: "menu",
   props: /* @__PURE__ */ T({
     modelValue: {},
@@ -23,12 +25,12 @@ const O = {
   }),
   emits: ["update:modelValue"],
   setup(i) {
-    const s = i, l = W(i, "modelValue"), a = N();
+    const s = i, l = W(i, "modelValue"), o = N();
     !s.isMultiple && !(typeof l.value == "string" || l.value instanceof String) && console.warn('Type check failed for prop "modelValue". Expected String: ' + typeof l.value), s.isMultiple && !Array.isArray(l.value) && console.warn('Type check failed for prop "modelValue". Expected Array: ' + typeof l.value), s.isMultiple && !s.canBeEmptyMultiple && Array.isArray(l.value) && !l.value.length && (l.value = [s.items[0].href ?? s.items[0].value]);
-    const k = (e) => Array.isArray(l.value) ? l.value.includes(e.value) : e.value === l.value, B = (e, o = !1) => {
+    const B = (e) => Array.isArray(l.value) ? l.value.includes(e.value) : e.value === l.value, C = (e, a = !1) => {
       if (Array.isArray(l.value)) {
         let t = l.value.slice();
-        if (o) {
+        if (a) {
           t.length || (t = s.items.map((u) => u.value));
           const r = t.indexOf(e.value);
           r === -1 ? t.push(e.value) : t.splice(r, 1);
@@ -38,19 +40,19 @@ const O = {
         return;
       }
       l.value = e.value;
-    }, C = (e) => {
-      if (a.value.scrollWidth <= a.value.offsetWidth || e.shiftKey || Math.abs(e.deltaY) < 50) return;
+    }, L = (e) => {
+      if (o.value.scrollWidth <= o.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;
-    }, p = (e = !0) => {
-      var m, v;
-      const o = a.value.querySelector(".top-active");
-      if (!o) return;
-      const t = 24, r = o.offsetLeft - a.value.offsetLeft - t, u = o.offsetLeft - a.value.offsetLeft + o.clientWidth + t, V = a.value.scrollLeft, w = a.value.clientWidth + a.value.scrollLeft;
+      const a = e.deltaY > 0 ? 30 : -30;
+      o.value.scrollLeft = o.value.scrollLeft + a;
+    }, m = (e = !0) => {
+      var v, d;
+      const a = o.value.querySelector(".top-active");
+      if (!a) return;
+      const t = 24, r = a.offsetLeft - o.value.offsetLeft - t, u = a.offsetLeft - o.value.offsetLeft + a.clientWidth + t, w = o.value.scrollLeft, I = o.value.clientWidth + o.value.scrollLeft;
       let n;
-      r < V && (n = r), u > w && (n = u - a.value.clientWidth), n !== void 0 && (Y() ? (v = (m = z).$) == null || v.call(m, a.value).animate({ scrollLeft: n }, e ? 200 : 0) : a.value.scrollTo({ left: n, behavior: e ? "smooth" : "auto" }));
-    }, L = () => {
+      r < w && (n = r), u > I && (n = u - o.value.clientWidth), n !== void 0 && (U() ? (d = (v = Y).$) == null || d.call(v, o.value).animate({ scrollLeft: n }, e ? 200 : 0) : o.value.scrollTo({ left: n, behavior: e ? "smooth" : "auto" }));
+    }, V = () => {
       if (Array.isArray(l.value)) {
         if (l.value.length === s.items.length) {
           l.value = [s.items[0].href ?? s.items[0].value];
@@ -59,48 +61,48 @@ const O = {
         l.value = s.items.map((e) => e.href ?? e.value);
       }
     };
-    return P(() => p(!1)), b(() => p(!0)), (e, o) => (c(), f("div", {
+    return P(() => m(!1)), b(() => m(!0)), (e, a) => (c(), f("div", {
       ref_key: "el",
-      ref: a,
+      ref: o,
       class: x({
         "top-menu": !0,
         ["top-style_" + e.styling]: !0,
         "top-unwrap-x": e.styling === "default"
       }),
-      onWheel: C
+      onWheel: L
     }, [
-      (c(!0), f($, null, q(e.items, (t) => (c(), D(d(_), y({ ref_for: !0 }, t, {
+      (c(!0), f($, null, j(e.items, (t) => (c(), q(y(k), g({ ref_for: !0 }, t, {
         class: "top-menu_item",
         color: "theme",
         styling: "",
-        onClick: (r) => B(t, r.ctrlKey),
-        isActive: k(t)
-      }), g({ _: 2 }, [
+        onClick: (r) => C(t, r.ctrlKey),
+        isActive: B(t)
+      }), h({ _: 2 }, [
         t.content ? {
           name: "default",
-          fn: h(() => [
-            A(M(t.content), 1)
+          fn: A(() => [
+            M(_(t.content), 1)
           ]),
           key: "0"
         } : void 0
       ]), 1040, ["onClick", "isActive"]))), 256)),
-      Array.isArray(l.value) && e.selectAllItem ? (c(), f("div", O, [
-        K(d(_), y(e.selectAllItem, {
+      Array.isArray(l.value) && e.selectAllItem ? (c(), f("div", F, [
+        D(y(k), g(e.selectAllItem, {
           class: "top-menu_item",
           color: "theme",
           styling: "",
-          onClick: o[0] || (o[0] = (t) => L()),
+          onClick: a[0] || (a[0] = (t) => V()),
           isActive: l.value.length === e.items.length
-        }), g({ _: 2 }, [
+        }), h({ _: 2 }, [
           e.selectAllItem.content ? {
             name: "default",
-            fn: h(() => [
-              A(M(e.selectAllItem.content), 1)
+            fn: A(() => [
+              M(_(e.selectAllItem.content), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["isActive"])
-      ])) : U("", !0)
+      ])) : K("", !0)
     ], 34));
   }
 }), G = {
@@ -113,8 +115,8 @@ const O = {
   "top-unwrap-x": "top-unwrap-x"
 }, H = {
   $style: G
-}, X = /* @__PURE__ */ F(j, [["__cssModules", H]]);
+}, X = /* @__PURE__ */ z(O, [["__cssModules", H]]);
 export {
   X as M
 };
-//# sourceMappingURL=menu-DbC1zr5j.es.js.map
+//# sourceMappingURL=menu-Czk2awpe.es.js.map

package/.chunks/menu-Czk2awpe.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-Czk2awpe.es.js","sources":["../../src/components/formsExt/menu/menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, onMounted, onUpdated } from 'vue';\nimport type { Props, Item } from './menu';\nimport Core from '@/core/core/core';\nimport { isSafari } from '@/core/utils/device';\nimport { Button } from '@/components/forms/forms';\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' || model.value instanceof String)) {\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// если ничего не выбрано, присваиваем 1-ое значение\nif (props.isMultiple && !props.canBeEmptyMultiple && Array.isArray(model.value) && !model.value.length) {\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<Button\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\tstyling=\"\"\n\t\t\t@click=\"select(item, $event.ctrlKey)\"\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</Button>\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<Button\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</Button>\n\t\t</div>\n\t</div>\n</template>\n\n<style module>\n.top-menu {\n\t--scroll-thumb-color: var(--color-line-1-opacity);\n\t--scroll-thumb-color-hover: var(--color-line-2-opacity);\n\t--scroll-thumb-color-active: var(--color-line-2-opacity);\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\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(--content-background-color);\n\tborder-left: 1px solid var(--color-line-1-opacity);\n\tpadding-left: var(--top-padding-1);\n\tbox-shadow: var(--content-background-color) 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-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-opacity);\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-primary);\n\t--top-button-color: var(--color-text-1);\n\t--top-forms-border-color: var(--color-primary);\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-opacity);\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-secondary-2-opacity);\n\t--top-button-background-color-active: var(--color-primary-light-opacity);\n\t--top-button-background-color-selected: var(--color-primary-light-opacity);\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-primary);\n\t--top-button-color: var(--color-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/** TODO: .top-unwrap-x надо вынести глобально в UI или добавить в стили для storybook */\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</style>"],"names":["props","__props","model","useModel","el","ref","itemIsActive","item","select","toggle","modelNew","item2","index","onWheel","event","delta","scrollIntoView","isSmooth","elBtn","gap","leftMargin","rightMargin","leftMarginParent","rightMarginParent","scrollLeft","isSafari","_b","_a","Core","selectAll","onMounted","onUpdated"],"mappings":"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"}