prlg-ui 1.8.1 → 1.8.3

package/dist/prlg-ui.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as O, computed as P, resolveComponent as jt, createBlock as G, openBlock as d, resolveDynamicComponent as Ce, normalizeClass as L, withCtx as ee, createCommentVNode as T, createElementBlock as p, renderSlot as Y, Fragment as oe, createTextVNode as fe, toDisplayString as F, ref as A, useTemplateRef as Ie, onMounted as ve, createElementVNode as R, createVNode as q, renderList as me, unref as m, mergeModels as U, useModel as te, withDirectives as Me, vModelCheckbox as yt, shallowRef as Ae, watch as se, getCurrentScope as ko, onScopeDispose as $o, shallowReadonly as _e, useCssVars as So, toRefs as Co, useId as qe, onUnmounted as Ze, normalizeStyle as Z, Transition as De, nextTick as pe, withModifiers as Je, vModelDynamic as xo, vModelRadio as Ro, provide as be, useSlots as Wt, inject as de, toValue as ze, isRef as Mo, vModelText as Yt, toRef as Ue, createStaticVNode as Vo, Teleport as je, reactive as Ut, TransitionGroup as Po, vShow as Kt, createApp as Io } from "vue";
-import { P as Xt, j as Ao, k as To, I as bt, A as Bo, e as wt, g as Do, S as Lo, a as Oo, b as Zt, M as Eo, h as _o, i as zo, C as Ho, c as Go, E as Fo, B as No, d as qo, W as jo, f as Wo } from "./WarningFillIcon-cJBG6d6O.js";
+import { defineComponent as O, computed as P, resolveComponent as Yt, createBlock as G, openBlock as d, resolveDynamicComponent as Ce, normalizeClass as L, withCtx as ee, createCommentVNode as T, createElementBlock as p, renderSlot as W, Fragment as oe, createTextVNode as fe, toDisplayString as F, ref as A, useTemplateRef as Ie, onMounted as me, createElementVNode as R, createVNode as q, renderList as ve, unref as m, mergeModels as U, useModel as te, withDirectives as Me, vModelCheckbox as yt, shallowRef as Ae, watch as le, getCurrentScope as ko, onScopeDispose as $o, shallowReadonly as _e, useCssVars as So, toRefs as Co, useId as Ye, onUnmounted as Ze, normalizeStyle as Z, Transition as De, nextTick as pe, withModifiers as Je, vModelDynamic as xo, vModelRadio as Ro, provide as be, toRef as He, useSlots as jt, inject as de, toValue as ze, isRef as Mo, vModelText as Wt, createStaticVNode as Vo, Teleport as je, reactive as Ut, TransitionGroup as Po, vShow as Kt, createApp as Io } from "vue";
+import { P as Xt, j as Ao, k as To, I as bt, A as Bo, e as wt, g as Do, S as Lo, a as Oo, b as Zt, M as Eo, h as _o, i as zo, C as Ho, c as Go, E as Fo, B as No, d as qo, W as Yo, f as jo } from "./WarningFillIcon-cJBG6d6O.js";
 import { o as Jt, d as K } from "./parseFileSize.util-CxVk4CvB.js";
-import { _ as le, a as Yo, C as Qt } from "./FileIcon-maHE2Nhr.js";
+import { _ as ae, a as Wo, C as Qt } from "./FileIcon-maHE2Nhr.js";
 import { u as lt, E as Uo, _ as Ko } from "./Portal.vue_vue_type_script_setup_true_lang-CMr1orYd.js";
 import { F as Dr, I as Lr } from "./Image-DdrY_gj3.js";
 const Xo = {
@@ -23,7 +23,7 @@ const Xo = {
     full: { type: Boolean }
   },
   setup(e) {
-    const t = P(() => e.variant === "link" && e.url || e.url ? jt("RouterLink") : "button"), o = P(() => [
+    const t = P(() => e.variant === "link" && e.url || e.url ? Yt("RouterLink") : "button"), o = P(() => [
       "button",
       `button--${e.size}`,
       `button--${e.variant}`,
@@ -46,7 +46,7 @@ const Xo = {
           class: "button__icon"
         })) : T("", !0),
         a.iconOnly ? T("", !0) : (d(), p("div", Xo, [
-          Y(a.$slots, "default"),
+          W(a.$slots, "default"),
           a.label && !a.$slots.default ? (d(), p(oe, { key: 0 }, [
             fe(F(a.label), 1)
           ], 64)) : T("", !0)
@@ -69,7 +69,7 @@ const Xo = {
     }, r = (l) => {
       l.command && l.command(), t.value = !1;
     };
-    return ve(() => {
+    return me(() => {
       Jt(o.value, () => {
         t.value = !1;
       }, { ignore: [a.value?.$el] });
@@ -79,7 +79,7 @@ const Xo = {
         ref: o,
         class: L(["sleed-deal-menu sleed-deal__items", { "sleed-deal-menu--open": t.value }])
       }, [
-        (d(!0), p(oe, null, me(l.items, (i) => (d(), p("div", {
+        (d(!0), p(oe, null, ve(l.items, (i) => (d(), p("div", {
           class: "sleed-deal-menu__item",
           key: i.label,
           onClick: (u) => r(i)
@@ -216,7 +216,7 @@ const Xo = {
       ]),
       s.label || s.$slots.label ? (d(), p("span", sn, [
         fe(F(s.label) + " ", 1),
-        Y(s.$slots, "label")
+        W(s.$slots, "label")
       ])) : T("", !0),
       s.error && s.errorText ? (d(), p("span", rn, F(s.errorText), 1)) : T("", !0)
     ], 10, en));
@@ -246,7 +246,7 @@ const Xo = {
       }, null, 8, ["class"])
     ]));
   }
-}), cn = /* @__PURE__ */ le(un, [["__scopeId", "data-v-6bf78a73"]]), dn = ["top", "right", "bottom", "left"], Le = Math.min, ye = Math.max, et = Math.round, Se = (e) => ({
+}), cn = /* @__PURE__ */ ae(un, [["__scopeId", "data-v-6bf78a73"]]), dn = ["top", "right", "bottom", "left"], Le = Math.min, ye = Math.max, et = Math.round, Se = (e) => ({
   x: e,
   y: e
 }), fn = {
@@ -600,13 +600,13 @@ const Sn = (e) => ({
               var z;
               const ne = (z = M.filter((ce) => {
                 if (S) {
-                  const ae = Re(ce.placement);
-                  return ae === C || // Create a bias to the `y` side axis due to horizontal
+                  const se = Re(ce.placement);
+                  return se === C || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  ae === "y";
+                  se === "y";
                 }
                 return !0;
-              }).map((ce) => [ce.placement, ce.overflows.filter((ae) => ae > 0).reduce((ae, ie) => ae + ie, 0)]).sort((ce, ae) => ce[1] - ae[1])[0]) == null ? void 0 : z[0];
+              }).map((ce) => [ce.placement, ce.overflows.filter((se) => se > 0).reduce((se, ie) => se + ie, 0)]).sort((ce, se) => ce[1] - se[1])[0]) == null ? void 0 : z[0];
               ne && (_ = ne);
               break;
             }
@@ -881,7 +881,7 @@ function xt(e) {
 }
 function _n(e) {
   let t = Be(e);
-  for (; xe(t) && !Ne(t); ) {
+  for (; xe(t) && !qe(t); ) {
     if (xt(t))
       return t;
     if (st(t))
@@ -894,7 +894,7 @@ function Rt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const zn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Ne(e) {
+function qe(e) {
   return zn.has(Ee(e));
 }
 function $e(e) {
@@ -923,7 +923,7 @@ function Be(e) {
 }
 function oo(e) {
   const t = Be(e);
-  return Ne(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : xe(t) && Qe(t) ? t : oo(t);
+  return qe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : xe(t) && Qe(t) ? t : oo(t);
 }
 function no(e, t, o) {
   var a;
@@ -947,7 +947,7 @@ function lo(e) {
 function ao(e) {
   return ke(e) ? e : e.contextElement;
 }
-function Ge(e) {
+function Fe(e) {
   const t = ao(e);
   if (!xe(t))
     return Se(1);
@@ -977,14 +977,14 @@ function Xe(e, t, o, a) {
   t === void 0 && (t = !1), o === void 0 && (o = !1);
   const n = e.getBoundingClientRect(), r = ao(e);
   let l = Se(1);
-  t && (a ? ke(a) && (l = Ge(a)) : l = Ge(e));
+  t && (a ? ke(a) && (l = Fe(a)) : l = Fe(e));
   const s = Gn(r, o, a) ? so(r) : Se(0);
   let i = (n.left + s.x) / l.x, u = (n.top + s.y) / l.y, c = n.width / l.x, v = n.height / l.y;
   if (r) {
     const f = ge(r), h = a && ke(a) ? ge(a) : a;
     let g = f, y = mt(g);
     for (; y && a && h !== g; ) {
-      const w = Ge(y), V = y.getBoundingClientRect(), C = $e(y), I = V.left + (y.clientLeft + parseFloat(C.paddingLeft)) * w.x, B = V.top + (y.clientTop + parseFloat(C.paddingTop)) * w.y;
+      const w = Fe(y), V = y.getBoundingClientRect(), C = $e(y), I = V.left + (y.clientLeft + parseFloat(C.paddingLeft)) * w.x, B = V.top + (y.clientTop + parseFloat(C.paddingTop)) * w.y;
       i *= w.x, u *= w.y, c *= w.x, v *= w.y, i += I, u += B, g = ge(y), y = mt(g);
     }
   }
@@ -1023,7 +1023,7 @@ function Fn(e) {
   const c = Se(0), v = xe(a);
   if ((v || !v && !r) && ((Ee(a) !== "body" || Qe(l)) && (i = rt(a)), xe(a))) {
     const h = Xe(a);
-    u = Ge(a), c.x = h.x + a.clientLeft, c.y = h.y + a.clientTop;
+    u = Fe(a), c.x = h.x + a.clientLeft, c.y = h.y + a.clientTop;
   }
   const f = l && !v && !r ? ro(l, i) : Se(0);
   return {
@@ -1048,7 +1048,7 @@ function qn(e) {
   };
 }
 const Dt = 25;
-function jn(e, t) {
+function Yn(e, t) {
   const o = ge(e), a = Ve(e), n = o.visualViewport;
   let r = a.clientWidth, l = a.clientHeight, s = 0, i = 0;
   if (n) {
@@ -1068,9 +1068,9 @@ function jn(e, t) {
     y: i
   };
 }
-const Wn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Yn(e, t) {
-  const o = Xe(e, !0, t === "fixed"), a = o.top + e.clientTop, n = o.left + e.clientLeft, r = xe(e) ? Ge(e) : Se(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = n * r.x, u = a * r.y;
+const jn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Wn(e, t) {
+  const o = Xe(e, !0, t === "fixed"), a = o.top + e.clientTop, n = o.left + e.clientLeft, r = xe(e) ? Fe(e) : Se(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = n * r.x, u = a * r.y;
   return {
     width: l,
     height: s,
@@ -1081,11 +1081,11 @@ function Yn(e, t) {
 function Lt(e, t, o) {
   let a;
   if (t === "viewport")
-    a = jn(e, o);
+    a = Yn(e, o);
   else if (t === "document")
     a = qn(Ve(e));
   else if (ke(t))
-    a = Yn(t, o);
+    a = Wn(t, o);
   else {
     const n = so(e);
     a = {
@@ -1099,7 +1099,7 @@ function Lt(e, t, o) {
 }
 function io(e, t) {
   const o = Be(e);
-  return o === t || !ke(o) || Ne(o) ? !1 : $e(o).position === "fixed" || io(o, t);
+  return o === t || !ke(o) || qe(o) ? !1 : $e(o).position === "fixed" || io(o, t);
 }
 function Un(e, t) {
   const o = t.get(e);
@@ -1108,9 +1108,9 @@ function Un(e, t) {
   let a = no(e, []).filter((s) => ke(s) && Ee(s) !== "body"), n = null;
   const r = $e(e).position === "fixed";
   let l = r ? Be(e) : e;
-  for (; ke(l) && !Ne(l); ) {
+  for (; ke(l) && !qe(l); ) {
     const s = $e(l), i = xt(l);
-    !i && s.position === "fixed" && (n = null), (r ? !i && !n : !i && s.position === "static" && !!n && Wn.has(n.position) || Qe(l) && !i && io(e, l)) ? a = a.filter((c) => c !== l) : n = s, l = Be(l);
+    !i && s.position === "fixed" && (n = null), (r ? !i && !n : !i && s.position === "static" && !!n && jn.has(n.position) || Qe(l) && !i && io(e, l)) ? a = a.filter((c) => c !== l) : n = s, l = Be(l);
   }
   return t.set(e, a), a;
 }
@@ -1183,7 +1183,7 @@ function uo(e, t) {
     return o;
   if (!xe(e)) {
     let n = Be(e);
-    for (; n && !Ne(n); ) {
+    for (; n && !qe(n); ) {
       if (ke(n) && !ct(n))
         return n;
       n = Be(n);
@@ -1193,7 +1193,7 @@ function uo(e, t) {
   let a = Ot(e, t);
   for (; a && Bn(a) && ct(a); )
     a = Ot(a, t);
-  return a && Ne(a) && ct(a) && !xt(a) ? o : a || _n(e) || o;
+  return a && qe(a) && ct(a) && !xt(a) ? o : a || _n(e) || o;
 }
 const Jn = async function(e) {
   const t = this.getOffsetParent || uo, o = this.getDimensions, a = await o(e.floating);
@@ -1218,7 +1218,7 @@ const el = {
   getElementRects: Jn,
   getClientRects: Nn,
   getDimensions: Xn,
-  getScale: Ge,
+  getScale: Fe,
   isElement: ke,
   isRTL: Qn
 }, pt = Vn, gt = Pn, tl = Cn, ol = In, Et = xn, co = Sn, fo = (e, t, o) => {
@@ -1244,7 +1244,7 @@ function ht(e) {
   }
   return e;
 }
-function He(e) {
+function Ge(e) {
   return typeof e == "function" ? e() : m(e);
 }
 function ll(e) {
@@ -1252,7 +1252,7 @@ function ll(e) {
     name: "arrow",
     options: e,
     fn(t) {
-      const o = ht(He(e.element));
+      const o = ht(Ge(e.element));
       return o == null ? {} : co({
         element: o,
         padding: e.padding
@@ -1271,16 +1271,16 @@ function zt(e, t, o) {
   o === void 0 && (o = {});
   const a = o.whileElementsMounted, n = P(() => {
     var k;
-    return (k = He(o.open)) != null ? k : !0;
-  }), r = P(() => He(o.middleware)), l = P(() => {
+    return (k = Ge(o.open)) != null ? k : !0;
+  }), r = P(() => Ge(o.middleware)), l = P(() => {
     var k;
-    return (k = He(o.placement)) != null ? k : "bottom";
+    return (k = Ge(o.placement)) != null ? k : "bottom";
   }), s = P(() => {
     var k;
-    return (k = He(o.strategy)) != null ? k : "absolute";
+    return (k = Ge(o.strategy)) != null ? k : "absolute";
   }), i = P(() => {
     var k;
-    return (k = He(o.transform)) != null ? k : !0;
+    return (k = Ge(o.transform)) != null ? k : !0;
   }), u = P(() => ht(e.value)), c = P(() => ht(t.value)), v = A(0), f = A(0), h = A(s.value), g = A(l.value), y = Ae({}), w = A(!1), V = P(() => {
     const k = {
       position: h.value,
@@ -1331,11 +1331,11 @@ function zt(e, t, o) {
   function S() {
     n.value || (w.value = !1);
   }
-  return se([r, l, s, n], I, {
+  return le([r, l, s, n], I, {
     flush: "sync"
-  }), se([u, c], $, {
+  }), le([u, c], $, {
     flush: "sync"
-  }), se(n, S, {
+  }), le(n, S, {
     flush: "sync"
   }), ko() && $o(B), {
     x: _e(v),
@@ -1384,7 +1384,7 @@ const al = { class: "popover__content" }, sl = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: o }) {
-    So((j) => ({
+    So((Y) => ({
       aa040ed6: y.value
     }));
     const a = e, { placement: n, offset: r, arrowVisible: l, closeMode: s, modelValue: i, zIndex: u } = Co(a), c = o, v = Ie("reference"), f = Ie("floating"), h = Ie("arrow-block"), g = Ie("second-screen"), y = P(() => "23px"), w = P(() => r ? typeof r.value == "number" ? r.value + Number(y.value.split("px")[0]) : {
@@ -1397,9 +1397,9 @@ const al = { class: "popover__content" }, sl = {
     }), V = A([
       Et(),
       ol({
-        apply({ availableWidth: j, elements: X }) {
+        apply({ availableWidth: Y, elements: X }) {
           Object.assign(X.floating.style, {
-            maxWidth: `${Math.max(200, j)}px`
+            maxWidth: `${Math.max(200, Y)}px`
           });
         }
       }),
@@ -1419,30 +1419,30 @@ const al = { class: "popover__content" }, sl = {
         gt({ padding: 8 }),
         pt(8)
       ]
-    }), b = qe(), M = A(!1), x = A(!1), { lockScroll: H, unlockScroll: z } = lt(), E = P(() => i && i.value !== void 0), N = P({
+    }), b = Ye(), M = A(!1), x = A(!1), { lockScroll: H, unlockScroll: z } = lt(), E = P(() => i && i.value !== void 0), N = P({
       get: () => E.value ? i?.value : M.value,
-      set: (j) => {
-        E.value ? c("update:modelValue", j) : M.value = j;
+      set: (Y) => {
+        E.value ? c("update:modelValue", Y) : M.value = Y;
       }
     }), _ = () => {
       N.value = !0;
     }, ne = () => {
-      N.value = !1, W();
+      N.value = !1, j();
     }, ce = () => {
       N.value = !N.value;
-    }, ae = () => {
+    }, se = () => {
       E.value ? _() : ce();
-    }, ie = async (j) => {
-      j && j.stopPropagation(), f.value && (x.value = !0);
-    }, W = () => {
+    }, ie = async (Y) => {
+      Y && Y.stopPropagation(), f.value && (x.value = !0);
+    }, j = () => {
       x.value = !1;
-    }, re = (j) => {
+    }, re = (Y) => {
       if (s.value === "button-only" || E.value) return;
-      const X = j.composedPath();
+      const X = Y.composedPath();
       if (!(g.value && X.includes(g.value))) {
         if (f.value && X.includes(f.value) || v.value && X.includes(v.value)) {
           setTimeout(() => {
-            x.value && W();
+            x.value && j();
           }, 0);
           return;
         }
@@ -1450,28 +1450,28 @@ const al = { class: "popover__content" }, sl = {
       }
     }, ue = P(() => {
       if (!I.value.arrow) return {};
-      const { x: j, y: X } = I.value.arrow;
+      const { x: Y, y: X } = I.value.arrow;
       switch ($.value) {
         case "top":
           return {
-            left: j ? `${j}px` : "-9px",
+            left: Y ? `${Y}px` : "-9px",
             bottom: X ? `${X}px` : "-9px"
           };
         case "bottom":
         default:
           return {
-            left: j ? `${j}px` : "-9px",
+            left: Y ? `${Y}px` : "-9px",
             top: X ? `${X}px` : "-9px"
           };
       }
     });
-    return se(I, (j) => {
-      E.value || (N.value = j.hide?.referenceHidden === !1);
-    }), se(N, (j) => {
-      j || W(), j && s.value === "button-only" ? H() : !j && s.value === "button-only" && z();
-    }, { immediate: !0 }), se(a, () => {
+    return le(I, (Y) => {
+      E.value || (N.value = Y.hide?.referenceHidden === !1);
+    }), le(N, (Y) => {
+      Y || j(), Y && s.value === "button-only" ? H() : !Y && s.value === "button-only" && z();
+    }, { immediate: !0 }), le(a, () => {
       B();
-    }, { deep: !0 }), ve(() => {
+    }, { deep: !0 }), me(() => {
       f.value && f.value.addEventListener("resize", () => {
         B(), x.value && D();
       }), document.addEventListener("click", re), window.addEventListener("resize", () => {
@@ -1485,19 +1485,19 @@ const al = { class: "popover__content" }, sl = {
       open: _,
       close: ne,
       openSecondScreen: ie,
-      closeSecondScreen: W,
+      closeSecondScreen: j,
       isOpen: N,
       isSecondScreenOpen: x
-    }), (j, X) => (d(), p("div", {
+    }), (Y, X) => (d(), p("div", {
       class: L(["popover", { "popover--with-arrow": m(l) }])
     }, [
       R("div", {
         class: L(["popover__trigger", `popover__trigger--${m(b)}`]),
         ref: "reference",
-        onClick: ae,
+        onClick: se,
         style: Z({ zIndex: m(u) + 1 })
       }, [
-        Y(j.$slots, "trigger", {}, void 0, !0)
+        W(Y.$slots, "trigger", {}, void 0, !0)
       ], 6),
       N.value && m(s) === "button-only" ? (d(), p("div", {
         key: 0,
@@ -1514,15 +1514,15 @@ const al = { class: "popover__content" }, sl = {
           }, [
             R("div", al, [
               m(l) ? (d(), p("div", sl, [
-                Y(j.$slots, "default", {
+                W(Y.$slots, "default", {
                   openSecondScreen: ie,
-                  closeSecondScreen: W,
+                  closeSecondScreen: j,
                   close: ne
                 }, void 0, !0)
-              ])) : Y(j.$slots, "default", {
+              ])) : W(Y.$slots, "default", {
                 key: 1,
                 openSecondScreen: ie,
-                closeSecondScreen: W,
+                closeSecondScreen: j,
                 close: ne
               }, void 0, !0)
             ]),
@@ -1544,14 +1544,14 @@ const al = { class: "popover__content" }, sl = {
             ref: "second-screen",
             style: Z(m(k))
           }, [
-            Y(j.$slots, "second-screen", { closeSecondScreen: W }, void 0, !0)
+            W(Y.$slots, "second-screen", { closeSecondScreen: j }, void 0, !0)
           ], 4)) : T("", !0)
         ]),
         _: 3
       })
     ], 2));
   }
-}), il = /* @__PURE__ */ le(rl, [["__scopeId", "data-v-05f0c245"]]), ul = { class: "trigger" }, cl = { class: "description-column" }, dl = /* @__PURE__ */ O({
+}), il = /* @__PURE__ */ ae(rl, [["__scopeId", "data-v-05f0c245"]]), ul = { class: "trigger" }, cl = { class: "description-column" }, dl = /* @__PURE__ */ O({
   __name: "DescriptionColumn",
   props: {
     description: {}
@@ -1574,7 +1574,7 @@ const al = { class: "popover__content" }, sl = {
       _: 1
     }));
   }
-}), fl = /* @__PURE__ */ le(dl, [["__scopeId", "data-v-4c82d240"]]), vl = { class: "table-header__row" }, ml = { class: "table-header__cell-body" }, pl = {
+}), fl = /* @__PURE__ */ ae(dl, [["__scopeId", "data-v-4c82d240"]]), vl = { class: "table-header__row" }, ml = { class: "table-header__cell-body" }, pl = {
   key: 1,
   class: "table-header__cell-title"
 }, gl = {
@@ -1605,7 +1605,7 @@ const al = { class: "popover__content" }, sl = {
       class: L(a.value)
     }, [
       R("tr", vl, [
-        (d(!0), p(oe, null, me(l.columns, (i, u) => (d(), p("th", {
+        (d(!0), p(oe, null, ve(l.columns, (i, u) => (d(), p("th", {
           class: L(n(i)),
           key: u,
           style: Z(r(i))
@@ -1635,7 +1635,7 @@ const al = { class: "popover__content" }, sl = {
       ])
     ], 2));
   }
-}), Ht = /* @__PURE__ */ le(hl, [["__scopeId", "data-v-00a64b5c"]]), yl = ["rowspan"], bl = { key: 1 }, wl = /* @__PURE__ */ O({
+}), Ht = /* @__PURE__ */ ae(hl, [["__scopeId", "data-v-00a64b5c"]]), yl = ["rowspan"], bl = { key: 1 }, wl = /* @__PURE__ */ O({
   __name: "TableCell",
   props: {
     column: {},
@@ -1694,7 +1694,7 @@ const al = { class: "popover__content" }, sl = {
       ], 64))
     ], 10, yl)) : T("", !0);
   }
-}), kl = /* @__PURE__ */ le(wl, [["__scopeId", "data-v-ae709006"]]), $l = /* @__PURE__ */ O({
+}), kl = /* @__PURE__ */ ae(wl, [["__scopeId", "data-v-ae709006"]]), $l = /* @__PURE__ */ O({
   __name: "TableRow",
   props: {
     rowIndex: {},
@@ -1716,7 +1716,7 @@ const al = { class: "popover__content" }, sl = {
       style: Z(a.value),
       onClick: l[2] || (l[2] = (s) => o("rowClickHandler", { data: r.item, index: r.rowIndex }))
     }, [
-      (d(!0), p(oe, null, me(r.columns, (s) => (d(), G(kl, {
+      (d(!0), p(oe, null, ve(r.columns, (s) => (d(), G(kl, {
         key: s.field || s.header,
         column: s,
         item: r.item,
@@ -1732,7 +1732,7 @@ const al = { class: "popover__content" }, sl = {
       }, null, 8, ["column", "item", "index", "selectedRows", "size", "rowspan", "rowGroupMode", "groupRowsBy", "collapsedGroups"]))), 128))
     ], 6));
   }
-}), Gt = /* @__PURE__ */ le($l, [["__scopeId", "data-v-7d3d7c2c"]]), Sl = ["colspan"], Cl = ["colspan"], xl = /* @__PURE__ */ O({
+}), Gt = /* @__PURE__ */ ae($l, [["__scopeId", "data-v-7d3d7c2c"]]), Sl = ["colspan"], Cl = ["colspan"], xl = /* @__PURE__ */ O({
   __name: "TableBody",
   props: {
     columns: {},
@@ -1756,7 +1756,7 @@ const al = { class: "popover__content" }, sl = {
     }), u = P(() => !e.virtualScroll || !e.virtualScroll.enable ? e.data : e.data.slice(s.value, i.value)), c = (f) => {
       f ? r.value = f.scrollTop : n.value && (r.value = n.value.scrollTop);
     };
-    ve(async () => {
+    me(async () => {
       e.virtualScroll && e.virtualScroll.enable && n.value && (await pe(), l.value = n.value.clientHeight);
     });
     const v = (f, h) => f.id ? `row-${f.id}` : `row-${h}`;
@@ -1779,7 +1779,7 @@ const al = { class: "popover__content" }, sl = {
           colspan: f.columns.length
         }, null, 8, Sl)
       ], 4)) : T("", !0),
-      (d(!0), p(oe, null, me(u.value, (g, y) => (d(), G(Gt, {
+      (d(!0), p(oe, null, ve(u.value, (g, y) => (d(), G(Gt, {
         key: v(g, s.value + y),
         rowIndex: s.value + y,
         item: g,
@@ -1808,7 +1808,7 @@ const al = { class: "popover__content" }, sl = {
       class: L(["table-body", { "table-body--scroller": f.scroller && f.scroller.enable }]),
       style: Z({ maxHeight: `${f.scroller && f.scroller.height}px` })
     }, [
-      (d(!0), p(oe, null, me(f.data, (g, y) => (d(), G(Gt, {
+      (d(!0), p(oe, null, ve(f.data, (g, y) => (d(), G(Gt, {
         key: v(g, y),
         rowIndex: y,
         item: g,
@@ -1826,7 +1826,7 @@ const al = { class: "popover__content" }, sl = {
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "rowStyle"]))), 128))
     ], 6));
   }
-}), Ft = /* @__PURE__ */ le(xl, [["__scopeId", "data-v-cf860bb2"]]), Rl = { class: "tag__content" }, Ml = {
+}), Ft = /* @__PURE__ */ ae(xl, [["__scopeId", "data-v-cf860bb2"]]), Rl = { class: "tag__content" }, Ml = {
   key: 0,
   class: "tag__icon"
 }, Vl = { class: "tag__text" }, Pl = /* @__PURE__ */ O({
@@ -1860,7 +1860,7 @@ const al = { class: "popover__content" }, sl = {
           (d(), G(Ce(n.icon)))
         ])) : T("", !0),
         R("div", Vl, [
-          Y(n.$slots, "default")
+          W(n.$slots, "default")
         ])
       ]),
       n.removable ? (d(), p("button", {
@@ -1899,7 +1899,7 @@ const al = { class: "popover__content" }, sl = {
   }),
   emits: /* @__PURE__ */ U(["blur", "input", "paste", "focus", "clear"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = t, a = te(e, "modelValue"), n = qe(), r = A(!1), l = P(() => [
+    const o = t, a = te(e, "modelValue"), n = Ye(), r = A(!1), l = P(() => [
       "input",
       `input--${e.size}`,
       `input--${e.variant}`,
@@ -1955,7 +1955,7 @@ const al = { class: "popover__content" }, sl = {
             class: "input__eye",
             onClick: c[6] || (c[6] = Je((v) => r.value = !r.value, ["prevent"]))
           }, [
-            r.value ? (d(), G(m(Yo), { key: 0 })) : (d(), G(m(Do), { key: 1 }))
+            r.value ? (d(), G(m(Wo), { key: 0 })) : (d(), G(m(Do), { key: 1 }))
           ])) : T("", !0)
         ])
       ]),
@@ -1982,7 +1982,7 @@ const al = { class: "popover__content" }, sl = {
     }, [
       (d(), G(Ce(o.icon), { class: "icon-field__icon" })),
       R("div", Ol, [
-        Y(o.$slots, "default")
+        W(o.$slots, "default")
       ])
     ], 2));
   }
@@ -2023,7 +2023,7 @@ const al = { class: "popover__content" }, sl = {
   }),
   emits: /* @__PURE__ */ U(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = te(e, "modelValue"), a = qe(), n = t, r = P(() => ["radio", `radio--${e.size}`]);
+    const o = te(e, "modelValue"), a = Ye(), n = t, r = P(() => ["radio", `radio--${e.size}`]);
     return (l, s) => (d(), p("div", {
       class: L(r.value)
     }, [
@@ -2048,7 +2048,7 @@ const al = { class: "popover__content" }, sl = {
       }, [
         l.label ? (d(), p(oe, { key: 0 }, [
           fe(F(l.label), 1)
-        ], 64)) : Y(l.$slots, "default", { key: 1 })
+        ], 64)) : W(l.$slots, "default", { key: 1 })
       ], 8, Hl)
     ], 2));
   }
@@ -2077,7 +2077,7 @@ const al = { class: "popover__content" }, sl = {
         onClick: r[1] || (r[1] = (l) => a("close"))
       }, {
         label: ee(() => [
-          n.$slots.option ? Y(n.$slots, "option", {
+          n.$slots.option ? W(n.$slots, "option", {
             key: 0,
             option: n.item
           }) : (d(), p(oe, { key: 1 }, [
@@ -2093,7 +2093,7 @@ const al = { class: "popover__content" }, sl = {
         onClick: r[3] || (r[3] = (l) => a("close"))
       }, {
         default: ee(() => [
-          n.$slots.option ? Y(n.$slots, "option", {
+          n.$slots.option ? W(n.$slots, "option", {
             key: 0,
             option: n.item
           }) : (d(), p(oe, { key: 1 }, [
@@ -2110,13 +2110,13 @@ const al = { class: "popover__content" }, sl = {
 }, ql = {
   key: 1,
   class: "dropdown__field-inner__text"
-}, jl = {
+}, Yl = {
   key: 1,
   class: "dropdown__field-inner__text"
-}, Wl = {
+}, jl = {
   class: "dropdown__popover",
   ref: "popover"
-}, Yl = { class: "dropdown__popover-wrapper" }, Ul = {
+}, Wl = { class: "dropdown__popover-wrapper" }, Ul = {
   key: 0,
   class: "dropdown__popover-search"
 }, Kl = {
@@ -2175,7 +2175,7 @@ const al = { class: "popover__content" }, sl = {
       const V = l.value.findIndex((C) => C === w);
       V > -1 && l.value.splice(V, 1);
     }, g = Ie("trigger"), y = Ie("popover");
-    return ve(() => {
+    return me(() => {
       Jt(
         y.value,
         () => {
@@ -2198,7 +2198,7 @@ const al = { class: "popover__content" }, sl = {
         }, [
           w.multiple ? (d(), p(oe, { key: 0 }, [
             r.value.length ? (d(), p("div", Nl, [
-              (d(!0), p(oe, null, me(l.value, (C) => (d(), G(m(Pl), {
+              (d(!0), p(oe, null, ve(l.value, (C) => (d(), G(m(Pl), {
                 variant: "secondary",
                 key: C,
                 removable: "",
@@ -2210,7 +2210,7 @@ const al = { class: "popover__content" }, sl = {
                 _: 2
               }, 1032, ["onRemove"]))), 128))
             ])) : (d(), p("span", ql, F(s.value ? w.placeholder : v.value), 1))
-          ], 64)) : (d(), p("span", jl, F(s.value ? w.placeholder : v.value), 1))
+          ], 64)) : (d(), p("span", Yl, F(s.value ? w.placeholder : v.value), 1))
         ], 2),
         V[5] || (V[5] = R("div", { class: "dropdown__field-arrow" }, [
           R("svg", {
@@ -2226,8 +2226,8 @@ const al = { class: "popover__content" }, sl = {
           ])
         ], -1))
       ], 512),
-      R("div", Wl, [
-        R("div", Yl, [
+      R("div", jl, [
+        R("div", Wl, [
           w.searchable ? (d(), p("div", Ul, [
             q(m(El), {
               icon: m(Lo),
@@ -2247,7 +2247,7 @@ const al = { class: "popover__content" }, sl = {
           w.loading ? (d(), p("div", Kl, [
             q(m(_l))
           ])) : (d(), p("div", Xl, [
-            (d(!0), p(oe, null, me(w.options, (C, I) => (d(), G(Fl, {
+            (d(!0), p(oe, null, ve(w.options, (C, I) => (d(), G(Fl, {
               key: I,
               modelValue: l.value,
               "onUpdate:modelValue": V[3] || (V[3] = (B) => l.value = B),
@@ -2300,7 +2300,7 @@ const al = { class: "popover__content" }, sl = {
         q(m(Oo))
       ], 8, Ql),
       R("div", ea, [
-        (d(!0), p(oe, null, me(r.value, (i) => (d(), p("button", {
+        (d(!0), p(oe, null, ve(r.value, (i) => (d(), p("button", {
           class: L(["paginator-button paginator__page", { "paginator-button--active": t.value === i }]),
           key: i,
           onClick: (u) => t.value = Number(i)
@@ -2324,7 +2324,7 @@ const al = { class: "popover__content" }, sl = {
       ])) : T("", !0)
     ])) : T("", !0);
   }
-}), aa = /* @__PURE__ */ le(la, [["__scopeId", "data-v-f9c63c06"]]), sa = {
+}), aa = /* @__PURE__ */ ae(la, [["__scopeId", "data-v-f9c63c06"]]), sa = {
   key: 0,
   class: "table-footer"
 }, ra = {
@@ -2362,25 +2362,31 @@ const al = { class: "popover__content" }, sl = {
       ])
     ])) : T("", !0);
   }
-}), Nt = /* @__PURE__ */ le(ia, [["__scopeId", "data-v-a62c3245"]]), ua = (e) => {
-  const t = A([]), o = A({
+}), Nt = /* @__PURE__ */ ae(ia, [["__scopeId", "data-v-a62c3245"]]), ua = (e) => {
+  const t = A([]), o = A([]), a = A({
     selectedMode: null
-  }), a = (r) => {
-    t.value.indexOf(r) > -1 || (r.selectionMode && (o.value.selectedMode = r.selectionMode), t.value.push(r));
-  }, n = (r) => {
-    const l = t.value.indexOf(r);
-    l > -1 && t.value.splice(l, 1);
+  }), n = (s) => {
+    const i = t.value.findIndex((u) => u.id === s.id);
+    i > -1 ? t.value[i] = s : t.value.push(s), s.selectionMode && (a.value.selectedMode = s.selectionMode), r();
+  }, r = () => {
+    o.value = t.value.filter((s) => s.visible !== !1);
+  }, l = (s) => {
+    const i = t.value.findIndex((u) => u.id === s.id);
+    i > -1 && (t.value.splice(i, 1), r());
   };
-  return be("registerColumn", a), be("unregisterColumn", n), ve(() => {
-    e.value && t.value.unshift({
+  return be("registerColumn", n), be("unregisterColumn", l), me(() => {
+    e.value && o.value.unshift({
+      id: "_expander",
       field: "_expander",
       header: "",
       style: { width: "30px" },
       align: "center"
     });
   }), {
-    columns: t,
-    options: o
+    columns: o,
+    allColumns: t,
+    options: a,
+    updateVisibleColumns: r
   };
 }, ca = (e, t) => {
   const o = A([]), a = P(() => Array.isArray(o.value) && o.value.length === t.length);
@@ -2454,7 +2460,7 @@ const al = { class: "popover__content" }, sl = {
         g.value.handleScroll(M);
       }
     };
-    ve(async () => {
+    me(async () => {
       if (e.virtualScroll && e.virtualScroll.enable && g.value) {
         await pe();
         const b = document.querySelector(".table-wrapper--scrollable");
@@ -2491,7 +2497,7 @@ const al = { class: "popover__content" }, sl = {
     }), k = A(/* @__PURE__ */ new Set()), D = (b) => {
       k.value.has(b) ? k.value.delete(b) : k.value.add(b);
     };
-    return se(u, (b) => {
+    return le(u, (b) => {
       o("update:selectedRows", b);
     }), (b, M) => I.value ? (d(), p("div", {
       key: 0,
@@ -2502,7 +2508,7 @@ const al = { class: "popover__content" }, sl = {
       R("table", {
         class: L(B.value)
       }, [
-        Y(b.$slots, "default", {}, void 0, !0),
+        W(b.$slots, "default", {}, void 0, !0),
         q(Ht, {
           size: b.size,
           columns: m(l),
@@ -2545,7 +2551,7 @@ const al = { class: "popover__content" }, sl = {
       key: 1,
       class: L(B.value)
     }, [
-      Y(b.$slots, "default", {}, void 0, !0),
+      W(b.$slots, "default", {}, void 0, !0),
       q(Ht, {
         size: b.size,
         columns: m(l),
@@ -2585,7 +2591,7 @@ const al = { class: "popover__content" }, sl = {
       }, null, 8, ["currentPage", "per-page", "data", "per-page-options", "totals-row", "paginator"])
     ], 2));
   }
-}), Ks = /* @__PURE__ */ le(fa, [["__scopeId", "data-v-6e701328"]]), Xs = /* @__PURE__ */ O({
+}), Ks = /* @__PURE__ */ ae(fa, [["__scopeId", "data-v-6e701328"]]), Xs = /* @__PURE__ */ O({
   __name: "Column",
   props: {
     field: {},
@@ -2595,10 +2601,12 @@ const al = { class: "popover__content" }, sl = {
     alignVertical: {},
     style: {},
     headerStyle: {},
-    selectionMode: {}
+    selectionMode: {},
+    visible: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, o = Wt(), a = de("registerColumn"), n = {
+    const t = e, o = He(t, "visible"), a = jt(), n = `column-${Math.random().toString(36).substring(2, 11)}`, r = de("registerColumn"), l = P(() => ({
+      id: n,
       header: t.header,
       field: t.field,
       description: t.description,
@@ -2606,13 +2614,18 @@ const al = { class: "popover__content" }, sl = {
       alignVertical: t.alignVertical,
       selectionMode: t.selectionMode,
       style: t.style,
-      headerSlot: o.header ? o.header : null,
-      bodySlot: o.body ? o.body : null,
-      footerSlot: o.footer ? o.footer : null
-    };
-    return ve(() => {
-      a && a(n);
-    }), (r, l) => T("", !0);
+      visible: o.value,
+      headerSlot: a.header ? a.header : null,
+      bodySlot: a.body ? a.body : null,
+      footerSlot: a.footer ? a.footer : null
+    }));
+    return le(
+      t,
+      () => {
+        r && r(l.value);
+      },
+      { immediate: !0 }
+    ), (s, i) => T("", !0);
   }
 }), va = { class: "chip-checkbox" }, ma = ["name", "id", "value"], pa = { class: "chip-checkbox__text" }, Zs = /* @__PURE__ */ O({
   __name: "ChipCheckbox",
@@ -2626,7 +2639,7 @@ const al = { class: "popover__content" }, sl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = te(e, "modelValue"), o = qe();
+    const t = te(e, "modelValue"), o = Ye();
     return (a, n) => (d(), p("div", va, [
       Me(R("input", {
         "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
@@ -2811,10 +2824,10 @@ function ga(e, t) {
       const _ = k.selectionStart || 0, ne = k.selectionEnd || 0;
       if (_ !== ne) {
         l.value = f(""), e.value = "", pe(() => {
-          const { required: ae, optional: ie } = u(o), W = ae + ie;
+          const { required: se, optional: ie } = u(o), j = se + ie;
           let re = 0;
-          for (let ue = 0; ue < W.length; ue++)
-            if (c(W[ue])) {
+          for (let ue = 0; ue < j.length; ue++)
+            if (c(j[ue])) {
               re = ue;
               break;
             }
@@ -2823,25 +2836,25 @@ function ga(e, t) {
         return;
       }
       if (D > 0 && l.value.length > 0) {
-        const ae = l.value;
-        let ie = "", W = -1;
-        const { required: re, optional: ue } = u(o), j = re + ue;
+        const se = l.value;
+        let ie = "", j = -1;
+        const { required: re, optional: ue } = u(o), Y = re + ue;
         for (let X = D - 1; X >= 0; X--)
-          if (X < j.length && c(j[X])) {
-            W = X;
+          if (X < Y.length && c(Y[X])) {
+            j = X;
             break;
           }
-        if (W >= 0) {
-          let X = g(ae), Ye = 0;
-          for (let Pe = 0; Pe <= W; Pe++) {
+        if (j >= 0) {
+          let X = g(se), Ue = 0;
+          for (let Pe = 0; Pe <= j; Pe++) {
             const { required: bo, optional: wo } = u(o), Mt = bo + wo;
             if (Pe < Mt.length && c(Mt[Pe])) {
-              if (Pe === W) break;
-              Ye++;
+              if (Pe === j) break;
+              Ue++;
             }
           }
-          X = X.slice(0, Ye) + X.slice(Ye + 1), ie = f(X), l.value = ie, e.value = X, pe(() => {
-            k.setSelectionRange(W, W);
+          X = X.slice(0, Ue) + X.slice(Ue + 1), ie = f(X), l.value = ie, e.value = X, pe(() => {
+            k.setSelectionRange(j, j);
           });
         }
       }
@@ -2854,10 +2867,10 @@ function ga(e, t) {
       const _ = k.selectionStart || 0, ne = k.selectionEnd || 0;
       if (_ !== ne) {
         l.value = f(""), e.value = "", pe(() => {
-          const { required: ae, optional: ie } = u(o), W = ae + ie;
+          const { required: se, optional: ie } = u(o), j = se + ie;
           let re = 0;
-          for (let ue = 0; ue < W.length; ue++)
-            if (c(W[ue])) {
+          for (let ue = 0; ue < j.length; ue++)
+            if (c(j[ue])) {
               re = ue;
               break;
             }
@@ -2866,27 +2879,27 @@ function ga(e, t) {
         return;
       }
       if (D < l.value.length) {
-        const ae = l.value;
+        const se = l.value;
         let ie = -1;
-        for (let W = D; W < ae.length; W++) {
-          const { required: re, optional: ue } = u(o), j = re + ue;
-          if (W < j.length && c(j[W])) {
-            ie = W;
+        for (let j = D; j < se.length; j++) {
+          const { required: re, optional: ue } = u(o), Y = re + ue;
+          if (j < Y.length && c(Y[j])) {
+            ie = j;
             break;
           }
         }
         if (ie >= 0) {
-          let W = g(ae), re = 0;
-          for (let j = 0; j <= ie; j++) {
-            const { required: X, optional: Ye } = u(o), Pe = X + Ye;
-            if (j < Pe.length && c(Pe[j])) {
-              if (j === ie) break;
+          let j = g(se), re = 0;
+          for (let Y = 0; Y <= ie; Y++) {
+            const { required: X, optional: Ue } = u(o), Pe = X + Ue;
+            if (Y < Pe.length && c(Pe[Y])) {
+              if (Y === ie) break;
               re++;
             }
           }
-          W = W.slice(0, re) + W.slice(re + 1);
-          const ue = f(W);
-          l.value = ue, e.value = W, pe(() => {
+          j = j.slice(0, re) + j.slice(re + 1);
+          const ue = f(j);
+          l.value = ue, e.value = j, pe(() => {
             k.setSelectionRange(D, D);
           });
         }
@@ -2938,9 +2951,9 @@ function ga(e, t) {
   function $() {
     s.value = !1, n && !y(l.value) ? (l.value = "", e.value = "") : ze(e) || w();
   }
-  return w(), se(() => ze(e), (S, k) => {
+  return w(), le(() => ze(e), (S, k) => {
     S !== k && w();
-  }, { immediate: !0 }), se(s, (S, k) => {
+  }, { immediate: !0 }), le(s, (S, k) => {
     S !== k && w();
   }), {
     displayValue: l,
@@ -3013,7 +3026,7 @@ const Js = /* @__PURE__ */ O({
   emits: ["update:modelValue"],
   setup(e) {
     const t = te(e, "modelValue"), o = A(e.formatter ? e.formatter(t.value) : t.value);
-    se(t, (s) => {
+    le(t, (s) => {
       o.value = e.formatter ? e.formatter(s) : s;
     });
     const a = (s) => {
@@ -3040,7 +3053,7 @@ const Js = /* @__PURE__ */ O({
         [`input-number--icon-${e.iconPosition}`]: e.icon
       }
     ]);
-    return ve(() => {
+    return me(() => {
       t.value = e.countInPackage ? e.countInPackage : e.min, o.value = e.formatter ? e.formatter(t.value) : t.value;
     }), (s, i) => (d(), p("div", {
       class: L(l.value)
@@ -3066,7 +3079,7 @@ const Js = /* @__PURE__ */ O({
           max: s.max,
           onBlur: a
         }, null, 40, ya), [
-          [Yt, o.value]
+          [Wt, o.value]
         ])
       ]),
       s.viewButtons ? (d(), G(m(we), {
@@ -3139,14 +3152,14 @@ const Js = /* @__PURE__ */ O({
       typeof n == "object" ? t.value = t.value === n[e.optionValue] ? null : n[e.optionValue] : t.value = t.value === n ? null : n;
     };
     return (n, r) => (d(), p("div", ba, [
-      (d(!0), p(oe, null, me(n.options, (l) => (d(), p("button", {
+      (d(!0), p(oe, null, ve(n.options, (l) => (d(), p("button", {
         class: L(["select-buttons__item", { "select-buttons__item--selected": o(l) }]),
         key: typeof l == "object" ? l[n.optionValue] : l,
         onClick: (s) => a(l)
       }, F(typeof l == "object" ? l[n.optionLabel] : l), 11, wa))), 128))
     ]));
   }
-}), tr = /* @__PURE__ */ le(ka, [["__scopeId", "data-v-27415c56"]]), $a = ["id", "disabled"], or = /* @__PURE__ */ O({
+}), tr = /* @__PURE__ */ ae(ka, [["__scopeId", "data-v-27415c56"]]), $a = ["id", "disabled"], or = /* @__PURE__ */ O({
   __name: "Switch",
   props: /* @__PURE__ */ U({
     disabled: { type: Boolean }
@@ -3156,7 +3169,7 @@ const Js = /* @__PURE__ */ O({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = te(e, "modelValue"), o = qe();
+    const t = te(e, "modelValue"), o = Ye();
     return (a, n) => (d(), p("div", {
       class: L(["switch", {
         "switch--disabled": a.disabled
@@ -3225,7 +3238,7 @@ const Js = /* @__PURE__ */ O({
       n.value = null;
     };
     return (u, c) => (d(), p("div", Sa, [
-      (d(!0), p(oe, null, me(u.maxStars, (v) => (d(), p("button", {
+      (d(!0), p(oe, null, ve(u.maxStars, (v) => (d(), p("button", {
         key: v,
         type: "button",
         class: L(["star-button", { "star-button--active": v <= o.value }]),
@@ -3246,7 +3259,7 @@ const Js = /* @__PURE__ */ O({
       ], 42, Ca))), 128))
     ]));
   }
-}), nr = /* @__PURE__ */ le(xa, [["__scopeId", "data-v-d744a89c"]]), Ra = ["for"], Ma = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "resizable", "cols"], Va = { class: "textarea__footer" }, Pa = {
+}), nr = /* @__PURE__ */ ae(xa, [["__scopeId", "data-v-d744a89c"]]), Ra = ["for"], Ma = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "resizable", "cols"], Va = { class: "textarea__footer" }, Pa = {
   key: 1,
   class: "textarea__count-char"
 }, lr = /* @__PURE__ */ O({
@@ -3272,7 +3285,7 @@ const Js = /* @__PURE__ */ O({
   }),
   emits: /* @__PURE__ */ U(["focusIn", "focusOut", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = t, a = te(e, "modelValue"), n = A(null), r = qe(), l = () => {
+    const o = t, a = te(e, "modelValue"), n = A(null), r = Ye(), l = () => {
       const i = n.value;
       if (!i) return;
       const u = {
@@ -3282,9 +3295,9 @@ const Js = /* @__PURE__ */ O({
       }[e.size];
       i.style.height = "auto", e.maxHeight && (i.style.maxHeight = e.maxHeight + "px"), i.style.height = Math.min(i.scrollHeight, e.maxHeight || i.scrollHeight) + "px", i.scrollHeight < u && (i.style.height = u * e.rows + "px");
     };
-    ve(() => {
+    me(() => {
       l();
-    }), se(() => [e.rows, e.maxHeight], () => {
+    }), le(() => [e.rows, e.maxHeight], () => {
       l();
     });
     const s = P(() => [
@@ -3322,7 +3335,7 @@ const Js = /* @__PURE__ */ O({
         onFocusOut: u[2] || (u[2] = (c) => o("focusOut", c)),
         onBlur: u[3] || (u[3] = (c) => o("blur", c))
       }, null, 40, Ma), [
-        [Yt, a.value]
+        [Wt, a.value]
       ]),
       R("div", Va, [
         i.smallText || i.error && i.errorText ? (d(), p("div", {
@@ -3334,7 +3347,7 @@ const Js = /* @__PURE__ */ O({
     ], 2));
   }
 });
-function Fe(e, t) {
+function Ne(e, t) {
   let o = t;
   const a = e.dayOfYear(), n = [
     // День месяца
@@ -3407,7 +3420,7 @@ function dt(e, t, o, a) {
     inRange: !1
   };
   if (!t) return n;
-  const r = Fe(e, o);
+  const r = Ne(e, o);
   if (typeof t == "string")
     return n.selected = r === t, n;
   if (!a && typeof t == "object") {
@@ -3437,7 +3450,7 @@ function Ta(e, t, o, a = null, n = "dd/mm/yy", r = null, l = null, s = !1) {
   for (let h = v - 1; h >= 0; h--) {
     const g = u.subtract(h + 1, "day"), y = dt(g, a, n, s);
     i.push({
-      value: Fe(g, n),
+      value: Ne(g, n),
       label: g.format("D"),
       disabled: !0,
       // Дни из другого месяца всегда disabled
@@ -3451,7 +3464,7 @@ function Ta(e, t, o, a = null, n = "dd/mm/yy", r = null, l = null, s = !1) {
   for (let h = 1; h <= c.date(); h++) {
     const g = K().year(e).month(t).date(h), y = g.isSame(o, "day"), w = dt(g, a, n, s), V = Ia(g, r, l);
     i.push({
-      value: Fe(g, n),
+      value: Ne(g, n),
       label: String(h),
       disabled: !V,
       // Отключаем даты вне разрешенного диапазона
@@ -3468,7 +3481,7 @@ function Ta(e, t, o, a = null, n = "dd/mm/yy", r = null, l = null, s = !1) {
     for (let g = 1; g <= h; g++) {
       const y = c.add(g, "day"), w = dt(y, a, n, s);
       i.push({
-        value: Fe(y, n),
+        value: Ne(y, n),
         label: y.format("D"),
         disabled: !0,
         // Дни из другого месяца всегда disabled
@@ -3499,7 +3512,7 @@ function Ba(e, t, o = "dd/mm/yyyy", a = null, n = null) {
   ].map((l, s) => {
     const i = K().year(e).month(s).date(1), u = i.endOf("month"), c = (!a || u.isAfter(K(a).subtract(1, "day"))) && (!n || i.isBefore(K(n).add(1, "day")));
     return {
-      value: Fe(i, o),
+      value: Ne(i, o),
       label: l,
       current: t.year() === e && t.month() === s,
       disabled: !c
@@ -3511,7 +3524,7 @@ function Da(e, t = "dd.mm.yyyy", o = null, a = null) {
   for (let s = l; s < l + 20; s++) {
     const i = K().year(s).month(0).date(1), u = i.endOf("year"), c = (!o || u.isAfter(K(o).subtract(1, "day"))) && (!a || i.isBefore(K(a).add(1, "day")));
     r.push({
-      value: Fe(i, t),
+      value: Ne(i, t),
       label: String(s),
       current: s === K().year(),
       // Сравниваем с реальной текущей датой
@@ -3520,7 +3533,7 @@ function Da(e, t = "dd.mm.yyyy", o = null, a = null) {
   }
   return r;
 }
-function La(e, t, o = A(null), a = A(null), n = A(null), r = A(!1)) {
+function La(e, t, o = A(K().format("DD.MM.YYYY")), a = A(null), n = A(null), r = A(!1)) {
   const l = A(K()), s = () => {
     switch (e.value) {
       case "day":
@@ -3608,7 +3621,7 @@ const Oa = { class: "calendar__header" }, Ea = { class: "calendar__header-title"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = Ue(t, "type"), a = Ue(t, "format"), n = Ue(t, "range"), r = Ue(t, "minDate"), l = Ue(t, "maxDate"), s = te(e, "modelValue"), i = A(!1), u = A(o.value || "day"), { calendarCells: c, activeDateInfo: v, goToPreviousPage: f, goToNextPage: h } = La(u, a, s, r, l, n), g = P({
+    const t = e, o = He(t, "type"), a = He(t, "format"), n = He(t, "range"), r = He(t, "minDate"), l = He(t, "maxDate"), s = te(e, "modelValue"), i = A(!1), u = A(o.value || "day"), { calendarCells: c, activeDateInfo: v, goToPreviousPage: f, goToNextPage: h } = La(u, a, s, r, l, n), g = P({
       get() {
         return u.value;
       },
@@ -3699,7 +3712,7 @@ const Oa = { class: "calendar__header" }, Ea = { class: "calendar__header-title"
           Vo('<div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Пн</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Вт</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Ср</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Чт</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Пт</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Сб</span></div><div class="calendar__body-header__item" data-v-e2037ecf><span data-v-e2037ecf>Вс</span></div>', 7)
         ])])) : T("", !0),
         R("div", Ga, [
-          (d(!0), p(oe, null, me(m(c), (B) => (d(), p("button", {
+          (d(!0), p(oe, null, ve(m(c), (B) => (d(), p("button", {
             key: B.value,
             class: L(w(B)),
             disabled: B.disabled,
@@ -3711,8 +3724,8 @@ const Oa = { class: "calendar__header" }, Ea = { class: "calendar__header-title"
       ])
     ], 2));
   }
-}), qa = /* @__PURE__ */ le(Na, [["__scopeId", "data-v-e2037ecf"]]);
-class ja {
+}), qa = /* @__PURE__ */ ae(Na, [["__scopeId", "data-v-e2037ecf"]]);
+class Ya {
   constructor() {
   }
   getPhoneMask(t, o = "(999) 999-99-99") {
@@ -3811,7 +3824,7 @@ class ja {
     return s ? l.format(o.toUpperCase()) : null;
   }
 }
-const Wa = /* @__PURE__ */ O({
+const ja = /* @__PURE__ */ O({
   __name: "DatePicker",
   props: /* @__PURE__ */ U({
     placeholder: {},
@@ -3893,7 +3906,7 @@ const Wa = /* @__PURE__ */ O({
         return null;
       }
     }
-    const n = new ja(), r = e, l = t, s = te(e, "modelValue"), i = A(), u = A(), c = A(), v = A(!1), f = A(s.value), h = A({}), g = P(() => {
+    const n = new Ya(), r = e, l = t, s = te(e, "modelValue"), i = A(), u = A(), c = A(), v = A(!1), f = A(s.value), h = A({}), g = P(() => {
       if (!s.value) return "";
       if (typeof s.value == "string")
         return s.value;
@@ -3945,9 +3958,9 @@ const Wa = /* @__PURE__ */ O({
       const S = $.target;
       !i.value.contains(S) && !c.value.contains(S) && (v.value = !1);
     };
-    return se(s, ($) => {
+    return le(s, ($) => {
       f.value = $;
-    }, { immediate: !0 }), ve(() => {
+    }, { immediate: !0 }), me(() => {
       document.addEventListener("mousedown", B), window.addEventListener("resize", I), window.addEventListener("scroll", I);
     }), Ze(() => {
       document.removeEventListener("mousedown", B), window.removeEventListener("resize", I), window.removeEventListener("scroll", I);
@@ -4007,7 +4020,7 @@ const Wa = /* @__PURE__ */ O({
       ]))
     ], 512));
   }
-}), ar = /* @__PURE__ */ le(Wa, [["__scopeId", "data-v-b36a6481"]]), Ya = { class: "breadcrumb" }, Ua = ["onClick"], Ka = {
+}), ar = /* @__PURE__ */ ae(ja, [["__scopeId", "data-v-b36a6481"]]), Wa = { class: "breadcrumb" }, Ua = ["onClick"], Ka = {
   key: 2,
   class: "breadcrumb__item breadcrumb__seporator"
 }, sr = /* @__PURE__ */ O({
@@ -4016,9 +4029,9 @@ const Wa = /* @__PURE__ */ O({
     items: {}
   },
   setup(e) {
-    const t = (o) => o.url ? jt("RouterLink") : "div";
-    return (o, a) => (d(), p("div", Ya, [
-      (d(!0), p(oe, null, me(o.items, (n, r) => (d(), p(oe, null, [
+    const t = (o) => o.url ? Yt("RouterLink") : "div";
+    return (o, a) => (d(), p("div", Wa, [
+      (d(!0), p(oe, null, ve(o.items, (n, r) => (d(), p(oe, null, [
         n.command ? (d(), p("button", {
           key: 0,
           class: L(["breadcrumb__item", { "breadcrumb__item--disabled": !n.command || n.disabled }]),
@@ -4063,7 +4076,7 @@ const Wa = /* @__PURE__ */ O({
     }, v = () => {
       l.value && (clearTimeout(l.value), l.value = null);
     };
-    return ve(() => {
+    return me(() => {
       e.msg.life && (s.value = e.msg.life, i());
     }), (f, h) => (d(), p("div", {
       class: L(r.value)
@@ -4110,7 +4123,7 @@ const Wa = /* @__PURE__ */ O({
     }, i = () => {
       o.value = [];
     };
-    return ve(() => {
+    return me(() => {
       he.on("add", r), he.on("remove", l), he.on("remove-group", s), he.on("remove-all-groups", i);
     }), Ze(() => {
       he.off("add", r), he.off("remove", l), he.off("remove-group", s), he.off("remove-all-groups", i);
@@ -4123,7 +4136,7 @@ const Wa = /* @__PURE__ */ O({
             class: "toast-messages"
           }, {
             default: ee(() => [
-              (d(!0), p(oe, null, me(o.value, (v) => (d(), G(es, {
+              (d(!0), p(oe, null, ve(o.value, (v) => (d(), G(es, {
                 key: v.id,
                 msg: v,
                 onClose: c[0] || (c[0] = (f) => n(f))
@@ -4177,8 +4190,8 @@ const ur = {
       `message--${t.type}`,
       { "message--outlined": t.outlined }
     ]), a = Ut({
-      error: Ae(Wo),
-      warning: Ae(jo),
+      error: Ae(jo),
+      warning: Ae(Yo),
       info: Ae(bt)
     });
     return (n, r) => (d(), p("div", {
@@ -4186,13 +4199,13 @@ const ur = {
     }, [
       (d(), G(Ce(a[t.type]), { class: "message__icon" })),
       R("div", os, [
-        n.$slots.default ? Y(n.$slots, "default", { key: 0 }, void 0, !0) : (d(), p(oe, { key: 1 }, [
+        n.$slots.default ? W(n.$slots, "default", { key: 0 }, void 0, !0) : (d(), p(oe, { key: 1 }, [
           fe(F(t.message), 1)
         ], 64))
       ])
     ], 2));
   }
-}), cr = /* @__PURE__ */ le(ns, [["__scopeId", "data-v-5db16833"]]), ls = {
+}), cr = /* @__PURE__ */ ae(ns, [["__scopeId", "data-v-5db16833"]]), ls = {
   key: 0,
   class: "badge__value"
 }, as = /* @__PURE__ */ O({
@@ -4244,7 +4257,7 @@ const ur = {
         class: "overlay-badge__badge",
         style: Z(t.value)
       }, null, 8, ["value", "variant", "style"])) : T("", !0),
-      Y(o.$slots, "default")
+      W(o.$slots, "default")
     ], 2));
   }
 }), fr = /* @__PURE__ */ O({
@@ -4334,9 +4347,9 @@ const ur = {
     }, l = (s) => {
       s.key === "Escape" && (J.value = null);
     };
-    return se(J, (s) => {
+    return le(J, (s) => {
       s?.blockScroll ? t() : o();
-    }, { immediate: !0, deep: !0 }), ve(() => {
+    }, { immediate: !0, deep: !0 }), me(() => {
       document.addEventListener("keydown", l);
     }), Ze(() => {
       document.removeEventListener("keydown", l), o();
@@ -4388,7 +4401,7 @@ const ur = {
       })
     ]));
   }
-}), gr = /* @__PURE__ */ le(fs, [["__scopeId", "data-v-9e0d3c8a"]]), vs = {
+}), gr = /* @__PURE__ */ ae(fs, [["__scopeId", "data-v-9e0d3c8a"]]), vs = {
   key: 0,
   class: "confirm-popup__header"
 }, ms = { class: "confirm-popup__header-title" }, ps = {
@@ -4484,9 +4497,9 @@ const ur = {
     }, v = () => {
       Q.value?.target && l();
     };
-    return se(Q, async (f) => {
+    return le(Q, async (f) => {
       f?.target && (await pe(), l());
-    }, { immediate: !0 }), ve(() => {
+    }, { immediate: !0 }), me(() => {
       document.addEventListener("keydown", u), window.addEventListener("scroll", c, !0), window.addEventListener("resize", v);
     }), Ze(() => {
       document.removeEventListener("keydown", u), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", v);
@@ -4542,7 +4555,7 @@ const ur = {
       })
     ]));
   }
-}), hr = /* @__PURE__ */ le(hs, [["__scopeId", "data-v-de057bd8"]]), ys = { class: "drawer-close" }, yr = /* @__PURE__ */ O({
+}), hr = /* @__PURE__ */ ae(hs, [["__scopeId", "data-v-de057bd8"]]), ys = { class: "drawer-close" }, yr = /* @__PURE__ */ O({
   __name: "Drawer",
   props: /* @__PURE__ */ U({
     position: { default: "left" },
@@ -4563,7 +4576,7 @@ const ur = {
     }, c = () => {
       r.value = !1, s("close");
     };
-    return se(r, () => {
+    return le(r, () => {
       r.value ? a() : n();
     }), t({
       isOpen: r,
@@ -4591,7 +4604,7 @@ const ur = {
                   q(m(wt))
                 ])
               ]),
-              Y(v.$slots, "default")
+              W(v.$slots, "default")
             ], 2)
           ], 6)) : T("", !0)
         ]),
@@ -4615,10 +4628,10 @@ const ur = {
   }),
   emits: ["update:open"],
   setup(e) {
-    const t = A(e.title), o = te(e, "open"), a = Wt(), { unlockScroll: n, lockScroll: r } = lt(), l = P(() => ["modal", `modal--${e.position}`]), s = (i) => {
+    const t = A(e.title), o = te(e, "open"), a = jt(), { unlockScroll: n, lockScroll: r } = lt(), l = P(() => ["modal", `modal--${e.position}`]), s = (i) => {
       t.value = i;
     };
-    return se(o, () => {
+    return le(o, () => {
       o.value ? r() : n();
     }), (i, u) => (d(), G(je, { to: "body" }, [
       q(De, { name: "modal-content-fade" }, {
@@ -4637,7 +4650,7 @@ const ur = {
               style: Z(i.style)
             }, [
               R("div", bs, [
-                Y(i.$slots, "header"),
+                W(i.$slots, "header"),
                 t.value && !a.header ? (d(), p("h2", ws, F(t.value), 1)) : T("", !0),
                 R("button", {
                   text: "",
@@ -4648,7 +4661,7 @@ const ur = {
                 ])
               ]),
               R("div", ks, [
-                Y(i.$slots, "default", { setTitle: s })
+                W(i.$slots, "default", { setTitle: s })
               ])
             ], 4)
           ], 6)) : T("", !0)
@@ -4668,23 +4681,23 @@ const ur = {
     const t = P(() => e.styleView), o = A(
       Array.isArray(e.value) ? e.value : e.value !== void 0 ? [e.value] : []
     );
-    se(() => e.value, (n) => {
+    le(() => e.value, (n) => {
       Array.isArray(n) ? o.value = n : n !== void 0 ? o.value = [n] : o.value = [];
     });
     function a(n) {
       e.multiple ? o.value.includes(n) ? o.value = o.value.filter((r) => r !== n) : o.value.push(n) : o.value = o.value[0] === n ? [] : [n];
     }
     return be("accordionOpenValues", o), be("accordionToggle", a), be("accordionIsMultiple", e.multiple ?? !1), be("accordionStyle", t), (n, r) => (d(), p("div", $s, [
-      Y(n.$slots, "default")
+      W(n.$slots, "default")
     ]));
   }
 }), kr = /* @__PURE__ */ O({
   __name: "AccordionContent",
   setup(e) {
     const t = de("panelIsOpen"), o = A(null), a = A("0px"), n = A(t.value);
-    return se(t, async (r) => {
+    return le(t, async (r) => {
       r ? (n.value = !0, await pe(), a.value = o.value?.scrollHeight + "px") : (a.value = o.value?.scrollHeight + "px", await pe(), a.value = "0px", setTimeout(() => n.value = !1, 300));
-    }), ve(() => {
+    }), me(() => {
       t.value && o.value && (a.value = o.value.scrollHeight + "px");
     }), (r, l) => (d(), p("div", {
       class: "accordion-content-wrapper",
@@ -4695,7 +4708,7 @@ const ur = {
         ref: o,
         class: "accordion-content"
       }, [
-        Y(r.$slots, "default")
+        W(r.$slots, "default")
       ], 512), [
         [Kt, n.value]
       ])
@@ -4711,7 +4724,7 @@ const ur = {
       (...l) => m(o) && m(o)(...l))
     }, [
       R("span", Ss, [
-        Y(n.$slots, "default")
+        W(n.$slots, "default")
       ]),
       R("span", Cs, [
         q(m(Zt))
@@ -4728,7 +4741,7 @@ const ur = {
     return be("panelValue", t.value), be("panelIsOpen", r), be("panelToggle", () => a?.(t.value)), (l, s) => (d(), p("div", {
       class: L(["accordion-panel", `accordion-panel--${m(n)}`])
     }, [
-      Y(l.$slots, "default")
+      W(l.$slots, "default")
     ], 2));
   }
 }), xs = {
@@ -4747,7 +4760,7 @@ const ur = {
       class: L(t.value)
     }, [
       o.$slots.default ? (d(), p("div", xs, [
-        Y(o.$slots, "default")
+        W(o.$slots, "default")
       ])) : T("", !0)
     ], 2));
   }
@@ -4780,7 +4793,7 @@ const ur = {
       }, null, 2))
     ], 2));
   }
-}), Is = /* @__PURE__ */ le(Ps, [["__scopeId", "data-v-e115af4f"]]), As = {
+}), Is = /* @__PURE__ */ ae(Ps, [["__scopeId", "data-v-e115af4f"]]), As = {
   class: "stepper",
   role: "tablist"
 }, Ts = { class: "step-list" }, Bs = /* @__PURE__ */ O({
@@ -4806,7 +4819,7 @@ const ur = {
       }
     }), (u, c) => (d(), p("div", As, [
       R("div", Ts, [
-        (d(!0), p(oe, null, me(u.steps, (v, f) => (d(), G(Is, {
+        (d(!0), p(oe, null, ve(u.steps, (v, f) => (d(), G(Is, {
           key: v.value,
           index: f,
           value: v.value,
@@ -4815,7 +4828,7 @@ const ur = {
       ])
     ]));
   }
-}), xr = /* @__PURE__ */ le(Bs, [["__scopeId", "data-v-644da951"]]), Ds = ["aria-selected"], Rr = /* @__PURE__ */ O({
+}), xr = /* @__PURE__ */ ae(Bs, [["__scopeId", "data-v-644da951"]]), Ds = ["aria-selected"], Rr = /* @__PURE__ */ O({
   __name: "Tab",
   props: {
     value: {}
@@ -4828,7 +4841,7 @@ const ur = {
       role: "tab",
       "aria-selected": n.value
     }, [
-      Y(r.$slots, "default")
+      W(r.$slots, "default")
     ], 10, Ds));
   }
 }), Ls = { class: "tabs" }, Mr = /* @__PURE__ */ O({
@@ -4839,14 +4852,14 @@ const ur = {
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const o = e, a = t, n = A(o.value);
-    se(() => o.value, (l) => {
+    le(() => o.value, (l) => {
       n.value = l;
     });
     function r(l) {
       n.value = l, a("update:value", l);
     }
     return be("tabsValue", n), be("setTabsValue", r), (l, s) => (d(), p("div", Ls, [
-      Y(l.$slots, "default")
+      W(l.$slots, "default")
     ]));
   }
 }), Os = {
@@ -4860,7 +4873,7 @@ const ur = {
   setup(e) {
     const t = e, o = de("tabsValue"), a = P(() => o?.value === t.value);
     return (n, r) => Me((d(), p("div", Os, [
-      Y(n.$slots, "default")
+      W(n.$slots, "default")
     ], 512)), [
       [Kt, a.value]
     ]);
@@ -4873,7 +4886,7 @@ const ur = {
   setup(e) {
     return (t, o) => (d(), p("div", Es, [
       R("div", _s, [
-        Y(t.$slots, "default")
+        W(t.$slots, "default")
       ])
     ]));
   }
@@ -4881,7 +4894,7 @@ const ur = {
   __name: "TabPanels",
   setup(e) {
     return (t, o) => (d(), p("div", zs, [
-      Y(t.$slots, "default")
+      W(t.$slots, "default")
     ]));
   }
 }), Hs = { class: "tooltip__content" }, Gs = /* @__PURE__ */ O({
@@ -4965,7 +4978,7 @@ const ur = {
       })
     ]));
   }
-}), Fs = /* @__PURE__ */ le(Gs, [["__scopeId", "data-v-dd783b9b"]]), qt = (e, t) => {
+}), Fs = /* @__PURE__ */ ae(Gs, [["__scopeId", "data-v-dd783b9b"]]), qt = (e, t) => {
   yo(e);
   let o, a = {};
   if (typeof t.value == "string" ? o = t.value : t.value && typeof t.value == "object" ? (o = t.value.content || "", a = { ...t.value }, delete a.content) : o = "", !o && !t.arg) return;