@milaboratories/uikit 2.0.0 → 2.0.1

package/dist/pl-uikit.js

@@ -1,7 +1,7 @@
 var Ss = Object.defineProperty;
 var Es = (t, e, n) => e in t ? Ss(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var Tn = (t, e, n) => Es(t, typeof e != "symbol" ? e + "" : e, n);
-import { defineComponent as z, reactive as pe, ref as L, openBlock as d, createElementBlock as p, normalizeClass as W, withModifiers as ie, renderSlot as q, onMounted as he, unref as x, onUnmounted as Oe, watchEffect as dn, createElementVNode as h, createTextVNode as m, createCommentVNode as T, toDisplayString as j, normalizeStyle as te, computed as g, nextTick as xe, watchPostEffect as Lt, createBlock as Y, Fragment as le, renderList as de, createVNode as re, withCtx as ne, mergeProps as me, h as cn, render as Sn, inject as Rs, resolveDynamicComponent as Ln, watch as ae, provide as Nn, useSlots as _e, toRef as pn, Teleport as fn, Transition as mn, withKeys as He, normalizeProps as Os, guardReactiveProps as Bs, onUpdated as hn, onBeforeUnmount as Ds, withDirectives as be, vModelText as Ue, useCssVars as Ps, vShow as St, createSlots as Ms, useAttrs as zn, getCurrentScope as As, onScopeDispose as Is, readonly as js } from "vue";
+import { defineComponent as z, reactive as pe, ref as L, openBlock as d, createElementBlock as p, normalizeClass as W, withModifiers as ie, renderSlot as q, onMounted as he, unref as x, onUnmounted as Oe, watchEffect as dn, createElementVNode as h, createTextVNode as m, createCommentVNode as T, toDisplayString as j, normalizeStyle as te, computed as g, nextTick as xe, watchPostEffect as Lt, createBlock as Y, Fragment as le, renderList as de, createVNode as re, withCtx as ne, mergeProps as me, h as cn, render as Sn, inject as Rs, resolveDynamicComponent as Ln, watch as ae, provide as Nn, useSlots as be, toRef as pn, Teleport as fn, Transition as mn, withKeys as He, normalizeProps as Os, guardReactiveProps as Bs, onUpdated as hn, onBeforeUnmount as Ds, withDirectives as _e, vModelText as Ue, useCssVars as Ps, vShow as St, createSlots as Ms, useAttrs as zn, getCurrentScope as As, onScopeDispose as Is, readonly as js } from "vue";
 const Fs = 10, Ls = 30, Ns = [
   {
     text: "Delete row",
@@ -264,10 +264,10 @@ function yo(t, e) {
   return Object.keys(e).every((n) => t[n] === e[n]);
 }
 const gn = (t) => t;
-function _o(t) {
+function bo(t) {
   return t;
 }
-function bo(t) {
+function _o(t) {
   return Object.entries(t).map(([e, n]) => ({
     key: e,
     value: n
@@ -279,7 +279,7 @@ const Ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Interval: co,
   alike: yo,
   arrayFrom: po,
-  asConst: _o,
+  asConst: bo,
   async: so,
   between: Hn,
   bool: Js,
@@ -308,7 +308,7 @@ const Ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   times: uo,
   toList: qn,
   undef: Xs,
-  unionize: bo,
+  unionize: _o,
   uniqueValues: Qs,
   unwrap: vo
 }, Symbol.toStringTag, { value: "Module" }));
@@ -863,7 +863,7 @@ const Yt = 40, Vf = /* @__PURE__ */ z({
       return O.map((y, v) => v == O.length - 1 ? D ? "minmax(100px, 1fr)" : y.width ?? "minmax(100px, 1fr)" : Z[v] ? Z[v].width + "px" : y.width ?? "140px").join(" ");
     }), $ = g(() => ({
       gridColumn: "1 / " + x(c).length + 1
-    })), b = g(() => x(c).reduce(
+    })), _ = g(() => x(c).reduce(
       (Z, O) => (Z[O.name] = O.justify ? "justify-" + O.justify : "", Z),
       {}
     )), C = g(() => {
@@ -887,7 +887,7 @@ const Yt = 40, Vf = /* @__PURE__ */ z({
             colName: A,
             rowIndex: w,
             value: V[A],
-            class: b.value[A] + (w === r.rowIndex ? " hovered" : ""),
+            class: _.value[A] + (w === r.rowIndex ? " hovered" : ""),
             slot: N.slot,
             editable: N.editable
           };
@@ -905,11 +905,11 @@ const Yt = 40, Vf = /* @__PURE__ */ z({
         Z.scrollLeft = ((O = a.value) == null ? void 0 : O.scrollLeft) ?? 0;
       });
     }
-    const _ = rs(() => {
+    const b = rs(() => {
       var Z;
       r.scrollTop = ((Z = a.value) == null ? void 0 : Z.scrollTop) ?? 0;
     }, 10), B = () => {
-      P(), _();
+      P(), b();
     };
     function X(Z) {
       const O = c.value.findIndex((y) => y.name === Z);
@@ -1013,7 +1013,7 @@ const Yt = 40, Vf = /* @__PURE__ */ z({
       ], 544)
     ], 544));
   }
-}), _r = { class: "context-menu" }, br = ["onClick"], wr = /* @__PURE__ */ z({
+}), br = { class: "context-menu" }, _r = ["onClick"], wr = /* @__PURE__ */ z({
   __name: "Menu",
   props: {
     options: {}
@@ -1023,13 +1023,13 @@ const Yt = 40, Vf = /* @__PURE__ */ z({
     const n = e, o = (s) => {
       s.cb(), n("close");
     };
-    return (s, r) => (d(), p("div", _r, [
+    return (s, r) => (d(), p("div", br, [
       (d(!0), p(le, null, de(s.options, (l, i) => (d(), p("div", {
         key: i,
         onClick: ie((a) => o(l), ["stop"])
       }, [
         h("span", null, j(l.text), 1)
-      ], 8, br))), 128))
+      ], 8, _r))), 128))
     ]));
   }
 }), kr = /* @__PURE__ */ Ne(wr, [["__scopeId", "data-v-12530966"]]);
@@ -1061,8 +1061,8 @@ const ls = Symbol(), Nt = () => Rs(ls), xr = ["value"], $r = { key: 1 }, Cr = /*
     const n = e, o = t, s = pe({
       edit: !1
     }), r = g(() => o.valueType), l = (u) => {
-      var b;
-      let c = (b = u.target) == null ? void 0 : b.value;
+      var _;
+      let c = (_ = u.target) == null ? void 0 : _.value;
       const f = x(r), $ = Un(() => f === "integer" ? parseInt(c, 10) : f === "float" ? Number(c) : c);
       n("update:modelValue", $), s.edit = !1;
     }, i = L(), a = (u) => {
@@ -1106,8 +1106,8 @@ const ls = Symbol(), Nt = () => Rs(ls), xr = ["value"], $r = { key: 1 }, Cr = /*
         u.preventDefault();
       else
         return;
-      const f = n.settings ?? {}, $ = [], { onSelectedRows: b, onSelectedColumns: C } = f.value, R = n.data.selectedRows.has(c.primaryKey);
-      b && b.length && (R ? $.push({
+      const f = n.settings ?? {}, $ = [], { onSelectedRows: _, onSelectedColumns: C } = f.value, R = n.data.selectedRows.has(c.primaryKey);
+      _ && _.length && (R ? $.push({
         text: "Deselect row",
         cb() {
           n.data.selectedRows.delete(e.cell.row.primaryKey);
@@ -1553,10 +1553,10 @@ function ri(t) {
     tableColumns: i,
     tableRows: a,
     adjustWidth: () => {
-      const f = e.columns.reduce((b, C) => b + C.width + Qe, 0), $ = e.bodyWidth + e.scrollLeft;
+      const f = e.columns.reduce((_, C) => _ + C.width + Qe, 0), $ = e.bodyWidth + e.scrollLeft;
       if (f < $) {
-        const b = e.columns[e.columns.length - 1];
-        b.width = b.width + ($ - f);
+        const _ = e.columns[e.columns.length - 1];
+        _.width = _.width + ($ - f);
       }
     },
     updateOffsets(f) {
@@ -1587,8 +1587,8 @@ function ri(t) {
       e.scrollLeft = at(f, 0, r.value);
     },
     updateBodyHeight() {
-      const { height: f } = t.settings, { dataHeight: $ } = e, b = f > $ ? $ : f;
-      e.bodyHeight = b;
+      const { height: f } = t.settings, { dataHeight: $ } = e, _ = f > $ ? $ : f;
+      e.bodyHeight = _;
     },
     updateDimensions(f) {
       this.updateBodyHeight(), c.data.bodyWidth = f.width, c.adjustWidth(), e.rows = [], e.currentWindow = void 0;
@@ -1597,8 +1597,8 @@ function ri(t) {
   return ae(
     l,
     (f, $) => {
-      const b = f.current;
-      (!b || f.scrollTop < b.scrollTop || f.scrollTop + f.bodyHeight > b.bodyHeight + b.scrollTop) && (e.currentWindow = {
+      const _ = f.current;
+      (!_ || f.scrollTop < _.scrollTop || f.scrollTop + f.bodyHeight > _.bodyHeight + _.scrollTop) && (e.currentWindow = {
         scrollTop: f.scrollTop - On,
         bodyHeight: f.bodyHeight + On * 2
       }, oi(dt(e.currentWindow), n.value.dataSource).then(({ rows: R, dataWindow: P }) => {
@@ -1611,7 +1611,7 @@ function ri(t) {
 const ii = { class: "command-menu__container" }, li = {
   key: 0,
   class: "table-body__no-data"
-}, ai = { class: "carets" }, _n = /* @__PURE__ */ z({
+}, ai = { class: "carets" }, bn = /* @__PURE__ */ z({
   __name: "TableComponent",
   props: {
     settings: {}
@@ -1626,7 +1626,7 @@ const ii = { class: "command-menu__container" }, li = {
       Le(u.value, (R) => {
         s.updateDimensions(R.getBoundingClientRect());
       });
-    }, f = s.tableColumns, $ = s.tableRows, { mouseDown: b } = Wr(s, i);
+    }, f = s.tableColumns, $ = s.tableRows, { mouseDown: _ } = Wr(s, i);
     he(() => {
       xe(c);
     }), Lt(() => {
@@ -1640,7 +1640,7 @@ const ii = { class: "command-menu__container" }, li = {
       ref: i,
       class: "data-table",
       onMousedown: P[2] || (P[2] = //@ts-ignore
-      (..._) => x(b) && x(b)(..._))
+      (...b) => x(_) && x(_)(...b))
     }, [
       h("div", ii, [
         re(Gr),
@@ -1655,10 +1655,10 @@ const ii = { class: "command-menu__container" }, li = {
       }, [
         re(Pr, null, {
           default: ne(() => [
-            (d(!0), p(le, null, de(x(f), (_, B) => (d(), Y(jr, {
+            (d(!0), p(le, null, de(x(f), (b, B) => (d(), Y(jr, {
               key: B,
-              col: _,
-              style: te(_.style),
+              col: b,
+              style: te(b.style),
               "onChange:sort": P[0] || (P[0] = (X) => R.$emit("change:sort", X))
             }, null, 8, ["col", "style"]))), 128))
           ]),
@@ -1681,12 +1681,12 @@ const ii = { class: "command-menu__container" }, li = {
           ])
         ])) : T("", !0),
         P[6] || (P[6] = m()),
-        (d(!0), p(le, null, de(x($), (_, B) => (d(), Y(Fr, {
+        (d(!0), p(le, null, de(x($), (b, B) => (d(), Y(Fr, {
           key: B,
-          row: _
+          row: b
         }, {
           default: ne(() => [
-            (d(!0), p(le, null, de(_.cells, (X) => (d(), Y(Sr, {
+            (d(!0), p(le, null, de(b.cells, (X) => (d(), Y(Sr, {
               key: X.column.id + ":" + B,
               cell: X,
               style: te(X.style)
@@ -1697,10 +1697,10 @@ const ii = { class: "command-menu__container" }, li = {
       ], 36),
       P[9] || (P[9] = m()),
       h("div", ai, [
-        (d(!0), p(le, null, de(x(f), (_, B) => (d(), Y(Lr, {
+        (d(!0), p(le, null, de(x(f), (b, B) => (d(), Y(Lr, {
           key: B,
-          column: _,
-          style: te(_.style),
+          column: b,
+          style: te(b.style),
           "onChange:sort": P[1] || (P[1] = (X) => R.$emit("change:sort", X))
         }, null, 8, ["column", "style"]))), 128))
       ]),
@@ -1773,33 +1773,33 @@ function ci(t) {
   return Object.freeze(t);
 }
 function pi(t) {
-  return cn(_n, { settings: Object.freeze(t) });
+  return cn(bn, { settings: Object.freeze(t) });
 }
-function bn(t, e) {
+function _n(t, e) {
   const n = new ui(t, e.resolveRowHeight, e.resolvePrimaryKey);
   return { ...e, dataSource: n };
 }
 function fi(t, e) {
   return g(() => {
     const n = x(t);
-    return bn(n, x(e));
+    return _n(n, x(e));
   });
 }
 function mi(t, e) {
   const n = g(() => {
     const s = x(t);
-    return bn(s, x(e));
+    return _n(s, x(e));
   }), o = pe({
     settings: n
   });
-  return g(() => cn(_n, o));
+  return g(() => cn(bn, o));
 }
 const Tf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AsyncData: di,
-  Component: _n,
+  Component: bn,
   factory: pi,
-  rawDataSettings: bn,
+  rawDataSettings: _n,
   settings: ci,
   useRawData: fi,
   useRawDataComponent: mi
@@ -1821,7 +1821,7 @@ function gi(t) {
 function yi(t, e) {
   e == null ? localStorage.removeItem(t) : localStorage.setItem(t, e);
 }
-function _i(t) {
+function bi(t) {
   const e = gi(t);
   return ae(e, (n) => yi(t, n)), e;
 }
@@ -1829,7 +1829,7 @@ const nn = /* @__PURE__ */ new Set();
 window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (t) => {
   vi(hi(nn.values(), (e) => e(t.matches ? "dark" : "light")));
 });
-const bi = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Dn = L(bi), Xt = _i("theme");
+const _i = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Dn = L(_i), Xt = bi("theme");
 function wi(t) {
   const e = g(() => Xt.value ? Xt.value : Dn.value), n = (s) => {
     Dn.value = s, t && t(s);
@@ -1865,7 +1865,7 @@ const Sf = /* @__PURE__ */ z({
 }, Ef = /* @__PURE__ */ z({
   ...Ti,
   setup(t) {
-    const e = _e();
+    const e = be();
     return (n, o) => (d(), p("div", ki, [
       x(e).title ? (d(), p("div", xi, [
         h("h1", null, [
@@ -2157,7 +2157,7 @@ const ji = { key: 0 }, Fi = {
     justifyCenter: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, n = g(() => e.size === "small"), o = g(() => e.size === "large"), s = L(), r = _e();
+    const e = t, n = g(() => e.size === "small"), o = g(() => e.size === "large"), s = L(), r = be();
     return as(s), (l, i) => (d(), p("button", me({
       ref_key: "btnRef",
       ref: s,
@@ -2330,8 +2330,8 @@ const nl = /* @__PURE__ */ Ne(Qi, [["render", tl]]), Jt = /* @__PURE__ */ new Ma
         R && u();
       }
     );
-    const $ = L(), b = L(), C = Gi($, pn(s));
-    return wn([$, b], () => u()), Oe(() => {
+    const $ = L(), _ = L(), C = Gi($, pn(s));
+    return wn([$, _], () => u()), Oe(() => {
       Jt.delete(o);
     }), (R, P) => (d(), Y(Ln(R.element), me(R.$attrs, {
       ref_key: "rootRef",
@@ -2356,7 +2356,7 @@ const nl = /* @__PURE__ */ Ne(Qi, [["render", tl]]), Jt = /* @__PURE__ */ new Ma
               }, [
                 h("div", {
                   ref_key: "tooltip",
-                  ref: b,
+                  ref: _,
                   class: W(["pl-tooltip", R.position]),
                   onMouseover: c,
                   onMouseleave: f
@@ -2404,7 +2404,7 @@ const ll = /* @__PURE__ */ Ne(ol, [["render", il]]), al = { key: 0 }, ul = ["tab
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = (i) => o("update:modelValue", i), r = t, l = g(
+    const n = be(), o = e, s = (i) => o("update:modelValue", i), r = t, l = g(
       () => r.options.map((i) => ({
         label: "label" in i ? i.label : i.text,
         value: i.value
@@ -2496,10 +2496,10 @@ function gl(t, e) {
 function ps(t, e) {
   return g(() => gl(t.value, e));
 }
-const yl = { class: "ui-text-field__envelope" }, _l = {
+const yl = { class: "ui-text-field__envelope" }, bl = {
   key: 0,
   ref: "label"
-}, bl = {
+}, _l = {
   key: 0,
   class: "required-icon"
 }, wl = {
@@ -2530,7 +2530,7 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = L(void 0), l = L(), i = g({
+    const n = be(), o = e, s = t, r = L(void 0), l = L(), i = g({
       get() {
         return s.modelValue ?? "";
       },
@@ -2542,20 +2542,20 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
     }, u = ps(i, s.rules || []), c = g(() => s.clearable ? s.clearable === !0 ? s.modelValue === "" : s.modelValue === s.clearable() : s.modelValue === ""), f = g(() => !c.value), $ = g(() => {
       const C = [];
       return s.error && C.push(s.error), u.value.isValid || C.push(...u.value.errors), C;
-    }), b = g(() => $.value.length > 0);
+    }), _ = g(() => $.value.length > 0);
     return ot(r), (C, R) => (d(), p("div", yl, [
       h("div", {
         ref_key: "rootRef",
         ref: r,
         class: W(["ui-text-field", {
-          error: b.value,
+          error: _.value,
           disabled: C.disabled,
           dashed: C.dashed,
           nonEmpty: f.value
         }])
       }, [
-        C.label ? (d(), p("label", _l, [
-          C.required ? (d(), p("i", bl)) : T("", !0),
+        C.label ? (d(), p("label", bl, [
+          C.required ? (d(), p("i", _l)) : T("", !0),
           R[1] || (R[1] = m()),
           h("span", null, j(C.label), 1),
           R[2] || (R[2] = m()),
@@ -2573,7 +2573,7 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
         R[4] || (R[4] = m()),
         C.prefix ? (d(), p("div", wl, j(C.prefix), 1)) : T("", !0),
         R[5] || (R[5] = m()),
-        be(h("input", {
+        _e(h("input", {
           ref_key: "inputRef",
           ref: l,
           "onUpdate:modelValue": R[0] || (R[0] = (P) => i.value = P),
@@ -2598,7 +2598,7 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
         re(st, { class: "ui-text-field__contour" })
       ], 2),
       R[8] || (R[8] = m()),
-      b.value ? (d(), p("div", $l, j($.value.join(" ")), 1)) : C.helper ? (d(), p("div", Cl, j(C.helper), 1)) : T("", !0)
+      _.value ? (d(), p("div", $l, j($.value.join(" ")), 1)) : C.helper ? (d(), p("div", Cl, j(C.helper), 1)) : T("", !0)
     ]));
   }
 }), Sl = { class: "ui-text-area__envelope" }, El = {
@@ -2633,36 +2633,36 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = L(), l = L(), i = g({
+    const n = be(), o = e, s = t, r = L(), l = L(), i = g({
       get() {
         return s.modelValue ?? "";
       },
-      set(b) {
-        o("update:modelValue", b);
+      set(_) {
+        o("update:modelValue", _);
       }
     }), a = g(() => !!s.modelValue), u = ps(i, s.rules || []);
     ot(r);
     const c = g(() => {
-      const b = [];
-      return s.error && b.push(s.error), b.push(...u.value.errors), b;
+      const _ = [];
+      return s.error && _.push(s.error), _.push(...u.value.errors), _;
     }), f = g(() => c.value.length > 0), $ = () => {
       if (!s.autogrow)
         return;
-      const b = l.value;
-      b && (b.style.height = "auto", b.style.height = `${b.scrollHeight}px`);
+      const _ = l.value;
+      _ && (_.style.height = "auto", _.style.height = `${_.scrollHeight}px`);
     };
     return he(() => {
       $();
-    }), (b, C) => (d(), p("div", Sl, [
+    }), (_, C) => (d(), p("div", Sl, [
       h("div", {
         ref_key: "root",
         ref: r,
-        class: W(["ui-text-area", { error: f.value, disabled: b.disabled, dashed: b.dashed, nonEmpty: a.value }])
+        class: W(["ui-text-area", { error: f.value, disabled: _.disabled, dashed: _.dashed, nonEmpty: a.value }])
       }, [
-        b.label ? (d(), p("label", El, [
-          b.required ? (d(), p("i", Rl)) : T("", !0),
+        _.label ? (d(), p("label", El, [
+          _.required ? (d(), p("i", Rl)) : T("", !0),
           C[1] || (C[1] = m()),
-          h("span", null, j(b.label), 1),
+          h("span", null, j(_.label), 1),
           C[2] || (C[2] = m()),
           x(n).tooltip ? (d(), Y(x(Te), {
             key: 1,
@@ -2670,20 +2670,20 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
             position: "top"
           }, {
             tooltip: ne(() => [
-              q(b.$slots, "tooltip")
+              q(_.$slots, "tooltip")
             ]),
             _: 3
           })) : T("", !0)
         ], 512)) : T("", !0),
         C[3] || (C[3] = m()),
-        be(h("textarea", {
+        _e(h("textarea", {
           ref_key: "input",
           ref: l,
           "onUpdate:modelValue": C[0] || (C[0] = (R) => i.value = R),
-          readonly: b.readonly,
-          rows: b.rows,
-          disabled: b.disabled,
-          placeholder: b.placeholder ?? "...",
+          readonly: _.readonly,
+          rows: _.rows,
+          disabled: _.disabled,
+          placeholder: _.placeholder ?? "...",
           spellcheck: "false",
           onInput: $
         }, null, 40, Ol), [
@@ -2691,13 +2691,13 @@ const yl = { class: "ui-text-field__envelope" }, _l = {
         ]),
         C[4] || (C[4] = m()),
         h("div", Bl, [
-          q(b.$slots, "append")
+          q(_.$slots, "append")
         ]),
         C[5] || (C[5] = m()),
         re(st, { class: "ui-text-area__contour" })
       ], 2),
       C[6] || (C[6] = m()),
-      f.value ? (d(), p("div", Dl, j(c.value.join(" ")), 1)) : b.helper ? (d(), p("div", Pl, j(b.helper), 1)) : T("", !0)
+      f.value ? (d(), p("div", Dl, j(c.value.join(" ")), 1)) : _.helper ? (d(), p("div", Pl, j(_.helper), 1)) : T("", !0)
     ]));
   }
 });
@@ -2856,19 +2856,19 @@ const jl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = e, o = t, s = _e(), r = L(), l = L(), i = L(), a = pe({
+    const n = e, o = t, s = be(), r = L(), l = L(), i = L(), a = pe({
       search: "",
       activeIndex: -1,
       open: !1
     }), u = () => Zt(
-      _.value.findIndex((w) => $e(w.value, o.modelValue)),
+      b.value.findIndex((w) => $e(w.value, o.modelValue)),
       (w) => w < 0 ? 0 : w
     ), c = () => a.activeIndex = u(), f = g(() => o.options.findIndex((w) => $e(w.value, o.modelValue))), $ = g(() => {
       if (o.error)
         return o.error;
       if (o.modelValue !== void 0 && f.value === -1)
         return "The selected value is not one of the options";
-    }), b = g(
+    }), _ = g(
       () => ct(o.options).map((w, E) => ({
         ...w,
         index: E,
@@ -2876,10 +2876,10 @@ const jl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
         isActive: E === a.activeIndex
       }))
     ), C = g(() => {
-      const E = x(b).find((F) => $e(F.value, o.modelValue));
+      const E = x(_).find((F) => $e(F.value, o.modelValue));
       return (E == null ? void 0 : E.label) || o.modelValue;
-    }), R = g(() => !a.open && o.modelValue ? "" : o.modelValue ? String(C.value) : o.placeholder), P = g(() => o.modelValue !== void 0 && o.modelValue !== null), _ = g(() => {
-      const w = b.value;
+    }), R = g(() => !a.open && o.modelValue ? "" : o.modelValue ? String(C.value) : o.placeholder), P = g(() => o.modelValue !== void 0 && o.modelValue !== null), b = g(() => {
+      const w = _.value;
       return a.search ? w.filter((E) => {
         const F = a.search.toLowerCase();
         return E.label.toLowerCase().includes(F) || E.description && E.description.toLowerCase().includes(F) ? !0 : typeof E.value == "string" ? E.value.toLowerCase().includes(F) : E.value === a.search;
@@ -2910,12 +2910,12 @@ const jl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
         return;
       }
       w.code === "Escape" && (a.open = !1, (Ke = r.value) == null || Ke.focus());
-      const U = x(_), { length: N } = U;
+      const U = x(b), { length: N } = U;
       if (!N)
         return;
       w.code === "Enter" && X((Tt = U.find((Ut) => Ut.index === F)) == null ? void 0 : Tt.value);
       const A = U.findIndex((Ut) => Ut.index === F) ?? -1, oe = w.code === "ArrowDown" ? 1 : w.code === "ArrowUp" ? -1 : 0, se = Math.abs(A + oe + N) % N;
-      a.activeIndex = _.value[se].index ?? -1;
+      a.activeIndex = b.value[se].index ?? -1;
     };
     return ot(r), ae(() => o.modelValue, c, { immediate: !0 }), ae(
       () => a.open,
@@ -2936,7 +2936,7 @@ const jl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
       }, [
         h("div", Kl, [
           h("div", Yl, [
-            be(h("input", {
+            _e(h("input", {
               ref_key: "input",
               ref: i,
               "onUpdate:modelValue": E[0] || (E[0] = (F) => a.search = F),
@@ -3011,7 +3011,7 @@ const jl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
             ref: l,
             class: "ui-dropdown__options"
           }, [
-            (d(!0), p(le, null, de(_.value, (F, U) => (d(), Y($n, {
+            (d(!0), p(le, null, de(b.value, (F, U) => (d(), Y($n, {
               key: U,
               option: F,
               "is-selected": F.isSelected,
@@ -3020,7 +3020,7 @@ const jl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
               onClick: ie((N) => X(F.value), ["stop"])
             }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128)),
             E[7] || (E[7] = m()),
-            _.value.length ? T("", !0) : (d(), p("div", ea, "Nothing found"))
+            b.value.length ? T("", !0) : (d(), p("div", ea, "Nothing found"))
           ], 512)) : T("", !0),
           E[10] || (E[10] = m()),
           re(st, { class: "ui-dropdown__contour" })
@@ -3158,7 +3158,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
         }
       }
       return "";
-    }), $ = L(f.value), b = g(() => s.isOpen && a.value && a.value.length >= f.value.length - 1 ? a.value : f.value || "...");
+    }), $ = L(f.value), _ = g(() => s.isOpen && a.value && a.value.length >= f.value.length - 1 ? a.value : f.value || "...");
     wn(r, () => {
       o.mode === "list" && (s.isOpen = !1);
     }), ae(
@@ -3189,7 +3189,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
     function P() {
       a.value = "";
     }
-    function _() {
+    function b() {
       o.disabled ? s.isOpen = !1 : xe(() => {
         s.isOpen = !s.isOpen;
       });
@@ -3236,24 +3236,24 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
       class: W([i.value, "ui-line-dropdown uc-pointer"]),
       onKeydown: D,
       onFocusout: O,
-      onClick: _
+      onClick: b
     }, [
       h("div", ca, j(o == null ? void 0 : o.prefix), 1),
       V[6] || (V[6] = m()),
       re(aa, {
         modelValue: $.value,
         "onUpdate:modelValue": V[0] || (V[0] = (w) => $.value = w),
-        placeholder: b.value,
+        placeholder: _.value,
         disabled: o.disabled,
         class: "ui-line-dropdown__input"
       }, null, 8, ["modelValue", "placeholder", "disabled"]),
       V[7] || (V[7] = m()),
       h("div", pa, [
-        be(h("div", fa, null, 512), [
+        _e(h("div", fa, null, 512), [
           [St, !c.value]
         ]),
         V[1] || (V[1] = m()),
-        be(h("div", {
+        _e(h("div", {
           class: "ui-line-dropdown__icon-clear",
           onClick: v
         }, null, 512), [
@@ -3261,7 +3261,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
         ])
       ]),
       V[8] || (V[8] = m()),
-      o.mode === "list" ? be((d(), p("div", {
+      o.mode === "list" ? _e((d(), p("div", {
         key: 0,
         ref_key: "list",
         ref: l,
@@ -3292,7 +3292,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
         [St, s.isOpen]
       ]) : T("", !0),
       V[9] || (V[9] = m()),
-      o.mode === "tabs" ? be((d(), p("div", {
+      o.mode === "tabs" ? _e((d(), p("div", {
         key: 1,
         ref_key: "list",
         ref: l,
@@ -3325,7 +3325,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
 }), va = {
   key: 0,
   class: "ui-progress-bar"
-}, ga = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, ya = { class: "ui-progress-bar__message flex-grow-1" }, _a = { class: "ui-progress-bar__percent" }, Zf = /* @__PURE__ */ z({
+}, ga = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, ya = { class: "ui-progress-bar__message flex-grow-1" }, ba = { class: "ui-progress-bar__percent" }, Zf = /* @__PURE__ */ z({
   __name: "PlProgressBar",
   props: {
     loading: { type: Boolean },
@@ -3343,11 +3343,11 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
       h("div", ga, [
         h("div", ya, j(n.value), 1),
         s[0] || (s[0] = m()),
-        h("div", _a, j(o.progress + "%"), 1)
+        h("div", ba, j(o.progress + "%"), 1)
       ])
     ])) : T("", !0);
   }
-}), ba = { class: "mi-number-field__main-wrapper d-flex" }, wa = { class: "mi-number-field__wrapper flex-grow d-flex flex-align-center" }, ka = {
+}), _a = { class: "mi-number-field__main-wrapper d-flex" }, wa = { class: "mi-number-field__wrapper flex-grow d-flex flex-align-center" }, ka = {
   key: 0,
   class: "text-description"
 }, xa = ["disabled", "placeholder"], $a = { class: "mi-number-field__icons d-flex-column" }, Ca = {
@@ -3368,76 +3368,76 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = t, o = e, s = L(), r = _e(), l = L();
+    const n = t, o = e, s = L(), r = be(), l = L();
     ot(s);
     const i = L(!0), a = g({
       get() {
         return i.value && n.modelValue !== void 0 ? new Number(n.modelValue).toString() : "";
       },
-      set(_) {
+      set(b) {
         var B;
-        _ = _.replace(/,/g, ""), $(_) ? (o("update:modelValue", +_), _.toString() !== ((B = n.modelValue) == null ? void 0 : B.toString()) && +_ === n.modelValue && _[_.length - 1] !== "." && (i.value = !1, xe(() => {
+        b = b.replace(/,/g, ""), $(b) ? (o("update:modelValue", +b), b.toString() !== ((B = n.modelValue) == null ? void 0 : B.toString()) && +b === n.modelValue && b[b.length - 1] !== "." && (i.value = !1, xe(() => {
           i.value = !0;
-        }))) : (_.trim() === "" && o("update:modelValue", void 0), i.value = !1, xe(() => {
+        }))) : (b.trim() === "" && o("update:modelValue", void 0), i.value = !1, xe(() => {
           i.value = !0;
         }));
       }
     }), u = g(() => {
-      let _ = [];
-      return n.errorMessage && _.push(n.errorMessage), $(n.modelValue) ? (n.minValue !== void 0 && n.modelValue !== void 0 && n.modelValue < n.minValue && _.push(`Model value must be higher than ${n.minValue}`), n.maxValue !== void 0 && n.modelValue !== void 0 && n.modelValue > n.maxValue && _.push(`Model value must be less than ${n.maxValue}`)) : _.push("Model value is not a number."), _ = [..._], _.join(" ");
+      let b = [];
+      return n.errorMessage && b.push(n.errorMessage), $(n.modelValue) ? (n.minValue !== void 0 && n.modelValue !== void 0 && n.modelValue < n.minValue && b.push(`Model value must be higher than ${n.minValue}`), n.maxValue !== void 0 && n.modelValue !== void 0 && n.modelValue > n.maxValue && b.push(`Model value must be less than ${n.maxValue}`)) : b.push("Model value is not a number."), b = [...b], b.join(" ");
     }), c = g(() => !!(n.maxValue && n.modelValue !== void 0 && (n.modelValue || 0) + n.step > n.maxValue)), f = g(() => !!(n.minValue && n.modelValue !== void 0 && (n.modelValue || 0) - n.step < n.minValue));
-    function $(_) {
-      return _ !== void 0 ? (_ = _ == null ? void 0 : _.toString(), !isNaN(+_) && !isNaN(parseFloat(_))) : !1;
+    function $(b) {
+      return b !== void 0 ? (b = b == null ? void 0 : b.toString(), !isNaN(+b) && !isNaN(parseFloat(b))) : !1;
     }
-    function b() {
+    function _() {
       if (!c.value) {
-        let _ = 0;
-        n.modelValue === void 0 ? _ = n.minValue ? n.minValue : 0 : _ = +(n.modelValue || 0) + n.step, a.value = _.toString();
+        let b = 0;
+        n.modelValue === void 0 ? b = n.minValue ? n.minValue : 0 : b = +(n.modelValue || 0) + n.step, a.value = b.toString();
       }
     }
     function C() {
       if (!f.value) {
-        let _ = 0;
-        n.modelValue === void 0 ? _ = 0 : _ = +(n.modelValue || 0) - n.step, a.value = n.minValue ? Math.max(n.minValue, _).toString() : _.toString();
+        let b = 0;
+        n.modelValue === void 0 ? b = 0 : b = +(n.modelValue || 0) - n.step, a.value = n.minValue ? Math.max(n.minValue, b).toString() : b.toString();
       }
     }
-    function R(_) {
-      ["ArrowDown", "ArrowUp"].includes(_.code) && _.preventDefault(), _.code === "ArrowUp" ? b() : _.code === "ArrowDown" && C();
+    function R(b) {
+      ["ArrowDown", "ArrowUp"].includes(b.code) && b.preventDefault(), b.code === "ArrowUp" ? _() : b.code === "ArrowDown" && C();
     }
-    const P = (_) => {
-      _.detail > 1 && _.preventDefault();
+    const P = (b) => {
+      b.detail > 1 && b.preventDefault();
     };
-    return (_, B) => (d(), p("div", {
+    return (b, B) => (d(), p("div", {
       ref_key: "root",
       ref: s,
-      class: W([{ error: !!u.value.trim(), disabled: _.disabled }, "mi-number-field d-flex-column"]),
+      class: W([{ error: !!u.value.trim(), disabled: b.disabled }, "mi-number-field d-flex-column"]),
       onMousedown: P,
       onKeydown: B[1] || (B[1] = (X) => R(X))
     }, [
-      h("div", ba, [
+      h("div", _a, [
         re(st, { class: "mi-number-field__contour" }),
         B[6] || (B[6] = m()),
         h("div", wa, [
-          _.label ? (d(), p("label", ka, [
-            m(j(_.label) + " ", 1),
+          b.label ? (d(), p("label", ka, [
+            m(j(b.label) + " ", 1),
             x(r).tooltip ? (d(), Y(x(Te), {
               key: 0,
               class: "info",
               position: "top"
             }, {
               tooltip: ne(() => [
-                q(_.$slots, "tooltip")
+                q(b.$slots, "tooltip")
               ]),
               _: 3
             })) : T("", !0)
           ])) : T("", !0),
           B[2] || (B[2] = m()),
-          be(h("input", {
+          _e(h("input", {
             ref_key: "input",
             ref: l,
             "onUpdate:modelValue": B[0] || (B[0] = (X) => a.value = X),
-            disabled: _.disabled,
-            placeholder: _.placeholder,
+            disabled: b.disabled,
+            placeholder: b.placeholder,
             class: "text-s flex-grow"
           }, null, 8, xa), [
             [Ue, a.value]
@@ -3447,7 +3447,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
         h("div", $a, [
           h("div", {
             class: W([{ disabled: c.value }, "mi-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center"]),
-            onClick: b
+            onClick: _
           }, B[3] || (B[3] = [
             h("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3568,11 +3568,11 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = e, o = (y) => n("update:modelValue", y), s = _e(), r = t, l = L(), i = L(), a = L(), u = pe({
+    const n = e, o = (y) => n("update:modelValue", y), s = be(), r = t, l = L(), i = L(), a = L(), u = pe({
       search: "",
       activeOption: -1,
       open: !1
-    }), c = g(() => Array.isArray(r.modelValue) ? r.modelValue : []), f = g(() => u.open && r.modelValue.length > 0 ? r.placeholder : r.modelValue.length > 0 ? "" : r.placeholder), $ = g(() => ct(r.options).filter((y) => Qt(c.value, y.value))), b = g(() => {
+    }), c = g(() => Array.isArray(r.modelValue) ? r.modelValue : []), f = g(() => u.open && r.modelValue.length > 0 ? r.placeholder : r.modelValue.length > 0 ? "" : r.placeholder), $ = g(() => ct(r.options).filter((y) => Qt(c.value, y.value))), _ = g(() => {
       const y = x(c), v = ct(r.options);
       return (u.search ? v.filter((k) => {
         const V = u.search.toLowerCase();
@@ -3583,14 +3583,14 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
       }));
     }), C = g(() => r.disabled ? void 0 : "0"), R = () => {
       u.activeOption = Zt(
-        b.value.findIndex((y) => $e(y.value, r.modelValue)),
+        _.value.findIndex((y) => $e(y.value, r.modelValue)),
         (y) => y < 0 ? 0 : y
       );
     }, P = (y) => {
       var k;
       const v = x(c);
       o(Qt(v, y) ? v.filter((V) => !$e(V, y)) : [...v, y]), u.search = "", (k = l == null ? void 0 : l.value) == null || k.focus();
-    }, _ = (y) => o(x(c).filter((v) => !$e(v, y))), B = () => {
+    }, b = (y) => o(x(c).filter((v) => !$e(v, y))), B = () => {
       var y;
       return (y = a.value) == null ? void 0 : y.focus();
     }, X = () => u.open = !u.open, Z = (y) => {
@@ -3609,7 +3609,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
         return;
       }
       y.code === "Escape" && (u.open = !1, (F = l.value) == null || F.focus());
-      const V = x(b), { length: w } = V;
+      const V = x(_), { length: w } = V;
       if (!w)
         return;
       ["ArrowDown", "ArrowUp", "Enter"].includes(y.code) && y.preventDefault(), y.code === "Enter" && P(V[k].value);
@@ -3633,7 +3633,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
       }, [
         h("div", Ea, [
           h("div", Ra, [
-            be(h("input", {
+            _e(h("input", {
               ref_key: "input",
               ref: a,
               "onUpdate:modelValue": v[0] || (v[0] = (k) => u.search = k),
@@ -3658,7 +3658,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
                 closeable: "",
                 small: "",
                 onClick: v[2] || (v[2] = ie((w) => u.open = !0, ["stop"])),
-                onClose: (w) => _(k.value)
+                onClose: (w) => b(k.value)
               }, {
                 default: ne(() => [
                   m(j(k.label || k.value), 1)
@@ -3705,7 +3705,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
                 key: V,
                 closeable: "",
                 small: "",
-                onClose: (w) => _(k.value)
+                onClose: (w) => b(k.value)
               }, {
                 default: ne(() => [
                   m(j(k.label || k.value), 1)
@@ -3714,7 +3714,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
               }, 1032, ["onClose"]))), 128))
             ]),
             v[8] || (v[8] = m()),
-            (d(!0), p(le, null, de(b.value, (k, V) => (d(), Y($n, {
+            (d(!0), p(le, null, de(_.value, (k, V) => (d(), Y($n, {
               key: V,
               option: k,
               "text-item": "text",
@@ -3725,7 +3725,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
               onClick: ie((w) => P(k.value), ["stop"])
             }, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128)),
             v[9] || (v[9] = m()),
-            b.value.length ? T("", !0) : (d(), p("div", Aa, "Nothing found"))
+            _.value.length ? T("", !0) : (d(), p("div", Aa, "Nothing found"))
           ], 512)) : T("", !0),
           v[12] || (v[12] = m()),
           re(st, { class: "ui-multi-dropdown__contour" })
@@ -3761,7 +3761,7 @@ const ia = { class: "resizable-input" }, la = ["placeholder", "value", "disabled
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = _e();
+    const e = t, n = be();
     return (o, s) => x(n).default ? (d(), p("div", {
       key: 0,
       class: W(["pl-checkbox", { disabled: o.disabled }])
@@ -3847,7 +3847,7 @@ const Ka = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = L(), l = zn();
+    const n = be(), o = e, s = t, r = L(), l = zn();
     function i(a) {
       r.value && document.contains(a.target) && !r.value.contains(a.target) && o("update:modelValue", !1);
     }
@@ -3935,7 +3935,7 @@ const Ka = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = L(), l = zn();
+    const n = be(), o = e, s = t, r = L(), l = zn();
     return wn(r, () => {
       s.modelValue && s.closeOnOutsideClick && o("update:modelValue", !1);
     }), ce(document, "keydown", (i) => {
@@ -4185,7 +4185,7 @@ function vu(t) {
     });
   return n;
 }
-const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, _u = { class: "ls-container" }, bu = { class: "ls-head" }, wu = { class: "ls-head__breadcrumbs" }, ku = ["title", "onClick"], xu = {
+const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, bu = { class: "ls-container" }, _u = { class: "ls-head" }, wu = { class: "ls-head__breadcrumbs" }, ku = ["title", "onClick"], xu = {
   key: 0,
   class: "icon-16 icon-chevron-right"
 }, $u = { class: "d-flex ml-auto align-center gap-12" }, Cu = { class: "ls-head__selected" }, Vu = {
@@ -4246,17 +4246,17 @@ const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, _u =
       y && k && a(y, v);
     }, c = es((y) => {
       y && (r.dirPath = y);
-    }, 1e3), f = g(() => vu(r.dirPath)), $ = g(() => r.items.filter((y) => y.canBeSelected && y.selected && !y.isDir)), b = g(() => $.value.length > 0), C = () => {
+    }, 1e3), f = g(() => vu(r.dirPath)), $ = g(() => r.items.filter((y) => y.canBeSelected && y.selected && !y.isDir)), _ = g(() => $.value.length > 0), C = () => {
       n("update:modelValue", !1);
     }, R = () => {
       var y;
-      b.value && ((y = r.storageEntry) != null && y.handle) && (n("import:files", {
+      _.value && ((y = r.storageEntry) != null && y.handle) && (n("import:files", {
         storageHandle: r.storageEntry.handle,
         files: $.value.map((v) => v.handle)
       }), C());
     }, P = (y) => {
       r.dirPath = y, r.storageEntry && u();
-    }, _ = (y, v) => {
+    }, b = (y, v) => {
       const { shiftKey: k, metaKey: V } = y, { lastSelected: w } = r;
       if (y.preventDefault(), v.canBeSelected) {
         if (o.multi || r.items.forEach((E) => E.selected = !1), v.selected = !0, !o.multi)
@@ -4328,7 +4328,7 @@ const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, _u =
       actions: ne(() => [
         re(x(Ni), {
           style: { "min-width": "160px" },
-          disabled: !b.value,
+          disabled: !_.value,
           onClick: ie(R, ["stop"])
         }, {
           default: ne(() => v[14] || (v[14] = [
@@ -4365,8 +4365,8 @@ const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, _u =
             }, null, 8, ["model-value", "onUpdate:modelValue"])
           ]),
           v[13] || (v[13] = m()),
-          h("div", _u, [
-            h("div", bu, [
+          h("div", bu, [
+            h("div", _u, [
               h("div", wu, [
                 (d(!0), p(le, null, de(f.value, (k, V) => (d(), p(le, { key: V }, [
                   h("div", {
@@ -4400,7 +4400,7 @@ const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, _u =
                 }, [
                   v[8] || (v[8] = h("i", { class: "icon-16 icon-chevron-right" }, null, -1)),
                   v[9] || (v[9] = m()),
-                  be((d(), p("span", {
+                  _e((d(), p("span", {
                     title: k.name
                   }, [
                     m(j(k.name), 1)
@@ -4410,11 +4410,11 @@ const gu = { class: "file-dialog" }, yu = { class: "file-dialog__search" }, _u =
                 ], 8, Ou)) : (d(), p("div", {
                   key: 1,
                   class: W({ canBeSelected: k.canBeSelected, selected: k.selected }),
-                  onClick: ie((V) => _(V, k), ["stop"])
+                  onClick: ie((V) => b(V, k), ["stop"])
                 }, [
                   v[10] || (v[10] = h("i", { class: "mask-16 mask-comp isFile" }, null, -1)),
                   v[11] || (v[11] = m()),
-                  be((d(), p("span", {
+                  _e((d(), p("span", {
                     title: k.name
                   }, [
                     m(j(k.name), 1)
@@ -4977,15 +4977,15 @@ class Q {
 const Fu = /^c[^\s-]{8,}$/i, Lu = /^[0-9a-z]+$/, Nu = /^[0-9A-HJKMNP-TV-Z]{26}$/, zu = /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/i, Zu = /^[a-z0-9_-]{21}$/i, Hu = /^[-+]?P(?!$)(?:(?:[-+]?\d+Y)|(?:[-+]?\d+[.,]\d+Y$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:(?:[-+]?\d+W)|(?:[-+]?\d+[.,]\d+W$))?(?:(?:[-+]?\d+D)|(?:[-+]?\d+[.,]\d+D$))?(?:T(?=[\d+-])(?:(?:[-+]?\d+H)|(?:[-+]?\d+[.,]\d+H$))?(?:(?:[-+]?\d+M)|(?:[-+]?\d+[.,]\d+M$))?(?:[-+]?\d+(?:[.,]\d+)?S)?)??$/, Uu = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, Wu = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
 let en;
 const qu = /^(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])$/, Ku = /^(([a-f0-9]{1,4}:){7}|::([a-f0-9]{1,4}:){0,6}|([a-f0-9]{1,4}:){1}:([a-f0-9]{1,4}:){0,5}|([a-f0-9]{1,4}:){2}:([a-f0-9]{1,4}:){0,4}|([a-f0-9]{1,4}:){3}:([a-f0-9]{1,4}:){0,3}|([a-f0-9]{1,4}:){4}:([a-f0-9]{1,4}:){0,2}|([a-f0-9]{1,4}:){5}:([a-f0-9]{1,4}:){0,1})([a-f0-9]{1,4}|(((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2}))\.){3}((25[0-5])|(2[0-4][0-9])|(1[0-9]{2})|([0-9]{1,2})))$/, Yu = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, ys = "((\\d\\d[2468][048]|\\d\\d[13579][26]|\\d\\d0[48]|[02468][048]00|[13579][26]00)-02-29|\\d{4}-((0[13578]|1[02])-(0[1-9]|[12]\\d|3[01])|(0[469]|11)-(0[1-9]|[12]\\d|30)|(02)-(0[1-9]|1\\d|2[0-8])))", Gu = new RegExp(`^${ys}$`);
-function _s(t) {
+function bs(t) {
   let e = "([01]\\d|2[0-3]):[0-5]\\d:[0-5]\\d";
   return t.precision ? e = `${e}\\.\\d{${t.precision}}` : t.precision == null && (e = `${e}(\\.\\d+)?`), e;
 }
 function Xu(t) {
-  return new RegExp(`^${_s(t)}$`);
+  return new RegExp(`^${bs(t)}$`);
 }
-function bs(t) {
-  let e = `${ys}T${_s(t)}`;
+function _s(t) {
+  let e = `${ys}T${bs(t)}`;
   const n = [];
   return n.push(t.local ? "Z?" : "Z"), t.offset && n.push("([+-]\\d{2}:?\\d{2})"), e = `${e}(${n.join("|")})`, new RegExp(`^${e}$`);
 }
@@ -5108,7 +5108,7 @@ class ke extends Q {
         code: S.invalid_string,
         validation: { endsWith: r.value },
         message: r.message
-      }), o.dirty()) : r.kind === "datetime" ? bs(r).test(e.data) || (s = this._getOrReturnCtx(e, s), M(s, {
+      }), o.dirty()) : r.kind === "datetime" ? _s(r).test(e.data) || (s = this._getOrReturnCtx(e, s), M(s, {
         code: S.invalid_string,
         validation: "datetime",
         message: r.message
@@ -6305,7 +6305,7 @@ gt.create = (t, e) => new gt({
   typeName: K.ZodUnion,
   ...J(e)
 });
-const Be = (t) => t instanceof bt ? Be(t.schema) : t instanceof Ve ? Be(t.innerType()) : t instanceof wt ? [t.value] : t instanceof je ? t.options : t instanceof kt ? ee.objectValues(t.enum) : t instanceof xt ? Be(t._def.innerType) : t instanceof ht ? [void 0] : t instanceof vt ? [null] : t instanceof Se ? [void 0, ...Be(t.unwrap())] : t instanceof Fe ? [null, ...Be(t.unwrap())] : t instanceof Cn || t instanceof Ct ? Be(t.unwrap()) : t instanceof $t ? Be(t._def.innerType) : [];
+const Be = (t) => t instanceof _t ? Be(t.schema) : t instanceof Ve ? Be(t.innerType()) : t instanceof wt ? [t.value] : t instanceof je ? t.options : t instanceof kt ? ee.objectValues(t.enum) : t instanceof xt ? Be(t._def.innerType) : t instanceof ht ? [void 0] : t instanceof vt ? [null] : t instanceof Se ? [void 0, ...Be(t.unwrap())] : t instanceof Fe ? [null, ...Be(t.unwrap())] : t instanceof Cn || t instanceof Ct ? Be(t.unwrap()) : t instanceof $t ? Be(t._def.innerType) : [];
 class Ht extends Q {
   _parse(e) {
     const { ctx: n } = this._processInputParams(e);
@@ -6482,7 +6482,7 @@ Re.create = (t, e) => {
     ...J(e)
   });
 };
-class _t extends Q {
+class bt extends Q {
   get keySchema() {
     return this._def.keyType;
   }
@@ -6510,12 +6510,12 @@ class _t extends Q {
     return this._def.valueType;
   }
   static create(e, n, o) {
-    return n instanceof Q ? new _t({
+    return n instanceof Q ? new bt({
       keyType: e,
       valueType: n,
       typeName: K.ZodRecord,
       ...J(o)
-    }) : new _t({
+    }) : new bt({
       keyType: ke.create(),
       valueType: e,
       typeName: K.ZodRecord,
@@ -6683,11 +6683,11 @@ class Je extends Q {
     if (this._def.returns instanceof nt) {
       const i = this;
       return ye(async function(...a) {
-        const u = new we([]), c = await i._def.args.parseAsync(a, r).catch((b) => {
-          throw u.addIssue(o(a, b)), u;
+        const u = new we([]), c = await i._def.args.parseAsync(a, r).catch((_) => {
+          throw u.addIssue(o(a, _)), u;
         }), f = await Reflect.apply(l, this, c);
-        return await i._def.returns._def.type.parseAsync(f, r).catch((b) => {
-          throw u.addIssue(s(f, b)), u;
+        return await i._def.returns._def.type.parseAsync(f, r).catch((_) => {
+          throw u.addIssue(s(f, _)), u;
         });
       });
     } else {
@@ -6736,7 +6736,7 @@ class Je extends Q {
     });
   }
 }
-class bt extends Q {
+class _t extends Q {
   get schema() {
     return this._def.getter();
   }
@@ -6745,7 +6745,7 @@ class bt extends Q {
     return this._def.getter()._parse({ data: n.data, path: n.path, parent: n });
   }
 }
-bt.create = (t, e) => new bt({
+_t.create = (t, e) => new _t({
   getter: t,
   typeName: K.ZodLazy,
   ...J(e)
@@ -7176,7 +7176,7 @@ var K;
 })(K || (K = {}));
 const nd = (t, e = {
   message: `Input not instance of ${t.name}`
-}) => ks((n) => n instanceof t, e), xs = ke.create, $s = Ae.create, sd = Ft.create, od = Ie.create, Cs = mt.create, rd = We.create, id = At.create, ld = ht.create, ad = vt.create, ud = tt.create, dd = Ze.create, cd = De.create, pd = It.create, fd = Ce.create, md = ue.create, hd = ue.strictCreate, vd = gt.create, gd = Ht.create, yd = yt.create, _d = Re.create, bd = _t.create, wd = jt.create, kd = qe.create, xd = Je.create, $d = bt.create, Cd = wt.create, Vd = je.create, Td = kt.create, Sd = nt.create, jn = Ve.create, Ed = Se.create, Rd = Fe.create, Od = Ve.createWithPreprocess, Bd = Vt.create, Dd = () => xs().optional(), Pd = () => $s().optional(), Md = () => Cs().optional(), Ad = {
+}) => ks((n) => n instanceof t, e), xs = ke.create, $s = Ae.create, sd = Ft.create, od = Ie.create, Cs = mt.create, rd = We.create, id = At.create, ld = ht.create, ad = vt.create, ud = tt.create, dd = Ze.create, cd = De.create, pd = It.create, fd = Ce.create, md = ue.create, hd = ue.strictCreate, vd = gt.create, gd = Ht.create, yd = yt.create, bd = Re.create, _d = bt.create, wd = jt.create, kd = qe.create, xd = Je.create, $d = _t.create, Cd = wt.create, Vd = je.create, Td = kt.create, Sd = nt.create, jn = Ve.create, Ed = Se.create, Rd = Fe.create, Od = Ve.createWithPreprocess, Bd = Vt.create, Dd = () => xs().optional(), Pd = () => $s().optional(), Md = () => Cs().optional(), Ad = {
   string: (t) => ke.create({ ...t, coerce: !0 }),
   number: (t) => Ae.create({ ...t, coerce: !0 }),
   boolean: (t) => mt.create({
@@ -7211,7 +7211,7 @@ var Et = /* @__PURE__ */ Object.freeze({
   ZodParsedType: I,
   getParsedType: Me,
   ZodType: Q,
-  datetimeRegex: bs,
+  datetimeRegex: _s,
   ZodString: ke,
   ZodNumber: Ae,
   ZodBigInt: Ie,
@@ -7230,11 +7230,11 @@ var Et = /* @__PURE__ */ Object.freeze({
   ZodDiscriminatedUnion: Ht,
   ZodIntersection: yt,
   ZodTuple: Re,
-  ZodRecord: _t,
+  ZodRecord: bt,
   ZodMap: jt,
   ZodSet: qe,
   ZodFunction: Je,
-  ZodLazy: bt,
+  ZodLazy: _t,
   ZodLiteral: wt,
   ZodEnum: je,
   ZodNativeEnum: kt,
@@ -7286,13 +7286,13 @@ var Et = /* @__PURE__ */ Object.freeze({
   pipeline: Bd,
   preprocess: Od,
   promise: Sd,
-  record: bd,
+  record: _d,
   set: kd,
   strictObject: hd,
   string: xs,
   symbol: id,
   transformer: jn,
-  tuple: _d,
+  tuple: bd,
   undefined: ld,
   union: vd,
   unknown: dd,
@@ -7369,49 +7369,49 @@ const Zd = {
   setup(t, { emit: e }) {
     const n = pe({
       fileDialogOpen: !1
-    }), o = _e(), s = e, r = t, l = g(() => {
+    }), o = be(), s = e, r = t, l = g(() => {
       if (r.modelValue)
         try {
-          const _ = Nd(r.modelValue).trim();
-          return r.showFilenameOnly ? zd(_) : _;
-        } catch (_) {
-          return console.error(_), r.modelValue;
+          const b = Nd(r.modelValue).trim();
+          return r.showFilenameOnly ? zd(b) : b;
+        } catch (b) {
+          return console.error(b), r.modelValue;
         }
       return "";
     }), i = g(() => r.progress && !r.progress.done), a = g(() => r.progress && r.progress.done), u = g(() => r.error), c = g(() => r.error), f = g(() => {
-      const { status: _, done: B } = r.progress ?? {};
-      return !_ || !_.bytesTotal ? "" : _.bytesProcessed && !B ? Kt(_.bytesProcessed, {}) + " / " + Kt(_.bytesTotal, {}) : Kt(_.bytesTotal, {});
+      const { status: b, done: B } = r.progress ?? {};
+      return !b || !b.bytesTotal ? "" : b.bytesProcessed && !B ? Kt(b.bytesProcessed, {}) + " / " + Kt(b.bytesTotal, {}) : Kt(b.bytesTotal, {});
     }), $ = g(() => {
       var B;
-      const { progress: _ } = r;
-      return _ ? {
-        width: _.done ? "100%" : Math.round((((B = _.status) == null ? void 0 : B.progress) ?? 0) * 100) + "%"
+      const { progress: b } = r;
+      return b ? {
+        width: b.done ? "100%" : Math.round((((B = b.status) == null ? void 0 : B.progress) ?? 0) * 100) + "%"
       } : {};
-    }), b = () => {
+    }), _ = () => {
       n.fileDialogOpen = !0;
-    }, C = (_) => {
-      _.files.length && s("update:modelValue", _.files[0]);
+    }, C = (b) => {
+      b.files.length && s("update:modelValue", b.files[0]);
     }, R = () => s("update:modelValue", void 0), P = L();
-    return r.cellStyle || ot(P), (_, B) => (d(), p(le, null, [
+    return r.cellStyle || ot(P), (b, B) => (d(), p(le, null, [
       h("div", {
-        class: W([{ "pl-file-input__cell-style": !!_.cellStyle, "has-file": !!l.value }, "pl-file-input__envelope"])
+        class: W([{ "pl-file-input__cell-style": !!b.cellStyle, "has-file": !!l.value }, "pl-file-input__envelope"])
       }, [
         h("div", {
           ref_key: "rootRef",
           ref: P,
-          class: W(["pl-file-input", { dashed: _.dashed, error: u.value }]),
+          class: W(["pl-file-input", { dashed: b.dashed, error: u.value }]),
           tabindex: "0",
-          onKeyup: He(b, ["enter"])
+          onKeyup: He(_, ["enter"])
         }, [
           h("div", {
             class: "pl-file-input__progress",
             style: te($.value)
           }, null, 4),
           B[3] || (B[3] = m()),
-          !_.cellStyle && _.label ? (d(), p("label", Zd, [
-            _.required ? (d(), p("i", Hd)) : T("", !0),
+          !b.cellStyle && b.label ? (d(), p("label", Zd, [
+            b.required ? (d(), p("i", Hd)) : T("", !0),
             B[1] || (B[1] = m()),
-            h("span", null, j(_.label), 1),
+            h("span", null, j(b.label), 1),
             B[2] || (B[2] = m()),
             x(o).tooltip ? (d(), Y(x(Te), {
               key: 1,
@@ -7419,7 +7419,7 @@ const Zd = {
               position: "top"
             }, {
               tooltip: ne(() => [
-                q(_.$slots, "tooltip")
+                q(b.$slots, "tooltip")
               ]),
               _: 3
             })) : T("", !0)
@@ -7440,14 +7440,14 @@ const Zd = {
           })),
           B[5] || (B[5] = m()),
           h("div", {
-            "data-placeholder": _.placeholder ?? "Choose file",
+            "data-placeholder": b.placeholder ?? "Choose file",
             class: "pl-file-input__filename",
-            onClick: ie(b, ["stop"])
+            onClick: ie(_, ["stop"])
           }, j(l.value), 9, Ud),
           B[6] || (B[6] = m()),
           f.value ? (d(), p("div", Wd, j(f.value), 1)) : T("", !0),
           B[7] || (B[7] = m()),
-          _.modelValue ? (d(), Y(Ye, {
+          b.modelValue ? (d(), Y(Ye, {
             key: 6,
             name: "close",
             onClick: ie(R, ["stop"])
@@ -7456,14 +7456,14 @@ const Zd = {
           re(st, { class: "pl-file-input__contour" })
         ], 34),
         B[9] || (B[9] = m()),
-        u.value ? (d(), p("div", qd, j(c.value), 1)) : _.helper ? (d(), p("div", Kd, j(_.helper), 1)) : T("", !0)
+        u.value ? (d(), p("div", qd, j(c.value), 1)) : b.helper ? (d(), p("div", Kd, j(b.helper), 1)) : T("", !0)
       ], 2),
       B[10] || (B[10] = m()),
       re(x(Mu), {
         modelValue: n.fileDialogOpen,
         "onUpdate:modelValue": B[0] || (B[0] = (X) => n.fileDialogOpen = X),
-        extensions: _.extensions,
-        title: _.fileDialogTitle,
+        extensions: b.extensions,
+        title: b.fileDialogTitle,
         "onImport:files": C
       }, null, 8, ["modelValue", "extensions", "title"])
     ], 64));
@@ -7520,12 +7520,12 @@ const Vn = (t) => g(() => {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = pe({
+    const n = be(), o = e, s = t, r = pe({
       deltaValue: 0
     }), l = g(() => s.max - s.min), i = g(() => ve((s.modelValue ?? 0) + r.deltaValue, s.min, s.max)), a = L(s.modelValue), u = g(() => {
       const O = s.modelValue;
       return Number.isFinite(O) ? O < s.min ? `Min value: ${s.min}` : O > s.max ? `Max value: ${s.max}` : s.error : "Not a number";
-    }), c = g(() => s), f = Vn(c), $ = g(() => (i.value - s.min) / l.value), b = g(() => ({
+    }), c = g(() => s), f = Vn(c), $ = g(() => (i.value - s.min) / l.value), _ = g(() => ({
       right: Math.ceil((1 - $.value) * 100) + "%"
     })), C = g(() => ({
       right: `calc(${Math.ceil((1 - $.value) * 100)}%) `
@@ -7536,7 +7536,7 @@ const Vn = (t) => g(() => {
         a.value = O;
       }
     );
-    function _(O) {
+    function b(O) {
       const D = ve(O, s.min, s.max);
       return Math.round((D + Number.EPSILON) * (1 / s.step)) / (1 / s.step);
     }
@@ -7544,11 +7544,11 @@ const Vn = (t) => g(() => {
       var D;
       fe((D = x(R)) == null ? void 0 : D.getBoundingClientRect(), (y) => {
         const { dx: v } = O;
-        r.deltaValue = v / y.width * l.value, a.value = _(ve((s.modelValue ?? 0) + r.deltaValue, s.min, s.max)), O.stop && (o("update:modelValue", _(i.value)), r.deltaValue = 0);
+        r.deltaValue = v / y.width * l.value, a.value = b(ve((s.modelValue ?? 0) + r.deltaValue, s.min, s.max)), O.stop && (o("update:modelValue", b(i.value)), r.deltaValue = 0);
       });
     });
     function B(O) {
-      o("update:modelValue", _(O));
+      o("update:modelValue", b(O));
     }
     function X(O) {
       B(+O.target.value);
@@ -7593,7 +7593,7 @@ const Vn = (t) => g(() => {
               }, [
                 h("div", {
                   class: "ui-slider__progress",
-                  style: te(b.value)
+                  style: te(_.value)
                 }, null, 4)
               ], 512)
             ]),
@@ -7638,11 +7638,11 @@ function em(t, e = null, n = null) {
     const { scrollTop: a, scrollHeight: u, clientHeight: c } = i;
     if (!(u > c) || !e)
       return null;
-    const $ = u - a - c, b = a > e ? e : 0, C = $ > e ? c - e - b : c;
+    const $ = u - a - c, _ = a > e ? e : 0, C = $ > e ? c - e - _ : c;
     return `linear-gradient(
         to bottom,
         transparent,
-        black ${b}px,
+        black ${_}px,
         black ${C}px,
         transparent 100%
       )`;
@@ -7651,11 +7651,11 @@ function em(t, e = null, n = null) {
     const { scrollLeft: a, scrollWidth: u, clientWidth: c } = i;
     if (!(u > c) || !n)
       return null;
-    const $ = u - a - c, b = a > n ? n : 0, C = $ > n ? c - n - b : c;
+    const $ = u - a - c, _ = a > n ? n : 0, C = $ > n ? c - n - _ : c;
     return `linear-gradient(
         to right,
         transparent,
-        black ${b}px,
+        black ${_}px,
         black ${C}px,
         transparent 100%
       )`;
@@ -7695,39 +7695,39 @@ function tm(t, e) {
   const n = {
     item: void 0,
     options() {
-      var b;
-      return [...((b = t.value) == null ? void 0 : b.children) ?? []];
+      var _;
+      return [...((_ = t.value) == null ? void 0 : _.children) ?? []];
     }
   }, o = g(() => n.options()), s = e.shakeBuffer ?? 10, r = e.reorderDelay ?? 100;
-  function l(b) {
+  function l(_) {
     const C = e.handle ? this.querySelector(e.handle) : null;
-    C && !C.contains(b.target) || (this.classList.remove(Pe.animate), this.classList.add(Pe.item), n.item = {
+    C && !C.contains(_.target) || (this.classList.remove(Pe.animate), this.classList.add(Pe.item), n.item = {
       el: this,
-      y: b.y,
+      y: _.y,
       dy: 0,
       orderChanged: !1
     });
   }
-  function i(b) {
+  function i(_) {
     const C = n.options();
-    return C.slice(0, C.indexOf(b));
+    return C.slice(0, C.indexOf(_));
   }
-  function a(b) {
+  function a(_) {
     const C = n.options();
-    return C.slice(C.indexOf(b) + 1);
+    return C.slice(C.indexOf(_) + 1);
   }
-  function u(b, C) {
-    const R = n.options().filter((_) => _ !== C), P = R.indexOf(b);
+  function u(_, C) {
+    const R = n.options().filter((b) => b !== C), P = R.indexOf(_);
     return R.splice(P, 0, C), R;
   }
-  function c(b, C) {
-    const R = n.options().filter((_) => _ !== C), P = R.indexOf(b);
+  function c(_, C) {
+    const R = n.options().filter((b) => b !== C), P = R.indexOf(_);
     return R.splice(P + 1, 0, C), R;
   }
-  function f(b, C) {
-    b.dy = C - b.y, b.el.style.setProperty("transform", `translateY(${b.dy}px)`);
+  function f(_, C) {
+    _.dy = C - _.y, _.el.style.setProperty("transform", `translateY(${_.dy}px)`);
   }
-  function $(b) {
+  function $(_) {
     var O;
     if (!n.item)
       return;
@@ -7736,17 +7736,17 @@ function tm(t, e) {
       n.item = void 0;
       return;
     }
-    const R = b.map((D) => rt(D)), P = rt(C);
-    (O = t.value) == null || O.replaceChildren(...b);
-    const _ = rt(C), B = b.map((D) => rt(D)), X = [];
+    const R = _.map((D) => rt(D)), P = rt(C);
+    (O = t.value) == null || O.replaceChildren(..._);
+    const b = rt(C), B = _.map((D) => rt(D)), X = [];
     for (let D = 0; D < B.length; D++) {
-      const y = b[D];
+      const y = _[D];
       if (y === n.item.el)
         continue;
       const v = B[D], V = R[D] - v;
       y.style.transform = `translateY(${V}px)`, X.push(y);
     }
-    const Z = _ - P;
+    const Z = b - P;
     n.item.y = n.item.y + Z, n.item.dy = n.item.dy - Z, n.item.orderChanged = !0, n.item.el.style.setProperty("transform", `translateY(${n.item.dy}px)`), X.forEach((D) => D.classList.remove(Pe.animate)), requestAnimationFrame(function() {
       X.forEach((D) => {
         D.classList.add(Pe.animate), D.style.transform = "", D.addEventListener("transitionend", () => {
@@ -7755,13 +7755,13 @@ function tm(t, e) {
       });
     });
   }
-  ce(window, "mousemove", (b) => {
+  ce(window, "mousemove", (_) => {
     if (!n.item)
       return;
     const { el: C } = n.item;
-    f(n.item, b.y);
-    const R = rt(n.item.el), P = ic(n.item.el), _ = i(C), B = a(C);
-    _.forEach((X) => {
+    f(n.item, _.y);
+    const R = rt(n.item.el), P = ic(n.item.el), b = i(C), B = a(C);
+    b.forEach((X) => {
       const Z = Fn(X);
       R + s < Z && $(u(X, C));
     }), B.forEach((X) => {
@@ -7771,25 +7771,25 @@ function tm(t, e) {
   }), ce(window, "mouseup", () => {
     if (!n.item)
       return;
-    const { el: b, orderChanged: C } = n.item;
-    b.classList.add(Pe.animate), b.style.removeProperty("transform"), b.addEventListener("transitionend", () => {
-      b.classList.remove(Pe.animate, Pe.item);
+    const { el: _, orderChanged: C } = n.item;
+    _.classList.add(Pe.animate), _.style.removeProperty("transform"), _.addEventListener("transitionend", () => {
+      _.classList.remove(Pe.animate, Pe.item);
     }), setTimeout(() => {
       if (!C)
         return;
-      const R = n.options().map((_) => Number(_.getAttribute("data-index"))), P = t.value;
+      const R = n.options().map((b) => Number(b.getAttribute("data-index"))), P = t.value;
       if (P) {
-        for (const _ of n.options())
-          P.removeChild(_);
-        o.value.forEach((_) => {
-          P.appendChild(_);
+        for (const b of n.options())
+          P.removeChild(b);
+        o.value.forEach((b) => {
+          P.appendChild(b);
         });
       }
       e.onChange(R);
     }, r), n.item = void 0;
   }), dn(() => {
-    o.value.forEach((b, C) => {
-      b.removeEventListener("mousedown", l), b.addEventListener("mousedown", l), b.setAttribute("data-index", String(C));
+    o.value.forEach((_, C) => {
+      _.removeEventListener("mousedown", l), _.addEventListener("mousedown", l), _.setAttribute("data-index", String(C));
     });
   });
 }
@@ -7899,11 +7899,11 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = pe({
+    const n = be(), o = e, s = t, r = pe({
       deltaValue1: 0,
       deltaValue2: 0,
       deltaValue3: 0
-    }), l = L(), i = L(), a = L(), u = L(), c = g(() => s.max - s.min), f = g(() => s), $ = Vn(f), b = g(() => ve((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), C = g(() => ve((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), R = g(() => ve((s.modelValue[2] ?? 0) + r.deltaValue3, s.min, s.max)), P = g(() => {
+    }), l = L(), i = L(), a = L(), u = L(), c = g(() => s.max - s.min), f = g(() => s), $ = Vn(f), _ = g(() => ve((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), C = g(() => ve((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), R = g(() => ve((s.modelValue[2] ?? 0) + r.deltaValue3, s.min, s.max)), P = g(() => {
       const N = s.modelValue;
       if (!(Array.isArray(N) && N.length === 3 && N.every((se) => Number.isFinite(se))))
         return "Expected model [number, number, number]";
@@ -7911,11 +7911,11 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       return [...s.modelValue].forEach((se) => {
         se > s.max && oe.push(`Max model value must be lower than max props ${s.max}.`), se < s.min && oe.push("Min model value must be greater than max props.");
       }), oe.length > 0 ? oe.join(" ") : s.error;
-    }), _ = g(() => (b.value - s.min) / c.value), B = g(() => (C.value - s.min) / c.value), X = g(() => (R.value - s.min) / c.value), Z = g(() => V()), O = g(() => ({
+    }), b = g(() => (_.value - s.min) / c.value), B = g(() => (C.value - s.min) / c.value), X = g(() => (R.value - s.min) / c.value), Z = g(() => V()), O = g(() => ({
       right: Z.value[0] + "%",
       left: 100 - Z.value[2] + "%"
     })), D = g(() => ({
-      right: Math.ceil((1 - _.value) * 100) + "%"
+      right: Math.ceil((1 - b.value) * 100) + "%"
     })), y = g(() => ({
       right: Math.ceil((1 - B.value) * 100) + "%"
     })), v = g(() => ({
@@ -7925,19 +7925,19 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       var A;
       fe((A = x(l)) == null ? void 0 : A.getBoundingClientRect(), (oe) => {
         const { dx: se } = N;
-        r.deltaValue1 = se / oe.width * c.value, i.value && k(i.value, s.modelValue[0], r.deltaValue1), N.stop && (E([w(b.value), w(C.value), w(R.value)]), r.deltaValue1 = 0);
+        r.deltaValue1 = se / oe.width * c.value, i.value && k(i.value, s.modelValue[0], r.deltaValue1), N.stop && (E([w(_.value), w(C.value), w(R.value)]), r.deltaValue1 = 0);
       });
     }), ze(a, (N) => {
       var A;
       fe((A = x(l)) == null ? void 0 : A.getBoundingClientRect(), (oe) => {
         const { dx: se } = N;
-        r.deltaValue2 = se / oe.width * c.value, a.value && k(a.value, s.modelValue[1], r.deltaValue2), N.stop && (E([w(b.value), w(C.value), w(R.value)]), r.deltaValue2 = 0);
+        r.deltaValue2 = se / oe.width * c.value, a.value && k(a.value, s.modelValue[1], r.deltaValue2), N.stop && (E([w(_.value), w(C.value), w(R.value)]), r.deltaValue2 = 0);
       });
     }), ze(u, (N) => {
       var A;
       fe((A = x(l)) == null ? void 0 : A.getBoundingClientRect(), (oe) => {
         const { dx: se } = N;
-        r.deltaValue3 = se / oe.width * c.value, u.value && k(u.value, s.modelValue[2], r.deltaValue3), N.stop && (E([w(b.value), w(C.value), w(R.value)]), r.deltaValue3 = 0);
+        r.deltaValue3 = se / oe.width * c.value, u.value && k(u.value, s.modelValue[2], r.deltaValue3), N.stop && (E([w(_.value), w(C.value), w(R.value)]), r.deltaValue3 = 0);
       });
     });
     function k(N, A, oe) {
@@ -7945,7 +7945,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       N.dataset.percent = `${se}${s.measure}`, F();
     }
     function V() {
-      const N = Math.ceil((1 - _.value) * 100), A = Math.ceil((1 - B.value) * 100), oe = Math.ceil((1 - X.value) * 100);
+      const N = Math.ceil((1 - b.value) * 100), A = Math.ceil((1 - B.value) * 100), oe = Math.ceil((1 - X.value) * 100);
       return [N, A, oe].sort((se, Ke) => se - Ke);
     }
     function w(N) {
@@ -8099,7 +8099,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
     return (c, f) => (d(), p("div", me({
       class: [l.value, "ui-input-range"]
     }, c.$attrs), [
-      be(h("input", {
+      _e(h("input", {
         "onUpdate:modelValue": f[0] || (f[0] = ($) => i.value.left = $),
         class: "text-s",
         type: "text",
@@ -8113,7 +8113,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       f[8] || (f[8] = m()),
       h("div", gc, j(n.separator), 1),
       f[9] || (f[9] = m()),
-      be(h("input", {
+      _e(h("input", {
         "onUpdate:modelValue": f[4] || (f[4] = ($) => i.value.right = $),
         class: "text-s",
         type: "text",
@@ -8126,7 +8126,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       ])
     ], 16));
   }
-}), _c = { class: "ui-slider__wrapper" }, bc = { class: "ui-slider__label-section" }, wc = {
+}), bc = { class: "ui-slider__wrapper" }, _c = { class: "ui-slider__label-section" }, wc = {
   key: 0,
   class: "text-s"
 }, kc = {
@@ -8152,13 +8152,13 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const n = _e(), o = e, s = t, r = pe({
+    const n = be(), o = e, s = t, r = pe({
       deltaValue1: 0,
       deltaValue2: 0
-    }), l = L(), i = L(), a = L(), u = L(s.modelValue), c = L(s.modelValue[0]), f = L(s.modelValue[1]), $ = g(() => s), b = Vn($), C = g(() => [c.value, f.value].sort((F, U) => F - U).join("-")), R = g(() => s.max - s.min), P = g(() => ve((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), _ = g(() => ve((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), B = g(() => {
+    }), l = L(), i = L(), a = L(), u = L(s.modelValue), c = L(s.modelValue[0]), f = L(s.modelValue[1]), $ = g(() => s), _ = Vn($), C = g(() => [c.value, f.value].sort((F, U) => F - U).join("-")), R = g(() => s.max - s.min), P = g(() => ve((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), b = g(() => ve((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), B = g(() => {
       const F = s.modelValue;
       return Array.isArray(F) && F.length === 2 && F.every((N) => Number.isFinite(N)) ? s.error : "Expected model [number, number]";
-    }), X = g(() => (P.value - s.min) / R.value), Z = g(() => (_.value - s.min) / R.value), O = g(() => k()), D = g(() => ({
+    }), X = g(() => (P.value - s.min) / R.value), Z = g(() => (b.value - s.min) / R.value), O = g(() => k()), D = g(() => ({
       right: O.value[0] + "%",
       left: 100 - O.value[1] + "%"
     })), y = g(() => ({
@@ -8176,13 +8176,13 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       var U;
       fe((U = x(l)) == null ? void 0 : U.getBoundingClientRect(), (N) => {
         const { dx: A } = F;
-        r.deltaValue1 = A / N.width * R.value, c.value = V(ve((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), u.value = [c.value, f.value].sort((oe, se) => oe - se), F.stop && (w([V(P.value), V(_.value)]), r.deltaValue1 = 0);
+        r.deltaValue1 = A / N.width * R.value, c.value = V(ve((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), u.value = [c.value, f.value].sort((oe, se) => oe - se), F.stop && (w([V(P.value), V(b.value)]), r.deltaValue1 = 0);
       });
     }), ze(a, (F) => {
       var U;
       fe((U = x(l)) == null ? void 0 : U.getBoundingClientRect(), (N) => {
         const { dx: A } = F;
-        r.deltaValue2 = A / N.width * R.value, f.value = V(ve((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), u.value = [c.value, f.value].sort((oe, se) => oe - se), F.stop && (w([V(P.value), V(_.value)]), r.deltaValue2 = 0);
+        r.deltaValue2 = A / N.width * R.value, f.value = V(ve((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), u.value = [c.value, f.value].sort((oe, se) => oe - se), F.stop && (w([V(P.value), V(b.value)]), r.deltaValue2 = 0);
       });
     });
     function k() {
@@ -8207,8 +8207,8 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       h("div", {
         class: W([`ui-slider__mode-${s.mode}`, "ui-slider"])
       }, [
-        h("div", _c, [
-          h("div", bc, [
+        h("div", bc, [
+          h("div", _c, [
             F.label ? (d(), p("label", wc, [
               h("span", null, j(F.label), 1),
               U[3] || (U[3] = m()),
@@ -8242,7 +8242,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
             ]),
             U[9] || (U[9] = m()),
             h("div", Cc, [
-              s.breakpoints ? (d(!0), p(le, { key: 0 }, de(x(b), (N, A) => (d(), p("div", {
+              s.breakpoints ? (d(!0), p(le, { key: 0 }, de(x(_), (N, A) => (d(), p("div", {
                 key: A,
                 style: te({ right: `${N}%` }),
                 class: "ui-slider__thumb-step"
@@ -8307,8 +8307,8 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       const u = {
         clientY: a.clientY
       }, f = fs(document, "mousemove", ($) => {
-        const b = ($.clientY - u.clientY) / r.value;
-        n("update:scrollTop", o.scrollTop + b), u.clientY = $.clientY;
+        const _ = ($.clientY - u.clientY) / r.value;
+        n("update:scrollTop", o.scrollTop + _), u.clientY = $.clientY;
       });
       ["mouseup", "pointercancel"].forEach(($) => {
         document.addEventListener($, f, { once: !0 });
@@ -8345,8 +8345,8 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
       const u = {
         clientX: a.clientX
       }, f = fs(document, "mousemove", ($) => {
-        const b = ($.clientX - u.clientX) / r.value;
-        n("update:scrollLeft", o.scrollLeft + b), u.clientX = $.clientX;
+        const _ = ($.clientX - u.clientX) / r.value;
+        n("update:scrollLeft", o.scrollLeft + _), u.clientX = $.clientX;
       });
       ["mouseup", "pointercancel"].forEach(($) => {
         document.addEventListener($, f, { once: !0 });
@@ -8484,7 +8484,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
   "x-axis": "x-axis.svg",
   "y-axis": "y-axis.svg",
   zip: ip
-}, ap = "add.svg", up = "annotate.svg", dp = "annotation.svg", cp = "area.svg", pp = "axes.svg", fp = "bar.svg", mp = "bindot.svg", hp = "boxplot.svg", vp = "bubble.svg", gp = "canvas.svg", yp = "checkbox.svg", _p = "checkmark.svg", bp = "clipboard.svg", wp = "close.svg", kp = "code.svg", xp = "color.svg", $p = "columns.svg", Cp = "copy.svg", Vp = "cpu.svg", Tp = "dna.svg", Sp = "duplicate.svg", Ep = "edit.svg", Rp = "error.svg", Op = "filter.svg", Bp = "generate.svg", Dp = "graph.svg", Pp = "heatmap.svg", Mp = "help.svg", Ap = "hide.svg", Ip = "jitter.svg", jp = "layers.svg", Fp = "learn.svg", Lp = "legend.svg", Np = "line.svg", zp = "linetype.svg", Zp = "link.svg", Hp = "loading.svg", Up = "local.svg", Wp = "logout.svg", qp = "menu.svg", Kp = "minus.svg", Yp = "pin.svg", Gp = "position.svg", Xp = "progress.svg", Jp = "publications.svg", Qp = "restart.svg", ef = "reverse.svg", tf = "rotation.svg", nf = "save.svg", sf = "search.svg", of = "show.svg", rf = "sina.svg", lf = "skatterplot.svg", af = "sort.svg", uf = "statistics.svg", df = "stroke.svg", cf = "success.svg", pf = "table.svg", ff = "template.svg", mf = "venn.svg", hf = "violin.svg", vf = "warning.svg", gf = "wetlab.svg", yf = {
+}, ap = "add.svg", up = "annotate.svg", dp = "annotation.svg", cp = "area.svg", pp = "axes.svg", fp = "bar.svg", mp = "bindot.svg", hp = "boxplot.svg", vp = "bubble.svg", gp = "canvas.svg", yp = "checkbox.svg", bp = "checkmark.svg", _p = "clipboard.svg", wp = "close.svg", kp = "code.svg", xp = "color.svg", $p = "columns.svg", Cp = "copy.svg", Vp = "cpu.svg", Tp = "dna.svg", Sp = "duplicate.svg", Ep = "edit.svg", Rp = "error.svg", Op = "filter.svg", Bp = "generate.svg", Dp = "graph.svg", Pp = "heatmap.svg", Mp = "help.svg", Ap = "hide.svg", Ip = "jitter.svg", jp = "layers.svg", Fp = "learn.svg", Lp = "legend.svg", Np = "line.svg", zp = "linetype.svg", Zp = "link.svg", Hp = "loading.svg", Up = "local.svg", Wp = "logout.svg", qp = "menu.svg", Kp = "minus.svg", Yp = "pin.svg", Gp = "position.svg", Xp = "progress.svg", Jp = "publications.svg", Qp = "restart.svg", ef = "reverse.svg", tf = "rotation.svg", nf = "save.svg", sf = "search.svg", of = "show.svg", rf = "sina.svg", lf = "skatterplot.svg", af = "sort.svg", uf = "statistics.svg", df = "stroke.svg", cf = "success.svg", pf = "table.svg", ff = "template.svg", mf = "venn.svg", hf = "violin.svg", vf = "warning.svg", gf = "wetlab.svg", yf = {
   "add-layer": "add-layer.svg",
   add: ap,
   annotate: up,
@@ -8508,14 +8508,14 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
   bubble: vp,
   canvas: gp,
   checkbox: yp,
-  checkmark: _p,
+  checkmark: bp,
   "chevron-down": "chevron-down.svg",
   "chevron-left": "chevron-left.svg",
   "chevron-right": "chevron-right.svg",
   "chevron-sort": "chevron-sort.svg",
   "chevron-up": "chevron-up.svg",
   "clipboard-copied": "clipboard-copied.svg",
-  clipboard: bp,
+  clipboard: _p,
   close: wp,
   "cloud-down": "cloud-down.svg",
   "cloud-offline": "cloud-offline.svg",
@@ -8530,6 +8530,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
   cpu: Vp,
   "cross-bars": "cross-bars.svg",
   "dark-mode": "dark-mode.svg",
+  "delete-bin": "delete-bin.svg",
   delete: "delete.svg",
   "dendrogram-X-1": "dendrogram-X-1.svg",
   "dendrogram-X": "dendrogram-X.svg",
@@ -8618,7 +8619,7 @@ const lc = { class: "ui-slider__wrapper" }, ac = { class: "ui-slider__label-sect
   wetlab: gf,
   "zoom-in": "zoom-in.svg"
 };
-function _f() {
+function bf() {
   return {
     txtSec: {
       title: "Text",
@@ -9036,6 +9037,7 @@ const um = [
   "cpu",
   "cross-bars",
   "dark-mode",
+  "delete-bin",
   "delete",
   "dendrogram-X-1",
   "dendrogram-X",
@@ -9123,7 +9125,7 @@ const um = [
   "warning",
   "wetlab",
   "zoom-in"
-], cm = { allCssVariables: _f(), icons16: lp, icons24: yf };
+], cm = { allCssVariables: bf(), icons16: lp, icons24: yf };
 export {
   Jf as ContextProvider,
   Tf as DataTable,
@@ -9199,7 +9201,7 @@ export {
   ns as useHover,
   nm as useInterval,
   ot as useLabelNotch,
-  _i as useLocalStorage,
+  bi as useLocalStorage,
   ts as useMouse,
   ze as useMouseCapture,
   Yi as usePosition,