dxd-style-code 0.1.14 → 0.1.15

package/dist/dxd-style-code.js

@@ -1,4 +1,4 @@
-import { useAttrs as Al, computed as d, createBlock as E, openBlock as s, resolveDynamicComponent as he, mergeProps as Ue, withCtx as $, renderSlot as N, createElementBlock as i, createElementVNode as m, normalizeClass as b, ref as H, watch as se, toDisplayString as X, onBeforeUnmount as lt, Teleport as Vl, createVNode as M, Transition as Ne, normalizeProps as Zt, guardReactiveProps as Gt, createCommentVNode as p, createTextVNode as U, inject as He, onMounted as Se, onUnmounted as Bt, unref as j, withKeys as ve, withModifiers as fe, useSlots as ht, normalizeStyle as ge, Fragment as K, renderList as J, provide as et, nextTick as Ye, createSlots as ga, withDirectives as Qe, vShow as va, isRef as St, vModelText as ra, vModelSelect as vn, resolveComponent as Bl, defineComponent as hn, h as ya, getCurrentInstance as pn, useCssVars as Il, TransitionGroup as bn } from "vue";
+import { useAttrs as Al, computed as d, createBlock as E, openBlock as s, resolveDynamicComponent as he, mergeProps as Ue, withCtx as $, renderSlot as N, createElementBlock as i, createElementVNode as m, normalizeClass as b, ref as R, watch as se, toDisplayString as X, onBeforeUnmount as lt, Teleport as Vl, createVNode as M, Transition as Ne, normalizeProps as Zt, guardReactiveProps as Gt, createCommentVNode as p, createTextVNode as U, inject as He, onMounted as Se, onUnmounted as Bt, unref as j, withKeys as ve, withModifiers as fe, useSlots as ht, normalizeStyle as ge, Fragment as K, renderList as J, provide as et, nextTick as Ye, createSlots as ga, withDirectives as Qe, vShow as va, isRef as St, vModelText as ra, vModelSelect as vn, resolveComponent as Bl, defineComponent as hn, h as ya, getCurrentInstance as pn, useCssVars as Il, TransitionGroup as bn } from "vue";
 const yn = {
   __name: "DX",
   props: {
@@ -614,7 +614,7 @@ const G = {
     iconAnimation: { type: String, default: "wiggle" }
   },
   setup(e) {
-    const a = e, t = H(!1);
+    const a = e, t = R(!1);
     se(() => a.src, () => {
       t.value = !1;
     });
@@ -3232,7 +3232,7 @@ const to = "absolute pointer-events-none", Wt = {
   },
   emits: ["intersect"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(null), o = H(null), r = H(!1), u = d(
+    const t = e, l = a, n = R(null), o = R(null), r = R(!1), u = d(
       () => F("w-full")
     );
     function f() {
@@ -3321,7 +3321,7 @@ const to = "absolute pointer-events-none", Wt = {
   },
   emits: ["load", "error"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H(!1), r = H(!1), u = d(() => t.placeholder && t.lazy && !r.value ? t.placeholder : t.src), f = d(() => {
+    const t = e, l = a, n = R(!1), o = R(!1), r = R(!1), u = d(() => t.placeholder && t.lazy && !r.value ? t.placeholder : t.src), f = d(() => {
       const A = {};
       return t.width && (A.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height && (A.height = typeof t.height == "number" ? `${t.height}px` : t.height), Object.keys(A).length > 0 ? A : null;
     }), v = d(() => null), x = d(
@@ -4606,7 +4606,7 @@ const to = "absolute pointer-events-none", Wt = {
     delay: { type: Number, default: 100 }
   },
   setup(e) {
-    const a = e, t = ht(), l = H(!1), n = H(null), o = H(null), r = d(() => !!(a.content || t.content)), u = () => {
+    const a = e, t = ht(), l = R(!1), n = R(null), o = R(null), r = d(() => !!(a.content || t.content)), u = () => {
       o.value && (clearTimeout(o.value), o.value = null), n.value = setTimeout(() => {
         l.value = !0;
       }, a.delay);
@@ -4814,7 +4814,7 @@ const to = "absolute pointer-events-none", Wt = {
   },
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = () => {
+    const t = e, l = a, n = R(!1), o = () => {
       n.value = !0, l("dismiss");
     }, r = {
       info: {
@@ -4960,7 +4960,7 @@ const to = "absolute pointer-events-none", Wt = {
   }
 };
 function Jl(e, a) {
-  const t = H(""), l = H(e.compact), n = d(() => l.value);
+  const t = R(""), l = R(e.compact), n = d(() => l.value);
   let o = !1;
   Se(() => {
     try {
@@ -5041,7 +5041,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     }
   },
   setup(e) {
-    const a = e, t = H(!1), l = H(null), n = H(-1), o = () => {
+    const a = e, t = R(!1), l = R(null), n = R(-1), o = () => {
       a.disabled || (t.value = !t.value, t.value && Ye(() => {
         x();
       }));
@@ -5176,7 +5176,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["click", "child-click"],
   setup(e, { emit: a }) {
-    const t = Ol("collapse"), l = e, n = a, o = H(!1), r = He("hasRouter", !1), u = () => {
+    const t = Ol("collapse"), l = e, n = a, o = R(!1), r = He("hasRouter", !1), u = () => {
       o.value = !o.value;
     }, f = d(() => l.item.to && r ? "router-link" : l.item.href ? "a" : "button"), v = (y) => y.to && r ? "router-link" : y.href ? "a" : "button", x = d(() => {
       const y = "flex items-center transition-all duration-200 text-left";
@@ -5845,7 +5845,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       sm: "h-8",
       md: "h-10",
       lg: "h-12"
-    }, o = d(() => n[t.size] || n.md), r = H([]);
+    }, o = d(() => n[t.size] || n.md), r = R([]);
     let u = 0;
     const f = (w, C) => {
       if (!r.value.find((y) => y.id === C)) {
@@ -5933,7 +5933,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(null), o = H(null), r = H(""), u = H(!1), f = H(0), v = d(() => t.options.find((A) => A.value === t.modelValue)), x = d(() => {
+    const t = e, l = a, n = R(null), o = R(null), r = R(""), u = R(!1), f = R(0), v = d(() => t.options.find((A) => A.value === t.modelValue)), x = d(() => {
       if (!t.filterable || !r.value)
         return t.options;
       const A = r.value.toLowerCase();
@@ -6068,7 +6068,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["copied"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = d(() => {
+    const t = e, l = a, n = R(!1), o = d(() => {
       const c = ie(t.size, "input").split(" ").filter((h) => h.startsWith("px-") || h.startsWith("py-")).join(" ");
       return F(Pr, c);
     }), r = d(() => ie(t.size, "text")), u = d(() => {
@@ -6254,7 +6254,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H(""), r = H(""), u = d(() => {
+    const t = e, l = a, n = R(!1), o = R(""), r = R(""), u = d(() => {
       if (t.range && typeof t.modelValue == "object" && t.modelValue) {
         const { start: h, end: w } = t.modelValue;
         return h && w ? `${f(h)} - ${f(w)}` : "";
@@ -6386,7 +6386,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     "grouping-change"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H([...t.filters]), o = H(t.grouping), r = d(() => [n.value]), u = d(
+    const t = e, l = a, n = R([...t.filters]), o = R(t.grouping), r = d(() => [n.value]), u = d(
       () => F("w-full")
     ), f = d(
       () => F("mb-4", oe("md", "padding"))
@@ -6634,7 +6634,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue", "upload"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(null), o = H(null), r = H(!1), u = H([]), f = H(""), v = (S) => {
+    const t = e, l = a, n = R(null), o = R(null), r = R(!1), u = R([]), f = R(""), v = (S) => {
       const B = Array.from(S.target.files || []);
       w(B);
     }, x = (S) => {
@@ -6984,7 +6984,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     error: { type: String, default: "" }
   },
   setup(e) {
-    const a = e, t = H([]);
+    const a = e, t = R([]);
     let l = 0;
     const n = (u, f) => {
       if (!t.value.find((v) => v.id === f)) {
@@ -7047,7 +7047,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(null), o = H(""), r = (x) => {
+    const t = e, l = a, n = R(null), o = R(""), r = (x) => {
       const c = x.replace(/\D/g, "");
       let h = "", w = 0;
       for (let C = 0; C < t.mask.length && w < c.length; C++)
@@ -7188,7 +7188,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = H(!1), l = d(
+    const a = e, t = R(!1), l = d(
       () => F(
         Ri,
         {
@@ -7412,7 +7412,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue", "create"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H(""), r = H(null), u = H(null), f = d(() => t.multiple ? null : t.options.find((A) => String(A.value) === String(t.modelValue))), v = d(() => {
+    const t = e, l = a, n = R(!1), o = R(""), r = R(null), u = R(null), f = d(() => t.multiple ? null : t.options.find((A) => String(A.value) === String(t.modelValue))), v = d(() => {
       if (!t.multiple) return [];
       const A = Array.isArray(t.modelValue) ? t.modelValue : [];
       return t.options.filter((D) => A.includes(D.value));
@@ -7637,14 +7637,14 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(null), o = H([]), r = H({}), u = H(!1), f = H(0), v = H(0), x = H(!1), c = H(!1), h = H(!1), w = d(() => t.options.findIndex((q) => q.value === t.modelValue)), C = () => {
+    const t = e, l = a, n = R(null), o = R([]), r = R({}), u = R(!1), f = R(0), v = R(0), x = R(!1), c = R(!1), h = R(!1), w = d(() => t.options.findIndex((q) => q.value === t.modelValue)), C = () => {
       const q = w.value;
       if (q >= 0 && o.value[q]) {
-        const P = o.value[q];
+        const P = o.value[q], k = t.scrollable && n.value ? n.value.scrollLeft : 0;
         r.value = {
           width: `${P.offsetWidth}px`,
           height: `${P.offsetHeight}px`,
-          left: `${P.offsetLeft}px`,
+          left: `${P.offsetLeft - k}px`,
           top: `${P.offsetTop}px`
         };
       }
@@ -7655,7 +7655,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       const { scrollLeft: q, scrollWidth: P, clientWidth: k } = n.value;
       c.value = q > 2, h.value = q < P - k - 2;
     }, A = () => {
-      B();
+      B(), C();
     }, D = (q) => {
       !t.scrollable || !n.value || (u.value = !0, x.value = !1, f.value = q.pageX - n.value.offsetLeft, v.value = n.value.scrollLeft);
     }, I = (q) => {
@@ -7664,7 +7664,9 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       const k = (q.pageX - n.value.offsetLeft - f.value) * 1.5;
       Math.abs(k) > 5 && (x.value = !0), n.value.scrollLeft = v.value - k;
     }, g = () => {
-      u.value = !1;
+      u.value = !1, setTimeout(() => {
+        x.value = !1;
+      }, 0);
     }, z = (q, P) => {
       if (x.value) {
         P.preventDefault();
@@ -7687,23 +7689,24 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
         C(), O();
       });
     });
-    let L = null;
+    const L = R(null);
     return Se(() => {
       Ye(() => {
-        C(), B(), t.scrollable && n.value && window.ResizeObserver && (L = new ResizeObserver(() => {
+        C(), B(), O(), t.scrollable && n.value && window.ResizeObserver && (L.value = new ResizeObserver(() => {
           B();
-        }), L.observe(n.value));
+        }), L.value.observe(n.value));
       });
     }), lt(() => {
-      L && L.disconnect();
+      L.value && (L.value.disconnect(), L.value = null);
     }), (q, P) => (s(), i("div", {
-      class: "inline-flex flex-col",
+      class: b(["flex-col", e.scrollable ? "flex" : "inline-flex"]),
+      style: ge(e.scrollable && e.maxWidth ? { maxWidth: e.maxWidth, width: "100%" } : {}),
       "data-component": "DXSegmentedControl",
       "data-scrollable": e.scrollable
     }, [
       e.label ? (s(), i("p", fd, X(e.label), 1)) : p("", !0),
       m("div", {
-        class: b(["relative", e.scrollable && "scroll-wrapper"])
+        class: b(["relative w-full", e.scrollable && "scroll-wrapper"])
       }, [
         e.scrollable && e.showFade ? (s(), i("div", {
           key: 0,
@@ -7717,11 +7720,10 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
           ref_key: "containerRef",
           ref: n,
           class: b(["relative p-1 bg-slate-100 rounded-xl gap-1", [
-            e.scrollable ? "flex overflow-x-auto scrollbar-hide" : "inline-flex",
+            e.scrollable ? "flex overflow-x-auto scrollbar-hide w-full" : "inline-flex",
             u.value && "cursor-grabbing select-none",
             e.scrollable && !u.value && "cursor-grab"
           ]]),
-          style: ge(e.scrollable && e.maxWidth ? { maxWidth: e.maxWidth } : {}),
           onMousedown: D,
           onMousemove: I,
           onMouseup: g,
@@ -7758,11 +7760,11 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
               class: b(["inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-semibold rounded-full", e.modelValue === k.value ? "bg-slate-800 text-white" : "bg-slate-200 text-slate-700"])
             }, X(k.count), 3)) : p("", !0)
           ], 10, md))), 128))
-        ], 38)
+        ], 34)
       ], 2)
-    ], 8, cd));
+    ], 14, cd));
   }
-}, Hm = /* @__PURE__ */ $e(vd, [["__scopeId", "data-v-8e606b0c"]]), hd = {
+}, Hm = /* @__PURE__ */ $e(vd, [["__scopeId", "data-v-80e96cd1"]]), hd = {
   class: "flex items-center justify-between gap-4 py-4 px-0 bg-white",
   "data-component": "DXTableToolbar"
 }, pd = { class: "flex items-center gap-4 flex-1" }, bd = {
@@ -7979,7 +7981,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     }), Bt(() => {
       t != null && t.unregisterComponent && t.unregisterComponent(l);
     });
-    const n = d(() => t != null && t.getComponentPosition ? t.getComponentPosition(l) : { hasLeftAddon: !1, hasRightAddon: !1 }), o = e, r = a, u = H(((h = o.modelValue) == null ? void 0 : h.length) || 0), f = (w) => {
+    const n = d(() => t != null && t.getComponentPosition ? t.getComponentPosition(l) : { hasLeftAddon: !1, hasRightAddon: !1 }), o = e, r = a, u = R(((h = o.modelValue) == null ? void 0 : h.length) || 0), f = (w) => {
       const C = w.target.value;
       u.value = C.length, r("update:modelValue", C), o.autoResize && (w.target.style.height = "auto", w.target.style.height = w.target.scrollHeight + "px");
     };
@@ -8086,7 +8088,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H(""), r = d(() => Array.from({ length: 12 }, (k, V) => ({
+    const t = e, l = a, n = R(!1), o = R(""), r = d(() => Array.from({ length: 12 }, (k, V) => ({
       value: V + 1,
       label: String(V + 1)
     }))), u = d(() => Array.from({ length: 24 }, (k, V) => V)), f = d(() => Array.from({ length: 12 }, (k, V) => V * 5)), v = d(() => Array.from({ length: 12 }, (k, V) => V * 5)), x = d(() => {
@@ -8120,18 +8122,18 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       var T;
       if (!k) return null;
       if (t.format === "12h") {
-        const R = k.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)?/i);
-        if (R) {
-          let W = parseInt(R[1], 10);
-          const Y = parseInt(R[2], 10), me = R[3] ? parseInt(R[3], 10) : 0, Be = (T = R[4]) == null ? void 0 : T.toUpperCase();
+        const H = k.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?\s*(AM|PM)?/i);
+        if (H) {
+          let W = parseInt(H[1], 10);
+          const Y = parseInt(H[2], 10), me = H[3] ? parseInt(H[3], 10) : 0, Be = (T = H[4]) == null ? void 0 : T.toUpperCase();
           return Be === "PM" && W !== 12 && (W += 12), Be === "AM" && W === 12 && (W = 0), { hour: W, minute: Y, second: me };
         }
       }
       const V = k.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?/);
       if (V) {
-        const R = parseInt(V[1], 10), W = parseInt(V[2], 10), Y = V[3] ? parseInt(V[3], 10) : 0;
-        if (R >= 0 && R <= 23 && W >= 0 && W <= 59 && Y >= 0 && Y <= 59)
-          return { hour: R, minute: W, second: Y };
+        const H = parseInt(V[1], 10), W = parseInt(V[2], 10), Y = V[3] ? parseInt(V[3], 10) : 0;
+        if (H >= 0 && H <= 23 && W >= 0 && W <= 59 && Y >= 0 && Y <= 59)
+          return { hour: H, minute: W, second: Y };
       }
       return null;
     }
@@ -8149,15 +8151,15 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       if (t.minTime) {
         const V = y(t.minTime);
         if (V) {
-          const T = k.hour * 60 + k.minute + (k.second || 0) / 60, R = V.hour * 60 + V.minute + (V.second || 0) / 60;
-          if (T < R) return !1;
+          const T = k.hour * 60 + k.minute + (k.second || 0) / 60, H = V.hour * 60 + V.minute + (V.second || 0) / 60;
+          if (T < H) return !1;
         }
       }
       if (t.maxTime) {
         const V = y(t.maxTime);
         if (V) {
-          const T = k.hour * 60 + k.minute + (k.second || 0) / 60, R = V.hour * 60 + V.minute + (V.second || 0) / 60;
-          if (T > R) return !1;
+          const T = k.hour * 60 + k.minute + (k.second || 0) / 60, H = V.hour * 60 + V.minute + (V.second || 0) / 60;
+          if (T > H) return !1;
         }
       }
       return !0;
@@ -8174,13 +8176,13 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       const V = t.modelValue ? y(t.modelValue) : { minute: 0, second: 0 };
       let T = k;
       t.format === "12h" && (k === 12 ? T = w.value ? 0 : 12 : T = w.value ? k : k + 12);
-      const R = {
+      const H = {
         hour: T,
         minute: (V == null ? void 0 : V.minute) || 0,
         second: (V == null ? void 0 : V.second) || 0
       };
-      if (B(R)) {
-        const W = S(R);
+      if (B(H)) {
+        const W = S(H);
         l("update:modelValue", W), l("change", W);
       }
     }
@@ -8191,8 +8193,8 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
         second: (V == null ? void 0 : V.second) || 0
       };
       if (B(T)) {
-        const R = S(T);
-        l("update:modelValue", R), l("change", R);
+        const H = S(T);
+        l("update:modelValue", H), l("change", H);
       }
     }
     function g(k) {
@@ -8202,8 +8204,8 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
         second: k
       };
       if (B(T)) {
-        const R = S(T);
-        l("update:modelValue", R), l("change", R);
+        const H = S(T);
+        l("update:modelValue", H), l("change", H);
       }
     }
     function z(k) {
@@ -8212,9 +8214,9 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       if (!V) return;
       let T = V.hour;
       k && T >= 12 ? (T -= 12, T === 0 && (T = 12)) : !k && T < 12 && (T === 0 && (T = 12), T += 12);
-      const R = { ...V, hour: T };
-      if (B(R)) {
-        const W = S(R);
+      const H = { ...V, hour: T };
+      if (B(H)) {
+        const W = S(H);
         l("update:modelValue", W), l("change", W);
       }
     }
@@ -8282,7 +8284,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
                   "px-3 py-2 text-sm rounded-lg transition-colors",
                   x.value === T.value ? "bg-slate-900 text-white" : "hover:bg-slate-100 text-slate-700"
                 ]),
-                onClick: (R) => D(T.value)
+                onClick: (H) => D(T.value)
               }, X(T.label), 11, Md))), 128))
             ])) : (s(), i("div", Xd, [
               (s(!0), i(K, null, J(u.value, (T) => (s(), i("button", {
@@ -8292,7 +8294,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
                   "px-3 py-2 text-sm rounded-lg transition-colors",
                   x.value === T ? "bg-slate-900 text-white" : "hover:bg-slate-100 text-slate-700"
                 ]),
-                onClick: (R) => D(T)
+                onClick: (H) => D(T)
               }, X(String(T).padStart(2, "0")), 11, Ld))), 128))
             ])),
             m("div", Od, [
@@ -8303,7 +8305,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
                   "px-3 py-2 text-sm rounded-lg transition-colors",
                   c.value === T ? "bg-slate-900 text-white" : "hover:bg-slate-100 text-slate-700"
                 ]),
-                onClick: (R) => I(T)
+                onClick: (H) => I(T)
               }, X(String(T).padStart(2, "0")), 11, Pd))), 128))
             ]),
             e.showSeconds ? (s(), i("div", jd, [
@@ -8314,7 +8316,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
                   "px-3 py-2 text-sm rounded-lg transition-colors",
                   h.value === T ? "bg-slate-900 text-white" : "hover:bg-slate-100 text-slate-700"
                 ]),
-                onClick: (R) => g(T)
+                onClick: (H) => g(T)
               }, X(String(T).padStart(2, "0")), 11, Fd))), 128))
             ])) : p("", !0),
             e.format === "12h" ? (s(), i("div", Nd, [
@@ -8403,7 +8405,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(0), o = d(() => t.symbol === "heart" ? Hl : Ul), r = d(() => t.symbol === "heart" ? El : Ml), u = d(
+    const t = e, l = a, n = R(0), o = d(() => t.symbol === "heart" ? Hl : Ul), r = d(() => t.symbol === "heart" ? El : Ml), u = d(
       () => F("inline-flex items-center gap-1")
     );
     function f(I) {
@@ -8651,7 +8653,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     "clear"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H(-1), r = H(-1), u = H({});
+    const t = e, l = a, n = R(!1), o = R(-1), r = R(-1), u = R({});
     let f = null;
     const v = d(() => {
       const L = {
@@ -8718,8 +8720,8 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     }
     function z(L) {
       if (!t.hotkey) return;
-      const q = t.hotkey.toLowerCase().split("+"), P = q[q.length - 1].toLowerCase(), k = q.slice(0, -1), V = L.key.toLowerCase() === P, T = k.includes("ctrl") ? L.ctrlKey : !L.ctrlKey, R = k.includes("cmd") || k.includes("meta") ? L.metaKey : !L.metaKey, W = k.includes("alt") ? L.altKey : !L.altKey, Y = k.includes("shift") ? L.shiftKey : !L.shiftKey;
-      if (V && T && R && W && Y) {
+      const q = t.hotkey.toLowerCase().split("+"), P = q[q.length - 1].toLowerCase(), k = q.slice(0, -1), V = L.key.toLowerCase() === P, T = k.includes("ctrl") ? L.ctrlKey : !L.ctrlKey, H = k.includes("cmd") || k.includes("meta") ? L.metaKey : !L.metaKey, W = k.includes("alt") ? L.altKey : !L.altKey, Y = k.includes("shift") ? L.shiftKey : !L.shiftKey;
+      if (V && T && H && W && Y) {
         L.preventDefault();
         const me = document.querySelector('[data-component="DXSearchBar"] input');
         me && me.focus();
@@ -9170,7 +9172,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     variant: { type: String, default: "default" }
   },
   setup(e) {
-    const a = Ol("collapse"), t = e, l = H(new Set(t.defaultOpen)), n = (f) => l.value.has(f), o = (f) => {
+    const a = Ol("collapse"), t = e, l = R(new Set(t.defaultOpen)), n = (f) => l.value.has(f), o = (f) => {
       t.multiple ? (l.value.has(f) ? l.value.delete(f) : l.value.add(f), l.value = new Set(l.value)) : l.value.has(f) ? l.value = /* @__PURE__ */ new Set() : l.value = /* @__PURE__ */ new Set([f]);
     }, r = {
       default: "",
@@ -9336,7 +9338,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["sidebar-toggle", "sidebar-collapse"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = d(
+    const t = e, l = a, n = R(!1), o = d(
       () => Zl({
         component: "DXAppLayout",
         variant: t.variant,
@@ -9552,19 +9554,19 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["submit", "mode-change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H({
+    const t = e, l = a, n = R({
       email: "",
       password: "",
       remember: !1
-    }), o = H({
+    }), o = R({
       name: "",
       email: "",
       password: "",
       confirmPassword: "",
       agreeToTerms: !1
-    }), r = H({
+    }), r = R({
       email: ""
-    }), u = H({
+    }), u = R({
       code: ""
     }), f = d(() => ({
       login: "Вход",
@@ -10002,7 +10004,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["export", "legend-toggle", "chart-type-change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(t.type), o = d(() => F("w-full")), r = d(
+    const t = e, l = a, n = R(t.type), o = d(() => F("w-full")), r = d(
       () => F("mb-4")
     ), u = d(
       () => F("mb-4 flex items-center justify-end gap-2")
@@ -10199,15 +10201,15 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   },
   emits: ["send-message", "upload-file", "scroll"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(""), o = H(null), r = H(null), u = H(!0), f = d(() => {
+    const t = e, l = a, n = R(""), o = R(null), r = R(null), u = R(!0), f = d(() => {
       const V = [];
       let T = null;
-      return t.messages.forEach((R) => {
-        const W = new Date(R.date), Y = T ? new Date(T.date) : null;
+      return t.messages.forEach((H) => {
+        const W = new Date(H.date), Y = T ? new Date(T.date) : null;
         (!T || !Y || W.toDateString() !== Y.toDateString() || W - Y > 36e5) && (T = {
           date: W,
           messages: []
-        }, V.push(T)), T.messages.push(R);
+        }, V.push(T)), T.messages.push(H);
       }), V;
     }), v = d(
       () => F("flex flex-col h-full bg-white")
@@ -10257,8 +10259,8 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     }
     function I(V) {
       if (!V) return "";
-      const T = new Date(V), R = /* @__PURE__ */ new Date(), W = new Date(R);
-      return W.setDate(W.getDate() - 1), T.toDateString() === R.toDateString() ? "Сегодня" : T.toDateString() === W.toDateString() ? "Вчера" : T.toLocaleDateString("ru-RU", {
+      const T = new Date(V), H = /* @__PURE__ */ new Date(), W = new Date(H);
+      return W.setDate(W.getDate() - 1), T.toDateString() === H.toDateString() ? "Сегодня" : T.toDateString() === W.toDateString() ? "Вчера" : T.toLocaleDateString("ru-RU", {
         year: "numeric",
         month: "long",
         day: "numeric"
@@ -10276,8 +10278,8 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
       });
     }
     function O(V) {
-      const T = V.target, R = T.scrollHeight - T.scrollTop <= T.clientHeight + 100;
-      u.value = R, l("scroll", { isAtBottom: R, scrollTop: T.scrollTop });
+      const T = V.target, H = T.scrollHeight - T.scrollTop <= T.clientHeight + 100;
+      u.value = H, l("scroll", { isAtBottom: H, scrollTop: T.scrollTop });
     }
     function L() {
       B.value && (l("send-message", {
@@ -10312,11 +10314,11 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
         class: b(x.value)
       }, [
         N(V.$slots, "header", {}, () => {
-          var R, W;
+          var H, W;
           return [
             m("div", Du, [
               m("div", Au, [
-                (R = e.chatInfo) != null && R.avatar ? (s(), E(ia, {
+                (H = e.chatInfo) != null && H.avatar ? (s(), E(ia, {
                   key: 0,
                   src: e.chatInfo.avatar,
                   name: e.chatInfo.name,
@@ -10360,18 +10362,18 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
         class: b(c.value),
         onScroll: O
       }, [
-        (s(!0), i(K, null, J(f.value, (R, W) => (s(), i("div", {
+        (s(!0), i(K, null, J(f.value, (H, W) => (s(), i("div", {
           key: W,
           class: "mb-4"
         }, [
-          R.date ? (s(), i("div", {
+          H.date ? (s(), i("div", {
             key: 0,
             class: b(h.value)
-          }, X(I(R.date)), 3)) : p("", !0),
+          }, X(I(H.date)), 3)) : p("", !0),
           m("div", {
             class: b(w.value)
           }, [
-            (s(!0), i(K, null, J(R.messages, (Y) => (s(), i("div", {
+            (s(!0), i(K, null, J(H.messages, (Y) => (s(), i("div", {
               key: Y.id,
               class: b(C())
             }, [
@@ -10465,7 +10467,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
             }, null, 544),
             M(en, {
               modelValue: n.value,
-              "onUpdate:modelValue": T[0] || (T[0] = (R) => n.value = R),
+              "onUpdate:modelValue": T[0] || (T[0] = (H) => n.value = H),
               placeholder: e.inputPlaceholder,
               rows: e.inputRows,
               onKeydown: [
@@ -10573,7 +10575,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
     "page-change"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(""), o = H(1), r = H(null), u = d(() => {
+    const t = e, l = a, n = R(""), o = R(1), r = R(null), u = d(() => {
       const P = [...t.comments];
       switch (t.sortBy) {
         case "oldest":
@@ -10707,11 +10709,11 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
               edit: g,
               delete: z
             }, () => {
-              var R, W;
+              var H, W;
               return [
                 m("div", Pu, [
                   M(ia, {
-                    src: (R = T.author) == null ? void 0 : R.avatar,
+                    src: (H = T.author) == null ? void 0 : H.avatar,
                     name: (W = T.author) == null ? void 0 : W.name,
                     size: "md"
                   }, null, 8, ["src", "name"]),
@@ -11304,7 +11306,7 @@ const er = ["data-position", "data-width", "data-variant", "data-disabled"], tr
   }
 };
 function vc(e, a) {
-  const t = H([]), l = H(!1), n = H(null), o = () => {
+  const t = R([]), l = R(!1), n = R(null), o = () => {
     t.value = [...e.data];
   }, r = async (f = {}) => {
     if (!e.apiUrl) {
@@ -11343,7 +11345,7 @@ function vc(e, a) {
 }
 function hc(e, a, t) {
   var f, v;
-  const l = H(((f = a.defaultSort) == null ? void 0 : f.column) || null), n = H(((v = a.defaultSort) == null ? void 0 : v.direction) || "asc"), o = d(() => !l.value || !a.sortable ? e.value : [...e.value].sort((c, h) => {
+  const l = R(((f = a.defaultSort) == null ? void 0 : f.column) || null), n = R(((v = a.defaultSort) == null ? void 0 : v.direction) || "asc"), o = d(() => !l.value || !a.sortable ? e.value : [...e.value].sort((c, h) => {
     const w = c[l.value], C = h[l.value];
     if (w == null) return 1;
     if (C == null) return -1;
@@ -11366,7 +11368,7 @@ function hc(e, a, t) {
   };
 }
 function pc(e, a, t, l = null) {
-  const n = H({}), o = H(""), r = l || e, u = d(() => {
+  const n = R({}), o = R(""), r = l || e, u = d(() => {
     let y = [...e.value];
     if (o.value && a.searchable) {
       const S = o.value.toLowerCase();
@@ -11427,7 +11429,7 @@ function pc(e, a, t, l = null) {
   };
 }
 function bc(e, a, t) {
-  const l = H(1), n = H(a.defaultPageSize || 10), o = d(() => !a.paginated || e.value.length === 0 ? 1 : Math.ceil(e.value.length / n.value)), r = d(() => {
+  const l = R(1), n = R(a.defaultPageSize || 10), o = d(() => !a.paginated || e.value.length === 0 ? 1 : Math.ceil(e.value.length / n.value)), r = d(() => {
     if (!a.paginated)
       return e.value;
     const h = (l.value - 1) * n.value, w = h + n.value;
@@ -11462,7 +11464,7 @@ function bc(e, a, t) {
   };
 }
 function yc(e, a, t) {
-  const l = H([]), n = d(() => e.value.length === 0 ? !1 : l.value.length === e.value.length), o = d(() => l.value.length > 0 && l.value.length < e.value.length);
+  const l = R([]), n = d(() => e.value.length === 0 ? !1 : l.value.length === e.value.length), o = d(() => l.value.length > 0 && l.value.length < e.value.length);
   return {
     selectedRows: l,
     allSelected: n,
@@ -11485,7 +11487,7 @@ function yc(e, a, t) {
   };
 }
 function xc(e, a) {
-  const t = H([]), l = d(() => e.columns.filter((c) => !t.value.includes(c.key))), n = d(() => e.columns.map((c) => ({
+  const t = R([]), l = d(() => e.columns.filter((c) => !t.value.includes(c.key))), n = d(() => e.columns.map((c) => ({
     ...c,
     visible: !t.value.includes(c.key)
   })));
@@ -11675,7 +11677,7 @@ const wc = {
     } = bc(y, l, n), {
       selectedRows: V,
       allSelected: T,
-      someSelected: R,
+      someSelected: H,
       isSelected: W,
       toggleRow: Y,
       selectAll: me
@@ -11887,7 +11889,7 @@ const wc = {
     "update:data"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H({}), o = H(/* @__PURE__ */ new Set()), r = H({}), u = d(() => t.columns.filter((g) => g.editable !== !1)), f = d(() => t.editable ? t.data.map((g) => n.value[g.id] ? { ...g, ...n.value[g.id] } : g) : t.data), v = d(() => F("w-full"));
+    const t = e, l = a, n = R({}), o = R(/* @__PURE__ */ new Set()), r = R({}), u = d(() => t.columns.filter((g) => g.editable !== !1)), f = d(() => t.editable ? t.data.map((g) => n.value[g.id] ? { ...g, ...n.value[g.id] } : g) : t.data), v = d(() => F("w-full"));
     function x(g) {
       return o.value.has(g);
     }
@@ -12177,7 +12179,7 @@ const wc = {
     "prev"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(t.currentStep), o = H([]), r = d({
+    const t = e, l = a, n = R(t.currentStep), o = R([]), r = d({
       get: () => t.currentStep,
       set: (V) => {
         z(V) && (n.value = V, l("update:currentStep", V), l("step-change", V));
@@ -12199,25 +12201,25 @@ const wc = {
       () => F("flex items-center justify-between pt-6 border-t border-slate-200")
     );
     function y(V) {
-      const T = r.value === V, R = o.value.includes(V), W = z(V);
+      const T = r.value === V, H = o.value.includes(V), W = z(V);
       return F(
         "px-4 py-2 text-sm font-medium transition-colors border-b-2",
         {
           "border-blue-600 text-blue-600": T,
           "border-transparent text-slate-600 hover:text-slate-900": !T,
           "text-slate-400 cursor-not-allowed": !W && !T,
-          "text-green-600": R && !T
+          "text-green-600": H && !T
         }
       );
     }
     function S(V) {
-      const T = r.value === V, R = o.value.includes(V);
+      const T = r.value === V, H = o.value.includes(V);
       return F(
         "w-6 h-6 text-xs",
         {
           "bg-blue-600 text-white": T,
-          "bg-green-600 text-white": R && !T,
-          "bg-slate-200 text-slate-600": !T && !R
+          "bg-green-600 text-white": H && !T,
+          "bg-slate-200 text-slate-600": !T && !H
         }
       );
     }
@@ -12225,13 +12227,13 @@ const wc = {
       return F("relative flex items-start");
     }
     function A(V) {
-      const T = r.value === V, R = o.value.includes(V);
+      const T = r.value === V, H = o.value.includes(V);
       return F(
         "w-10 h-10 flex-shrink-0 z-10",
         {
           "bg-blue-600 text-white": T,
-          "bg-green-600 text-white": R && !T,
-          "bg-slate-200 text-slate-600": !T && !R
+          "bg-green-600 text-white": H && !T,
+          "bg-slate-200 text-slate-600": !T && !H
         }
       );
     }
@@ -12294,7 +12296,7 @@ const wc = {
         key: 1,
         class: b(c.value)
       }, [
-        (s(!0), i(K, null, J(e.steps, (R, W) => (s(), i("button", {
+        (s(!0), i(K, null, J(e.steps, (H, W) => (s(), i("button", {
           key: W,
           type: "button",
           class: b(y(W)),
@@ -12305,7 +12307,7 @@ const wc = {
             m("span", {
               class: b([S(W), "flex items-center justify-center rounded-full"])
             }, X(W + 1), 3),
-            m("span", null, X(R.title), 1)
+            m("span", null, X(H.title), 1)
           ])
         ], 10, Ec))), 128))
       ], 2)) : p("", !0),
@@ -12313,7 +12315,7 @@ const wc = {
         key: 2,
         class: b(h.value)
       }, [
-        (s(!0), i(K, null, J(e.steps, (R, W) => (s(), i("div", {
+        (s(!0), i(K, null, J(e.steps, (H, W) => (s(), i("div", {
           key: W,
           class: b(B())
         }, [
@@ -12328,8 +12330,8 @@ const wc = {
             }, null, 8, ["icon"])) : (s(), i("span", Xc, X(W + 1), 1))
           ], 2),
           m("div", Lc, [
-            m("div", Oc, X(R.title), 1),
-            R.description ? (s(), i("div", Pc, X(R.description), 1)) : p("", !0)
+            m("div", Oc, X(H.title), 1),
+            H.description ? (s(), i("div", Pc, X(H.description), 1)) : p("", !0)
           ]),
           W < e.steps.length - 1 ? (s(), i("div", {
             key: 0,
@@ -12353,10 +12355,10 @@ const wc = {
                 step: e.steps[r.value],
                 stepIndex: r.value
               }, () => {
-                var R;
+                var H;
                 return [
                   m("div", jc, [
-                    m("p", null, "Шаг " + X(r.value + 1) + ": " + X((R = e.steps[r.value]) == null ? void 0 : R.title), 1),
+                    m("p", null, "Шаг " + X(r.value + 1) + ": " + X((H = e.steps[r.value]) == null ? void 0 : H.title), 1),
                     m("p", Fc, "Используйте slot step-" + X(r.value + 1) + " для контента", 1)
                   ])
                 ];
@@ -12390,7 +12392,7 @@ const wc = {
               _: 1
             })) : (s(), i("div", Rc)),
             m("div", Hc, [
-              (s(!0), i(K, null, J(e.steps, (R, W) => (s(), E(ee, {
+              (s(!0), i(K, null, J(e.steps, (H, W) => (s(), E(ee, {
                 key: W,
                 variant: r.value === W ? "primary" : "ghost",
                 size: "sm",
@@ -13293,9 +13295,9 @@ le.prototype = /** @lends Sortable.prototype */
         xt !== l && (O = o[P], Ht = !1, _t = !q && u.invertSwap || L), z = bf(a, l, o, w, q ? 1 : u.swapThreshold, u.invertedSwapThreshold == null ? u.swapThreshold : u.invertedSwapThreshold, _t, xt === l);
         var T;
         if (z !== 0) {
-          var R = Fe(Z);
+          var H = Fe(Z);
           do
-            R -= z, T = xe.children[R];
+            H -= z, T = xe.children[H];
           while (T && (ae(T, "display") === "none" || T === ne));
         }
         if (z === 0 || T === l)
@@ -13639,8 +13641,8 @@ var Ba = nn(function(e, a, t, l) {
       w === f ? (g = D < O && (q.overflowX === "auto" || q.overflowX === "scroll" || q.overflowX === "visible"), z = I < L && (q.overflowY === "auto" || q.overflowY === "scroll" || q.overflowY === "visible")) : (g = D < O && (q.overflowX === "auto" || q.overflowX === "scroll"), z = I < L && (q.overflowY === "auto" || q.overflowY === "scroll"));
       var V = g && (Math.abs(A - n) <= r && P + D < O) - (Math.abs(B - n) <= r && !!P), T = z && (Math.abs(S - o) <= r && k + I < L) - (Math.abs(y - o) <= r && !!k);
       if (!ke[c])
-        for (var R = 0; R <= c; R++)
-          ke[R] || (ke[R] = {});
+        for (var H = 0; H <= c; H++)
+          ke[H] || (ke[H] = {});
       (ke[c].vx != V || ke[c].vy != T || ke[c].el !== w) && (ke[c].el = w, ke[c].vx = V, ke[c].vy = T, clearInterval(ke[c].pid), (V != 0 || T != 0) && (v = !0, ke[c].pid = setInterval((function() {
         l && this.layer === 0 && le.active._onTouchMove(ma);
         var W = ke[this.layer].vy ? ke[this.layer].vy * u : 0, Y = ke[this.layer].vx ? ke[this.layer].vx * u : 0;
@@ -13768,7 +13770,7 @@ const Af = hn({
     ...Fa.map((e) => e.toLowerCase())
   ],
   setup(e, { emit: a, slots: t, attrs: l }) {
-    const n = H(!1), o = H(!1), r = H(0), u = H(0), f = H([]), v = H(null), x = H(null), c = d(() => e.list ? e.list : e.modelValue), h = pn();
+    const n = R(!1), o = R(!1), r = R(0), u = R(0), f = R([]), v = R(null), x = R(null), c = d(() => e.list ? e.list : e.modelValue), h = pn();
     function w() {
       return e.component ? Bl(e.component) : e.tag;
     }
@@ -13860,11 +13862,11 @@ const Af = hn({
     function T(Q, _) {
       Object.prototype.hasOwnProperty.call(Q, _) && (Q[_] += r.value);
     }
-    function R(Q) {
+    function H(Q) {
       return Q.__draggable_component__;
     }
     function W({ to: Q, related: _ }) {
-      const te = R(Q);
+      const te = H(Q);
       if (!te)
         return { component: te };
       const be = te.realList, Ae = { list: be, component: te };
@@ -13964,7 +13966,7 @@ const Af = hn({
       context: v,
       sortableInstance: x,
       getRelatedContextFromMoveEvent: W,
-      getTargetedComponent: R,
+      getTargetedComponent: H,
       computeFutureIndex: Y
       // ... other exposed functions as needed
     };
@@ -14030,7 +14032,7 @@ const Af = hn({
     "widget-remove"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H([...t.widgets]), o = H(!1), r = d(
+    const t = e, l = a, n = R([...t.widgets]), o = R(!1), r = d(
       () => F("relative w-full")
     ), u = d(() => ({
       display: "grid",
@@ -14326,7 +14328,7 @@ const Af = hn({
           class: b(r.value)
         }, [
           N(c.$slots, "content", {}, () => {
-            var w, C, y, S, B, A, D, I, g, z, O, L, q, P, k, V, T, R, W, Y;
+            var w, C, y, S, B, A, D, I, g, z, O, L, q, P, k, V, T, H, W, Y;
             return [
               e.type === "stat" ? (s(), E(lu, {
                 key: 0,
@@ -14356,7 +14358,7 @@ const Af = hn({
                 key: 2,
                 columns: ((V = e.config) == null ? void 0 : V.columns) || [],
                 data: ((T = e.config) == null ? void 0 : T.data) || [],
-                paginated: ((R = e.config) == null ? void 0 : R.paginated) !== !1,
+                paginated: ((H = e.config) == null ? void 0 : H.paginated) !== !1,
                 size: ((W = e.config) == null ? void 0 : W.size) || "sm"
               }, null, 8, ["columns", "data", "paginated", "size"])) : e.type === "text" ? (s(), i("div", {
                 key: 3,
@@ -14502,7 +14504,7 @@ const Af = hn({
   },
   emits: ["mobile-menu-toggle"],
   setup(e, { expose: a, emit: t }) {
-    const l = e, n = t, o = He("currentBreakpoint", H(null)), r = He("screenWidth", H(null)), u = He("screenHeight", H(null)), f = He("breakpoints", H(null)), v = H(!1), x = d(() => o != null && o.value ? ["xs", "sm"].includes(o.value) : (r == null ? void 0 : r.value) !== null && (r == null ? void 0 : r.value) !== void 0 ? r.value < 768 : !1), c = d(() => !x.value), h = d(() => ({
+    const l = e, n = t, o = He("currentBreakpoint", R(null)), r = He("screenWidth", R(null)), u = He("screenHeight", R(null)), f = He("breakpoints", R(null)), v = R(!1), x = d(() => o != null && o.value ? ["xs", "sm"].includes(o.value) : (r == null ? void 0 : r.value) !== null && (r == null ? void 0 : r.value) !== void 0 ? r.value < 768 : !1), c = d(() => !x.value), h = d(() => ({
       white: "bg-white",
       slate: "bg-slate-50",
       transparent: "bg-transparent"
@@ -15025,7 +15027,7 @@ const Af = hn({
   },
   emits: ["item-click", "lightbox-open", "lightbox-close"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H(null), r = H(0), u = H(/* @__PURE__ */ new Set()), f = d(() => F("w-full")), v = d(
+    const t = e, l = a, n = R(!1), o = R(null), r = R(0), u = R(/* @__PURE__ */ new Set()), f = d(() => F("w-full")), v = d(
       () => F(
         "relative aspect-square overflow-hidden rounded-lg cursor-pointer transition-transform hover:scale-105",
         t.lightbox && "group"
@@ -15341,7 +15343,7 @@ const Af = hn({
     "notification-click"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(!1), o = H("all"), r = d(() => {
+    const t = e, l = a, n = R(!1), o = R("all"), r = d(() => {
       let P = [...t.notifications];
       return o.value === "unread" && (P = P.filter((k) => !k.read)), t.filterBy && (P = P.filter(
         (k) => k.type === t.filterBy
@@ -15353,8 +15355,8 @@ const Af = hn({
       return r.value.forEach((k) => {
         let V = "", T = "";
         if (t.groupBy === "date") {
-          const R = new Date(k.date), W = /* @__PURE__ */ new Date(), Y = new Date(W);
-          Y.setDate(Y.getDate() - 1), R.toDateString() === W.toDateString() ? (V = "today", T = "Сегодня") : R.toDateString() === Y.toDateString() ? (V = "yesterday", T = "Вчера") : (V = R.toLocaleDateString("ru-RU"), T = R.toLocaleDateString("ru-RU", {
+          const H = new Date(k.date), W = /* @__PURE__ */ new Date(), Y = new Date(W);
+          Y.setDate(Y.getDate() - 1), H.toDateString() === W.toDateString() ? (V = "today", T = "Сегодня") : H.toDateString() === Y.toDateString() ? (V = "yesterday", T = "Вчера") : (V = H.toLocaleDateString("ru-RU"), T = H.toLocaleDateString("ru-RU", {
             year: "numeric",
             month: "long",
             day: "numeric"
@@ -15534,7 +15536,7 @@ const Af = hn({
                 (s(!0), i(K, null, J(V.items, (T) => (s(), i("div", {
                   key: T.id,
                   class: b(C(T)),
-                  onClick: (R) => q(T)
+                  onClick: (H) => q(T)
                 }, [
                   N(P.$slots, "notification", {
                     notification: T,
@@ -15560,7 +15562,7 @@ const Af = hn({
                           key: 0,
                           size: "sm",
                           variant: "ghost",
-                          onClick: fe((R) => g(T.id), ["stop"])
+                          onClick: fe((H) => g(T.id), ["stop"])
                         }, {
                           icon: $(() => [
                             M(G, {
@@ -15573,7 +15575,7 @@ const Af = hn({
                         M(ee, {
                           size: "sm",
                           variant: "ghost",
-                          onClick: fe((R) => O(T.id), ["stop"])
+                          onClick: fe((H) => O(T.id), ["stop"])
                         }, {
                           icon: $(() => [
                             M(G, {
@@ -15678,10 +15680,10 @@ const Af = hn({
   },
   emits: ["generate", "export", "filter-change", "setting-change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H([]), o = H({
+    const t = e, l = a, n = R([]), o = R({
       format: "pdf",
       dateRange: null
-    }), r = H([...t.data]), u = d(() => r.value.length > 0), f = d(
+    }), r = R([...t.data]), u = d(() => r.value.length > 0), f = d(
       () => F("w-full space-y-6", oe("md", "padding"))
     ), v = d(
       () => F("mb-6")
@@ -15931,7 +15933,7 @@ const Af = hn({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(null), o = H(null), r = d(() => [
+    const t = e, l = a, n = R(null), o = R(null), r = d(() => [
       "dx-tabs",
       "flex",
       "items-center",
@@ -16094,7 +16096,7 @@ const Af = hn({
   ],
   setup(e, { emit: a }) {
     var g;
-    const t = e, l = a, n = H(((g = t.categories[0]) == null ? void 0 : g.id) || ""), o = H(""), r = H({ ...t.settings }), u = d(() => t.categories.map((z) => ({
+    const t = e, l = a, n = R(((g = t.categories[0]) == null ? void 0 : g.id) || ""), o = R(""), r = R({ ...t.settings }), u = d(() => t.categories.map((z) => ({
       id: z.id,
       label: z.label
     })));
@@ -17085,12 +17087,12 @@ const Af = hn({
     "save-progress"
   ],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(t.currentStep), o = H({ ...t.wizardData }), r = d(() => t.steps.length === 0 ? 0 : (n.value - 1) / t.steps.length * 100), u = d(() => "sm"), f = d(() => t.steps[n.value - 1] || {}), v = d(() => {
+    const t = e, l = a, n = R(t.currentStep), o = R({ ...t.wizardData }), r = d(() => t.steps.length === 0 ? 0 : (n.value - 1) / t.steps.length * 100), u = d(() => "sm"), f = d(() => t.steps[n.value - 1] || {}), v = d(() => {
       var Y;
-      const R = {}, W = ((Y = f.value) == null ? void 0 : Y.fields) || Object.keys(o.value);
+      const H = {}, W = ((Y = f.value) == null ? void 0 : Y.fields) || Object.keys(o.value);
       for (const me of W)
-        t.validationErrors[me] && (R[me] = t.validationErrors[me]);
-      return R;
+        t.validationErrors[me] && (H[me] = t.validationErrors[me]);
+      return H;
     }), x = d(() => t.allowSkip ? !0 : Object.keys(v.value).length === 0), c = d(() => n.value > 1), h = d(() => Object.keys(t.validationErrors).length === 0), w = d(() => t.transition), C = d(
       () => F("w-full", oe("md", "padding"))
     ), y = d(
@@ -17098,26 +17100,26 @@ const Af = hn({
     ), S = d(
       () => F("mb-8 relative")
     );
-    function B(R) {
+    function B(H) {
       return F(
         "flex items-center relative mb-6",
-        R === n.value - 1 ? "text-slate-900" : "text-slate-500"
+        H === n.value - 1 ? "text-slate-900" : "text-slate-500"
       );
     }
-    function A(R) {
-      const W = R + 1;
+    function A(H) {
+      const W = H + 1;
       return W < n.value ? "w-10 h-10 bg-green-500 text-white" : W === n.value ? "w-10 h-10 bg-blue-500 text-white" : "w-10 h-10 bg-slate-200 text-slate-500";
     }
-    function D(R) {
-      return R + 1 < n.value ? "bg-green-500" : "bg-slate-200";
+    function D(H) {
+      return H + 1 < n.value ? "bg-green-500" : "bg-slate-200";
     }
     const I = d(
       () => F("min-h-[300px]")
     ), g = d(
       () => F("flex items-center justify-between gap-4 mt-8 pt-6 border-t border-slate-200")
     );
-    function z(R) {
-      return R + 1 < n.value;
+    function z(H) {
+      return H + 1 < n.value;
     }
     function O() {
       n.value < t.steps.length && x.value && (n.value++, l("update:currentStep", n.value), l("next", n.value), l("step-change", n.value), k());
@@ -17125,15 +17127,15 @@ const Af = hn({
     function L() {
       n.value > 1 && (n.value--, l("update:currentStep", n.value), l("prev", n.value), l("step-change", n.value), k());
     }
-    function q(R) {
-      R >= 1 && R <= t.steps.length && (n.value = R, l("update:currentStep", n.value), l("step-change", n.value), k());
+    function q(H) {
+      H >= 1 && H <= t.steps.length && (n.value = H, l("update:currentStep", n.value), l("step-change", n.value), k());
     }
     function P() {
-      const R = {
+      const H = {
         currentStep: n.value,
         wizardData: { ...o.value }
       };
-      localStorage.setItem(t.storageKey, JSON.stringify(R)), l("save-progress", R);
+      localStorage.setItem(t.storageKey, JSON.stringify(H)), l("save-progress", H);
     }
     function k() {
       t.saveProgressEnabled && P();
@@ -17149,10 +17151,10 @@ const Af = hn({
     }
     return Se(() => {
       if (t.saveProgressEnabled) {
-        const R = localStorage.getItem(t.storageKey);
-        if (R)
+        const H = localStorage.getItem(t.storageKey);
+        if (H)
           try {
-            const W = JSON.parse(R);
+            const W = JSON.parse(H);
             W.currentStep && (n.value = W.currentStep, l("update:currentStep", n.value)), W.wizardData && (o.value = { ...W.wizardData }, l("update:wizardData", { ...o.value }));
           } catch (W) {
             console.warn("Не удалось загрузить сохраненный прогресс:", W);
@@ -17160,22 +17162,22 @@ const Af = hn({
       }
     }), se(
       () => t.currentStep,
-      (R) => {
-        R !== n.value && (n.value = R);
+      (H) => {
+        H !== n.value && (n.value = H);
       }
     ), se(
       () => t.wizardData,
-      (R) => {
-        o.value = { ...R };
+      (H) => {
+        o.value = { ...H };
       },
       { deep: !0 }
     ), se(
       o,
-      (R) => {
-        l("update:wizardData", { ...R });
+      (H) => {
+        l("update:wizardData", { ...H });
       },
       { deep: !0 }
-    ), (R, W) => (s(), i("div", {
+    ), (H, W) => (s(), i("div", {
       class: b(C.value),
       "data-component": "DXWizard",
       "data-current-step": e.currentStep
@@ -17232,7 +17234,7 @@ const Af = hn({
               key: e.currentStep,
               class: "w-full"
             }, [
-              N(R.$slots, `step-${e.currentStep}`, {
+              N(H.$slots, `step-${e.currentStep}`, {
                 step: f.value,
                 stepIndex: e.currentStep - 1,
                 formData: e.wizardData,
@@ -17254,7 +17256,7 @@ const Af = hn({
       m("div", {
         class: b(g.value)
       }, [
-        N(R.$slots, "navigation", {
+        N(H.$slots, "navigation", {
           canGoNext: x.value,
           canGoPrev: c.value,
           goNext: O,
@@ -17340,7 +17342,7 @@ const Af = hn({
       lg: 1024,
       xl: 1280,
       "2xl": 1536
-    }, o = d(() => t.breakpoints || n), r = H(typeof window < "u" ? window.innerWidth : 0), u = H(typeof window < "u" ? window.innerHeight : 0), f = H("xs");
+    }, o = d(() => t.breakpoints || n), r = R(typeof window < "u" ? window.innerWidth : 0), u = R(typeof window < "u" ? window.innerHeight : 0), f = R("xs");
     let v = null;
     const x = d(() => F("w-full h-full"));
     function c(C) {
@@ -17548,7 +17550,7 @@ const Af = hn({
   },
   emits: ["theme-change"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = H(t.theme), o = d(() => F("w-full h-full")), r = d(() => t.useSystemTheme ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.value), u = d(() => {
+    const t = e, l = a, n = R(t.theme), o = d(() => F("w-full h-full")), r = d(() => t.useSystemTheme ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : n.value), u = d(() => {
       const w = t.themes[r.value];
       return !w || !w.colors ? {} : w.colors;
     });
@@ -17682,7 +17684,7 @@ const Af = hn({
   }
 }, hg = /* @__PURE__ */ $e(gm, [["__scopeId", "data-v-a13cf31c"]]);
 function pg(e, a) {
-  const t = H(!1), l = H(!1), n = () => {
+  const t = R(!1), l = R(!1), n = () => {
     if (!e.value) return;
     const { scrollLeft: v, scrollWidth: x, clientWidth: c } = e.value;
     t.value = v > 0, l.value = v + c < x - 1;