prlg-ui 1.8.0 → 1.8.2

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 X, 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 { o as Jt, d as J } from "./parseFileSize.util-CxVk4CvB.js";
-import { _ as le, a as Yo, C as Qt } from "./FileIcon-maHE2Nhr.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 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 jt, inject as de, toValue as ze, isRef as Mo, vModelText as Wt, toRef as Ue, createStaticVNode as Vo, Teleport as Ye, 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 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)
@@ -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));
@@ -267,7 +267,7 @@ function Oe(e, t) {
 function Te(e) {
   return e.split("-")[0];
 }
-function We(e) {
+function je(e) {
   return e.split("-")[1];
 }
 function eo(e) {
@@ -285,7 +285,7 @@ function St(e) {
 }
 function pn(e, t, o) {
   o === void 0 && (o = !1);
-  const a = We(e), n = St(e), r = $t(n);
+  const a = je(e), n = St(e), r = $t(n);
   let l = n === "x" ? a === (o ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (l = tt(l)), [l, tt(l)];
 }
@@ -310,7 +310,7 @@ function bn(e, t, o) {
   }
 }
 function wn(e, t, o, a) {
-  const n = We(e);
+  const n = je(e);
   let r = bn(Te(e), o === "start", a);
   return n && (r = r.map((l) => l + "-" + n), t && (r = r.concat(r.map(vt)))), r;
 }
@@ -358,47 +358,47 @@ function It(e, t, o) {
     floating: n
   } = e;
   const r = Re(t), l = St(t), s = $t(l), i = Te(t), u = r === "y", c = a.x + a.width / 2 - n.width / 2, v = a.y + a.height / 2 - n.height / 2, f = a[s] / 2 - n[s] / 2;
-  let y;
+  let h;
   switch (i) {
     case "top":
-      y = {
+      h = {
         x: c,
         y: a.y - n.height
       };
       break;
     case "bottom":
-      y = {
+      h = {
         x: c,
         y: a.y + a.height
       };
       break;
     case "right":
-      y = {
+      h = {
         x: a.x + a.width,
         y: v
       };
       break;
     case "left":
-      y = {
+      h = {
         x: a.x - n.width,
         y: v
       };
       break;
     default:
-      y = {
+      h = {
         x: a.x,
         y: a.y
       };
   }
-  switch (We(t)) {
+  switch (je(t)) {
     case "start":
-      y[l] -= f * (o && u ? -1 : 1);
+      h[l] -= f * (o && u ? -1 : 1);
       break;
     case "end":
-      y[l] += f * (o && u ? -1 : 1);
+      h[l] += f * (o && u ? -1 : 1);
       break;
   }
-  return y;
+  return h;
 }
 const $n = async (e, t, o) => {
   const {
@@ -414,23 +414,23 @@ const $n = async (e, t, o) => {
   }), {
     x: c,
     y: v
-  } = It(u, a, i), f = a, y = {}, g = 0;
-  for (let h = 0; h < s.length; h++) {
+  } = It(u, a, i), f = a, h = {}, g = 0;
+  for (let y = 0; y < s.length; y++) {
     const {
       name: w,
       fn: V
-    } = s[h], {
-      x: S,
+    } = s[y], {
+      x: C,
       y: I,
       data: B,
-      reset: k
+      reset: $
     } = await V({
       x: c,
       y: v,
       initialPlacement: a,
       placement: f,
       strategy: n,
-      middlewareData: y,
+      middlewareData: h,
       rects: u,
       platform: l,
       elements: {
@@ -438,27 +438,27 @@ const $n = async (e, t, o) => {
         floating: t
       }
     });
-    c = S ?? c, v = I ?? v, y = {
-      ...y,
+    c = C ?? c, v = I ?? v, h = {
+      ...h,
       [w]: {
-        ...y[w],
+        ...h[w],
         ...B
       }
-    }, k && g <= 50 && (g++, typeof k == "object" && (k.placement && (f = k.placement), k.rects && (u = k.rects === !0 ? await l.getElementRects({
+    }, $ && g <= 50 && (g++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (u = $.rects === !0 ? await l.getElementRects({
       reference: e,
       floating: t,
       strategy: n
-    }) : k.rects), {
+    }) : $.rects), {
       x: c,
       y: v
-    } = It(u, f, i)), h = -1);
+    } = It(u, f, i)), y = -1);
   }
   return {
     x: c,
     y: v,
     placement: f,
     strategy: n,
-    middlewareData: y
+    middlewareData: h
   };
 };
 async function Ke(e, t) {
@@ -476,13 +476,13 @@ async function Ke(e, t) {
     rootBoundary: c = "viewport",
     elementContext: v = "floating",
     altBoundary: f = !1,
-    padding: y = 0
-  } = Oe(t, e), g = to(y), w = s[f ? v === "floating" ? "reference" : "floating" : v], V = ot(await r.getClippingRect({
+    padding: h = 0
+  } = Oe(t, e), g = to(h), w = s[f ? v === "floating" ? "reference" : "floating" : v], V = ot(await r.getClippingRect({
     element: (o = await (r.isElement == null ? void 0 : r.isElement(w))) == null || o ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(s.floating)),
     boundary: u,
     rootBoundary: c,
     strategy: i
-  })), S = v === "floating" ? {
+  })), C = v === "floating" ? {
     x: a,
     y: n,
     width: l.floating.width,
@@ -493,17 +493,17 @@ async function Ke(e, t) {
   } : {
     x: 1,
     y: 1
-  }, k = ot(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, $ = ot(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
-    rect: S,
+    rect: C,
     offsetParent: I,
     strategy: i
-  }) : S);
+  }) : C);
   return {
-    top: (V.top - k.top + g.top) / B.y,
-    bottom: (k.bottom - V.bottom + g.bottom) / B.y,
-    left: (V.left - k.left + g.left) / B.x,
-    right: (k.right - V.right + g.right) / B.x
+    top: (V.top - $.top + g.top) / B.y,
+    bottom: ($.bottom - V.bottom + g.bottom) / B.y,
+    left: (V.left - $.left + g.left) / B.x,
+    right: ($.right - V.right + g.right) / B.x
   };
 }
 const Sn = (e) => ({
@@ -527,14 +527,14 @@ const Sn = (e) => ({
     const v = to(c), f = {
       x: o,
       y: a
-    }, y = St(n), g = $t(y), h = await l.getDimensions(u), w = y === "y", V = w ? "top" : "left", S = w ? "bottom" : "right", I = w ? "clientHeight" : "clientWidth", B = r.reference[g] + r.reference[y] - f[y] - r.floating[g], k = f[y] - r.reference[y], C = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
-    let $ = C ? C[I] : 0;
-    (!$ || !await (l.isElement == null ? void 0 : l.isElement(C))) && ($ = s.floating[I] || r.floating[g]);
-    const D = B / 2 - k / 2, b = $ / 2 - h[g] / 2 - 1, M = Le(v[V], b), x = Le(v[S], b), H = M, z = $ - h[g] - x, E = $ / 2 - h[g] / 2 + D, N = ft(H, E, z), _ = !i.arrow && We(n) != null && E !== N && r.reference[g] / 2 - (E < H ? M : x) - h[g] / 2 < 0, ne = _ ? E < H ? E - H : E - z : 0;
+    }, h = St(n), g = $t(h), y = await l.getDimensions(u), w = h === "y", V = w ? "top" : "left", C = w ? "bottom" : "right", I = w ? "clientHeight" : "clientWidth", B = r.reference[g] + r.reference[h] - f[h] - r.floating[g], $ = f[h] - r.reference[h], S = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(u));
+    let k = S ? S[I] : 0;
+    (!k || !await (l.isElement == null ? void 0 : l.isElement(S))) && (k = s.floating[I] || r.floating[g]);
+    const D = B / 2 - $ / 2, b = k / 2 - y[g] / 2 - 1, M = Le(v[V], b), x = Le(v[C], b), H = M, z = k - y[g] - x, E = k / 2 - y[g] / 2 + D, N = ft(H, E, z), _ = !i.arrow && je(n) != null && E !== N && r.reference[g] / 2 - (E < H ? M : x) - y[g] / 2 < 0, ne = _ ? E < H ? E - H : E - z : 0;
     return {
-      [y]: f[y] + ne,
+      [h]: f[h] + ne,
       data: {
-        [y]: N,
+        [h]: N,
         centerOffset: E - N - ne,
         ..._ && {
           alignmentOffset: ne
@@ -560,16 +560,16 @@ const Sn = (e) => ({
         mainAxis: c = !0,
         crossAxis: v = !0,
         fallbackPlacements: f,
-        fallbackStrategy: y = "bestFit",
+        fallbackStrategy: h = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: h = !0,
+        flipAlignment: y = !0,
         ...w
       } = Oe(e, t);
       if ((o = r.arrow) != null && o.alignmentOffset)
         return {};
-      const V = Te(n), S = Re(s), I = Te(s) === s, B = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), k = f || (I || !h ? [tt(s)] : gn(s)), C = g !== "none";
-      !f && C && k.push(...wn(s, h, g, B));
-      const $ = [s, ...k], D = await Ke(t, w), b = [];
+      const V = Te(n), C = Re(s), I = Te(s) === s, B = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), $ = f || (I || !y ? [tt(s)] : gn(s)), S = g !== "none";
+      !f && S && $.push(...wn(s, y, g, B));
+      const k = [s, ...$], D = await Ke(t, w), b = [];
       let M = ((a = r.flip) == null ? void 0 : a.overflows) || [];
       if (c && b.push(D[V]), v) {
         const E = pn(n, l, B);
@@ -580,10 +580,10 @@ const Sn = (e) => ({
         overflows: b
       }], !b.every((E) => E <= 0)) {
         var x, H;
-        const E = (((x = r.flip) == null ? void 0 : x.index) || 0) + 1, N = $[E];
-        if (N && (!(v === "alignment" ? S !== Re(N) : !1) || // We leave the current main axis only if every placement on that axis
+        const E = (((x = r.flip) == null ? void 0 : x.index) || 0) + 1, N = k[E];
+        if (N && (!(v === "alignment" ? C !== Re(N) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        M.every((ce) => Re(ce.placement) === S ? ce.overflows[0] > 0 : !0)))
+        M.every((ce) => Re(ce.placement) === C ? ce.overflows[0] > 0 : !0)))
           return {
             data: {
               index: E,
@@ -595,13 +595,13 @@ const Sn = (e) => ({
           };
         let _ = (H = M.filter((ne) => ne.overflows[0] <= 0).sort((ne, ce) => ne.overflows[1] - ce.overflows[1])[0]) == null ? void 0 : H.placement;
         if (!_)
-          switch (y) {
+          switch (h) {
             case "bestFit": {
               var z;
               const ne = (z = M.filter((ce) => {
-                if (C) {
+                if (S) {
                   const ae = Re(ce.placement);
-                  return ae === S || // Create a bias to the `y` side axis due to horizontal
+                  return ae === C || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   ae === "y";
                 }
@@ -683,10 +683,10 @@ async function Mn(e, t) {
     placement: o,
     platform: a,
     elements: n
-  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), l = Te(o), s = We(o), i = Re(o) === "y", u = Rn.has(l) ? -1 : 1, c = r && i ? -1 : 1, v = Oe(t, e);
+  } = e, r = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), l = Te(o), s = je(o), i = Re(o) === "y", u = Rn.has(l) ? -1 : 1, c = r && i ? -1 : 1, v = Oe(t, e);
   let {
     mainAxis: f,
-    crossAxis: y,
+    crossAxis: h,
     alignmentAxis: g
   } = typeof v == "number" ? {
     mainAxis: v,
@@ -697,12 +697,12 @@ async function Mn(e, t) {
     crossAxis: v.crossAxis || 0,
     alignmentAxis: v.alignmentAxis
   };
-  return s && typeof g == "number" && (y = s === "end" ? g * -1 : g), i ? {
-    x: y * c,
+  return s && typeof g == "number" && (h = s === "end" ? g * -1 : g), i ? {
+    x: h * c,
     y: f * u
   } : {
     x: f * u,
-    y: y * c
+    y: h * c
   };
 }
 const Vn = function(e) {
@@ -743,11 +743,11 @@ const Vn = function(e) {
           fn: (w) => {
             let {
               x: V,
-              y: S
+              y: C
             } = w;
             return {
               x: V,
-              y: S
+              y: C
             };
           }
         },
@@ -756,25 +756,25 @@ const Vn = function(e) {
         x: o,
         y: a
       }, c = await Ke(t, i), v = Re(Te(n)), f = eo(v);
-      let y = u[f], g = u[v];
+      let h = u[f], g = u[v];
       if (r) {
-        const w = f === "y" ? "top" : "left", V = f === "y" ? "bottom" : "right", S = y + c[w], I = y - c[V];
-        y = ft(S, y, I);
+        const w = f === "y" ? "top" : "left", V = f === "y" ? "bottom" : "right", C = h + c[w], I = h - c[V];
+        h = ft(C, h, I);
       }
       if (l) {
-        const w = v === "y" ? "top" : "left", V = v === "y" ? "bottom" : "right", S = g + c[w], I = g - c[V];
-        g = ft(S, g, I);
+        const w = v === "y" ? "top" : "left", V = v === "y" ? "bottom" : "right", C = g + c[w], I = g - c[V];
+        g = ft(C, g, I);
       }
-      const h = s.fn({
+      const y = s.fn({
         ...t,
-        [f]: y,
+        [f]: h,
         [v]: g
       });
       return {
-        ...h,
+        ...y,
         data: {
-          x: h.x - o,
-          y: h.y - a,
+          x: y.x - o,
+          y: y.y - a,
           enabled: {
             [f]: r,
             [v]: l
@@ -798,25 +798,25 @@ const Vn = function(e) {
         apply: i = () => {
         },
         ...u
-      } = Oe(e, t), c = await Ke(t, u), v = Te(n), f = We(n), y = Re(n) === "y", {
+      } = Oe(e, t), c = await Ke(t, u), v = Te(n), f = je(n), h = Re(n) === "y", {
         width: g,
-        height: h
+        height: y
       } = r.floating;
       let w, V;
       v === "top" || v === "bottom" ? (w = v, V = f === (await (l.isRTL == null ? void 0 : l.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (V = v, w = f === "end" ? "top" : "bottom");
-      const S = h - c.top - c.bottom, I = g - c.left - c.right, B = Le(h - c[w], S), k = Le(g - c[V], I), C = !t.middlewareData.shift;
-      let $ = B, D = k;
-      if ((o = t.middlewareData.shift) != null && o.enabled.x && (D = I), (a = t.middlewareData.shift) != null && a.enabled.y && ($ = S), C && !f) {
+      const C = y - c.top - c.bottom, I = g - c.left - c.right, B = Le(y - c[w], C), $ = Le(g - c[V], I), S = !t.middlewareData.shift;
+      let k = B, D = $;
+      if ((o = t.middlewareData.shift) != null && o.enabled.x && (D = I), (a = t.middlewareData.shift) != null && a.enabled.y && (k = C), S && !f) {
         const M = ye(c.left, 0), x = ye(c.right, 0), H = ye(c.top, 0), z = ye(c.bottom, 0);
-        y ? D = g - 2 * (M !== 0 || x !== 0 ? M + x : ye(c.left, c.right)) : $ = h - 2 * (H !== 0 || z !== 0 ? H + z : ye(c.top, c.bottom));
+        h ? D = g - 2 * (M !== 0 || x !== 0 ? M + x : ye(c.left, c.right)) : k = y - 2 * (H !== 0 || z !== 0 ? H + z : ye(c.top, c.bottom));
       }
       await i({
         ...t,
         availableWidth: D,
-        availableHeight: $
+        availableHeight: k
       });
       const b = await l.getDimensions(s.floating);
-      return g !== b.width || h !== b.height ? {
+      return g !== b.width || y !== b.height ? {
         reset: {
           rects: !0
         }
@@ -981,11 +981,11 @@ function Xe(e, t, o, a) {
   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), y = a && ke(a) ? ge(a) : a;
-    let g = f, h = mt(g);
-    for (; h && a && y !== g; ) {
-      const w = Ge(h), V = h.getBoundingClientRect(), S = $e(h), I = V.left + (h.clientLeft + parseFloat(S.paddingLeft)) * w.x, B = V.top + (h.clientTop + parseFloat(S.paddingTop)) * w.y;
-      i *= w.x, u *= w.y, c *= w.x, v *= w.y, i += I, u += B, g = ge(h), h = mt(g);
+    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;
+      i *= w.x, u *= w.y, c *= w.x, v *= w.y, i += I, u += B, g = ge(y), y = mt(g);
     }
   }
   return ot({
@@ -1022,8 +1022,8 @@ function Fn(e) {
   }, u = Se(1);
   const c = Se(0), v = xe(a);
   if ((v || !v && !r) && ((Ee(a) !== "body" || Qe(l)) && (i = rt(a)), xe(a))) {
-    const y = Xe(a);
-    u = Ge(a), c.x = y.x + a.clientLeft, c.y = y.y + a.clientTop;
+    const h = Xe(a);
+    u = Ge(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) {
@@ -1058,7 +1058,7 @@ function jn(e, t) {
   }
   const u = it(a);
   if (u <= 0) {
-    const c = a.ownerDocument, v = c.body, f = getComputedStyle(v), y = c.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, g = Math.abs(a.clientWidth - v.clientWidth - y);
+    const c = a.ownerDocument, v = c.body, f = getComputedStyle(v), h = c.compatMode === "CSS1Compat" && parseFloat(f.marginLeft) + parseFloat(f.marginRight) || 0, g = Math.abs(a.clientWidth - v.clientWidth - h);
     g <= Dt && (r -= g);
   } else u <= Dt && (r += u);
   return {
@@ -1068,8 +1068,8 @@ function jn(e, t) {
     y: i
   };
 }
-const Wn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Yn(e, t) {
+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) ? Ge(e) : Se(1), l = e.clientWidth * r.x, s = e.clientHeight * r.y, i = n * r.x, u = a * r.y;
   return {
     width: l,
@@ -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 = {
@@ -1110,7 +1110,7 @@ function Un(e, t) {
   let l = r ? Be(e) : e;
   for (; ke(l) && !Ne(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;
 }
@@ -1154,8 +1154,8 @@ function Zn(e, t, o) {
   }
   if (a || !a && !r)
     if ((Ee(t) !== "body" || Qe(n)) && (s = rt(t)), a) {
-      const y = Xe(t, !0, r, t);
-      i.x = y.x + t.clientLeft, i.y = y.y + t.clientTop;
+      const h = Xe(t, !0, r, t);
+      i.x = h.x + t.clientLeft, i.y = h.y + t.clientTop;
     } else n && u();
   r && !a && n && u();
   const c = n && !a && !r ? ro(n, s) : Se(0), v = l.left + s.scrollLeft - i.x - c.x, f = l.top + s.scrollTop - i.y - c.y;
@@ -1270,79 +1270,79 @@ function _t(e, t) {
 function zt(e, t, o) {
   o === void 0 && (o = {});
   const a = o.whileElementsMounted, n = P(() => {
-    var $;
-    return ($ = He(o.open)) != null ? $ : !0;
+    var k;
+    return (k = He(o.open)) != null ? k : !0;
   }), r = P(() => He(o.middleware)), l = P(() => {
-    var $;
-    return ($ = He(o.placement)) != null ? $ : "bottom";
+    var k;
+    return (k = He(o.placement)) != null ? k : "bottom";
   }), s = P(() => {
-    var $;
-    return ($ = He(o.strategy)) != null ? $ : "absolute";
+    var k;
+    return (k = He(o.strategy)) != null ? k : "absolute";
   }), i = P(() => {
-    var $;
-    return ($ = He(o.transform)) != null ? $ : !0;
-  }), u = P(() => ht(e.value)), c = P(() => ht(t.value)), v = A(0), f = A(0), y = A(s.value), g = A(l.value), h = Ae({}), w = A(!1), V = P(() => {
-    const $ = {
-      position: y.value,
+    var k;
+    return (k = He(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,
       left: "0",
       top: "0"
     };
     if (!c.value)
-      return $;
+      return k;
     const D = _t(c.value, v.value), b = _t(c.value, f.value);
     return i.value ? {
-      ...$,
+      ...k,
       transform: "translate(" + D + "px, " + b + "px)",
       ...vo(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: y.value,
+      position: h.value,
       left: D + "px",
       top: b + "px"
     };
   });
-  let S;
+  let C;
   function I() {
     if (u.value == null || c.value == null)
       return;
-    const $ = n.value;
+    const k = n.value;
     fo(u.value, c.value, {
       middleware: r.value,
       placement: l.value,
       strategy: s.value
     }).then((D) => {
-      v.value = D.x, f.value = D.y, y.value = D.strategy, g.value = D.placement, h.value = D.middlewareData, w.value = $ !== !1;
+      v.value = D.x, f.value = D.y, h.value = D.strategy, g.value = D.placement, y.value = D.middlewareData, w.value = k !== !1;
     });
   }
   function B() {
-    typeof S == "function" && (S(), S = void 0);
+    typeof C == "function" && (C(), C = void 0);
   }
-  function k() {
+  function $() {
     if (B(), a === void 0) {
       I();
       return;
     }
     if (u.value != null && c.value != null) {
-      S = a(u.value, c.value, I);
+      C = a(u.value, c.value, I);
       return;
     }
   }
-  function C() {
+  function S() {
     n.value || (w.value = !1);
   }
   return se([r, l, s, n], I, {
     flush: "sync"
-  }), se([u, c], k, {
+  }), se([u, c], $, {
     flush: "sync"
-  }), se(n, C, {
+  }), se(n, S, {
     flush: "sync"
   }), ko() && $o(B), {
     x: _e(v),
     y: _e(f),
-    strategy: _e(y),
+    strategy: _e(h),
     placement: _e(g),
-    middlewareData: _e(h),
+    middlewareData: _e(y),
     isPositioned: _e(w),
     floatingStyles: V,
     update: I
@@ -1384,36 +1384,36 @@ const al = { class: "popover__content" }, sl = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: o }) {
-    So((j) => ({
-      aa040ed6: h.value
+    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"), y = Ie("arrow-block"), g = Ie("second-screen"), h = P(() => "23px"), w = P(() => r ? typeof r.value == "number" ? r.value + Number(h.value.split("px")[0]) : {
-      mainAxis: r.value?.mainAxis ? r.value?.mainAxis + Number(h.value.split("px")[0]) / 2 : Number(h.value.split("px")[0]) / 2,
-      crossAxis: r.value?.crossAxis ? n.value?.includes("start") ? r.value?.crossAxis - Number(h.value.split("px")[0]) : n.value?.includes("end") ? r.value?.crossAxis + Number(h.value.split("px")[0]) : r.value?.crossAxis : n.value?.includes("start") ? -Number(h.value.split("px")[0]) : n.value?.includes("end") ? Number(h.value.split("px")[0]) : void 0,
+    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]) : {
+      mainAxis: r.value?.mainAxis ? r.value?.mainAxis + Number(y.value.split("px")[0]) / 2 : Number(y.value.split("px")[0]) / 2,
+      crossAxis: r.value?.crossAxis ? n.value?.includes("start") ? r.value?.crossAxis - Number(y.value.split("px")[0]) : n.value?.includes("end") ? r.value?.crossAxis + Number(y.value.split("px")[0]) : r.value?.crossAxis : n.value?.includes("start") ? -Number(y.value.split("px")[0]) : n.value?.includes("end") ? Number(y.value.split("px")[0]) : void 0,
       alignmentAxis: r.value?.alignmentAxis
     } : {
-      mainAxis: Number(h.value.split("px")[0]) / 2,
-      crossAxis: n.value?.includes("start") ? -Number(h.value.split("px")[0]) : n.value?.includes("end") ? Number(h.value.split("px")[0]) : void 0
+      mainAxis: Number(y.value.split("px")[0]) / 2,
+      crossAxis: n.value?.includes("start") ? -Number(y.value.split("px")[0]) : n.value?.includes("end") ? Number(y.value.split("px")[0]) : void 0
     }), V = A([
       Et(),
       ol({
-        apply({ availableWidth: j, elements: K }) {
-          Object.assign(K.floating.style, {
-            maxWidth: `${Math.max(200, j)}px`
+        apply({ availableWidth: Y, elements: X }) {
+          Object.assign(X.floating.style, {
+            maxWidth: `${Math.max(200, Y)}px`
           });
         }
       }),
       gt({ padding: 8, crossAxis: !1, mainAxis: !0 }),
       pt(w.value),
-      ll({ element: y })
-    ]), { floatingStyles: S, middlewareData: I, update: B, placement: k } = zt(v, f, {
+      ll({ element: h })
+    ]), { floatingStyles: C, middlewareData: I, update: B, placement: $ } = zt(v, f, {
       placement: n.value,
       middleware: V
-    }), C = A("left-start"), {
-      floatingStyles: $,
+    }), S = A("left-start"), {
+      floatingStyles: k,
       update: D
     } = zt(f, g, {
-      placement: C,
+      placement: S,
       middleware: [
         Et(),
         gt({ padding: 8 }),
@@ -1421,28 +1421,28 @@ const al = { class: "popover__content" }, sl = {
       ]
     }), b = qe(), 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 = () => {
       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 K = j.composedPath();
-      if (!(g.value && K.includes(g.value))) {
-        if (f.value && K.includes(f.value) || v.value && K.includes(v.value)) {
+      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,25 +1450,25 @@ const al = { class: "popover__content" }, sl = {
       }
     }, ue = P(() => {
       if (!I.value.arrow) return {};
-      const { x: j, y: K } = I.value.arrow;
-      switch (k.value) {
+      const { x: Y, y: X } = I.value.arrow;
+      switch ($.value) {
         case "top":
           return {
-            left: j ? `${j}px` : "-9px",
-            bottom: K ? `${K}px` : "-9px"
+            left: Y ? `${Y}px` : "-9px",
+            bottom: X ? `${X}px` : "-9px"
           };
         case "bottom":
         default:
           return {
-            left: j ? `${j}px` : "-9px",
-            top: K ? `${K}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();
+    return se(I, (Y) => {
+      E.value || (N.value = Y.hide?.referenceHidden === !1);
+    }), se(N, (Y) => {
+      Y || j(), Y && s.value === "button-only" ? H() : !Y && s.value === "button-only" && z();
     }, { immediate: !0 }), se(a, () => {
       B();
     }, { deep: !0 }), ve(() => {
@@ -1485,44 +1485,44 @@ const al = { class: "popover__content" }, sl = {
       open: _,
       close: ne,
       openSecondScreen: ie,
-      closeSecondScreen: W,
+      closeSecondScreen: j,
       isOpen: N,
       isSecondScreenOpen: x
-    }), (j, K) => (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,
-        style: X({ zIndex: m(u) + 1 })
+        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,
         class: "popover__overlay",
-        style: X({ zIndex: m(u) })
+        style: Z({ zIndex: m(u) })
       }, null, 4)) : T("", !0),
       q(De, { name: "fade" }, {
         default: ee(() => [
           N.value ? (d(), p("div", {
             key: 0,
             class: L(["popover__wrapper", [`popover__wrapper--${m(b)}`, { "popover__wrapper--no-style": e.withoutStyle }]]),
-            style: X({ ...m(S), zIndex: m(u) + 2 }),
+            style: Z({ ...m(C), zIndex: m(u) + 2 }),
             ref: "floating"
           }, [
             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)
             ]),
@@ -1530,7 +1530,7 @@ const al = { class: "popover__content" }, sl = {
               key: 0,
               class: "popover__arrow",
               ref: "arrow-block",
-              style: X(ue.value)
+              style: Z(ue.value)
             }, null, 4)) : T("", !0)
           ], 6)) : T("", !0)
         ]),
@@ -1542,9 +1542,9 @@ const al = { class: "popover__content" }, sl = {
             key: 0,
             class: "popover__second-screen",
             ref: "second-screen",
-            style: X(m($))
+            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
@@ -1608,7 +1608,7 @@ const al = { class: "popover__content" }, sl = {
         (d(!0), p(oe, null, me(l.columns, (i, u) => (d(), p("th", {
           class: L(n(i)),
           key: u,
-          style: X(r(i))
+          style: Z(r(i))
         }, [
           R("div", ml, [
             i.selectionMode && i.selectionMode === "multiple" ? (d(), G(m(kt), {
@@ -1713,7 +1713,7 @@ const al = { class: "popover__content" }, sl = {
     const o = t, a = P(() => e.rowStyle ? e.rowStyle(e.item) : {}), n = (r) => r.field === "_expander" && e.rowGroupMode === "rowspan" ? e.item._isFirstInGroup ? e.collapsedGroups.has(e.item._groupValue) ? 1 : e.item._groupRowSpan || 1 : 0 : e.rowGroupMode === "rowspan" && e.groupRowsBy && r.field === e.groupRowsBy && e.item._isFirstInGroup ? e.collapsedGroups.has(e.item._groupValue) ? 1 : e.item._groupRowSpan || 1 : e.rowGroupMode === "rowspan" && e.groupRowsBy && r.field === e.groupRowsBy && !e.item._isFirstInGroup ? 0 : 1;
     return (r, l) => (d(), p("tr", {
       class: L(["table-row", { "table-row--hovered-color": r.colorHovered }]),
-      style: X(a.value),
+      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, {
@@ -1759,13 +1759,13 @@ const al = { class: "popover__content" }, sl = {
     ve(async () => {
       e.virtualScroll && e.virtualScroll.enable && n.value && (await pe(), l.value = n.value.clientHeight);
     });
-    const v = (f, y) => f.id ? `row-${f.id}` : `row-${y}`;
+    const v = (f, h) => f.id ? `row-${f.id}` : `row-${h}`;
     return t({
       handleScroll: c,
       updateContainerHeight: (f) => {
         f ? l.value = f.clientHeight : n.value && (l.value = n.value.clientHeight);
       }
-    }), (f, y) => f.virtualScroll && f.virtualScroll.enable ? (d(), p("tbody", {
+    }), (f, h) => f.virtualScroll && f.virtualScroll.enable ? (d(), p("tbody", {
       key: 0,
       ref_key: "virtualScrollBody",
       ref: n,
@@ -1773,15 +1773,15 @@ const al = { class: "popover__content" }, sl = {
     }, [
       s.value > 0 ? (d(), p("tr", {
         key: 0,
-        style: X({ height: `${s.value * f.virtualScroll.itemHeight}px` })
+        style: Z({ height: `${s.value * f.virtualScroll.itemHeight}px` })
       }, [
         R("td", {
           colspan: f.columns.length
         }, null, 8, Sl)
       ], 4)) : T("", !0),
-      (d(!0), p(oe, null, me(u.value, (g, h) => (d(), G(Gt, {
-        key: v(g, s.value + h),
-        rowIndex: s.value + h,
+      (d(!0), p(oe, null, me(u.value, (g, y) => (d(), G(Gt, {
+        key: v(g, s.value + y),
+        rowIndex: s.value + y,
         item: g,
         columns: f.columns,
         selectedRows: f.selectedRows,
@@ -1791,13 +1791,13 @@ const al = { class: "popover__content" }, sl = {
         collapsedGroups: f.collapsedGroups,
         colorHovered: f.colorHovered,
         rowStyle: f.rowStyle,
-        onRowClickHandler: y[0] || (y[0] = (w) => a("rowClickHandler", w)),
-        onToggleRow: y[1] || (y[1] = (w) => a("toggleRow", w)),
-        onToggleGroup: y[2] || (y[2] = (w) => a("toggleGroup", w))
+        onRowClickHandler: h[0] || (h[0] = (w) => a("rowClickHandler", w)),
+        onToggleRow: h[1] || (h[1] = (w) => a("toggleRow", w)),
+        onToggleGroup: h[2] || (h[2] = (w) => a("toggleGroup", w))
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "rowStyle"]))), 128)),
       i.value < f.data.length ? (d(), p("tr", {
         key: 1,
-        style: X({ height: `${(f.data.length - i.value) * f.virtualScroll.itemHeight}px` })
+        style: Z({ height: `${(f.data.length - i.value) * f.virtualScroll.itemHeight}px` })
       }, [
         R("td", {
           colspan: f.columns.length
@@ -1806,11 +1806,11 @@ const al = { class: "popover__content" }, sl = {
     ], 512)) : (d(), p("tbody", {
       key: 1,
       class: L(["table-body", { "table-body--scroller": f.scroller && f.scroller.enable }]),
-      style: X({ maxHeight: `${f.scroller && f.scroller.height}px` })
+      style: Z({ maxHeight: `${f.scroller && f.scroller.height}px` })
     }, [
-      (d(!0), p(oe, null, me(f.data, (g, h) => (d(), G(Gt, {
-        key: v(g, h),
-        rowIndex: h,
+      (d(!0), p(oe, null, me(f.data, (g, y) => (d(), G(Gt, {
+        key: v(g, y),
+        rowIndex: y,
         item: g,
         columns: f.columns,
         selectedRows: f.selectedRows,
@@ -1820,9 +1820,9 @@ const al = { class: "popover__content" }, sl = {
         collapsedGroups: f.collapsedGroups,
         colorHovered: f.colorHovered,
         rowStyle: f.rowStyle,
-        onRowClickHandler: y[3] || (y[3] = (w) => a("rowClickHandler", w)),
-        onToggleRow: y[4] || (y[4] = (w) => a("toggleRow", w)),
-        onToggleGroup: y[5] || (y[5] = (w) => a("toggleGroup", w))
+        onRowClickHandler: h[3] || (h[3] = (w) => a("rowClickHandler", w)),
+        onToggleRow: h[4] || (h[4] = (w) => a("toggleRow", w)),
+        onToggleGroup: h[5] || (h[5] = (w) => a("toggleGroup", w))
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "size", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "rowStyle"]))), 128))
     ], 6));
   }
@@ -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", {
@@ -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));
   }
@@ -2004,7 +2004,7 @@ const al = { class: "popover__content" }, sl = {
     return (n, r) => (d(), p("div", {
       class: L(a.value),
       "aria-label": "Loading",
-      style: X(o.value)
+      style: Z(o.value)
     }, [...r[0] || (r[0] = [
       R("span", { class: "spinner__circle" }, null, -1)
     ])], 6));
@@ -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 = {
@@ -2148,13 +2148,13 @@ const al = { class: "popover__content" }, sl = {
       },
       set(w) {
         if (Array.isArray(w)) {
-          const V = w.map((S) => {
-            const I = e.options.find((B) => B[a.value] === S);
-            return I || S;
+          const V = w.map((C) => {
+            const I = e.options.find((B) => B[a.value] === C);
+            return I || C;
           });
           r.value = e.returnObject ? V : w, o("select", e.returnObject ? V : w);
         } else {
-          const V = e.options.find((S) => S[a.value] === w);
+          const V = e.options.find((C) => C[a.value] === w);
           r.value = e.returnObject ? V : w, o("select", e.returnObject ? V : w);
         }
       }
@@ -2168,16 +2168,16 @@ const al = { class: "popover__content" }, sl = {
       const w = e.options.find((V) => V[a.value] === l.value);
       return w ? w[n.value] : "";
     }), f = (w) => {
-      const V = e.options.find((S) => S[a.value] === w);
+      const V = e.options.find((C) => C[a.value] === w);
       return V ? V[n.value] : w;
-    }, y = (w) => {
+    }, h = (w) => {
       if (!Array.isArray(r.value)) return;
-      const V = l.value.findIndex((S) => S === w);
+      const V = l.value.findIndex((C) => C === w);
       V > -1 && l.value.splice(V, 1);
-    }, g = Ie("trigger"), h = Ie("popover");
+    }, g = Ie("trigger"), y = Ie("popover");
     return ve(() => {
       Jt(
-        h.value,
+        y.value,
         () => {
           u.value = !1;
         },
@@ -2191,26 +2191,26 @@ const al = { class: "popover__content" }, sl = {
       R("div", {
         class: "dropdown__field",
         ref: "trigger",
-        onClick: V[0] || (V[0] = (S) => u.value = !u.value)
+        onClick: V[0] || (V[0] = (C) => u.value = !u.value)
       }, [
         R("div", {
           class: L(["dropdown__field-inner", [{ "dropdown__field-inner--multiple": w.multiple }, { "dropdown__field-inner--placeholder": !r.value }, { "dropdown__field-inner--open": u.value }]])
         }, [
           w.multiple ? (d(), p(oe, { key: 0 }, [
             r.value.length ? (d(), p("div", Nl, [
-              (d(!0), p(oe, null, me(l.value, (S) => (d(), G(m(Pl), {
+              (d(!0), p(oe, null, me(l.value, (C) => (d(), G(m(Pl), {
                 variant: "secondary",
-                key: S,
+                key: C,
                 removable: "",
-                onRemove: (I) => y(S)
+                onRemove: (I) => h(C)
               }, {
                 default: ee(() => [
-                  fe(F(f(S)), 1)
+                  fe(F(f(C)), 1)
                 ]),
                 _: 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),
@@ -2236,8 +2236,8 @@ const al = { class: "popover__content" }, sl = {
               default: ee(() => [
                 q(m(ut), {
                   modelValue: i.value,
-                  "onUpdate:modelValue": V[1] || (V[1] = (S) => i.value = S),
-                  onInput: V[2] || (V[2] = (S) => o("search", i.value)),
+                  "onUpdate:modelValue": V[1] || (V[1] = (C) => i.value = C),
+                  onInput: V[2] || (V[2] = (C) => o("search", i.value)),
                   disabled: w.loading
                 }, null, 8, ["modelValue", "disabled"])
               ]),
@@ -2247,11 +2247,11 @@ 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, (S, I) => (d(), G(Fl, {
+            (d(!0), p(oe, null, me(w.options, (C, I) => (d(), G(Fl, {
               key: I,
               modelValue: l.value,
               "onUpdate:modelValue": V[3] || (V[3] = (B) => l.value = B),
-              item: S,
+              item: C,
               multiple: w.multiple,
               optionLabel: n.value,
               optionValue: a.value,
@@ -2363,24 +2363,28 @@ const al = { class: "popover__content" }, sl = {
     ])) : T("", !0);
   }
 }), Nt = /* @__PURE__ */ le(ia, [["__scopeId", "data-v-a62c3245"]]), ua = (e) => {
-  const t = A([]), o = A({
+  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) => {
+    t.value.indexOf(s) > -1 || (s.selectionMode && (a.value.selectedMode = s.selectionMode), t.value.push(s), r());
+  }, r = () => {
+    o.value = t.value.filter((s) => s.visible !== !1);
+  }, l = (s) => {
+    const i = t.value.indexOf(s);
+    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), ve(() => {
+    e.value && o.value.unshift({
       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);
@@ -2448,7 +2452,7 @@ const al = { class: "popover__content" }, sl = {
   }),
   emits: /* @__PURE__ */ U(["update:selectedRows", "rowClickHandler"], ["update:currentPage", "update:perPage"]),
   setup(e, { emit: t }) {
-    const o = t, a = P(() => e.rowGroupMode), n = P(() => e.groupRowsBy), { dataWithGroup: r } = da(a, n), { columns: l, options: s } = ua(a), i = P(() => s.value.selectedMode), { selectedRows: u, isSelectedAll: c, toggleSelectRow: v, toggleSelectedAll: f } = ca(i, e.data), y = A(null), g = A(), h = te(e, "currentPage"), w = te(e, "perPage"), V = (b) => {
+    const o = t, a = P(() => e.rowGroupMode), n = P(() => e.groupRowsBy), { dataWithGroup: r } = da(a, n), { columns: l, options: s } = ua(a), i = P(() => s.value.selectedMode), { selectedRows: u, isSelectedAll: c, toggleSelectRow: v, toggleSelectedAll: f } = ca(i, e.data), h = A(null), g = A(), y = te(e, "currentPage"), w = te(e, "perPage"), V = (b) => {
       if (e.virtualScroll && e.virtualScroll.enable && g.value) {
         const M = b.target;
         g.value.handleScroll(M);
@@ -2461,17 +2465,17 @@ const al = { class: "popover__content" }, sl = {
         b && g.value.updateContainerHeight(b);
       }
     });
-    const S = P(() => {
+    const C = P(() => {
       let b = [...e.data];
-      if (y.value) {
-        const { field: x, order: H } = y.value;
+      if (h.value) {
+        const { field: x, order: H } = h.value;
         b.sort((z, E) => {
           const N = z[x], _ = E[x];
           return N === _ ? 0 : H === 1 ? N > _ ? 1 : -1 : N < _ ? 1 : -1;
         });
       }
       const M = r(b);
-      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? M.filter((x) => $.value.has(x._groupValue) ? x._isFirstInGroup : !0) : M;
+      return e.rowGroupMode === "rowspan" && e.groupRowsBy ? M.filter((x) => k.value.has(x._groupValue) ? x._isFirstInGroup : !0) : M;
     }), I = P(() => e.scroller && e.scroller.enable || e.virtualScroll && e.virtualScroll.enable || e.maxHeight), B = P(() => [
       "table",
       {
@@ -2480,29 +2484,29 @@ const al = { class: "popover__content" }, sl = {
         "table--with-virtual-scroll": e.virtualScroll && e.virtualScroll.enable,
         "table--scrollable": I.value
       }
-    ]), k = P(() => [
+    ]), $ = P(() => [
       "table-wrapper",
       {
         "table-wrapper--scrollable": I.value
       }
-    ]), C = P(() => {
+    ]), S = P(() => {
       const b = {};
       return e.maxHeight ? (b.maxHeight = typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight, b.overflow = "auto") : e.scroller && e.scroller.enable && (b.maxHeight = `${e.scroller.height}px`, b.overflow = "auto"), b;
-    }), $ = A(/* @__PURE__ */ new Set()), D = (b) => {
-      $.value.has(b) ? $.value.delete(b) : $.value.add(b);
+    }), k = A(/* @__PURE__ */ new Set()), D = (b) => {
+      k.value.has(b) ? k.value.delete(b) : k.value.add(b);
     };
     return se(u, (b) => {
       o("update:selectedRows", b);
     }), (b, M) => I.value ? (d(), p("div", {
       key: 0,
-      class: L(k.value),
-      style: X(C.value),
+      class: L($.value),
+      style: Z(S.value),
       onScroll: V
     }, [
       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),
@@ -2510,7 +2514,7 @@ const al = { class: "popover__content" }, sl = {
           sortMode: b.sortMode,
           sortField: b.sortField,
           onSelectAllRow: m(f),
-          "onUpdate:sort": M[0] || (M[0] = (x) => y.value = x)
+          "onUpdate:sort": M[0] || (M[0] = (x) => h.value = x)
         }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
         q(Ft, {
           ref_key: "tableBodyRef",
@@ -2518,10 +2522,10 @@ const al = { class: "popover__content" }, sl = {
           size: b.size,
           selectedRows: m(u),
           columns: m(l),
-          data: S.value,
+          data: C.value,
           rowGroupMode: b.rowGroupMode,
           groupRowsBy: b.groupRowsBy,
-          collapsedGroups: $.value,
+          collapsedGroups: k.value,
           colorHovered: b.rowColorHovered,
           scroller: b.scroller || void 0,
           virtualScroll: b.virtualScroll || void 0,
@@ -2532,11 +2536,11 @@ const al = { class: "popover__content" }, sl = {
         }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "scroller", "virtualScroll", "rowStyle"])
       ], 2),
       q(Nt, {
-        currentPage: h.value,
-        "onUpdate:currentPage": M[4] || (M[4] = (x) => h.value = x),
+        currentPage: y.value,
+        "onUpdate:currentPage": M[4] || (M[4] = (x) => y.value = x),
         "per-page": w.value,
         "onUpdate:perPage": M[5] || (M[5] = (x) => w.value = x),
-        data: S.value,
+        data: C.value,
         "per-page-options": b.perPageOptions,
         "totals-row": b.totals,
         paginator: b.paginator
@@ -2545,7 +2549,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),
@@ -2553,7 +2557,7 @@ const al = { class: "popover__content" }, sl = {
         sortMode: b.sortMode,
         sortField: b.sortField,
         onSelectAllRow: m(f),
-        "onUpdate:sort": M[6] || (M[6] = (x) => y.value = x)
+        "onUpdate:sort": M[6] || (M[6] = (x) => h.value = x)
       }, null, 8, ["size", "columns", "isSelectedAll", "sortMode", "sortField", "onSelectAllRow"]),
       q(Ft, {
         ref_key: "tableBodyRef",
@@ -2561,10 +2565,10 @@ const al = { class: "popover__content" }, sl = {
         size: b.size,
         selectedRows: m(u),
         columns: m(l),
-        data: S.value,
+        data: C.value,
         rowGroupMode: b.rowGroupMode,
         groupRowsBy: b.groupRowsBy,
-        collapsedGroups: $.value,
+        collapsedGroups: k.value,
         colorHovered: b.rowColorHovered,
         scroller: b.scroller || void 0,
         virtualScroll: b.virtualScroll || void 0,
@@ -2574,11 +2578,11 @@ const al = { class: "popover__content" }, sl = {
         onToggleGroup: M[9] || (M[9] = (x) => D(x))
       }, null, 8, ["size", "selectedRows", "columns", "data", "rowGroupMode", "groupRowsBy", "collapsedGroups", "colorHovered", "scroller", "virtualScroll", "rowStyle"]),
       q(Nt, {
-        currentPage: h.value,
-        "onUpdate:currentPage": M[10] || (M[10] = (x) => h.value = x),
+        currentPage: y.value,
+        "onUpdate:currentPage": M[10] || (M[10] = (x) => y.value = x),
         "per-page": w.value,
         "onUpdate:perPage": M[11] || (M[11] = (x) => w.value = x),
-        data: S.value,
+        data: C.value,
         "per-page-options": b.perPageOptions,
         "totals-row": b.totals,
         paginator: b.paginator
@@ -2595,10 +2599,11 @@ const al = { class: "popover__content" }, sl = {
     alignVertical: {},
     style: {},
     headerStyle: {},
-    selectionMode: {}
+    selectionMode: {},
+    visible: { type: Boolean }
   },
   setup(e) {
-    const t = e, o = Wt(), a = de("registerColumn"), n = {
+    const t = e, o = jt(), a = de("registerColumn"), n = {
       header: t.header,
       field: t.field,
       description: t.description,
@@ -2606,6 +2611,7 @@ const al = { class: "popover__content" }, sl = {
       alignVertical: t.alignVertical,
       selectionMode: t.selectionMode,
       style: t.style,
+      visible: t.visible ?? !0,
       headerSlot: o.header ? o.header : null,
       bodySlot: o.body ? o.body : null,
       footerSlot: o.footer ? o.footer : null
@@ -2665,27 +2671,27 @@ function ga(e, t) {
     ...r
     // кастомные определения
   };
-  function u(C) {
-    const $ = C.indexOf("?");
-    return $ === -1 ? { required: C, optional: "" } : {
-      required: C.substring(0, $),
-      optional: C.substring($ + 1)
+  function u(S) {
+    const k = S.indexOf("?");
+    return k === -1 ? { required: S, optional: "" } : {
+      required: S.substring(0, k),
+      optional: S.substring(k + 1)
     };
   }
-  function c(C) {
-    return C in i;
+  function c(S) {
+    return S in i;
   }
-  function v(C, $) {
-    return c($) ? i[$].test(C) : !1;
+  function v(S, k) {
+    return c(k) ? i[k].test(S) : !1;
   }
-  function f(C) {
-    const { required: $, optional: D } = u(o), b = $ + D;
+  function f(S) {
+    const { required: k, optional: D } = u(o), b = k + D;
     let M = "", x = 0, H = 0;
     for (; H < b.length; ) {
       const z = b[H];
       if (c(z))
-        if (x < C.length) {
-          const E = C[x];
+        if (x < S.length) {
+          const E = S[x];
           if (v(E, z))
             M += E, x++;
           else {
@@ -2700,23 +2706,23 @@ function ga(e, t) {
     }
     return M;
   }
-  function y() {
-    const { required: C, optional: $ } = u(o);
-    return (C + $).replace(/[9a*]/g, a);
+  function h() {
+    const { required: S, optional: k } = u(o);
+    return (S + k).replace(/[9a*]/g, a);
   }
-  function g(C) {
-    const { required: $, optional: D } = u(o), b = $ + D;
+  function g(S) {
+    const { required: k, optional: D } = u(o), b = k + D;
     let M = "", x = 0, H = 0;
-    for (; x < C.length && H < b.length; ) {
-      const z = C[x], E = b[H];
+    for (; x < S.length && H < b.length; ) {
+      const z = S[x], E = b[H];
       if (z === a) {
         x++;
         continue;
       }
       c(E) ? v(z, E) ? (M += z, x++, H++) : x++ : (z === E && x++, H++);
     }
-    for (; x < C.length; ) {
-      const z = C[x];
+    for (; x < S.length; ) {
+      const z = S[x];
       if (z === a) {
         x++;
         continue;
@@ -2735,25 +2741,25 @@ function ga(e, t) {
     }
     return M;
   }
-  function h(C) {
-    const { required: $ } = u(o), D = $.replace(/[^9a*]/g, "").length;
-    return g(C).length >= D;
+  function y(S) {
+    const { required: k } = u(o), D = k.replace(/[^9a*]/g, "").length;
+    return g(S).length >= D;
   }
   function w() {
-    const C = ze(e) || "";
-    if (s.value || C)
-      l.value = f(C);
+    const S = ze(e) || "";
+    if (s.value || S)
+      l.value = f(S);
     else {
-      const { required: $, optional: D } = u(o), b = $ + D;
+      const { required: k, optional: D } = u(o), b = k + D;
       let M = "";
       for (let x = 0; x < b.length && !c(b[x]); x++)
         M += b[x];
       l.value = M;
     }
   }
-  function V(C) {
-    if (!C.isTrusted) return;
-    const $ = C.target, D = $.value, b = g(D), M = f(b);
+  function V(S) {
+    if (!S.isTrusted) return;
+    const k = S.target, D = k.value, b = g(D), M = f(b);
     l.value = M, e.value = b, pe(() => {
       const { required: x, optional: H } = u(o), z = x + H;
       let E = 0, N = 0;
@@ -2773,13 +2779,13 @@ function ga(e, t) {
             break;
           }
       }
-      E = Math.min(E, M.length), $.setSelectionRange(E, E);
+      E = Math.min(E, M.length), k.setSelectionRange(E, E);
     });
   }
-  function S(C) {
-    const $ = C.target;
+  function C(S) {
+    const k = S.target;
     setTimeout(() => {
-      const D = $.value, b = g(D), M = f(b);
+      const D = k.value, b = g(D), M = f(b);
       l.value = M, e.value = b;
       const { required: x, optional: H } = u(o), z = x + H;
       let E = 0, N = 0;
@@ -2799,105 +2805,105 @@ function ga(e, t) {
             break;
           }
       }
-      E = Math.min(E, M.length), $.setSelectionRange(E, E);
+      E = Math.min(E, M.length), k.setSelectionRange(E, E);
     }, 0);
   }
-  function I(C) {
-    const $ = C.target, D = $.selectionStart || 0;
-    if (C.key === "Backspace") {
-      if (C.metaKey || C.ctrlKey)
+  function I(S) {
+    const k = S.target, D = k.selectionStart || 0;
+    if (S.key === "Backspace") {
+      if (S.metaKey || S.ctrlKey)
         return;
-      C.preventDefault();
-      const _ = $.selectionStart || 0, ne = $.selectionEnd || 0;
+      S.preventDefault();
+      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: ae, optional: ie } = u(o), j = ae + 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;
             }
-          $.setSelectionRange(re, re);
+          k.setSelectionRange(re, re);
         });
         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;
-        for (let K = D - 1; K >= 0; K--)
-          if (K < j.length && c(j[K])) {
-            W = K;
+        let ie = "", j = -1;
+        const { required: re, optional: ue } = u(o), Y = re + ue;
+        for (let X = D - 1; X >= 0; X--)
+          if (X < Y.length && c(Y[X])) {
+            j = X;
             break;
           }
-        if (W >= 0) {
-          let K = g(ae), Ye = 0;
-          for (let Pe = 0; Pe <= W; Pe++) {
+        if (j >= 0) {
+          let X = g(ae), We = 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;
+              We++;
             }
           }
-          K = K.slice(0, Ye) + K.slice(Ye + 1), ie = f(K), l.value = ie, e.value = K, pe(() => {
-            $.setSelectionRange(W, W);
+          X = X.slice(0, We) + X.slice(We + 1), ie = f(X), l.value = ie, e.value = X, pe(() => {
+            k.setSelectionRange(j, j);
           });
         }
       }
       return;
     }
-    if (C.key === "Delete") {
-      if (C.metaKey || C.ctrlKey)
+    if (S.key === "Delete") {
+      if (S.metaKey || S.ctrlKey)
         return;
-      C.preventDefault();
-      const _ = $.selectionStart || 0, ne = $.selectionEnd || 0;
+      S.preventDefault();
+      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: ae, optional: ie } = u(o), j = ae + 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;
             }
-          $.setSelectionRange(re, re);
+          k.setSelectionRange(re, re);
         });
         return;
       }
       if (D < l.value.length) {
         const ae = 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 < ae.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: K, optional: Ye } = u(o), Pe = K + Ye;
-            if (j < Pe.length && c(Pe[j])) {
-              if (j === ie) break;
+          let j = g(ae), re = 0;
+          for (let Y = 0; Y <= ie; Y++) {
+            const { required: X, optional: We } = u(o), Pe = X + We;
+            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(() => {
-            $.setSelectionRange(D, D);
+          j = j.slice(0, re) + j.slice(re + 1);
+          const ue = f(j);
+          l.value = ue, e.value = j, pe(() => {
+            k.setSelectionRange(D, D);
           });
         }
       }
       return;
     }
-    if (C.metaKey || C.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(C.key))
+    if (S.metaKey || S.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(S.key))
       return;
     const { required: b, optional: M } = u(o), x = b + M, H = g(l.value), z = x.split("").filter((_) => c(_)).length;
     if (H.length >= z) {
-      C.preventDefault();
+      S.preventDefault();
       return;
     }
     let E = -1, N = 0;
@@ -2909,11 +2915,11 @@ function ga(e, t) {
         }
         N++;
       }
-    E >= 0 && !v(C.key, x[E]) && C.preventDefault();
+    E >= 0 && !v(S.key, x[E]) && S.preventDefault();
   }
-  function B(C) {
+  function B(S) {
     s.value = !0, pe(() => {
-      const $ = C.target, { required: D, optional: b } = u(o), M = D + b;
+      const k = S.target, { required: D, optional: b } = u(o), M = D + b;
       let x = 0;
       for (let H = 0; H < M.length; H++)
         if (c(M[H])) {
@@ -2932,24 +2938,24 @@ function ga(e, t) {
           }
         H === ze(e).length && (x = l.value.length);
       }
-      $.setSelectionRange(x, x);
+      k.setSelectionRange(x, x);
     });
   }
-  function k() {
-    s.value = !1, n && !h(l.value) ? (l.value = "", e.value = "") : ze(e) || w();
+  function $() {
+    s.value = !1, n && !y(l.value) ? (l.value = "", e.value = "") : ze(e) || w();
   }
-  return w(), se(() => ze(e), (C, $) => {
-    C !== $ && w();
-  }, { immediate: !0 }), se(s, (C, $) => {
-    C !== $ && w();
+  return w(), se(() => ze(e), (S, k) => {
+    S !== k && w();
+  }, { immediate: !0 }), se(s, (S, k) => {
+    S !== k && w();
   }), {
     displayValue: l,
     handleInput: V,
-    handlePaste: S,
+    handlePaste: C,
     handleKeydown: I,
     handleFocus: B,
-    handleBlur: k,
-    placeholder: y()
+    handleBlur: $,
+    placeholder: h()
   };
 }
 const Js = /* @__PURE__ */ O({
@@ -3066,7 +3072,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), {
@@ -3237,11 +3243,11 @@ const Js = /* @__PURE__ */ O({
         v <= (n.value ?? o.value) ? (d(), G(_o, {
           key: 0,
           class: "star-icon star-icon--filled",
-          style: X(r.value)
+          style: Z(r.value)
         }, null, 8, ["style"])) : (d(), G(zo, {
           key: 1,
           class: "star-icon star-icon--empty",
-          style: X(r.value)
+          style: Z(r.value)
         }, null, 8, ["style"]))
       ], 42, Ca))), 128))
     ]));
@@ -3322,7 +3328,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", {
@@ -3383,17 +3389,17 @@ function Fe(e, t) {
   }), o;
 }
 function Ia(e, t, o) {
-  return !(t && e.isBefore(J(t), "day")) && !(o && e.isAfter(J(o), "day"));
+  return !(t && e.isBefore(K(t), "day")) && !(o && e.isAfter(K(o), "day"));
 }
 function Aa(e) {
   return e.replace(/yyyy/g, "YYYY").replace(/yy/g, "YYYY").replace(/mm/g, "MM").replace(/dd/g, "DD").replace(/y/g, "YY").replace(/m/g, "M").replace(/d/g, "D");
 }
 function nt(e, t) {
   try {
-    const o = Aa(t), a = J(e, o, !0);
+    const o = Aa(t), a = K(e, o, !0);
     if (a.isValid())
       return a;
-    const n = J(e);
+    const n = K(e);
     return n.isValid() ? n : null;
   } catch {
     return null;
@@ -3433,29 +3439,29 @@ function dt(e, t, o, a) {
   return n;
 }
 function Ta(e, t, o, a = null, n = "dd/mm/yy", r = null, l = null, s = !1) {
-  const i = [], u = J().year(e).month(t).date(1), c = u.endOf("month"), v = (u.day() + 6) % 7;
-  for (let y = v - 1; y >= 0; y--) {
-    const g = u.subtract(y + 1, "day"), h = dt(g, a, n, s);
+  const i = [], u = K().year(e).month(t).date(1), c = u.endOf("month"), v = (u.day() + 6) % 7;
+  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),
       label: g.format("D"),
       disabled: !0,
       // Дни из другого месяца всегда disabled
       current: !1,
-      selected: h.selected,
-      rangeStart: h.rangeStart,
-      rangeEnd: h.rangeEnd,
-      inRange: h.inRange
+      selected: y.selected,
+      rangeStart: y.rangeStart,
+      rangeEnd: y.rangeEnd,
+      inRange: y.inRange
     });
   }
-  for (let y = 1; y <= c.date(); y++) {
-    const g = J().year(e).month(t).date(y), h = g.isSame(o, "day"), w = dt(g, a, n, s), V = Ia(g, r, l);
+  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),
-      label: String(y),
+      label: String(h),
       disabled: !V,
       // Отключаем даты вне разрешенного диапазона
-      current: h,
+      current: y,
       selected: w.selected,
       rangeStart: w.rangeStart,
       rangeEnd: w.rangeEnd,
@@ -3464,12 +3470,12 @@ function Ta(e, t, o, a = null, n = "dd/mm/yy", r = null, l = null, s = !1) {
   }
   const f = c.day();
   if (f !== 0) {
-    const y = 7 - f;
-    for (let g = 1; g <= y; g++) {
-      const h = c.add(g, "day"), w = dt(h, a, n, s);
+    const h = 7 - f;
+    for (let g = 1; g <= h; g++) {
+      const y = c.add(g, "day"), w = dt(y, a, n, s);
       i.push({
-        value: Fe(h, n),
-        label: h.format("D"),
+        value: Fe(y, n),
+        label: y.format("D"),
         disabled: !0,
         // Дни из другого месяца всегда disabled
         current: !1,
@@ -3497,7 +3503,7 @@ function Ba(e, t, o = "dd/mm/yyyy", a = null, n = null) {
     "Ноябрь",
     "Декабрь"
   ].map((l, s) => {
-    const i = J().year(e).month(s).date(1), u = i.endOf("month"), c = (!a || u.isAfter(J(a).subtract(1, "day"))) && (!n || i.isBefore(J(n).add(1, "day")));
+    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),
       label: l,
@@ -3509,19 +3515,19 @@ function Ba(e, t, o = "dd/mm/yyyy", a = null, n = null) {
 function Da(e, t = "dd.mm.yyyy", o = null, a = null) {
   const n = e.year(), r = [], l = n - 10;
   for (let s = l; s < l + 20; s++) {
-    const i = J().year(s).month(0).date(1), u = i.endOf("year"), c = (!o || u.isAfter(J(o).subtract(1, "day"))) && (!a || i.isBefore(J(a).add(1, "day")));
+    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),
       label: String(s),
-      current: s === J().year(),
+      current: s === K().year(),
       // Сравниваем с реальной текущей датой
       disabled: !c
     });
   }
   return r;
 }
-function La(e, t, o = A(null), a = A(null), n = A(null), r = A(!1)) {
-  const l = A(J()), s = () => {
+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":
         l.value = l.value.subtract(1, "month");
@@ -3546,16 +3552,16 @@ function La(e, t, o = A(null), a = A(null), n = A(null), r = A(!1)) {
         break;
     }
   }, u = () => {
-    l.value = J();
+    l.value = K();
   }, c = P(() => {
-    const f = J(), y = l.value.year(), g = l.value.month(), h = t.value || "dd.mm.yy";
+    const f = K(), h = l.value.year(), g = l.value.month(), y = t.value || "dd.mm.yy";
     switch (e.value) {
       case "day":
-        return Ta(y, g, f, o.value, h, a.value, n.value, r.value);
+        return Ta(h, g, f, o.value, y, a.value, n.value, r.value);
       case "month":
-        return Ba(y, f, h, a.value, n.value);
+        return Ba(h, f, y, a.value, n.value);
       case "year":
-        return Da(l.value, h, a.value, n.value);
+        return Da(l.value, y, a.value, n.value);
       default:
         return [];
     }
@@ -3573,11 +3579,13 @@ function La(e, t, o = A(null), a = A(null), n = A(null), r = A(!1)) {
       "Октябрь",
       "Ноябрь",
       "Декабрь"
-    ], y = l.value.year(), g = l.value.month(), h = y - 10, w = h + 19;
+    ];
+    console.log(o.value);
+    const h = typeof o.value == "string" ? K(o.value, t.value) : K(o.value?.from, t.value), g = h.year(), y = h.month(), w = g - 10, V = w + 19;
     return {
-      month: f[g],
-      year: String(y),
-      year_range: `${h}-${w}`
+      month: f[y],
+      year: String(g),
+      year_range: `${w}-${V}`
     };
   });
   return {
@@ -3606,48 +3614,48 @@ 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: y } = La(u, a, s, r, l, n), g = P({
+    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({
       get() {
         return u.value;
       },
-      set(S) {
-        o.value === "day" ? u.value = S : o.value === "month" ? (S === "month" || S === "year") && (u.value = S) : u.value = S;
+      set(C) {
+        o.value === "day" ? u.value = C : o.value === "month" ? (C === "month" || C === "year") && (u.value = C) : u.value = C;
       }
-    }), h = P(() => [
+    }), y = P(() => [
       "calendar",
       `calendar--${u.value}`
-    ]), w = (S) => [
+    ]), w = (C) => [
       "calendar__body-item",
       {
-        "calendar__body-item--current": S.current,
-        "calendar__body-item--disabled": S.disabled,
-        "calendar__body-item--selected": S.selected,
-        "calendar__body-item--range-start": S.rangeStart,
-        "calendar__body-item--range-end": S.rangeEnd,
-        "calendar__body-item--in-range": S.inRange
+        "calendar__body-item--current": C.current,
+        "calendar__body-item--disabled": C.disabled,
+        "calendar__body-item--selected": C.selected,
+        "calendar__body-item--range-start": C.rangeStart,
+        "calendar__body-item--range-end": C.rangeEnd,
+        "calendar__body-item--in-range": C.inRange
       }
-    ], V = (S) => {
+    ], V = (C) => {
       if (g.value !== "day" || !t.range) {
-        s.value = S.value, g.value === "year" ? g.value = "month" : g.value === "month" && (g.value = "day");
+        s.value = C.value, g.value === "year" ? g.value = "month" : g.value === "month" && (g.value = "day");
         return;
       }
       if (!s.value)
-        s.value = { from: S.value, to: "" }, i.value = !0;
+        s.value = { from: C.value, to: "" }, i.value = !0;
       else if (typeof s.value == "string")
-        s.value = { from: s.value, to: S.value }, i.value = !1;
+        s.value = { from: s.value, to: C.value }, i.value = !1;
       else if (s.value.from && (!s.value.to || s.value.to === ""))
-        if (s.value.from === S.value)
+        if (s.value.from === C.value)
           s.value = null, i.value = !1;
         else if (i.value) {
-          const I = nt(s.value.from, t.format || "dd/mm/yy"), B = nt(S.value, t.format || "dd/mm/yy");
-          I && B ? I.isBefore(B) || I.isSame(B) ? s.value = { from: s.value.from, to: S.value } : s.value = { from: S.value, to: s.value.from } : s.value = { from: s.value.from, to: S.value }, i.value = !1;
+          const I = nt(s.value.from, t.format || "dd/mm/yy"), B = nt(C.value, t.format || "dd/mm/yy");
+          I && B ? I.isBefore(B) || I.isSame(B) ? s.value = { from: s.value.from, to: C.value } : s.value = { from: C.value, to: s.value.from } : s.value = { from: s.value.from, to: C.value }, i.value = !1;
         } else
-          s.value = { from: S.value, to: "" }, i.value = !0;
+          s.value = { from: C.value, to: "" }, i.value = !0;
       else
-        s.value = { from: S.value, to: "" }, i.value = !0;
+        s.value = { from: C.value, to: "" }, i.value = !0;
     };
-    return (S, I) => (d(), p("div", {
-      class: L(h.value)
+    return (C, I) => (d(), p("div", {
+      class: L(y.value)
     }, [
       R("div", Oa, [
         q(m(we), {
@@ -3689,7 +3697,7 @@ const Oa = { class: "calendar__header" }, Ea = { class: "calendar__header-title"
           variant: "secondary",
           "button-style": "outlined",
           disabled: g.value === "month",
-          onClick: m(y)
+          onClick: m(h)
         }, null, 8, ["icon", "disabled", "onClick"])
       ]),
       R("div", za, [
@@ -3701,7 +3709,7 @@ const Oa = { class: "calendar__header" }, Ea = { class: "calendar__header-title"
             key: B.value,
             class: L(w(B)),
             disabled: B.disabled,
-            onClick: (k) => V(B)
+            onClick: ($) => V(B)
           }, [
             R("span", null, F(B.label), 1)
           ], 10, Fa))), 128))
@@ -3710,7 +3718,7 @@ const Oa = { class: "calendar__header" }, Ea = { class: "calendar__header-title"
     ], 2));
   }
 }), qa = /* @__PURE__ */ le(Na, [["__scopeId", "data-v-e2037ecf"]]);
-class ja {
+class Ya {
   constructor() {
   }
   getPhoneMask(t, o = "(999) 999-99-99") {
@@ -3736,7 +3744,7 @@ class ja {
     r.value = i;
   }
   parseDate(t, o) {
-    return J(t, o.toLowerCase());
+    return K(t, o.toLowerCase());
   }
   correctDateValues(t, o) {
     if (t.length < 2) return t;
@@ -3768,7 +3776,7 @@ class ja {
       s += u.slice(-c);
     }
     try {
-      const u = J(s, o.toUpperCase());
+      const u = K(s, o.toUpperCase());
       if (u.isValid())
         return u.format(o.toUpperCase()).replace(/\D/g, "").substring(0, t.length);
     } catch {
@@ -3799,17 +3807,17 @@ class ja {
       return null;
     let l = r, s = !1;
     if (a) {
-      const i = J(a);
+      const i = K(a);
       l.isBefore(i) && (l = i, s = !0);
     }
     if (n) {
-      const i = J(n);
+      const i = K(n);
       l.isAfter(i) && (l = i, s = !0);
     }
     return s ? l.format(o.toUpperCase()) : null;
   }
 }
-const Wa = /* @__PURE__ */ O({
+const ja = /* @__PURE__ */ O({
   __name: "DatePicker",
   props: /* @__PURE__ */ U({
     placeholder: {},
@@ -3820,6 +3828,7 @@ const Wa = /* @__PURE__ */ O({
     error: { type: Boolean },
     errorText: {},
     required: { type: Boolean },
+    position: { default: "start" },
     type: { default: "day" },
     format: { default: "dd.mm.yy" },
     range: { type: Boolean, default: !1 },
@@ -3831,13 +3840,13 @@ const Wa = /* @__PURE__ */ O({
   }),
   emits: /* @__PURE__ */ U(["update:modelValue", "select", "clear", "focus", "blur", "input"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    function o(k, C) {
-      let $ = C;
-      const D = k.dayOfYear(), b = [
+    function o($, S) {
+      let k = S;
+      const D = $.dayOfYear(), b = [
         // День месяца
-        [/dd/g, k.format("DD")],
+        [/dd/g, $.format("DD")],
         // два знака
-        [/d/g, k.format("D")],
+        [/d/g, $.format("D")],
         // без ведущего нуля
         // День года
         [/oo/g, String(D).padStart(3, "0")],
@@ -3845,110 +3854,110 @@ const Wa = /* @__PURE__ */ O({
         [/o/g, String(D)],
         // без ведущих нулей
         // Название дня
-        [/DD/g, k.format("dddd")],
+        [/DD/g, $.format("dddd")],
         // полное название
-        [/D(?!D)/g, k.format("ddd")],
+        [/D(?!D)/g, $.format("ddd")],
         // сокращенное
         // Месяц - сначала длинные, потом короткие
-        [/MM(?!M)/g, k.format("MMMM")],
+        [/MM(?!M)/g, $.format("MMMM")],
         // полное название
-        [/mm/g, k.format("MM")],
+        [/mm/g, $.format("MM")],
         // два знака
-        [/M(?!M)/g, k.format("MMM")],
+        [/M(?!M)/g, $.format("MMM")],
         // сокращенное название
-        [/m(?!m)/g, k.format("M")],
+        [/m(?!m)/g, $.format("M")],
         // без ведущего нуля
         // Год
-        [/yy/g, k.format("YYYY")],
+        [/yy/g, $.format("YYYY")],
         // четыре цифры
-        [/y/g, k.format("YY")],
+        [/y/g, $.format("YY")],
         // две цифры
         // Специальные форматы
-        [/@/g, String(k.valueOf())],
+        [/@/g, String($.valueOf())],
         // Unix timestamp
-        [/!/g, String((k.valueOf() + 621355968e9) * 1e4)]
+        [/!/g, String(($.valueOf() + 621355968e9) * 1e4)]
         // Windows ticks
       ], M = [];
       let x = 0;
-      return $ = $.replace(/'([^']*)'/g, (H, z) => {
+      return k = k.replace(/'([^']*)'/g, (H, z) => {
         const E = `__LITERAL_${x}__`;
         return M[x] = z, x++, E;
-      }), $ = $.replace(/''/g, "'"), b.forEach(([H, z]) => {
-        $ = $.replace(H, z);
+      }), k = k.replace(/''/g, "'"), b.forEach(([H, z]) => {
+        k = k.replace(H, z);
       }), M.forEach((H, z) => {
-        $ = $.replace(`__LITERAL_${z}__`, H);
-      }), $;
+        k = k.replace(`__LITERAL_${z}__`, H);
+      }), k;
     }
-    function a(k, C) {
+    function a($, S) {
       try {
-        const $ = J(k, C, !0);
-        if ($.isValid())
-          return $;
-        const D = J(k);
+        const k = K($, S, !0);
+        if (k.isValid())
+          return k;
+        const D = K($);
         return D.isValid() ? D : null;
       } catch {
         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), y = 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;
       if (s.value instanceof Date)
-        return o(J(s.value), r.format);
+        return o(K(s.value), r.format);
       if (typeof s.value == "object") {
-        const k = s.value;
+        const $ = s.value;
         if (r.range) {
-          if (k.from && k.to && k.to !== "")
-            return `с ${k.from} по ${k.to}`;
-          if (k.from)
-            return `с ${k.from}`;
+          if ($.from && $.to && $.to !== "")
+            return `с ${$.from} по ${$.to}`;
+          if ($.from)
+            return `с ${$.from}`;
         } else
-          return k.from || k.to || "";
+          return $.from || $.to || "";
       }
       return "";
-    }), h = (k) => {
-      n.getDateMask(k, r.format);
-      const C = k.target;
-      if (!C.value) {
+    }), y = ($) => {
+      n.getDateMask($, r.format);
+      const S = $.target;
+      if (!S.value) {
         s.value = null;
         return;
       }
-      if (C.value.length === r.format.length) {
-        const $ = a(C.value, r.format);
-        $ && $.isValid() ? (s.value = C.value, l("select", $.toDate())) : s.value = null;
+      if (S.value.length === r.format.length) {
+        const k = a(S.value, r.format);
+        k && k.isValid() ? (s.value = S.value, l("select", k.toDate())) : s.value = null;
       }
-      l("input", k);
+      l("input", $);
     }, w = () => {
       s.value = null, f.value = null, l("clear");
     }, V = () => {
       f.value = s.value, v.value = !0, pe(() => {
         I();
       });
-    }, S = (k) => {
-      k && (f.value = k, typeof k == "string" ? (s.value = k, k.length === r.format.length && !r.range && (v.value = !1)) : k instanceof Date ? (s.value = o(J(k), r.format), r.range || (v.value = !1)) : typeof k == "object" && (r.range ? s.value = k : (s.value = k.from || k.to || null, typeof s.value == "string" && s.value.length === r.format.length && (v.value = !1))), l("select", k));
+    }, C = ($) => {
+      $ && (f.value = $, typeof $ == "string" ? (s.value = $, $.length === r.format.length && !r.range && (v.value = !1)) : $ instanceof Date ? (s.value = o(K($), r.format), r.range || (v.value = !1)) : typeof $ == "object" && (r.range ? s.value = $ : (s.value = $.from || $.to || null, typeof s.value == "string" && s.value.length === r.format.length && (v.value = !1))), l("select", $));
     }, I = () => {
       if (!u.value || !v.value) return;
-      const C = (u.value.querySelector("input") || u.value).getBoundingClientRect();
-      y.value = {
+      const S = (u.value.querySelector("input") || u.value).getBoundingClientRect(), k = r.position === "start" ? S.left : S.left - (S.width > 300 ? 0 : 350 - S.width);
+      console.log(k), h.value = {
         position: "fixed",
-        top: `${C.bottom + 4}px`,
-        left: `${C.left}px`,
-        width: `${C.width}px`,
+        top: `${S.bottom + 4}px`,
+        left: `${k}px`,
+        width: `${S.width > 300 ? S.width : 350}px`,
         zIndex: "1000"
       };
-    }, B = (k) => {
+    }, B = ($) => {
       if (!i.value || !c.value) return;
-      const C = k.target;
-      !i.value.contains(C) && !c.value.contains(C) && (v.value = !1);
+      const S = $.target;
+      !i.value.contains(S) && !c.value.contains(S) && (v.value = !1);
     };
-    return se(s, (k) => {
-      f.value = k;
+    return se(s, ($) => {
+      f.value = $;
     }, { immediate: !0 }), ve(() => {
       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);
-    }), (k, C) => (d(), p("div", {
+    }), ($, S) => (d(), p("div", {
       class: "date-picker",
       ref_key: "datePickerRef",
       ref: i
@@ -3960,51 +3969,51 @@ const Wa = /* @__PURE__ */ O({
       }, [
         q(m(ut), {
           full: "",
-          label: k.label,
-          placeholder: k.placeholder,
-          error: k.error,
-          "error-text": k.errorText,
-          required: k.required,
-          disabled: k.disabled,
-          name: k.name,
-          "allow-clear": k.allowClear,
+          label: $.label,
+          placeholder: $.placeholder,
+          error: $.error,
+          "error-text": $.errorText,
+          required: $.required,
+          disabled: $.disabled,
+          name: $.name,
+          "allow-clear": $.allowClear,
           "model-value": g.value,
-          readonly: k.range,
-          onInput: h,
+          readonly: $.range,
+          onInput: y,
           onClear: w,
           onFocus: V
         }, null, 8, ["label", "placeholder", "error", "error-text", "required", "disabled", "name", "allow-clear", "model-value", "readonly"])
       ], 512),
-      (d(), G(je, { to: "body" }, [
+      (d(), G(Ye, { to: "body" }, [
         v.value ? (d(), p("div", {
           key: 0,
           ref_key: "popoverRef",
           ref: c,
           class: "date-picker__popover",
-          style: X(y.value)
+          style: Z(h.value)
         }, [
           R("div", {
-            onMousedown: C[1] || (C[1] = Je(() => {
+            onMousedown: S[1] || (S[1] = Je(() => {
             }, ["stop"]))
           }, [
             q(m(qa), {
               modelValue: f.value,
               "onUpdate:modelValue": [
-                C[0] || (C[0] = ($) => f.value = $),
-                S
+                S[0] || (S[0] = (k) => f.value = k),
+                C
               ],
-              format: k.format,
-              range: k.range,
-              type: k.type,
-              "min-date": k.minDate,
-              "max-date": k.maxDate
+              format: $.format,
+              range: $.range,
+              type: $.type,
+              "min-date": $.minDate,
+              "max-date": $.maxDate
             }, null, 8, ["modelValue", "format", "range", "type", "min-date", "max-date"])
           ], 32)
         ], 4)) : T("", !0)
       ]))
     ], 512));
   }
-}), ar = /* @__PURE__ */ le(Wa, [["__scopeId", "data-v-c1686dd1"]]), Ya = { class: "breadcrumb" }, Ua = ["onClick"], Ka = {
+}), ar = /* @__PURE__ */ le(ja, [["__scopeId", "data-v-b36a6481"]]), Wa = { class: "breadcrumb" }, Ua = ["onClick"], Ka = {
   key: 2,
   class: "breadcrumb__item breadcrumb__seporator"
 }, sr = /* @__PURE__ */ O({
@@ -4013,8 +4022,8 @@ const Wa = /* @__PURE__ */ O({
     items: {}
   },
   setup(e) {
-    const t = (o) => o.url ? jt("RouterLink") : "div";
-    return (o, a) => (d(), p("div", Ya, [
+    const t = (o) => o.url ? Yt("RouterLink") : "div";
+    return (o, a) => (d(), p("div", Wa, [
       (d(!0), p(oe, null, me(o.items, (n, r) => (d(), p(oe, null, [
         n.command ? (d(), p("button", {
           key: 0,
@@ -4062,7 +4071,7 @@ const Wa = /* @__PURE__ */ O({
     };
     return ve(() => {
       e.msg.life && (s.value = e.msg.life, i());
-    }), (f, y) => (d(), p("div", {
+    }), (f, h) => (d(), p("div", {
       class: L(r.value)
     }, [
       R("div", Xa, [
@@ -4174,8 +4183,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", {
@@ -4183,7 +4192,7 @@ 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))
       ])
@@ -4239,9 +4248,9 @@ const ur = {
         value: o.value,
         variant: o.variant,
         class: "overlay-badge__badge",
-        style: X(t.value)
+        style: Z(t.value)
       }, null, 8, ["value", "variant", "style"])) : T("", !0),
-      Y(o.$slots, "default")
+      W(o.$slots, "default")
     ], 2));
   }
 }), fr = /* @__PURE__ */ O({
@@ -4268,7 +4277,7 @@ const ur = {
     }));
     return (a, n) => (d(), p("div", {
       class: L(t.value),
-      style: X(o.value)
+      style: Z(o.value)
     }, null, 6));
   }
 }), go = Symbol("DialogService"), vr = () => {
@@ -4281,9 +4290,9 @@ const ur = {
   if (!e)
     throw new Error("useConfirmDialog() должен использоваться внутри приложения с DialogService");
   return e;
-}, Z = A(null), Q = A(null), ss = {
+}, J = A(null), Q = A(null), ss = {
   require: (e) => {
-    Z.value = {
+    J.value = {
       modal: !0,
       closable: !0,
       dismissableMask: !0,
@@ -4293,7 +4302,7 @@ const ur = {
     };
   },
   close: () => {
-    Z.value = null;
+    J.value = null;
   }
 }, rs = {
   require: (e) => {
@@ -4311,7 +4320,7 @@ const ur = {
   }
 }, pr = {
   install(e) {
-    e.provide(go, ss), e.provide(ho, rs), e.config.globalProperties.$dialogStates = Z, e.config.globalProperties.$popupStates = Q;
+    e.provide(go, ss), e.provide(ho, rs), e.config.globalProperties.$dialogStates = J, e.config.globalProperties.$popupStates = Q;
   }
 }, is = {
   key: 0,
@@ -4323,39 +4332,39 @@ const ur = {
   __name: "ConfirmDialog",
   setup(e) {
     const { lockScroll: t, unlockScroll: o } = lt(), a = () => {
-      Z.value?.accept && (Z.value?.accept?.(), Z.value = null);
+      J.value?.accept && (J.value?.accept?.(), J.value = null);
     }, n = () => {
-      Z.value?.reject && (Z.value?.reject?.(), Z.value = null);
+      J.value?.reject && (J.value?.reject?.(), J.value = null);
     }, r = () => {
-      Z.value = null;
+      J.value = null;
     }, l = (s) => {
-      s.key === "Escape" && (Z.value = null);
+      s.key === "Escape" && (J.value = null);
     };
-    return se(Z, (s) => {
+    return se(J, (s) => {
       s?.blockScroll ? t() : o();
     }, { immediate: !0, deep: !0 }), ve(() => {
       document.addEventListener("keydown", l);
     }), Ze(() => {
       document.removeEventListener("keydown", l), o();
-    }), (s, i) => (d(), G(je, { to: "body" }, [
+    }), (s, i) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "confirm-dialog" }, {
         default: ee(() => [
-          m(Z) ? (d(), p("div", {
+          m(J) ? (d(), p("div", {
             key: 0,
             class: L(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
             onClick: r
           }, [
             R("div", {
               ref: "popupRef",
-              class: L(["confirm-dialog", [`confirm-dialog--${m(Z).position}`, m(Z).class]]),
+              class: L(["confirm-dialog", [`confirm-dialog--${m(J).position}`, m(J).class]]),
               onClick: i[2] || (i[2] = Je(() => {
               }, ["stop"])),
-              style: X(m(Z).style)
+              style: Z(m(J).style)
             }, [
-              m(Z).header ? (d(), p("div", is, [
-                R("h4", us, F(m(Z).header), 1)
+              m(J).header ? (d(), p("div", is, [
+                R("h4", us, F(m(J).header), 1)
               ])) : T("", !0),
-              m(Z).message ? (d(), p("p", cs, F(m(Z).message), 1)) : T("", !0),
+              m(J).message ? (d(), p("p", cs, F(m(J).message), 1)) : T("", !0),
               R("div", ds, [
                 q(m(we), {
                   size: "small",
@@ -4364,7 +4373,7 @@ const ur = {
                   onClick: i[0] || (i[0] = () => n())
                 }, {
                   default: ee(() => [
-                    fe(F(m(Z).rejectProps ? m(Z).rejectProps.label : "Нет"), 1)
+                    fe(F(m(J).rejectProps ? m(J).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
@@ -4373,7 +4382,7 @@ const ur = {
                   onClick: i[1] || (i[1] = () => a())
                 }, {
                   default: ee(() => [
-                    fe(F(m(Z).acceptProps ? m(Z).acceptProps.label : "Да"), 1)
+                    fe(F(m(J).acceptProps ? m(J).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -4396,75 +4405,75 @@ const ur = {
   setup(e) {
     const t = A(), o = A({}), a = A("bottom"), n = P(() => `confirm-popup--${a.value}`), r = P(() => `confirm-popup__arrow--${a.value}`), l = () => {
       if (!Q.value?.target || !t.value) return;
-      const f = Q.value.target, y = t.value, g = Q.value.position || "bottom";
+      const f = Q.value.target, h = t.value, g = Q.value.position || "bottom";
       if (!document.contains(f)) {
         i();
         return;
       }
-      const h = f.getBoundingClientRect();
-      if (!(h.bottom > 0 && h.right > 0 && h.top < window.innerHeight && h.left < window.innerWidth && h.width > 0 && h.height > 0)) {
+      const y = f.getBoundingClientRect();
+      if (!(y.bottom > 0 && y.right > 0 && y.top < window.innerHeight && y.left < window.innerWidth && y.width > 0 && y.height > 0)) {
         i();
         return;
       }
-      const V = y.getBoundingClientRect(), S = 8, I = 8, B = (M) => {
+      const V = h.getBoundingClientRect(), C = 8, I = 8, B = (M) => {
         switch (M) {
           case "top":
             return {
-              top: h.top - V.height - I,
-              left: h.left + h.width / 2 - V.width / 2
+              top: y.top - V.height - I,
+              left: y.left + y.width / 2 - V.width / 2
             };
           case "bottom":
             return {
-              top: h.bottom + I,
-              left: h.left + h.width / 2 - V.width / 2
+              top: y.bottom + I,
+              left: y.left + y.width / 2 - V.width / 2
             };
           case "left":
             return {
-              top: h.top + h.height / 2 - V.height / 2,
-              left: h.left - V.width - I
+              top: y.top + y.height / 2 - V.height / 2,
+              left: y.left - V.width - I
             };
           case "right":
             return {
-              top: h.top + h.height / 2 - V.height / 2,
-              left: h.right + I
+              top: y.top + y.height / 2 - V.height / 2,
+              left: y.right + I
             };
           case "topleft":
             return {
-              top: h.top - V.height - I,
-              left: h.left
+              top: y.top - V.height - I,
+              left: y.left
             };
           case "topright":
             return {
-              top: h.top - V.height - I,
-              left: h.right - V.width
+              top: y.top - V.height - I,
+              left: y.right - V.width
             };
           case "bottomleft":
             return {
-              top: h.bottom + I,
-              left: h.left
+              top: y.bottom + I,
+              left: y.left
             };
           case "bottomright":
             return {
-              top: h.bottom + I,
-              left: h.right - V.width
+              top: y.bottom + I,
+              left: y.right - V.width
             };
           default:
             return { top: 0, left: 0 };
         }
-      }, k = (M) => {
+      }, $ = (M) => {
         const x = B(M);
-        return x.top >= S && x.left >= S && x.top + V.height <= window.innerHeight - S && x.left + V.width <= window.innerWidth - S;
-      }, C = [g];
+        return x.top >= C && x.left >= C && x.top + V.height <= window.innerHeight - C && x.left + V.width <= window.innerWidth - C;
+      }, S = [g];
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((M) => {
-        C.includes(M) || C.push(M);
+        S.includes(M) || S.push(M);
       });
       let D = g, b = B(g);
-      for (const M of C)
-        if (k(M)) {
+      for (const M of S)
+        if ($(M)) {
           D = M, b = B(M);
           break;
         }
-      b.top = Math.max(S, Math.min(b.top, window.innerHeight - V.height - S)), b.left = Math.max(S, Math.min(b.left, window.innerWidth - V.width - S)), a.value = D, o.value = {
+      b.top = Math.max(C, Math.min(b.top, window.innerHeight - V.height - C)), b.left = Math.max(C, Math.min(b.left, window.innerWidth - V.width - C)), a.value = D, o.value = {
         position: "fixed",
         top: `${b.top}px`,
         left: `${b.left}px`,
@@ -4487,7 +4496,7 @@ const ur = {
       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);
-    }), (f, y) => (d(), G(je, { to: "body" }, [
+    }), (f, h) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "confirm" }, {
         default: ee(() => [
           m(Q) ? (d(), p("div", {
@@ -4499,9 +4508,9 @@ const ur = {
               ref_key: "popupRef",
               ref: t,
               class: L(["confirm-popup", n.value]),
-              onClick: y[0] || (y[0] = Je(() => {
+              onClick: h[0] || (h[0] = Je(() => {
               }, ["stop"])),
-              style: X(o.value)
+              style: Z(o.value)
             }, [
               R("div", {
                 class: L(["confirm-popup__arrow", r.value])
@@ -4566,29 +4575,29 @@ const ur = {
       isOpen: r,
       open: i,
       close: c
-    }), (v, f) => (d(), G(je, { to: "body" }, [
+    }), (v, f) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "drawer-animate" }, {
         default: ee(() => [
           r.value ? (d(), p("div", {
             key: 0,
             class: L(["drawer", { [`drawer--${v.position}`]: v.position }]),
-            style: X({ "--widthDrawer": l.value, zIndex: v.zIndex })
+            style: Z({ "--widthDrawer": l.value, zIndex: v.zIndex })
           }, [
             R("div", {
               class: "drawer-overlay",
-              onClick: f[0] || (f[0] = (y) => u())
+              onClick: f[0] || (f[0] = (h) => u())
             }),
             R("div", {
               class: L(["drawer-wrapper", { "drawer-wrapper--no-style": v.wrapperNoStyle }])
             }, [
               R("div", ys, [
                 R("button", {
-                  onClick: f[1] || (f[1] = (y) => u())
+                  onClick: f[1] || (f[1] = (h) => u())
                 }, [
                   q(m(wt))
                 ])
               ]),
-              Y(v.$slots, "default")
+              W(v.$slots, "default")
             ], 2)
           ], 6)) : T("", !0)
         ]),
@@ -4612,18 +4621,18 @@ 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, () => {
       o.value ? r() : n();
-    }), (i, u) => (d(), G(je, { to: "body" }, [
+    }), (i, u) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "modal-content-fade" }, {
         default: ee(() => [
           o.value ? (d(), p("div", {
             key: 0,
             class: L(l.value),
-            style: X({ "z-index": i.zIndex })
+            style: Z({ "z-index": i.zIndex })
           }, [
             R("div", {
               class: "modal__overlay",
@@ -4631,10 +4640,10 @@ const ur = {
             }),
             R("div", {
               class: "modal__content",
-              style: X(i.style)
+              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: "",
@@ -4645,7 +4654,7 @@ const ur = {
                 ])
               ]),
               R("div", ks, [
-                Y(i.$slots, "default", { setTitle: s })
+                W(i.$slots, "default", { setTitle: s })
               ])
             ], 4)
           ], 6)) : T("", !0)
@@ -4672,7 +4681,7 @@ const ur = {
       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({
@@ -4685,14 +4694,14 @@ const ur = {
       t.value && o.value && (a.value = o.value.scrollHeight + "px");
     }), (r, l) => (d(), p("div", {
       class: "accordion-content-wrapper",
-      style: X({ height: m(t) ? a.value : "0px" })
+      style: Z({ height: m(t) ? a.value : "0px" })
     }, [
       Me(R("div", {
         ref_key: "contentRef",
         ref: o,
         class: "accordion-content"
       }, [
-        Y(r.$slots, "default")
+        W(r.$slots, "default")
       ], 512), [
         [Kt, n.value]
       ])
@@ -4708,7 +4717,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))
@@ -4725,7 +4734,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 = {
@@ -4744,7 +4753,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));
   }
@@ -4825,7 +4834,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({
@@ -4843,7 +4852,7 @@ const ur = {
       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 = {
@@ -4857,7 +4866,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]
     ]);
@@ -4870,7 +4879,7 @@ const ur = {
   setup(e) {
     return (t, o) => (d(), p("div", Es, [
       R("div", _s, [
-        Y(t.$slots, "default")
+        W(t.$slots, "default")
       ])
     ]));
   }
@@ -4878,7 +4887,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({
@@ -4896,7 +4905,7 @@ const ur = {
     let i = null, u = null, c = null;
     const v = async () => {
       if (!i || !a.value) return;
-      const g = a.value.querySelector(".tooltip__arrow"), { x: h, y: w, placement: V, middlewareData: S } = await fo(
+      const g = a.value.querySelector(".tooltip__arrow"), { x: y, y: w, placement: V, middlewareData: C } = await fo(
         i,
         a.value,
         {
@@ -4910,21 +4919,21 @@ const ur = {
         }
       );
       if (r.value = V, l.value = {
-        left: `${h}px`,
+        left: `${y}px`,
         top: `${w}px`
-      }, o.showArrow && S.arrow && g) {
-        const { x: I, y: B } = S.arrow, k = V.split("-")[0], C = {
+      }, o.showArrow && C.arrow && g) {
+        const { x: I, y: B } = C.arrow, $ = V.split("-")[0], S = {
           top: "bottom",
           right: "left",
           bottom: "top",
           left: "right"
-        }[k];
+        }[$];
         s.value = {
           left: I != null ? `${I}px` : "",
           top: B != null ? `${B}px` : "",
           right: "",
           bottom: "",
-          [C]: "-4px"
+          [S]: "-4px"
         };
       }
     };
@@ -4939,7 +4948,7 @@ const ur = {
           n.value = !1, i = null;
         }, 50);
       }
-    }), (g, h) => (d(), G(je, { to: "body" }, [
+    }), (g, y) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "tooltip-fade" }, {
         default: ee(() => [
           n.value ? (d(), p("div", {
@@ -4947,14 +4956,14 @@ const ur = {
             ref_key: "tooltipRef",
             ref: a,
             class: L(["tooltip", [`tooltip--${r.value}`, g.tooltipClass]]),
-            style: X(l.value),
+            style: Z(l.value),
             role: "tooltip"
           }, [
             R("div", Hs, F(g.content), 1),
             g.showArrow ? (d(), p("div", {
               key: 0,
               class: "tooltip__arrow",
-              style: X(s.value)
+              style: Z(s.value)
             }, null, 4)) : T("", !0)
           ], 6)) : T("", !0)
         ]),