@profitliga/ui 2.0.4 → 2.0.6

package/dist/components/v2/Popover/Popover.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as se, useModel as ae, useId as le, computed as g, useTemplateRef as F, reactive as K, ref as re, watch as de, onBeforeUnmount as fe, openBlock as h, createElementBlock as T, Fragment as ue, mergeProps as z, unref as c, renderSlot as S, createCommentVNode as A, createBlock as W, withCtx as U, createElementVNode as G, mergeModels as Z, nextTick as ce } from "vue";
+import { defineComponent as se, useModel as ae, useId as le, computed as m, useTemplateRef as W, reactive as F, ref as re, watch as de, onBeforeUnmount as fe, openBlock as h, createElementBlock as T, Fragment as ue, mergeProps as z, unref as c, renderSlot as S, createCommentVNode as A, createBlock as K, withCtx as U, createElementVNode as G, mergeModels as Z, nextTick as ce } from "vue";
 import { onClickOutside as pe } from "../../../utils/onClickOutside.util.js";
-import { useFocusTrap as me } from "../../../utils/useFocusTrap.util.js";
+import { useFocusTrap as ge } from "../../../utils/useFocusTrap.util.js";
 import ve from "../BottomSheet/BottomSheet.vue.js";
 import { ANIMATION_DURATION_MS as j } from "../shared/animation.const.js";
-import ge from "../shared/Portal.vue.js";
+import me from "../shared/Portal.vue.js";
 import { useDelayedVisibility as he } from "../shared/useDelayedVisibility.util.js";
 import { useIsMobile as we } from "../shared/useIsMobile.util.js";
 import { useTestId as be } from "../shared/useTestId.util.js";
@@ -25,6 +25,7 @@ const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labell
     labelledBy: { default: void 0 },
     triggerHasPopup: { default: "dialog" },
     triggerControls: { default: void 0 },
+    triggerWidth: { default: "full" },
     trapFocus: { type: Boolean, default: !0 },
     testId: { default: void 0 }
   }, {
@@ -32,14 +33,14 @@ const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labell
     openModifiers: {}
   }),
   emits: /* @__PURE__ */ Z(["escapeKeyDown", "pointerDownOutside"], ["update:open"]),
-  setup(a, { emit: q }) {
-    const e = a, w = q, r = ae(a, "open"), H = we(e.breakpointMobile), E = `popover-content-${le()}`, I = be(() => e.testId), J = g(
+  setup(s, { emit: q }) {
+    const e = s, w = q, r = ae(s, "open"), H = we(e.breakpointMobile), E = `popover-content-${le()}`, I = be(() => e.testId), J = m(
       () => e.label || e.labelledBy ? "dialog" : void 0
     );
     function Q() {
       r.value = !r.value;
     }
-    const X = g(() => ({
+    const X = m(() => ({
       "aria-haspopup": e.triggerHasPopup,
       "aria-expanded": r.value,
       "aria-controls": r.value ? E : void 0
@@ -47,25 +48,25 @@ const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labell
     function N() {
       r.value = !1;
     }
-    const Y = g(() => r.value && !H.value), b = F("triggerRef"), m = F("contentRef"), R = me(() => m.value);
+    const Y = m(() => r.value && !H.value), b = W("triggerRef"), g = W("contentRef"), R = ge(() => g.value);
     ye({
       host: () => b.value,
       isOpen: () => r.value,
       contentId: () => e.triggerControls ?? E,
       hasPopup: () => e.triggerHasPopup
     });
-    const l = K({
+    const l = F({
       top: 0,
       left: 0,
       side: e.side
-    }), y = K({ x: 0, y: 0 }), B = re(!1);
+    }), y = F({ x: 0, y: 0 }), B = re(!1);
     function _() {
-      const o = b.value, s = m.value;
-      if (!o || !s) return;
-      const t = o.getBoundingClientRect(), n = s.getBoundingClientRect(), x = window.innerWidth, V = window.innerHeight, D = V - t.bottom, $ = t.top, C = t.left, L = x - t.right;
+      const o = b.value, a = g.value;
+      if (!o || !a) return;
+      const t = o.getBoundingClientRect(), n = a.getBoundingClientRect(), x = window.innerWidth, V = window.innerHeight, $ = V - t.bottom, D = t.top, C = t.left, L = x - t.right;
       let i = e.side;
       const M = i === "top" || i === "bottom" ? n.height : n.width;
-      i === "bottom" && D < M + e.sideOffset && $ > D ? i = "top" : i === "top" && $ < M + e.sideOffset && D > $ ? i = "bottom" : i === "right" && L < M + e.sideOffset && C > L ? i = "left" : i === "left" && C < M + e.sideOffset && L > C && (i = "right");
+      i === "bottom" && $ < M + e.sideOffset && D > $ ? i = "top" : i === "top" && D < M + e.sideOffset && $ > D ? i = "bottom" : i === "right" && L < M + e.sideOffset && C > L ? i = "left" : i === "left" && C < M + e.sideOffset && L > C && (i = "right");
       let f, u;
       i === "bottom" || i === "top" ? (f = i === "bottom" ? t.bottom + e.sideOffset : t.top - n.height - e.sideOffset, e.align === "start" ? u = t.left + e.alignOffset : e.align === "end" ? u = t.right - n.width - e.alignOffset : u = t.left + t.width / 2 - n.width / 2 + e.alignOffset) : (u = i === "right" ? t.right + e.sideOffset : t.left - n.width - e.sideOffset, e.align === "start" ? f = t.top + e.alignOffset : e.align === "end" ? f = t.bottom - n.height - e.alignOffset : f = t.top + t.height / 2 - n.height / 2 + e.alignOffset), u = Math.min(
         Math.max(u, p),
@@ -81,19 +82,19 @@ const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labell
         )
       ), l.top = f, l.left = u, l.side = i, y.x = t.left + t.width / 2, y.y = t.top + t.height / 2, B.value = !0;
     }
-    const ee = g(() => ({
+    const ee = m(() => ({
       top: `${l.top}px`,
       left: `${l.left}px`,
       width: `${e.width}px`,
       visibility: B.value ? void 0 : "hidden",
       ...e.zIndex !== "auto" ? { zIndex: e.zIndex } : {}
-    })), te = g(() => {
+    })), te = m(() => {
       if (l.side === "top" || l.side === "bottom") {
         const n = Math.max(12, e.width - 12 - k), x = y.x - l.left - k / 2;
         return { left: `${Math.min(Math.max(x, 12), n)}px` };
       }
-      const o = m.value?.offsetHeight ?? 0, s = Math.max(12, o - 12 - k), t = y.y - l.top - k / 2;
-      return { top: `${Math.min(Math.max(t, 12), s)}px` };
+      const o = g.value?.offsetHeight ?? 0, a = Math.max(12, o - 12 - k), t = y.y - l.top - k / 2;
+      return { top: `${Math.min(Math.max(t, 12), a)}px` };
     });
     function d() {
       ce(_);
@@ -117,31 +118,31 @@ const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labell
       }
     );
     let O, v;
-    return de(m, (o) => {
+    return de(g, (o) => {
       O?.(), v?.disconnect(), o ? (O = pe(o, oe, {
         ignore: [b]
       }), v = new ResizeObserver(d), v.observe(o)) : (O = void 0, v = void 0);
     }), fe(() => {
       O?.(), v?.disconnect(), document.removeEventListener("keydown", P), window.removeEventListener("resize", d), window.removeEventListener("scroll", d, !0), R.deactivate();
-    }), (o, s) => (h(), T(ue, null, [
+    }), (o, a) => (h(), T(ue, null, [
       o.$slots.trigger ? (h(), T("span", z({
         key: 0,
         ref_key: "triggerRef",
         ref: b,
-        class: "popover-trigger"
+        class: ["popover-trigger", `popover-trigger--${s.triggerWidth}`]
       }, c(I)("trigger"), { onClick: Q }), [
         S(o.$slots, "trigger", { props: X.value }, void 0, !0)
       ], 16)) : A("", !0),
-      c(H) ? (h(), W(c(ve), {
+      c(H) ? (h(), K(c(ve), {
         key: 1,
         open: r.value,
-        "onUpdate:open": s[0] || (s[0] = (t) => r.value = t),
-        "disable-outside-pointer-events": a.disableOutsidePointerEvents,
-        label: a.label,
-        "labelled-by": a.labelledBy,
-        "test-id": a.testId,
-        onEscapeKeyDown: s[1] || (s[1] = (t) => w("escapeKeyDown", t)),
-        onPointerDownOutside: s[2] || (s[2] = (t) => w("pointerDownOutside", t))
+        "onUpdate:open": a[0] || (a[0] = (t) => r.value = t),
+        "disable-outside-pointer-events": s.disableOutsidePointerEvents,
+        label: s.label,
+        "labelled-by": s.labelledBy,
+        "test-id": s.testId,
+        onEscapeKeyDown: a[1] || (a[1] = (t) => w("escapeKeyDown", t)),
+        onPointerDownOutside: a[2] || (a[2] = (t) => w("pointerDownOutside", t))
       }, {
         default: U(() => [
           G("div", Oe, [
@@ -149,20 +150,20 @@ const Oe = { class: "popover-mobile" }, xe = ["role", "aria-label", "aria-labell
           ])
         ]),
         _: 3
-      }, 8, ["open", "disable-outside-pointer-events", "label", "labelled-by", "test-id"])) : c(ie) ? (h(), W(ge, { key: 2 }, {
+      }, 8, ["open", "disable-outside-pointer-events", "label", "labelled-by", "test-id"])) : c(ie) ? (h(), K(me, { key: 2 }, {
         default: U(() => [
           G("div", z({
             id: E,
             ref_key: "contentRef",
-            ref: m,
+            ref: g,
             role: J.value,
-            "aria-label": a.labelledBy ? void 0 : a.label,
-            "aria-labelledby": a.labelledBy,
+            "aria-label": s.labelledBy ? void 0 : s.label,
+            "aria-labelledby": s.labelledBy,
             "data-state": c(ne),
             class: "popover-content",
             style: ee.value
           }, { ...o.$attrs, ...c(I)("content") }), [
-            a.arrow ? (h(), T("div", z({
+            s.arrow ? (h(), T("div", z({
               key: 0,
               class: ["popover-arrow", `popover-arrow--${l.side}`],
               style: te.value

package/dist/components/v2/Schedule/Schedule.css

@@ -1 +1 @@
-.schedule-field[data-v-c5e69a0e]{max-width:100%;height:var(--input-height);background-color:var(--theme-neutral-0);border:1px solid var(--input-border-color);padding:var(--input-padding);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:4px;display:flex;overflow:hidden}.schedule-field[data-v-c5e69a0e]:hover{border-color:var(--input-border-color-hover)}.schedule-field__main[data-v-c5e69a0e]{min-width:0;height:100%;font:inherit;text-align:left;cursor:inherit;background:0 0;border:none;flex:auto;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.schedule-field__main[data-v-c5e69a0e]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.schedule-field__main[data-v-c5e69a0e]:disabled{cursor:not-allowed}.schedule-field--open[data-v-c5e69a0e]{border-color:var(--input-border-color-focus)}.schedule-field--disabled[data-v-c5e69a0e]{cursor:not-allowed;opacity:.6}.schedule-field--small[data-v-c5e69a0e]{height:var(--input-height-small)}.schedule-field--large[data-v-c5e69a0e]{height:var(--input-height-large)}.schedule-field__icon[data-v-c5e69a0e]{color:var(--theme-neutral-icon-caption);flex:none}.schedule-field__placeholder[data-v-c5e69a0e],.schedule-field__value[data-v-c5e69a0e]{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--input-font-size);overflow:hidden}.schedule-field__placeholder[data-v-c5e69a0e]{color:var(--input-color-placeholder)}.schedule-field__value[data-v-c5e69a0e]{color:var(--theme-neutral-text-body)}.schedule-field__clear[data-v-c5e69a0e]{width:16px;height:16px;color:var(--color-neutral-text-caption);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.schedule-field__clear[data-v-c5e69a0e]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-field__clear svg[data-v-c5e69a0e]{width:100%;height:100%}.schedule-field__clear[data-v-c5e69a0e]:hover{color:var(--color-error-500)}.schedule-panel[data-v-c5e69a0e]{flex-direction:column;gap:20px;padding:24px;display:flex}.schedule-panel--mobile[data-v-c5e69a0e]{gap:16px;padding:0 16px 16px}.schedule-panel__header[data-v-c5e69a0e]{justify-content:space-between;align-items:center;gap:8px;display:flex}.schedule-panel__title[data-v-c5e69a0e]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.schedule-panel__close[data-v-c5e69a0e]{width:24px;height:24px;color:var(--theme-neutral-text-title);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.schedule-panel__close[data-v-c5e69a0e]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-panel__rows[data-v-c5e69a0e]{flex-direction:column;gap:12px;display:flex}.schedule-row[data-v-c5e69a0e]{align-items:center;gap:12px;display:flex}.schedule-row__day[data-v-c5e69a0e]{cursor:pointer;flex:0 0 120px;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.schedule-row__checkbox[data-v-c5e69a0e]{opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute}.schedule-row__checkbox:checked+.schedule-row__box[data-v-c5e69a0e]{background-color:var(--theme-primary-500);border-color:var(--theme-primary-500);color:var(--theme-neutral-icon-negative)}.schedule-row__checkbox:checked+.schedule-row__box svg[data-v-c5e69a0e]{opacity:1}.schedule-row__checkbox:hover+.schedule-row__box[data-v-c5e69a0e]{border-color:var(--input-border-color-hover)}.schedule-row__checkbox:focus-visible+.schedule-row__box[data-v-c5e69a0e]{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-row__box[data-v-c5e69a0e]{background-color:var(--theme-neutral-0);border:1px solid var(--theme-neutral-border-default);width:20px;height:20px;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.schedule-row__box svg[data-v-c5e69a0e]{opacity:0;transition:opacity var(--animation-duration-fast) ease}.schedule-row__label[data-v-c5e69a0e]{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--theme-neutral-text-subtitle);font-size:.75rem;line-height:1rem;overflow:hidden}.schedule-row__times[data-v-c5e69a0e]{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.schedule-row__preposition[data-v-c5e69a0e]{color:var(--theme-neutral-text-body);flex:none;font-size:.75rem;line-height:1rem}
+.schedule-field[data-v-7ca326fb]{max-width:100%;height:var(--input-height);background-color:var(--theme-neutral-0);border:1px solid var(--input-border-color);padding:var(--input-padding);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:4px;display:flex;overflow:hidden}.schedule-field[data-v-7ca326fb]:hover{border-color:var(--input-border-color-hover)}.schedule-field__main[data-v-7ca326fb]{min-width:0;height:100%;font:inherit;text-align:left;cursor:inherit;background:0 0;border:none;flex:auto;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex}.schedule-field__main[data-v-7ca326fb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:-2px}.schedule-field__main[data-v-7ca326fb]:disabled{cursor:not-allowed}.schedule-field--open[data-v-7ca326fb]{border-color:var(--input-border-color-focus)}.schedule-field--disabled[data-v-7ca326fb]{cursor:not-allowed;opacity:.6}.schedule-field--small[data-v-7ca326fb]{height:var(--input-height-small)}.schedule-field--large[data-v-7ca326fb]{height:var(--input-height-large)}.schedule-field__icon[data-v-7ca326fb]{color:var(--theme-neutral-icon-caption);flex:none}.schedule-field__placeholder[data-v-7ca326fb],.schedule-field__value[data-v-7ca326fb]{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--input-font-size);overflow:hidden}.schedule-field__placeholder[data-v-7ca326fb]{color:var(--input-color-placeholder)}.schedule-field__value[data-v-7ca326fb]{color:var(--theme-neutral-text-body)}.schedule-field__clear[data-v-7ca326fb]{width:16px;height:16px;color:var(--color-neutral-text-caption);cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.schedule-field__clear[data-v-7ca326fb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-field__clear svg[data-v-7ca326fb]{width:100%;height:100%}.schedule-field__clear[data-v-7ca326fb]:hover{color:var(--color-error-500)}.schedule-panel[data-v-7ca326fb]{flex-direction:column;gap:20px;padding:24px;display:flex}.schedule-panel--mobile[data-v-7ca326fb]{gap:16px;padding:0 16px 16px}.schedule-panel__header[data-v-7ca326fb]{justify-content:space-between;align-items:center;gap:8px;display:flex}.schedule-panel__title[data-v-7ca326fb]{color:var(--theme-neutral-text-title);font-size:1.125rem;font-weight:500;line-height:1.5}.schedule-panel__close[data-v-7ca326fb]{width:24px;height:24px;color:var(--theme-neutral-text-title);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.schedule-panel__close[data-v-7ca326fb]:focus-visible{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-panel__rows[data-v-7ca326fb]{flex-direction:column;gap:12px;display:flex}.schedule-row[data-v-7ca326fb]{align-items:center;gap:12px;display:flex}.schedule-row__day[data-v-7ca326fb]{cursor:pointer;flex:0 0 120px;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.schedule-row__checkbox[data-v-7ca326fb]{opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute}.schedule-row__checkbox:checked+.schedule-row__box[data-v-7ca326fb]{background-color:var(--theme-primary-500);border-color:var(--theme-primary-500);color:var(--theme-neutral-icon-negative)}.schedule-row__checkbox:checked+.schedule-row__box svg[data-v-7ca326fb]{opacity:1}.schedule-row__checkbox:hover+.schedule-row__box[data-v-7ca326fb]{border-color:var(--input-border-color-hover)}.schedule-row__checkbox:focus-visible+.schedule-row__box[data-v-7ca326fb]{outline:2px solid var(--theme-primary-500);outline-offset:2px}.schedule-row__box[data-v-7ca326fb]{background-color:var(--theme-neutral-0);border:1px solid var(--theme-neutral-border-default);width:20px;height:20px;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease;border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.schedule-row__box svg[data-v-7ca326fb]{opacity:0;transition:opacity var(--animation-duration-fast) ease}.schedule-row__label[data-v-7ca326fb]{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--theme-neutral-text-subtitle);font-size:.75rem;line-height:1rem;overflow:hidden}.schedule-row__times[data-v-7ca326fb]{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.schedule-row__preposition[data-v-7ca326fb]{color:var(--theme-neutral-text-body);flex:none;font-size:.75rem;line-height:1rem}

package/dist/components/v2/Schedule/Schedule.vue.js

@@ -1,8 +1,8 @@
 import './Schedule.css';
 import o from "./Schedule.vue2.js";
 /* empty css              */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c5e69a0e"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7ca326fb"]]);
 export {
-  c as default
+  e as default
 };

package/dist/components/v2/Schedule/Schedule.vue2.js

@@ -39,8 +39,8 @@ const ce = ["disabled", "aria-label"], fe = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ B(["apply"], ["update:modelValue"]),
-  setup(n, { emit: z }) {
-    const d = n, F = z, p = X(n, "modelValue"), c = ue(() => d.testId), S = `schedule-title-${q()}`, b = M(!1), V = ie(d.breakpointMobile), $ = y(() => d.labels?.title ?? "Расписание"), g = y(() => d.labels?.from ?? "с"), N = y(() => d.labels?.to ?? "до"), O = y(
+  setup(n, { emit: g }) {
+    const d = n, z = g, p = X(n, "modelValue"), c = ue(() => d.testId), S = `schedule-title-${q()}`, b = M(!1), V = ie(d.breakpointMobile), $ = y(() => d.labels?.title ?? "Расписание"), F = y(() => d.labels?.from ?? "с"), N = y(() => d.labels?.to ?? "до"), O = y(
       () => d.width === "full" ? "100%" : `${d.width}px`
     );
     function C(t) {
@@ -106,7 +106,7 @@ const ce = ["disabled", "aria-label"], fe = {
         a.active && (t[e] = { from: a.from, to: a.to });
       }
       const s = Object.keys(t).length > 0 ? t : null;
-      p.value = s, F("apply", s), b.value = !1;
+      p.value = s, z("apply", s), b.value = !1;
     }
     function j() {
       p.value = null, u.value = C(null);
@@ -118,6 +118,7 @@ const ce = ["disabled", "aria-label"], fe = {
       align: "start",
       arrow: !1,
       width: Ce,
+      "trigger-width": "content",
       "breakpoint-mobile": n.breakpointMobile,
       label: l(V) ? void 0 : $.value,
       "labelled-by": l(V) ? S : void 0,
@@ -201,7 +202,7 @@ const ce = ["disabled", "aria-label"], fe = {
                 i("span", we, h(n.dayLabels?.[e] ?? l(E)[e]), 1)
               ]),
               i("div", ke, [
-                i("span", Le, h(g.value), 1),
+                i("span", Le, h(F.value), 1),
                 v(I, f({
                   modelValue: u.value[e].from,
                   "onUpdate:modelValue": (a) => u.value[e].from = a,

package/dist/components/v2/shared/useLayerZIndex.util.d.ts

@@ -17,5 +17,15 @@ export interface UseLayerZIndexReturn {
     zIndex: Ref<number | undefined>;
     acquire: () => void;
     release: () => void;
+    /** Элемент контента слоя — источник для чужого `elementsAbove()`. */
+    registerElement: (el: HTMLElement | null) => void;
+    /**
+     * DOM-элементы слоёв, открытых позже текущего (значит, лежащих выше по
+     * z-index) — например, ConfirmDialog поверх BottomSheet. Передавать в
+     * `onClickOutside` как `ignore`: клик по вложенному слою не должен
+     * считаться «кликом вне» текущего — иначе закрытие вложенного окна
+     * утаскивало бы за собой и родителя.
+     */
+    elementsAbove: () => HTMLElement[];
 }
 export declare function useLayerZIndex(): UseLayerZIndexReturn;

package/dist/components/v2/shared/useLayerZIndex.util.js

@@ -1,18 +1,30 @@
-import { ref as u, onBeforeUnmount as a } from "vue";
-const i = 1e3, f = 10;
-let n = 0, o = 0;
-function l() {
-  const e = u();
-  function r() {
-    e.value === void 0 && (n++, o++, e.value = i + o * f);
+import { ref as a, onBeforeUnmount as d } from "vue";
+const v = 1e3, x = 10;
+let i = 0, u = 0;
+const o = [];
+function m() {
+  const t = a();
+  let e;
+  function f() {
+    t.value === void 0 && (i++, u++, t.value = v + u * x, e = { zIndex: t.value, el: null }, o.push(e));
   }
-  function t() {
-    e.value !== void 0 && (e.value = void 0, n = Math.max(0, n - 1), n === 0 && (o = 0));
+  function l() {
+    if (t.value !== void 0 && (t.value = void 0, i = Math.max(0, i - 1), i === 0 && (u = 0), e)) {
+      const n = o.indexOf(e);
+      n !== -1 && o.splice(n, 1), e = void 0;
+    }
   }
-  return a(t), { zIndex: e, acquire: r, release: t };
+  function s(n) {
+    e && (e.el = n);
+  }
+  function c() {
+    const n = e;
+    return n ? o.filter((r) => r !== n && r.zIndex > n.zIndex).map((r) => r.el).filter((r) => r !== null) : [];
+  }
+  return d(l), { zIndex: t, acquire: f, release: l, registerElement: s, elementsAbove: c };
 }
 export {
-  i as LAYER_BASE_Z_INDEX,
-  f as LAYER_Z_INDEX_STEP,
-  l as useLayerZIndex
+  v as LAYER_BASE_Z_INDEX,
+  x as LAYER_Z_INDEX_STEP,
+  m as useLayerZIndex
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@profitliga/ui",
-	"version": "2.0.4",
+	"version": "2.0.6",
 	"author": "Profit League<dev@pr-lg.ru>",
 	"license": "MIT",
 	"description": "Vue 3 UI component library with TypeScript and SCSS",