prlg-ui 1.8.1 → 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 Z, Transition as De, nextTick as pe, withModifiers as Je, vModelDynamic as xo, vModelRadio as Ro, provide as be, useSlots as Wt, inject as de, toValue as ze, isRef as Mo, vModelText as Yt, toRef as Ue, createStaticVNode as Vo, Teleport as je, reactive as Ut, TransitionGroup as Po, vShow as Kt, createApp as Io } from "vue";
-import { P as Xt, j as Ao, k as To, I as bt, A as Bo, e as wt, g as Do, S as Lo, a as Oo, b as Zt, M as Eo, h as _o, i as zo, C as Ho, c as Go, E as Fo, B as No, d as qo, W as jo, f as Wo } from "./WarningFillIcon-cJBG6d6O.js";
+import { defineComponent as O, computed as P, resolveComponent as Yt, createBlock as G, openBlock as d, resolveDynamicComponent as Ce, normalizeClass as L, withCtx as ee, createCommentVNode as T, createElementBlock as p, renderSlot as W, Fragment as oe, createTextVNode as fe, toDisplayString as F, ref as A, useTemplateRef as Ie, onMounted as 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 Yo, C as Qt } from "./FileIcon-maHE2Nhr.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;
 }
@@ -390,7 +390,7 @@ function It(e, t, o) {
         y: a.y
       };
   }
-  switch (We(t)) {
+  switch (je(t)) {
     case "start":
       h[l] -= f * (o && u ? -1 : 1);
       break;
@@ -530,7 +530,7 @@ const Sn = (e) => ({
     }, 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 && We(n) != null && E !== N && r.reference[g] / 2 - (E < H ? M : x) - y[g] / 2 < 0, ne = _ ? E < H ? E - H : E - z : 0;
+    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 {
       [h]: f[h] + ne,
       data: {
@@ -683,7 +683,7 @@ 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: h,
@@ -798,7 +798,7 @@ const Vn = function(e) {
         apply: i = () => {
         },
         ...u
-      } = Oe(e, t), c = await Ke(t, u), v = Te(n), f = We(n), h = Re(n) === "y", {
+      } = Oe(e, t), c = await Ke(t, u), v = Te(n), f = je(n), h = Re(n) === "y", {
         width: g,
         height: y
       } = r.floating;
@@ -1048,7 +1048,7 @@ function qn(e) {
   };
 }
 const Dt = 25;
-function jn(e, t) {
+function Yn(e, t) {
   const o = ge(e), a = Ve(e), n = o.visualViewport;
   let r = a.clientWidth, l = a.clientHeight, s = 0, i = 0;
   if (n) {
@@ -1068,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;
 }
@@ -1384,7 +1384,7 @@ const al = { class: "popover__content" }, sl = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: o }) {
-    So((j) => ({
+    So((Y) => ({
       aa040ed6: y.value
     }));
     const a = e, { placement: n, offset: r, arrowVisible: l, closeMode: s, modelValue: i, zIndex: u } = Co(a), c = o, v = Ie("reference"), f = Ie("floating"), h = Ie("arrow-block"), g = Ie("second-screen"), y = P(() => "23px"), w = P(() => r ? typeof r.value == "number" ? r.value + Number(y.value.split("px")[0]) : {
@@ -1397,9 +1397,9 @@ const al = { class: "popover__content" }, sl = {
     }), V = A([
       Et(),
       ol({
-        apply({ availableWidth: j, elements: X }) {
+        apply({ availableWidth: Y, elements: X }) {
           Object.assign(X.floating.style, {
-            maxWidth: `${Math.max(200, j)}px`
+            maxWidth: `${Math.max(200, Y)}px`
           });
         }
       }),
@@ -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 X = j.composedPath();
+      const X = Y.composedPath();
       if (!(g.value && X.includes(g.value))) {
         if (f.value && X.includes(f.value) || v.value && X.includes(v.value)) {
           setTimeout(() => {
-            x.value && W();
+            x.value && j();
           }, 0);
           return;
         }
@@ -1450,25 +1450,25 @@ const al = { class: "popover__content" }, sl = {
       }
     }, ue = P(() => {
       if (!I.value.arrow) return {};
-      const { x: j, y: X } = I.value.arrow;
+      const { x: Y, y: X } = I.value.arrow;
       switch ($.value) {
         case "top":
           return {
-            left: j ? `${j}px` : "-9px",
+            left: Y ? `${Y}px` : "-9px",
             bottom: X ? `${X}px` : "-9px"
           };
         case "bottom":
         default:
           return {
-            left: j ? `${j}px` : "-9px",
+            left: Y ? `${Y}px` : "-9px",
             top: X ? `${X}px` : "-9px"
           };
       }
     });
-    return se(I, (j) => {
-      E.value || (N.value = j.hide?.referenceHidden === !1);
-    }), se(N, (j) => {
-      j || W(), j && s.value === "button-only" ? H() : !j && s.value === "button-only" && z();
+    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,10 +1485,10 @@ const al = { class: "popover__content" }, sl = {
       open: _,
       close: ne,
       openSecondScreen: ie,
-      closeSecondScreen: W,
+      closeSecondScreen: j,
       isOpen: N,
       isSecondScreenOpen: x
-    }), (j, X) => (d(), p("div", {
+    }), (Y, X) => (d(), p("div", {
       class: L(["popover", { "popover--with-arrow": m(l) }])
     }, [
       R("div", {
@@ -1497,7 +1497,7 @@ const al = { class: "popover__content" }, sl = {
         onClick: ae,
         style: Z({ zIndex: m(u) + 1 })
       }, [
-        Y(j.$slots, "trigger", {}, void 0, !0)
+        W(Y.$slots, "trigger", {}, void 0, !0)
       ], 6),
       N.value && m(s) === "button-only" ? (d(), p("div", {
         key: 0,
@@ -1514,15 +1514,15 @@ const al = { class: "popover__content" }, sl = {
           }, [
             R("div", al, [
               m(l) ? (d(), p("div", sl, [
-                Y(j.$slots, "default", {
+                W(Y.$slots, "default", {
                   openSecondScreen: ie,
-                  closeSecondScreen: W,
+                  closeSecondScreen: j,
                   close: ne
                 }, void 0, !0)
-              ])) : Y(j.$slots, "default", {
+              ])) : W(Y.$slots, "default", {
                 key: 1,
                 openSecondScreen: ie,
-                closeSecondScreen: W,
+                closeSecondScreen: j,
                 close: ne
               }, void 0, !0)
             ]),
@@ -1544,7 +1544,7 @@ const al = { class: "popover__content" }, sl = {
             ref: "second-screen",
             style: Z(m(k))
           }, [
-            Y(j.$slots, "second-screen", { closeSecondScreen: W }, void 0, !0)
+            W(Y.$slots, "second-screen", { closeSecondScreen: j }, void 0, !0)
           ], 4)) : T("", !0)
         ]),
         _: 3
@@ -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));
   }
@@ -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 = {
@@ -2210,7 +2210,7 @@ const al = { class: "popover__content" }, sl = {
                 _: 2
               }, 1032, ["onRemove"]))), 128))
             ])) : (d(), p("span", ql, F(s.value ? w.placeholder : v.value), 1))
-          ], 64)) : (d(), p("span", jl, F(s.value ? w.placeholder : v.value), 1))
+          ], 64)) : (d(), p("span", Yl, F(s.value ? w.placeholder : v.value), 1))
         ], 2),
         V[5] || (V[5] = R("div", { class: "dropdown__field-arrow" }, [
           R("svg", {
@@ -2226,8 +2226,8 @@ const al = { class: "popover__content" }, sl = {
           ])
         ], -1))
       ], 512),
-      R("div", Wl, [
-        R("div", Yl, [
+      R("div", jl, [
+        R("div", Wl, [
           w.searchable ? (d(), p("div", Ul, [
             q(m(El), {
               icon: m(Lo),
@@ -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);
@@ -2502,7 +2506,7 @@ const al = { class: "popover__content" }, sl = {
       R("table", {
         class: L(B.value)
       }, [
-        Y(b.$slots, "default", {}, void 0, !0),
+        W(b.$slots, "default", {}, void 0, !0),
         q(Ht, {
           size: b.size,
           columns: m(l),
@@ -2545,7 +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),
@@ -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
@@ -2811,10 +2817,10 @@ function ga(e, t) {
       const _ = k.selectionStart || 0, ne = k.selectionEnd || 0;
       if (_ !== ne) {
         l.value = f(""), e.value = "", pe(() => {
-          const { required: ae, optional: ie } = u(o), W = ae + ie;
+          const { required: 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;
             }
@@ -2824,24 +2830,24 @@ function ga(e, t) {
       }
       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;
+        let ie = "", j = -1;
+        const { required: re, optional: ue } = u(o), Y = re + ue;
         for (let X = D - 1; X >= 0; X--)
-          if (X < j.length && c(j[X])) {
-            W = X;
+          if (X < Y.length && c(Y[X])) {
+            j = X;
             break;
           }
-        if (W >= 0) {
-          let X = g(ae), Ye = 0;
-          for (let Pe = 0; Pe <= W; Pe++) {
+        if (j >= 0) {
+          let X = g(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++;
             }
           }
-          X = X.slice(0, Ye) + X.slice(Ye + 1), ie = f(X), l.value = ie, e.value = X, pe(() => {
-            k.setSelectionRange(W, W);
+          X = X.slice(0, We) + X.slice(We + 1), ie = f(X), l.value = ie, e.value = X, pe(() => {
+            k.setSelectionRange(j, j);
           });
         }
       }
@@ -2854,10 +2860,10 @@ function ga(e, t) {
       const _ = k.selectionStart || 0, ne = k.selectionEnd || 0;
       if (_ !== ne) {
         l.value = f(""), e.value = "", pe(() => {
-          const { required: ae, optional: ie } = u(o), W = ae + ie;
+          const { required: 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;
             }
@@ -2868,25 +2874,25 @@ function ga(e, t) {
       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: X, optional: Ye } = u(o), Pe = X + 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(() => {
+          j = j.slice(0, re) + j.slice(re + 1);
+          const ue = f(j);
+          l.value = ue, e.value = j, pe(() => {
             k.setSelectionRange(D, D);
           });
         }
@@ -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), {
@@ -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", {
@@ -3520,7 +3526,7 @@ function Da(e, t = "dd.mm.yyyy", o = null, a = null) {
   }
   return r;
 }
-function La(e, t, o = A(null), a = A(null), n = A(null), r = A(!1)) {
+function La(e, t, o = A(K().format("DD.MM.YYYY")), a = A(null), n = A(null), r = A(!1)) {
   const l = A(K()), s = () => {
     switch (e.value) {
       case "day":
@@ -3712,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") {
@@ -3811,7 +3817,7 @@ class ja {
     return s ? l.format(o.toUpperCase()) : null;
   }
 }
-const Wa = /* @__PURE__ */ O({
+const ja = /* @__PURE__ */ O({
   __name: "DatePicker",
   props: /* @__PURE__ */ U({
     placeholder: {},
@@ -3893,7 +3899,7 @@ const Wa = /* @__PURE__ */ O({
         return null;
       }
     }
-    const n = new ja(), r = e, l = t, s = te(e, "modelValue"), i = A(), u = A(), c = A(), v = A(!1), f = A(s.value), h = A({}), g = P(() => {
+    const n = new Ya(), r = e, l = t, s = te(e, "modelValue"), i = A(), u = A(), c = A(), v = A(!1), f = A(s.value), h = A({}), g = P(() => {
       if (!s.value) return "";
       if (typeof s.value == "string")
         return s.value;
@@ -3978,7 +3984,7 @@ const Wa = /* @__PURE__ */ O({
           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",
@@ -4007,7 +4013,7 @@ const Wa = /* @__PURE__ */ O({
       ]))
     ], 512));
   }
-}), ar = /* @__PURE__ */ le(Wa, [["__scopeId", "data-v-b36a6481"]]), 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({
@@ -4016,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,
@@ -4177,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", {
@@ -4186,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))
       ])
@@ -4244,7 +4250,7 @@ const ur = {
         class: "overlay-badge__badge",
         style: Z(t.value)
       }, null, 8, ["value", "variant", "style"])) : T("", !0),
-      Y(o.$slots, "default")
+      W(o.$slots, "default")
     ], 2));
   }
 }), fr = /* @__PURE__ */ O({
@@ -4340,7 +4346,7 @@ const ur = {
       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(J) ? (d(), p("div", {
@@ -4490,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, h) => (d(), G(je, { to: "body" }, [
+    }), (f, h) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "confirm" }, {
         default: ee(() => [
           m(Q) ? (d(), p("div", {
@@ -4569,7 +4575,7 @@ 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", {
@@ -4591,7 +4597,7 @@ const ur = {
                   q(m(wt))
                 ])
               ]),
-              Y(v.$slots, "default")
+              W(v.$slots, "default")
             ], 2)
           ], 6)) : T("", !0)
         ]),
@@ -4615,12 +4621,12 @@ 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", {
@@ -4637,7 +4643,7 @@ const ur = {
               style: Z(i.style)
             }, [
               R("div", bs, [
-                Y(i.$slots, "header"),
+                W(i.$slots, "header"),
                 t.value && !a.header ? (d(), p("h2", ws, F(t.value), 1)) : T("", !0),
                 R("button", {
                   text: "",
@@ -4648,7 +4654,7 @@ const ur = {
                 ])
               ]),
               R("div", ks, [
-                Y(i.$slots, "default", { setTitle: s })
+                W(i.$slots, "default", { setTitle: s })
               ])
             ], 4)
           ], 6)) : T("", !0)
@@ -4675,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({
@@ -4695,7 +4701,7 @@ const ur = {
         ref: o,
         class: "accordion-content"
       }, [
-        Y(r.$slots, "default")
+        W(r.$slots, "default")
       ], 512), [
         [Kt, n.value]
       ])
@@ -4711,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))
@@ -4728,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 = {
@@ -4747,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));
   }
@@ -4828,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({
@@ -4846,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 = {
@@ -4860,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]
     ]);
@@ -4873,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")
       ])
     ]));
   }
@@ -4881,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({
@@ -4942,7 +4948,7 @@ const ur = {
           n.value = !1, i = null;
         }, 50);
       }
-    }), (g, y) => (d(), G(je, { to: "body" }, [
+    }), (g, y) => (d(), G(Ye, { to: "body" }, [
       q(De, { name: "tooltip-fade" }, {
         default: ee(() => [
           n.value ? (d(), p("div", {