prlg-ui 1.8.68 → 1.8.70

package/dist/prlg-ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as N, computed as T, resolveComponent as al, createBlock as U, openBlock as d, resolveDynamicComponent as Ie, normalizeClass as E, withCtx as oe, createCommentVNode as M, createElementBlock as p, renderSlot as ee, Fragment as re, createTextVNode as pe, toDisplayString as W, ref as P, useTemplateRef as We, onMounted as ge, createElementVNode as w, createVNode as K, renderList as me, unref as b, mergeModels as ae, useModel as ce, withDirectives as be, vModelCheckbox as Tt, shallowRef as Oe, watch as te, getCurrentScope as Tl, onScopeDispose as Il, shallowReadonly as Ne, toRefs as Rl, useId as Xe, onUnmounted as Ve, Transition as Pe, normalizeStyle as le, nextTick as fe, withModifiers as he, vModelRadio as Ml, vModelText as Ee, provide as _e, toRef as Ye, useSlots as sl, inject as ye, vModelDynamic as Al, toValue as qe, isRef as Ol, vModelSelect as Bl, createStaticVNode as Dl, Teleport as Le, reactive as It, TransitionGroup as Ll, vShow as rl, createApp as El } from "vue";
-import { P as il, h as zl, i as Hl, I as ul, e as Rt, C as mt, A as Fl, a as cl, f as Nl, M as ql, S as Yl, g as jl, b as Wl, c as Kl, E as Ul, B as Zl, d as Ql, Q as Xl, W as Ht } from "./QuestionIcon-tK1kUB_h.js";
+import { defineComponent as N, computed as T, resolveComponent as al, createBlock as U, openBlock as d, resolveDynamicComponent as Ie, normalizeClass as E, withCtx as oe, createCommentVNode as M, createElementBlock as p, renderSlot as ee, Fragment as re, createTextVNode as pe, toDisplayString as j, ref as P, useTemplateRef as je, onMounted as ge, createElementVNode as w, createVNode as K, renderList as me, unref as b, mergeModels as ae, useModel as ce, withDirectives as be, vModelCheckbox as Tt, shallowRef as Oe, watch as te, getCurrentScope as Tl, onScopeDispose as Il, shallowReadonly as Ne, toRefs as Rl, useId as Xe, onUnmounted as Ve, Transition as Pe, normalizeStyle as le, nextTick as fe, withModifiers as he, vModelRadio as Ml, vModelText as Ee, provide as _e, toRef as Ye, useSlots as sl, inject as ye, vModelDynamic as Al, toValue as qe, isRef as Ol, vModelSelect as Bl, createStaticVNode as Dl, Teleport as Le, reactive as It, TransitionGroup as Ll, vShow as rl, createApp as El } from "vue";
+import { P as il, h as zl, i as Hl, I as ul, e as Rt, C as mt, A as Fl, a as cl, f as Nl, M as ql, S as Yl, g as Wl, b as jl, c as Kl, E as Ul, B as Zl, d as Ql, Q as Xl, W as Ht } from "./QuestionIcon-tK1kUB_h.js";
 import { o as Gl, d as se } from "./parseFileSize.util-CxVk4CvB.js";
 import { _ as ie, C as Ge, a as Jl } from "./FileIcon-maHE2Nhr.js";
 import { u as nt, _ as pt, E as en } from "./eventBus.util-Bl8G4ISe.js";
@@ -49,7 +49,7 @@ const tn = {
         a.iconOnly ? M("", !0) : (d(), p("div", tn, [
           ee(a.$slots, "default"),
           a.label && !a.$slots.default ? (d(), p(re, { key: 0 }, [
-            pe(W(a.label), 1)
+            pe(j(a.label), 1)
           ], 64)) : M("", !0)
         ]))
       ]),
@@ -65,7 +65,7 @@ const tn = {
     size: { default: "default" }
   },
   setup(e) {
-    const l = P(!1), t = We("menuRef"), a = We("targetRef"), n = () => {
+    const l = P(!1), t = je("menuRef"), a = je("targetRef"), n = () => {
       l.value = !l.value;
     }, i = (o) => {
       o.command && o.command(), l.value = !1;
@@ -89,7 +89,7 @@ const tn = {
             key: 0,
             class: "sleed-deal-menu__item-icon"
           })) : M("", !0),
-          w("span", on, W(r.label), 1)
+          w("span", on, j(r.label), 1)
         ], 8, nn))), 128))
       ], 2),
       K(b(Se), {
@@ -216,10 +216,10 @@ const tn = {
         ])
       ]),
       s.label || s.$slots.label ? (d(), p("span", fn, [
-        pe(W(s.label) + " ", 1),
+        pe(j(s.label) + " ", 1),
         ee(s.$slots, "label")
       ])) : M("", !0),
-      s.error && s.errorText ? (d(), p("span", vn, W(s.errorText), 1)) : M("", !0)
+      s.error && s.errorText ? (d(), p("span", vn, j(s.errorText), 1)) : M("", !0)
     ], 10, an));
   }
 }), mn = /* @__PURE__ */ N({
@@ -531,7 +531,7 @@ const Pn = (e) => ({
     }, _ = At(n), y = Mt(_), $ = await o.getDimensions(u), S = _ === "y", L = S ? "top" : "left", I = S ? "bottom" : "right", B = S ? "clientHeight" : "clientWidth", k = i.reference[y] + i.reference[_] - g[_] - i.floating[y], v = g[_] - i.reference[_], f = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
     let h = f ? f[B] : 0;
     (!h || !await (o.isElement == null ? void 0 : o.isElement(f))) && (h = s.floating[B] || i.floating[y]);
-    const V = k / 2 - v / 2, A = h / 2 - $[y] / 2 - 1, z = tt(m[L], A), D = tt(m[I], A), j = z, H = h - $[y] - D, q = h / 2 - $[y] / 2 + V, R = $t(j, q, H), x = !r.arrow && at(n) != null && q !== R && i.reference[y] / 2 - (q < j ? z : D) - $[y] / 2 < 0, Y = x ? q < j ? q - j : q - H : 0;
+    const V = k / 2 - v / 2, A = h / 2 - $[y] / 2 - 1, z = tt(m[L], A), D = tt(m[I], A), W = z, H = h - $[y] - D, q = h / 2 - $[y] / 2 + V, R = $t(W, q, H), x = !r.arrow && at(n) != null && q !== R && i.reference[y] / 2 - (q < W ? z : D) - $[y] / 2 < 0, Y = x ? q < W ? q - W : q - H : 0;
     return {
       [_]: g[_] + Y,
       data: {
@@ -580,7 +580,7 @@ const Pn = (e) => ({
         placement: n,
         overflows: A
       }], !A.every((q) => q <= 0)) {
-        var D, j;
+        var D, W;
         const q = (((D = i.flip) == null ? void 0 : D.index) || 0) + 1, R = h[q];
         if (R && (!(m === "alignment" ? I !== Be(R) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
@@ -594,7 +594,7 @@ const Pn = (e) => ({
               placement: R
             }
           };
-        let x = (j = z.filter((Y) => Y.overflows[0] <= 0).sort((Y, Z) => Y.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : j.placement;
+        let x = (W = z.filter((Y) => Y.overflows[0] <= 0).sort((Y, Z) => Y.overflows[1] - Z.overflows[1])[0]) == null ? void 0 : W.placement;
         if (!x)
           switch (_) {
             case "bestFit": {
@@ -634,7 +634,7 @@ function Yt(e, l) {
     left: e.left - l.width
   };
 }
-function jt(e) {
+function Wt(e) {
   return gn.some((l) => e[l] >= 0);
 }
 const In = function(e) {
@@ -657,7 +657,7 @@ const In = function(e) {
           return {
             data: {
               referenceHiddenOffsets: o,
-              referenceHidden: jt(o)
+              referenceHidden: Wt(o)
             }
           };
         }
@@ -669,7 +669,7 @@ const In = function(e) {
           return {
             data: {
               escapedOffsets: o,
-              escaped: jt(o)
+              escaped: Wt(o)
             }
           };
         }
@@ -808,7 +808,7 @@ function Ce(e) {
 function Re(e) {
   return gt() ? e instanceof HTMLElement || e instanceof we(e).HTMLElement : !1;
 }
-function Wt(e) {
+function jt(e) {
   return !gt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof we(e).ShadowRoot;
 }
 const Bn = /* @__PURE__ */ new Set(["inline", "contents"]);
@@ -877,10 +877,10 @@ function De(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Wt(e) && e.host || // Fallback.
+    jt(e) && e.host || // Fallback.
     Me(e)
   );
-  return Wt(l) ? l.host : l;
+  return jt(l) ? l.host : l;
 }
 function vl(e) {
   const l = De(e);
@@ -931,7 +931,7 @@ function hl(e) {
     y: l.visualViewport.offsetTop
   };
 }
-function jn(e, l, t) {
+function Wn(e, l, t) {
   return l === void 0 && (l = !1), !t || l && t !== we(e) ? !1 : l;
 }
 function lt(e, l, t, a) {
@@ -939,7 +939,7 @@ function lt(e, l, t, a) {
   const n = e.getBoundingClientRect(), i = gl(e);
   let o = Te(1);
   l && (a ? Ce(a) && (o = Ue(a)) : o = Ue(e));
-  const s = jn(i, t, a) ? hl(i) : Te(0);
+  const s = Wn(i, t, a) ? hl(i) : Te(0);
   let r = (n.left + s.x) / o.x, u = (n.top + s.y) / o.y, c = n.width / o.x, m = n.height / o.y;
   if (i) {
     const g = we(i), _ = a && Ce(a) ? we(a) : a;
@@ -967,7 +967,7 @@ function yl(e, l) {
     y: n
   };
 }
-function Wn(e) {
+function jn(e) {
   let {
     elements: l,
     rect: t,
@@ -1172,7 +1172,7 @@ function no(e) {
   return xe(e).direction === "rtl";
 }
 const oo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Wn,
+  convertOffsetParentRelativeRectToViewportRelativeRect: jn,
   getDocumentElement: Me,
   getClippingRect: Jn,
   getOffsetParent: wl,
@@ -1205,7 +1205,7 @@ function Pt(e) {
   }
   return e;
 }
-function je(e) {
+function We(e) {
   return typeof e == "function" ? e() : b(e);
 }
 function ro(e) {
@@ -1213,7 +1213,7 @@ function ro(e) {
     name: "arrow",
     options: e,
     fn(l) {
-      const t = Pt(je(e.element));
+      const t = Pt(We(e.element));
       return t == null ? {} : kl({
         element: t,
         padding: e.padding
@@ -1232,16 +1232,16 @@ function Gt(e, l, t) {
   t === void 0 && (t = {});
   const a = t.whileElementsMounted, n = T(() => {
     var h;
-    return (h = je(t.open)) != null ? h : !0;
-  }), i = T(() => je(t.middleware)), o = T(() => {
+    return (h = We(t.open)) != null ? h : !0;
+  }), i = T(() => We(t.middleware)), o = T(() => {
     var h;
-    return (h = je(t.placement)) != null ? h : "bottom";
+    return (h = We(t.placement)) != null ? h : "bottom";
   }), s = T(() => {
     var h;
-    return (h = je(t.strategy)) != null ? h : "absolute";
+    return (h = We(t.strategy)) != null ? h : "absolute";
   }), r = T(() => {
     var h;
-    return (h = je(t.transform)) != null ? h : !0;
+    return (h = We(t.transform)) != null ? h : !0;
   }), u = T(() => Pt(e.value)), c = T(() => Pt(l.value)), m = P(0), g = P(0), _ = P(s.value), y = P(o.value), $ = Oe({}), S = P(!1), L = T(() => {
     const h = {
       position: _.value,
@@ -1344,7 +1344,7 @@ const io = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, { placement: n, offset: i, arrowVisible: o, closeMode: s, modelValue: r } = Rl(a), u = t, c = We("reference"), m = We("floating"), g = We("arrow-block"), _ = We("second-screen"), y = T(() => "23px"), $ = T(() => i ? typeof i.value == "number" ? i.value + Number(y.value.split("px")[0]) : {
+    const a = e, { placement: n, offset: i, arrowVisible: o, closeMode: s, modelValue: r } = Rl(a), u = t, c = je("reference"), m = je("floating"), g = je("arrow-block"), _ = je("second-screen"), y = T(() => "23px"), $ = T(() => i ? typeof i.value == "number" ? i.value + Number(y.value.split("px")[0]) : {
       mainAxis: i.value?.mainAxis ? i.value?.mainAxis + Number(y.value.split("px")[0]) / 2 : Number(y.value.split("px")[0]) / 2,
       crossAxis: i.value?.crossAxis ? n.value?.includes("start") ? i.value?.crossAxis - Number(y.value.split("px")[0]) : n.value?.includes("end") ? i.value?.crossAxis + Number(y.value.split("px")[0]) : i.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: i.value?.alignmentAxis
@@ -1369,7 +1369,7 @@ const io = {
         Vt({ padding: 8 }),
         xt(8)
       ]
-    }), V = Xe(), A = P(!1), z = P(!1), D = P(!1), { lockScroll: j, unlockScroll: H } = nt(), q = P(null), R = P(null), x = () => {
+    }), V = Xe(), A = P(!1), z = P(!1), D = P(!1), { lockScroll: W, unlockScroll: H } = nt(), q = P(null), R = P(null), x = () => {
       B(), z.value && h();
     }, Y = T(() => r && r.value !== void 0), Z = T({
       get: () => Y.value ? r?.value : A.value,
@@ -1420,7 +1420,7 @@ const io = {
     return te(I, (J) => {
       Y.value || (Z.value = J.hide?.referenceHidden === !1);
     }), te(Z, async (J) => {
-      J || (Q(), D.value = !1), J && s.value === "button-only" ? (j(), setTimeout(() => {
+      J || (Q(), D.value = !1), J && s.value === "button-only" ? (W(), setTimeout(() => {
         x(), D.value = !0;
       }, 0)) : !J && s.value === "button-only" ? (H(), setTimeout(() => {
         x();
@@ -1551,7 +1551,7 @@ const io = {
         ])
       ]),
       default: oe(() => [
-        w("span", po, W(l.description), 1)
+        w("span", po, j(l.description), 1)
       ]),
       _: 1
     }));
@@ -1599,7 +1599,7 @@ const io = {
               checked: o.isSelectedAll,
               onChange: s[0] || (s[0] = (c) => t("selectAllRow"))
             }, null, 8, ["checked"])) : M("", !0),
-            r.header ? (d(), p("span", wo, W(r.header), 1)) : M("", !0),
+            r.header ? (d(), p("span", wo, j(r.header), 1)) : M("", !0),
             r.description ? (d(), U(ho, {
               key: 2,
               description: r.description,
@@ -1653,7 +1653,7 @@ const io = {
           field: o.column.field,
           index: o.index,
           column: o.column
-        }, null, 8, ["data", "field", "index", "column"])) : (d(), p("span", $o, W(i()), 1))
+        }, null, 8, ["data", "field", "index", "column"])) : (d(), p("span", $o, j(i()), 1))
       ], 64))
     ], 2));
   }
@@ -1854,7 +1854,7 @@ const io = {
         class: "radio__label"
       }, [
         o.label ? (d(), p(re, { key: 0 }, [
-          pe(W(o.label), 1)
+          pe(j(o.label), 1)
         ], 64)) : ee(o.$slots, "default", { key: 1 })
       ], 8, Oo)
     ], 2));
@@ -1953,7 +1953,7 @@ const io = {
     function D(R) {
       R.disabled || t.multiple || h(R);
     }
-    function j() {
+    function W() {
       a("search", i.value);
     }
     function H() {
@@ -2003,7 +2003,7 @@ const io = {
               onRemove: (Z) => V(Y)
             }, {
               default: oe(() => [
-                pe(W(v(Y)), 1)
+                pe(j(v(Y)), 1)
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128)),
@@ -2012,7 +2012,7 @@ const io = {
               variant: "info"
             }, {
               default: oe(() => [
-                pe(" +" + W(S.value), 1)
+                pe(" +" + j(S.value), 1)
               ]),
               _: 1
             })) : M("", !0)
@@ -2022,8 +2022,8 @@ const io = {
               value: _.value,
               selectedOption: g.value[0]
             }, () => [
-              w("span", Lo, W(_.value), 1)
-            ], !0) : (d(), p("span", Eo, W(R.placeholder), 1))
+              w("span", Lo, j(_.value), 1)
+            ], !0) : (d(), p("span", Eo, j(R.placeholder), 1))
           ], 64))
         ]),
         w("div", {
@@ -2059,7 +2059,7 @@ const io = {
                 "onUpdate:modelValue": x[0] || (x[0] = (Y) => i.value = Y),
                 class: "dropdown__search-input",
                 placeholder: "Поиск...",
-                onInput: j
+                onInput: W
               }, null, 544), [
                 [Ee, i.value]
               ])
@@ -2097,10 +2097,10 @@ const io = {
       }, 8, ["show", "z-index"])
     ], 2));
   }
-}), Yo = /* @__PURE__ */ ie(qo, [["__scopeId", "data-v-2166efc9"]]), jo = {
+}), Yo = /* @__PURE__ */ ie(qo, [["__scopeId", "data-v-2166efc9"]]), Wo = {
   key: 0,
   class: "paginator"
-}, Wo = ["disabled"], Ko = { class: "paginator__pages" }, Uo = ["onClick"], Zo = ["disabled"], Qo = {
+}, jo = ["disabled"], Ko = { class: "paginator__pages" }, Uo = ["onClick"], Zo = ["disabled"], Qo = {
   key: 0,
   class: "paginator__change-per-page"
 }, Xo = /* @__PURE__ */ N({
@@ -2127,20 +2127,20 @@ const io = {
       const r = [];
       return r.push(1), s <= 4 ? r.push(2, 3, 4, 5, "...", o) : s >= o - 3 ? r.push("...", o - 4, o - 3, o - 2, o - 1, o) : r.push("...", s - 1, s, s + 1, "...", o), r;
     });
-    return (o, s) => o.totals ? (d(), p("div", jo, [
+    return (o, s) => o.totals ? (d(), p("div", Wo, [
       w("button", {
         class: "paginator-button paginator__prev",
         disabled: l.value === 1,
         onClick: s[0] || (s[0] = (r) => l.value--)
       }, [
         K(b(Fl))
-      ], 8, Wo),
+      ], 8, jo),
       w("div", Ko, [
         (d(!0), p(re, null, me(i.value, (r) => (d(), p("button", {
           class: E(["paginator-button paginator__page", { "paginator-button--active": l.value === r }]),
           key: r,
           onClick: (u) => l.value = Number(r)
-        }, W(r), 11, Uo))), 128))
+        }, j(r), 11, Uo))), 128))
       ]),
       w("button", {
         class: "paginator-button paginator__next",
@@ -2543,7 +2543,7 @@ const io = {
           })
         ])
       ], -1)),
-      w("span", ha, W(a.label), 1)
+      w("span", ha, j(a.label), 1)
     ]));
   }
 }), ya = {
@@ -2626,9 +2626,9 @@ const io = {
       }, 150);
     }
     function D(C) {
-      C.key === "ArrowDown" ? (C.preventDefault(), n.value && B.value.length > 0 && (s.value = Math.min(s.value + 1, B.value.length - 1))) : C.key === "ArrowUp" ? (C.preventDefault(), n.value && B.value.length > 0 && (s.value = Math.max(s.value - 1, 0))) : C.key === "Enter" ? (C.preventDefault(), n.value && s.value >= 0 && j(B.value[s.value])) : C.key === "Escape" ? (n.value = !1, c.value?.blur()) : C.key === "Tab" && (n.value = !1);
+      C.key === "ArrowDown" ? (C.preventDefault(), n.value && B.value.length > 0 && (s.value = Math.min(s.value + 1, B.value.length - 1))) : C.key === "ArrowUp" ? (C.preventDefault(), n.value && B.value.length > 0 && (s.value = Math.max(s.value - 1, 0))) : C.key === "Enter" ? (C.preventDefault(), n.value && s.value >= 0 && W(B.value[s.value])) : C.key === "Escape" ? (n.value = !1, c.value?.blur()) : C.key === "Tab" && (n.value = !1);
     }
-    function j(C) {
+    function W(C) {
       if (!C.disabled) {
         if (t.multiple) {
           const O = f(C), F = Array.isArray(t.modelValue) ? [...t.modelValue] : [], G = F.some((ne) => typeof ne == "object" && ne !== null ? f(ne) === O : ne === O);
@@ -2660,10 +2660,10 @@ const io = {
       o.value = "", a("update:modelValue", C), a("change", C), a("clear");
     }
     function x(C) {
-      C.disabled || !t.multiple || j(C);
+      C.disabled || !t.multiple || W(C);
     }
     function Y(C) {
-      C.disabled || t.multiple || j(C);
+      C.disabled || t.multiple || W(C);
     }
     function Z() {
       !r.value || !n.value || fe(() => {
@@ -2708,7 +2708,7 @@ const io = {
     }, [
       C.label ? (d(), p("label", ya, [
         C.required ? (d(), p("sup", ba)) : M("", !0),
-        pe(" " + W(C.label), 1)
+        pe(" " + j(C.label), 1)
       ])) : M("", !0),
       w("div", {
         ref_key: "autocompleteTrigger",
@@ -2729,7 +2729,7 @@ const io = {
               onRemove: (G) => q(F)
             }, {
               default: oe(() => [
-                pe(W(h(F)), 1)
+                pe(j(h(F)), 1)
               ]),
               _: 2
             }, 1032, ["onRemove"]))), 128)),
@@ -2738,7 +2738,7 @@ const io = {
               variant: "info"
             }, {
               default: oe(() => [
-                pe(" +" + W(I.value), 1)
+                pe(" +" + j(I.value), 1)
               ]),
               _: 1
             })) : M("", !0)
@@ -2793,7 +2793,7 @@ const io = {
                     "autocomplete__option--highlighted": G === s.value
                   }]),
                   onMouseenter: (Q) => s.value = G,
-                  onClick: (Q) => !C.multiple && j(F)
+                  onClick: (Q) => !C.multiple && W(F)
                 }, [
                   C.multiple ? (d(), p("div", {
                     key: 0,
@@ -2824,7 +2824,7 @@ const io = {
         ]),
         _: 1
       }, 8, ["show", "z-index"]),
-      C.error && C.errorText ? (d(), p("div", Pa, W(C.errorText), 1)) : M("", !0)
+      C.error && C.errorText ? (d(), p("div", Pa, j(C.errorText), 1)) : M("", !0)
     ], 2));
   }
 }), Xr = /* @__PURE__ */ ie(Ta, [["__scopeId", "data-v-7550fe20"]]), Ia = ["for"], Ra = { key: 0 }, Ma = { class: "input__wrapper" }, Aa = ["id", "placeholder", "name", "disabled", "type", "required", "readonly"], Oa = { class: "input__actions" }, Ba = {
@@ -2875,7 +2875,7 @@ const io = {
         class: "input__label"
       }, [
         u.required ? (d(), p("sup", Ra, "*")) : M("", !0),
-        pe(" " + W(u.label), 1)
+        pe(" " + j(u.label), 1)
       ], 8, Ia)) : M("", !0),
       w("div", Ma, [
         be(w("input", {
@@ -2914,7 +2914,7 @@ const io = {
           ])) : M("", !0)
         ])
       ]),
-      u.error && u.errorText ? (d(), p("small", Ba, W(u.errorText), 1)) : M("", !0)
+      u.error && u.errorText ? (d(), p("small", Ba, j(u.errorText), 1)) : M("", !0)
     ], 2));
   }
 });
@@ -2944,9 +2944,9 @@ function Da(e, l) {
   }
   function g(f) {
     const { required: h, optional: V } = u(t), A = h + V;
-    let z = "", D = 0, j = 0;
-    for (; j < A.length; ) {
-      const H = A[j];
+    let z = "", D = 0, W = 0;
+    for (; W < A.length; ) {
+      const H = A[W];
       if (c(H))
         if (D < f.length) {
           const q = f[D];
@@ -2960,7 +2960,7 @@ function Da(e, l) {
           z += a;
       else
         z += H;
-      j++;
+      W++;
     }
     return z;
   }
@@ -2970,14 +2970,14 @@ function Da(e, l) {
   }
   function y(f) {
     const { required: h, optional: V } = u(t), A = h + V;
-    let z = "", D = 0, j = 0;
-    for (; D < f.length && j < A.length; ) {
-      const H = f[D], q = A[j];
+    let z = "", D = 0, W = 0;
+    for (; D < f.length && W < A.length; ) {
+      const H = f[D], q = A[W];
       if (H === a) {
         D++;
         continue;
       }
-      c(q) ? m(H, q) ? (z += H, D++, j++) : D++ : (H === q && D++, j++);
+      c(q) ? m(H, q) ? (z += H, D++, W++) : D++ : (H === q && D++, W++);
     }
     for (; D < f.length; ) {
       const H = f[D];
@@ -3019,7 +3019,7 @@ function Da(e, l) {
     if (!f.isTrusted) return;
     const h = f.target, V = h.value, A = y(V), z = g(A);
     o.value = z, e.value = A, fe(() => {
-      const { required: D, optional: j } = u(t), H = D + j;
+      const { required: D, optional: W } = u(t), H = D + W;
       let q = 0, R = 0;
       for (let x = 0; x < H.length; x++)
         if (c(H[x]))
@@ -3045,7 +3045,7 @@ function Da(e, l) {
     setTimeout(() => {
       const V = h.value, A = y(V), z = g(A);
       o.value = z, e.value = A;
-      const { required: D, optional: j } = u(t), H = D + j;
+      const { required: D, optional: W } = u(t), H = D + W;
       let q = 0, R = 0;
       for (let x = 0; x < H.length; x++)
         if (c(H[x]))
@@ -3159,15 +3159,15 @@ function Da(e, l) {
     }
     if (f.metaKey || f.ctrlKey || ["ArrowLeft", "ArrowRight", "Tab", "Home", "End", "Escape"].includes(f.key))
       return;
-    const { required: A, optional: z } = u(t), D = A + z, j = y(o.value), H = D.split("").filter((x) => c(x)).length;
-    if (j.length >= H) {
+    const { required: A, optional: z } = u(t), D = A + z, W = y(o.value), H = D.split("").filter((x) => c(x)).length;
+    if (W.length >= H) {
       f.preventDefault();
       return;
     }
     let q = -1, R = 0;
     for (let x = 0; x < D.length; x++)
       if (c(D[x])) {
-        if (R === j.length) {
+        if (R === W.length) {
           q = x;
           break;
         }
@@ -3179,22 +3179,22 @@ function Da(e, l) {
     s.value = !0, fe(() => {
       const h = f.target, { required: V, optional: A } = u(t), z = V + A;
       let D = 0;
-      for (let j = 0; j < z.length; j++)
-        if (c(z[j])) {
-          D = j;
+      for (let W = 0; W < z.length; W++)
+        if (c(z[W])) {
+          D = W;
           break;
         }
       if (qe(e)) {
-        let j = 0;
+        let W = 0;
         for (let H = 0; H < z.length; H++)
           if (c(z[H])) {
-            if (j >= qe(e).length) {
+            if (W >= qe(e).length) {
               D = H;
               break;
             }
-            j++;
+            W++;
           }
-        j === qe(e).length && (D = o.value.length);
+        W === qe(e).length && (D = o.value.length);
       }
       h.setSelectionRange(D, D);
     });
@@ -3431,7 +3431,7 @@ const Gr = /* @__PURE__ */ N({
         class: E(["select-buttons__item", { "select-buttons__item--selected": t(o) }]),
         key: typeof o == "object" ? o[n.optionValue] : o,
         onClick: (s) => a(o)
-      }, W(typeof o == "object" ? o[n.optionLabel] : o), 11, Fa))), 128))
+      }, j(typeof o == "object" ? o[n.optionLabel] : o), 11, Fa))), 128))
     ]));
   }
 }), li = /* @__PURE__ */ ie(Na, [["__scopeId", "data-v-27415c56"]]), qa = ["id", "disabled"], ni = /* @__PURE__ */ N({
@@ -3466,7 +3466,7 @@ const Gr = /* @__PURE__ */ N({
       ], -1))
     ], 2));
   }
-}), Ya = { class: "star-rating" }, ja = ["onClick", "onMouseenter", "disabled"], Wa = /* @__PURE__ */ N({
+}), Ya = { class: "star-rating" }, Wa = ["onClick", "onMouseenter", "disabled"], ja = /* @__PURE__ */ N({
   __name: "StarRating",
   props: /* @__PURE__ */ ae({
     maxStars: { default: 5 },
@@ -3527,15 +3527,15 @@ const Gr = /* @__PURE__ */ N({
           key: 0,
           class: "star-icon star-icon--filled",
           style: le(i.value)
-        }, null, 8, ["style"])) : (d(), U(jl, {
+        }, null, 8, ["style"])) : (d(), U(Wl, {
           key: 1,
           class: "star-icon star-icon--empty",
           style: le(i.value)
         }, null, 8, ["style"]))
-      ], 42, ja))), 128))
+      ], 42, Wa))), 128))
     ]));
   }
-}), oi = /* @__PURE__ */ ie(Wa, [["__scopeId", "data-v-d744a89c"]]), Ka = ["for"], Ua = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "resizable", "cols"], Za = { class: "textarea__footer" }, Qa = {
+}), oi = /* @__PURE__ */ ie(ja, [["__scopeId", "data-v-d744a89c"]]), Ka = ["for"], Ua = ["maxlength", "id", "placeholder", "name", "disabled", "rows", "resizable", "cols"], Za = { class: "textarea__footer" }, Qa = {
   key: 1,
   class: "textarea__count-char"
 }, ai = /* @__PURE__ */ N({
@@ -3592,7 +3592,7 @@ const Gr = /* @__PURE__ */ N({
         key: 0,
         for: r.inputId ?? b(i),
         class: "textarea__label"
-      }, W(r.label), 9, Ka)) : M("", !0),
+      }, j(r.label), 9, Ka)) : M("", !0),
       be(w("textarea", {
         "onUpdate:modelValue": u[0] || (u[0] = (c) => a.value = c),
         ref_key: "textareaRef",
@@ -3617,8 +3617,8 @@ const Gr = /* @__PURE__ */ N({
         r.smallText || r.error && r.errorText ? (d(), p("div", {
           key: 0,
           class: E(["textarea__small", { "textarea__small--error": r.error }])
-        }, W(r.error ? r.errorText : r.smallText), 3)) : M("", !0),
-        r.maxlength ? (d(), p("div", Qa, W(a.value ? a.value.length : 0) + " / " + W(r.maxlength), 1)) : M("", !0)
+        }, j(r.error ? r.errorText : r.smallText), 3)) : M("", !0),
+        r.maxlength ? (d(), p("div", Qa, j(a.value ? a.value.length : 0) + " / " + j(r.maxlength), 1)) : M("", !0)
       ])
     ], 2));
   }
@@ -3657,7 +3657,7 @@ const Gr = /* @__PURE__ */ N({
         (d(!0), p(re, null, me(n.value, (r) => (d(), p("option", {
           key: r.value,
           value: r.value
-        }, W(r.label), 9, Ga))), 128))
+        }, j(r.label), 9, Ga))), 128))
       ], 544), [
         [Bl, t.value]
       ])
@@ -4000,7 +4000,7 @@ const rs = {
           K(b(Se), {
             size: "small",
             "icon-only": "",
-            icon: b(Wl),
+            icon: b(jl),
             variant: "secondary",
             "button-style": "outlined",
             disabled: I.value === "month",
@@ -4013,7 +4013,7 @@ const rs = {
               onClick: h[0] || (h[0] = (V) => I.value = "month")
             }, {
               default: oe(() => [
-                pe(W(b($).month), 1)
+                pe(j(b($).month), 1)
               ]),
               _: 1
             })) : M("", !0),
@@ -4023,11 +4023,11 @@ const rs = {
               onClick: h[1] || (h[1] = (V) => I.value = "year")
             }, {
               default: oe(() => [
-                pe(W(b($).year), 1)
+                pe(j(b($).year), 1)
               ]),
               _: 1
             })) : M("", !0),
-            I.value === "year" ? (d(), p("span", cs, W(b($).year_range), 1)) : M("", !0)
+            I.value === "year" ? (d(), p("span", cs, j(b($).year_range), 1)) : M("", !0)
           ]),
           K(b(Se), {
             size: "small",
@@ -4050,7 +4050,7 @@ const rs = {
               disabled: V.disabled,
               onClick: (A) => v(V)
             }, [
-              w("span", null, W(V.label), 1)
+              w("span", null, j(V.label), 1)
             ], 10, ms))), 128))
           ])
         ])
@@ -4225,13 +4225,13 @@ const bs = /* @__PURE__ */ N({
         // Windows ticks
       ], z = [];
       let D = 0;
-      return h = h.replace(/'([^']*)'/g, (j, H) => {
+      return h = h.replace(/'([^']*)'/g, (W, H) => {
         const q = `__LITERAL_${D}__`;
         return z[D] = H, D++, q;
-      }), h = h.replace(/''/g, "'"), A.forEach(([j, H]) => {
-        h = h.replace(j, H);
-      }), z.forEach((j, H) => {
-        h = h.replace(`__LITERAL_${H}__`, j);
+      }), h = h.replace(/''/g, "'"), A.forEach(([W, H]) => {
+        h = h.replace(W, H);
+      }), z.forEach((W, H) => {
+        h = h.replace(`__LITERAL_${H}__`, W);
       }), h;
     }
     function a(v, f) {
@@ -4427,7 +4427,7 @@ const bs = /* @__PURE__ */ N({
     }, [
       y.label ? (d(), p("label", ws, [
         y.required ? (d(), p("sup", ks, "*")) : M("", !0),
-        pe(" " + W(y.label), 1)
+        pe(" " + j(y.label), 1)
       ])) : M("", !0),
       w("div", _s, [
         (d(!0), p(re, null, me(s.value, (S, L) => be((d(), p("input", {
@@ -4451,7 +4451,7 @@ const bs = /* @__PURE__ */ N({
           [Ee, o.value[L]]
         ])), 128))
       ]),
-      y.error && y.errorText ? (d(), p("small", Ss, W(y.errorText), 1)) : M("", !0)
+      y.error && y.errorText ? (d(), p("small", Ss, j(y.errorText), 1)) : M("", !0)
     ], 2));
   }
 }), Cs = { class: "breadcrumb" }, xs = ["onClick"], Vs = {
@@ -4470,13 +4470,13 @@ const bs = /* @__PURE__ */ N({
           key: 0,
           class: E(["breadcrumb__item", { "breadcrumb__item--disabled": !n.command || n.disabled }]),
           onClick: (o) => n.command()
-        }, W(n.label), 11, xs)) : (d(), U(Ie(l(n)), {
+        }, j(n.label), 11, xs)) : (d(), U(Ie(l(n)), {
           key: 1,
           to: n.url,
           class: E(["breadcrumb__item", { "breadcrumb__item--disabled": n.disabled || !n.url }])
         }, {
           default: oe(() => [
-            pe(W(n.label), 1)
+            pe(j(n.label), 1)
           ]),
           _: 2
         }, 1032, ["to", "class"])),
@@ -4519,7 +4519,7 @@ const bs = /* @__PURE__ */ N({
         (d(), U(Ie(n.value)))
       ]),
       w("div", Ts, [
-        w("div", Is, W(g.msg.summary), 1),
+        w("div", Is, j(g.msg.summary), 1),
         g.msg.detail ? (d(), p("div", {
           key: 0,
           class: "toast-message__text",
@@ -4633,7 +4633,7 @@ const di = {
       ]),
       w("p", Bs, [
         n.$slots.default ? ee(n.$slots, "default", { key: 0 }, void 0, !0) : (d(), p(re, { key: 1 }, [
-          pe(W(l.message), 1)
+          pe(j(l.message), 1)
         ], 64))
       ])
     ], 2));
@@ -4660,7 +4660,7 @@ const di = {
     return (t, a) => (d(), p("div", {
       class: E(l.value)
     }, [
-      t.value ? (d(), p("div", Ls, W(t.value), 1)) : M("", !0)
+      t.value ? (d(), p("div", Ls, j(t.value), 1)) : M("", !0)
     ], 2));
   }
 }), vi = /* @__PURE__ */ N({
@@ -4768,7 +4768,7 @@ const di = {
 }, Ns = { class: "confirm-dialog__header-title" }, qs = {
   key: 1,
   class: "confirm-dialog__content"
-}, Ys = { class: "confirm-dialog__actions" }, js = /* @__PURE__ */ N({
+}, Ys = { class: "confirm-dialog__actions" }, Ws = /* @__PURE__ */ N({
   __name: "ConfirmDialog",
   setup(e) {
     const { lockScroll: l, unlockScroll: t } = nt(), { zIndex: a } = Je("confirm"), n = () => {
@@ -4803,9 +4803,9 @@ const di = {
               style: le(b(ue).style)
             }, [
               b(ue).header ? (d(), p("div", Fs, [
-                w("h4", Ns, W(b(ue).header), 1)
+                w("h4", Ns, j(b(ue).header), 1)
               ])) : M("", !0),
-              b(ue).message ? (d(), p("p", qs, W(b(ue).message), 1)) : M("", !0),
+              b(ue).message ? (d(), p("p", qs, j(b(ue).message), 1)) : M("", !0),
               w("div", Ys, [
                 K(b(Se), {
                   size: "small",
@@ -4814,7 +4814,7 @@ const di = {
                   onClick: u[0] || (u[0] = () => i())
                 }, {
                   default: oe(() => [
-                    pe(W(b(ue).rejectProps ? b(ue).rejectProps.label : "Нет"), 1)
+                    pe(j(b(ue).rejectProps ? b(ue).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
@@ -4823,7 +4823,7 @@ const di = {
                   onClick: u[1] || (u[1] = () => n())
                 }, {
                   default: oe(() => [
-                    pe(W(b(ue).acceptProps ? b(ue).acceptProps.label : "Да"), 1)
+                    pe(j(b(ue).acceptProps ? b(ue).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -4835,7 +4835,7 @@ const di = {
       })
     ]));
   }
-}), yi = /* @__PURE__ */ ie(js, [["__scopeId", "data-v-29b6313b"]]), Ws = {
+}), yi = /* @__PURE__ */ ie(Ws, [["__scopeId", "data-v-29b6313b"]]), js = {
   key: 0,
   class: "confirm-popup__header"
 }, Ks = { class: "confirm-popup__header-title" }, Us = {
@@ -4902,8 +4902,8 @@ const di = {
             return { top: 0, left: 0 };
         }
       }, f = (D) => {
-        const j = v(D);
-        return j.top >= B && j.left >= B && j.top + I.height <= window.innerHeight - B && j.left + I.width <= window.innerWidth - B;
+        const W = v(D);
+        return W.top >= B && W.left >= B && W.top + I.height <= window.innerHeight - B && W.left + I.width <= window.innerWidth - B;
       }, h = [$];
       ["bottomright", "bottom", "top", "right", "left", "bottomleft", "topright", "topleft"].forEach((D) => {
         h.includes(D) || h.push(D);
@@ -4957,10 +4957,10 @@ const di = {
               w("div", {
                 class: E(["confirm-popup__arrow", o.value])
               }, null, 2),
-              b(de).header ? (d(), p("div", Ws, [
-                w("h4", Ks, W(b(de).header), 1)
+              b(de).header ? (d(), p("div", js, [
+                w("h4", Ks, j(b(de).header), 1)
               ])) : M("", !0),
-              b(de).message ? (d(), p("p", Us, W(b(de).message), 1)) : M("", !0),
+              b(de).message ? (d(), p("p", Us, j(b(de).message), 1)) : M("", !0),
               w("div", Zs, [
                 K(b(Se), {
                   size: "small",
@@ -4969,7 +4969,7 @@ const di = {
                   onClick: u
                 }, {
                   default: oe(() => [
-                    pe(W(b(de).rejectProps ? b(de).rejectProps.label : "Нет"), 1)
+                    pe(j(b(de).rejectProps ? b(de).rejectProps.label : "Нет"), 1)
                   ]),
                   _: 1
                 }),
@@ -4978,7 +4978,7 @@ const di = {
                   onClick: r
                 }, {
                   default: oe(() => [
-                    pe(W(b(de).acceptProps ? b(de).acceptProps.label : "Да"), 1)
+                    pe(j(b(de).acceptProps ? b(de).acceptProps.label : "Да"), 1)
                   ]),
                   _: 1
                 })
@@ -4994,16 +4994,24 @@ const di = {
   __name: "Drawer",
   props: /* @__PURE__ */ ae({
     position: { default: "left" },
-    width: { default: 300 },
     beforeClose: { type: Function },
-    wrapperNoStyle: { type: Boolean, default: !1 }
+    wrapperNoStyle: { type: Boolean, default: !1 },
+    styleWrapper: {}
   }, {
     open: { type: Boolean },
     openModifiers: {}
   }),
   emits: /* @__PURE__ */ ae(["close"], ["update:open"]),
   setup(e, { expose: l, emit: t }) {
-    const { lockScroll: a, unlockScroll: n } = nt(), i = ce(e, "open"), { zIndex: o } = Je("drawer"), s = T(() => typeof e.width == "number" ? `${e.width}px` : e.width), r = t, u = () => {
+    const { lockScroll: a, unlockScroll: n } = nt(), i = ce(e, "open"), { zIndex: o } = Je("drawer"), s = T(() => {
+      let g = {};
+      return console.log(e.styleWrapper), e.styleWrapper ? g = {
+        ...g,
+        ...e.styleWrapper
+      } : g = {
+        width: "400px"
+      }, g;
+    }), r = t, u = () => {
       i.value = !0;
     }, c = () => {
       e.beforeClose ? e.beforeClose(m) : m();
@@ -5024,14 +5032,15 @@ const di = {
           i.value ? (d(), p("div", {
             key: 0,
             class: E(["drawer", { [`drawer--${g.position}`]: g.position }]),
-            style: le({ "--widthDrawer": s.value, zIndex: b(o)?.zIndex })
+            style: le({ zIndex: b(o)?.zIndex })
           }, [
             w("div", {
               class: "drawer-overlay",
               onClick: _[0] || (_[0] = (y) => c())
             }),
             w("div", {
-              class: E(["drawer-wrapper", { "drawer-wrapper--no-style": g.wrapperNoStyle }])
+              class: E(["drawer-wrapper", { "drawer-wrapper--no-style": g.wrapperNoStyle }]),
+              style: le(s.value)
             }, [
               w("div", Xs, [
                 w("button", {
@@ -5041,7 +5050,7 @@ const di = {
                 ])
               ]),
               ee(g.$slots, "default")
-            ], 2)
+            ], 6)
           ], 6)) : M("", !0)
         ]),
         _: 3
@@ -5086,7 +5095,7 @@ const di = {
             }, [
               w("div", Gs, [
                 ee(u.$slots, "header"),
-                t.value && !n.header ? (d(), p("h2", Js, W(t.value), 1)) : M("", !0),
+                t.value && !n.header ? (d(), p("h2", Js, j(t.value), 1)) : M("", !0),
                 w("button", {
                   text: "",
                   class: "modal__header-close",
@@ -5317,8 +5326,8 @@ const di = {
         disabled: t.value,
         onClick: a
       }, [
-        w("div", sr, W(n.index + 1), 1),
-        w("div", rr, W(n.label), 1)
+        w("div", sr, j(n.index + 1), 1),
+        w("div", rr, j(n.label), 1)
       ], 8, ar),
       b(l)?.isLastItem(n.index) ? M("", !0) : (d(), p("div", {
         key: 0,
@@ -5499,7 +5508,7 @@ const di = {
             style: le({ ...o.value, zIndex: b(r)?.zIndex }),
             role: "tooltip"
           }, [
-            w("div", br, W($.content), 1),
+            w("div", br, j($.content), 1),
             $.showArrow ? (d(), p("div", {
               key: 0,
               class: "tooltip__arrow",
@@ -5588,12 +5597,12 @@ const di = {
       !i.value || !n.value || fe(() => {
         const k = u(i.value);
         c.value = k + 10;
-        const v = i.value.getBoundingClientRect(), f = window.innerHeight, h = window.innerWidth, V = f - v.bottom, A = v.top, D = V < 200 && A > V, j = Math.max(100, v.width);
+        const v = i.value.getBoundingClientRect(), f = window.innerHeight, h = window.innerWidth, V = f - v.bottom, A = v.top, D = V < 200 && A > V, W = Math.max(100, v.width);
         let H = v.left;
-        H + j > h && (H = Math.max(0, h - j - 10)), s.value = {
+        H + W > h && (H = Math.max(0, h - W - 10)), s.value = {
           position: "fixed",
           left: `${H}px`,
-          width: `${j}px`,
+          width: `${W}px`,
           maxHeight: "200px"
         }, D ? s.value.bottom = `${f - v.top + 4}px` : s.value.top = `${v.bottom + 4}px`;
       });
@@ -5627,8 +5636,8 @@ const di = {
             key: 0,
             value: m.value
           }, () => [
-            w("span", $r, W(m.value), 1)
-          ], !0) : (d(), p("span", Sr, W(k.placeholder), 1))
+            w("span", $r, j(m.value), 1)
+          ], !0) : (d(), p("span", Sr, j(k.placeholder), 1))
         ]),
         w("div", {
           class: E(["time-picker__arrow", { "time-picker__arrow--rotated": n.value }])
@@ -5769,14 +5778,14 @@ const di = {
       !i.value || !n.value || fe(() => {
         const v = c(i.value);
         m.value = v + 10;
-        const f = i.value.getBoundingClientRect(), h = window.innerHeight, V = window.innerWidth, A = h - f.bottom, z = f.top, j = A < 400 && z > A, H = Math.max(300, f.width);
+        const f = i.value.getBoundingClientRect(), h = window.innerHeight, V = window.innerWidth, A = h - f.bottom, z = f.top, W = A < 400 && z > A, H = Math.max(300, f.width);
         let q = f.left;
         q + H > V && (q = Math.max(0, V - H - 10)), s.value = {
           position: "fixed",
           left: `${q}px`,
           width: `${H}px`,
           maxHeight: "400px"
-        }, j ? s.value.bottom = `${h - f.top + 4}px` : s.value.top = `${f.bottom + 4}px`;
+        }, W ? s.value.bottom = `${h - f.top + 4}px` : s.value.top = `${f.bottom + 4}px`;
       });
     }
     function k(v) {
@@ -5793,7 +5802,7 @@ const di = {
     }), (v, f) => (d(), p("div", {
       class: E(["schedule", { "schedule--disabled": v.disabled }])
     }, [
-      v.label ? (d(), p("label", Rr, W(v.label), 1)) : M("", !0),
+      v.label ? (d(), p("label", Rr, j(v.label), 1)) : M("", !0),
       w("div", {
         ref_key: "scheduleTrigger",
         ref: i,
@@ -5808,8 +5817,8 @@ const di = {
             key: 0,
             value: g.value
           }, () => [
-            w("span", Ar, W(g.value), 1)
-          ], !0) : (d(), p("span", Or, W(v.placeholder), 1))
+            w("span", Ar, j(g.value), 1)
+          ], !0) : (d(), p("span", Or, j(v.placeholder), 1))
         ]),
         w("div", {
           class: E(["schedule__arrow", { "schedule__arrow--rotated": n.value }])
@@ -5872,7 +5881,7 @@ const di = {
         ]),
         _: 3
       }, 8, ["show", "z-index"]),
-      v.error && v.errorText ? (d(), p("div", zr, W(v.errorText), 1)) : M("", !0)
+      v.error && v.errorText ? (d(), p("div", zr, j(v.errorText), 1)) : M("", !0)
     ], 2));
   }
 }), Bi = /* @__PURE__ */ ie(Hr, [["__scopeId", "data-v-6bc2ddc4"]]);