@milaboratories/uikit 1.2.16 → 1.2.18

package/dist/pl-uikit.js

@@ -1,7 +1,7 @@
 var Vs = Object.defineProperty;
 var Ts = (n, e, t) => e in n ? Vs(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var Tn = (n, e, t) => Ts(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as Z, reactive as pe, ref as N, openBlock as d, createElementBlock as p, normalizeClass as K, withModifiers as ie, renderSlot as W, onMounted as me, unref as C, onUnmounted as Oe, watchEffect as un, createElementVNode as h, createTextVNode as m, createCommentVNode as T, toDisplayString as F, normalizeStyle as te, computed as g, nextTick as xe, watchPostEffect as Lt, createBlock as X, Fragment as le, renderList as ue, createVNode as re, withCtx as se, mergeProps as ve, h as dn, render as Sn, inject as Ss, resolveDynamicComponent as Ln, watch as de, provide as Nn, useSlots as _e, toRef as cn, Teleport as pn, Transition as fn, withKeys as ze, normalizeProps as Es, guardReactiveProps as Rs, onUpdated as mn, onBeforeUnmount as Os, withDirectives as be, vModelText as He, useCssVars as Bs, vShow as St, createSlots as Ms, useAttrs as Zn } from "vue";
+import { defineComponent as Z, reactive as pe, ref as N, openBlock as d, createElementBlock as p, normalizeClass as K, withModifiers as ie, renderSlot as W, onMounted as me, unref as $, onUnmounted as Oe, watchEffect as un, createElementVNode as h, createTextVNode as m, createCommentVNode as T, toDisplayString as F, normalizeStyle as te, computed as g, nextTick as xe, watchPostEffect as Lt, createBlock as X, Fragment as le, renderList as ue, createVNode as re, withCtx as se, mergeProps as ve, h as dn, render as Sn, inject as Ss, resolveDynamicComponent as Ln, watch as de, provide as Nn, useSlots as _e, toRef as cn, Teleport as pn, Transition as fn, withKeys as ze, normalizeProps as Es, guardReactiveProps as Rs, onUpdated as mn, onBeforeUnmount as Os, withDirectives as be, vModelText as He, useCssVars as Bs, vShow as St, createSlots as Ms, useAttrs as Zn } from "vue";
 const Ds = 10, As = 30, Ps = [
   {
     text: "Delete row",
@@ -77,10 +77,10 @@ const Ds = 10, As = 30, Ps = [
 function ce(n, e, t, o = !1) {
   me(() => {
     var s;
-    return (s = C(n)) == null ? void 0 : s.addEventListener(e, t, o);
+    return (s = $(n)) == null ? void 0 : s.addEventListener(e, t, o);
   }), Oe(() => {
     var s;
-    return (s = C(n)) == null ? void 0 : s.removeEventListener(e, t, o);
+    return (s = $(n)) == null ? void 0 : s.removeEventListener(e, t, o);
   });
 }
 function Ns(n) {
@@ -569,7 +569,7 @@ function qt(n, e) {
 }
 function Wo(n) {
   var t;
-  const e = Ot.tapIf((t = C(n)) == null ? void 0 : t.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
+  const e = Ot.tapIf((t = $(n)) == null ? void 0 : t.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
   return e.map((o, s) => {
     const { width: r, x: l } = o.getBoundingClientRect();
     return {
@@ -858,15 +858,15 @@ const Kt = 40, af = /* @__PURE__ */ Z({
         r.bodyHeight = z.getBoundingClientRect().height;
       });
     }, c = g(() => s.settings.autoLastColumn ? [...s.settings.columns, { name: o(), text: "_" }] : s.settings.columns), f = g(() => {
-      const { columnsMeta: z } = r, O = C(c), M = Object.keys(z).length;
+      const { columnsMeta: z } = r, O = $(c), M = Object.keys(z).length;
       return O.map((y, v) => v == O.length - 1 ? M ? "minmax(100px, 1fr)" : y.width ?? "minmax(100px, 1fr)" : z[v] ? z[v].width + "px" : y.width ?? "140px").join(" ");
     }), x = g(() => ({
-      gridColumn: "1 / " + C(c).length + 1
-    })), b = g(() => C(c).reduce(
+      gridColumn: "1 / " + $(c).length + 1
+    })), b = g(() => $(c).reduce(
       (z, O) => (z[O.name] = O.justify ? "justify-" + O.justify : "", z),
       {}
-    )), $ = g(() => {
-      const z = C(c), O = s.settings.rows.slice(), { bodyHeight: M, scrollTop: y } = r;
+    )), C = g(() => {
+      const z = $(c), O = s.settings.rows.slice(), { bodyHeight: M, scrollTop: y } = r;
       if (s.settings.selfSort) {
         const V = z.reduce(
           (w, S) => {
@@ -926,13 +926,13 @@ const Kt = 40, af = /* @__PURE__ */ Z({
     return me(() => {
       xe(u);
     }), Lt(() => {
-      C(s.settings), xe(u);
+      $(s.settings), xe(u);
     }), ce(window, "resize", () => xe(u)), (z, O) => (d(), p("div", {
       ref_key: "tableRef",
       ref: l,
       class: "grid-table",
       onMousedown: O[5] || (O[5] = //@ts-ignore
-      (...M) => C(R) && C(R)(...M))
+      (...M) => $(R) && $(R)(...M))
     }, [
       z.settings.addColumn ? (d(), X(Qo, {
         key: 0,
@@ -962,7 +962,7 @@ const Kt = 40, af = /* @__PURE__ */ Z({
         class: "table-body",
         onScroll: B
       }, [
-        $.value.length === 0 ? (d(), p("div", {
+        C.value.length === 0 ? (d(), p("div", {
           key: 0,
           class: "table-body__no-data",
           style: te(x.value)
@@ -974,7 +974,7 @@ const Kt = 40, af = /* @__PURE__ */ Z({
           ])
         ], 4)) : T("", !0),
         O[8] || (O[8] = m()),
-        (d(!0), p(le, null, ue($.value, (M, y) => (d(), X(rr, {
+        (d(!0), p(le, null, ue(C.value, (M, y) => (d(), X(rr, {
           key: y,
           visible: M.visible,
           height: M.height,
@@ -1062,7 +1062,7 @@ const ls = Symbol(), Nt = () => Ss(ls), yr = ["value"], _r = { key: 1 }, br = /*
     }), r = g(() => o.valueType), l = (u) => {
       var b;
       let c = (b = u.target) == null ? void 0 : b.value;
-      const f = C(r), x = Un(() => f === "integer" ? parseInt(c, 10) : f === "float" ? Number(c) : c);
+      const f = $(r), x = Un(() => f === "integer" ? parseInt(c, 10) : f === "float" ? Number(c) : c);
       t("update:modelValue", x), s.edit = !1;
     }, i = N(), a = (u) => {
       !u.metaKey && o.editable && (s.edit = !0, requestAnimationFrame(() => {
@@ -1105,7 +1105,7 @@ const ls = Symbol(), Nt = () => Ss(ls), yr = ["value"], _r = { key: 1 }, br = /*
         u.preventDefault();
       else
         return;
-      const f = t.settings ?? {}, x = [], { onSelectedRows: b, onSelectedColumns: $ } = f.value, R = t.data.selectedRows.has(c.primaryKey);
+      const f = t.settings ?? {}, x = [], { onSelectedRows: b, onSelectedColumns: C } = f.value, R = t.data.selectedRows.has(c.primaryKey);
       b && b.length && (R ? x.push({
         text: "Deselect row",
         cb() {
@@ -1116,7 +1116,7 @@ const ls = Symbol(), Nt = () => Ss(ls), yr = ["value"], _r = { key: 1 }, br = /*
         cb() {
           t.selectRow(e.cell.row.primaryKey);
         }
-      })), $ && $.length && (x.push({
+      })), C && C.length && (x.push({
         text: "Select column",
         cb() {
           t.selectColumn(e.cell.column.id);
@@ -1294,7 +1294,7 @@ function Ir(n, e) {
 const Qe = 1, Fr = 10, jr = 30, On = 60;
 function Lr(n) {
   var t;
-  const e = Le((t = C(n)) == null ? void 0 : t.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
+  const e = Le((t = $(n)) == null ? void 0 : t.querySelectorAll(".th-cell"), (o) => [...o]) ?? [];
   return e.map((o) => {
     const { width: s, x: r } = o.getBoundingClientRect(), l = o.getAttribute("data-col-id");
     return vn({
@@ -1406,7 +1406,7 @@ function Ne(n, e) {
     dy: s.y - t.y
   });
   ce(document, "mousedown", (s) => {
-    s.target === C(n) && (s.stopPropagation && s.stopPropagation(), s.preventDefault && s.preventDefault(), t.el = C(n), t.x = s.x, t.y = s.y);
+    s.target === $(n) && (s.stopPropagation && s.stopPropagation(), s.preventDefault && s.preventDefault(), t.el = $(n), t.x = s.x, t.y = s.y);
   }), ce(document, "mouseup", (s) => {
     t.el && (t.el = void 0, e(
       {
@@ -1552,7 +1552,7 @@ function ei(n) {
     tableColumns: i,
     tableRows: a,
     adjustWidth: () => {
-      const f = e.columns.reduce((b, $) => b + $.width + Qe, 0), x = e.bodyWidth + e.scrollLeft;
+      const f = e.columns.reduce((b, C) => b + C.width + Qe, 0), x = e.bodyWidth + e.scrollLeft;
       if (f < x) {
         const b = e.columns[e.columns.length - 1];
         b.width = b.width + (x - f);
@@ -1629,9 +1629,9 @@ const ti = { class: "command-menu__container" }, ni = {
     me(() => {
       xe(c);
     }), Lt(() => {
-      C(o.settings), xe(c);
+      $(o.settings), xe(c);
     }), ce(window, "resize", () => xe(c));
-    const $ = (R) => {
+    const C = (R) => {
       R.preventDefault(), s.updateOffsets(R);
     };
     return (R, D) => (d(), p("div", {
@@ -1639,7 +1639,7 @@ const ti = { class: "command-menu__container" }, ni = {
       ref: i,
       class: "data-table",
       onMousedown: D[2] || (D[2] = //@ts-ignore
-      (..._) => C(b) && C(b)(..._))
+      (..._) => $(b) && $(b)(..._))
     }, [
       h("div", ti, [
         re(Ur),
@@ -1654,7 +1654,7 @@ const ti = { class: "command-menu__container" }, ni = {
       }, [
         re(Er, null, {
           default: se(() => [
-            (d(!0), p(le, null, ue(C(f), (_, B) => (d(), X(Mr, {
+            (d(!0), p(le, null, ue($(f), (_, B) => (d(), X(Mr, {
               key: B,
               col: _,
               style: te(_.style),
@@ -1670,7 +1670,7 @@ const ti = { class: "command-menu__container" }, ni = {
         ref: u,
         class: "table-body",
         style: te(l.value),
-        onWheel: $
+        onWheel: C
       }, [
         r.value ? (d(), p("div", ni, [
           h("div", null, [
@@ -1680,7 +1680,7 @@ const ti = { class: "command-menu__container" }, ni = {
           ])
         ])) : T("", !0),
         D[6] || (D[6] = m()),
-        (d(!0), p(le, null, ue(C(x), (_, B) => (d(), X(Dr, {
+        (d(!0), p(le, null, ue($(x), (_, B) => (d(), X(Dr, {
           key: B,
           row: _
         }, {
@@ -1696,7 +1696,7 @@ const ti = { class: "command-menu__container" }, ni = {
       ], 36),
       D[9] || (D[9] = m()),
       h("div", si, [
-        (d(!0), p(le, null, ue(C(f), (_, B) => (d(), X(Ar, {
+        (d(!0), p(le, null, ue($(f), (_, B) => (d(), X(Ar, {
           key: B,
           column: _,
           style: te(_.style),
@@ -1705,10 +1705,10 @@ const ti = { class: "command-menu__container" }, ni = {
       ]),
       D[10] || (D[10] = m()),
       re(Gr, {
-        offset: C(s).data.scrollTop,
-        "window-size": C(s).data.bodyHeight,
-        "data-size": C(s).data.dataHeight,
-        "onChange:offset": C(s).updateScrollTop
+        offset: $(s).data.scrollTop,
+        "window-size": $(s).data.bodyHeight,
+        "data-size": $(s).data.dataHeight,
+        "onChange:offset": $(s).updateScrollTop
       }, null, 8, ["offset", "window-size", "data-size", "onChange:offset"])
     ], 544));
   }
@@ -1780,14 +1780,14 @@ function _n(n, e) {
 }
 function ai(n, e) {
   return g(() => {
-    const t = C(n);
-    return _n(t, C(e));
+    const t = $(n);
+    return _n(t, $(e));
   });
 }
 function ui(n, e) {
   const t = g(() => {
-    const s = C(n);
-    return _n(s, C(e));
+    const s = $(n);
+    return _n(s, $(e));
   }), o = pe({
     settings: t
   });
@@ -1837,7 +1837,7 @@ function vi(n) {
     Gt.value = e.value === "light" ? "dark" : (e.value === "dark", "light");
   }
   return de(e, (s) => {
-    n && n(C(s));
+    n && n($(s));
   }), me(() => {
     tn.add(t);
   }), Oe(() => {
@@ -1849,9 +1849,9 @@ const df = /* @__PURE__ */ Z({
   setup(n) {
     const [e, t] = vi();
     return (o, s) => (d(), p("div", {
-      class: K(["ui-theme-switcher", C(e)]),
+      class: K(["ui-theme-switcher", $(e)]),
       onClick: s[0] || (s[0] = //@ts-ignore
-      (...r) => C(t) && C(t)(...r))
+      (...r) => $(t) && $(t)(...r))
     }, s[1] || (s[1] = [
       h("div", null, null, -1)
     ]), 2));
@@ -1866,7 +1866,7 @@ const df = /* @__PURE__ */ Z({
   setup(n) {
     const e = _e();
     return (t, o) => (d(), p("div", gi, [
-      C(e).title ? (d(), p("div", yi, [
+      $(e).title ? (d(), p("div", yi, [
         h("h1", null, [
           W(t.$slots, "title")
         ]),
@@ -2142,7 +2142,7 @@ const Mi = { key: 0 }, Di = {
       tabindex: "0",
       class: ["ui-btn-ghost", { loading: l.loading, small: t.value, large: o.value, round: l.round, reverse: l.reverse, justifyCenter: l.justifyCenter, [l.$attrs.class + ""]: !0 }]
     }, { ...l.$attrs, disabled: !!l.$attrs.disabled || l.loading }), [
-      C(r).default && !l.round ? (d(), p("span", Li, [
+      $(r).default && !l.round ? (d(), p("span", Li, [
         W(l.$slots, "default")
       ])) : T("", !0),
       i[0] || (i[0] = m()),
@@ -2214,7 +2214,7 @@ function Hi(n, e) {
   return zi(n, (o) => {
     t.value = o;
   }), g(() => {
-    const o = C(t), s = C(e), r = s.position ?? "top", l = s.gap ?? 8;
+    const o = $(t), s = $(e), r = s.position ?? "top", l = s.gap ?? 8;
     if (!o)
       return "";
     const i = o.offsetY + Math.floor(o.height / 2), a = o.offsetX + Math.floor(o.width / 2);
@@ -2308,7 +2308,7 @@ const Gi = /* @__PURE__ */ qe(qi, [["render", Yi]]), Xt = /* @__PURE__ */ new Ma
         R && u();
       }
     );
-    const x = N(), b = N(), $ = Hi(x, cn(s));
+    const x = N(), b = N(), C = Hi(x, cn(s));
     return wn([x, b], () => u()), Oe(() => {
       Xt.delete(o);
     }), (R, D) => (d(), X(Ln(R.element), ve(R.$attrs, {
@@ -2330,7 +2330,7 @@ const Gi = /* @__PURE__ */ qe(qi, [["render", Yi]]), Xt = /* @__PURE__ */ new Ma
               r.tooltipOpen ? (d(), p("div", {
                 key: 0,
                 class: "pl-tooltip__container",
-                style: te(C($))
+                style: te($(C))
               }, [
                 h("div", {
                   ref_key: "tooltip",
@@ -2389,7 +2389,7 @@ const tl = /* @__PURE__ */ qe(Ji, [["render", el]]), nl = { key: 0 }, sl = ["tab
       r.label ? (d(), p("label", nl, [
         h("span", null, F(r.label), 1),
         l[0] || (l[0] = m()),
-        C(t).tooltip ? (d(), X(C(Te), {
+        $(t).tooltip ? (d(), X($(Te), {
           key: 0,
           class: "info",
           position: "top"
@@ -2507,51 +2507,51 @@ const pl = { class: "ui-text-field__envelope" }, fl = {
       get() {
         return s.modelValue ?? "";
       },
-      set($) {
-        o("update:modelValue", $);
+      set(C) {
+        o("update:modelValue", C);
       }
     }), a = () => {
       s.clearable && o("update:modelValue", s.clearable === !0 ? "" : s.clearable());
     }, u = ps(i, s.rules || []), c = g(() => s.clearable ? s.clearable === !0 ? s.modelValue === "" : s.modelValue === s.clearable() : s.modelValue === ""), f = g(() => !c.value), x = g(() => {
-      const $ = [];
-      return s.error && $.push(s.error), u.value.isValid || $.push(...u.value.errors), $;
+      const C = [];
+      return s.error && C.push(s.error), u.value.isValid || C.push(...u.value.errors), C;
     }), b = g(() => x.value.length > 0);
-    return ot(r), ($, R) => (d(), p("div", pl, [
+    return ot(r), (C, R) => (d(), p("div", pl, [
       h("div", {
         ref_key: "rootRef",
         ref: r,
         class: K(["ui-text-field", {
           error: b.value,
-          disabled: $.disabled,
-          dashed: $.dashed,
+          disabled: C.disabled,
+          dashed: C.dashed,
           nonEmpty: f.value
         }])
       }, [
-        $.label ? (d(), p("label", fl, [
-          $.required ? (d(), p("i", ml)) : T("", !0),
+        C.label ? (d(), p("label", fl, [
+          C.required ? (d(), p("i", ml)) : T("", !0),
           R[1] || (R[1] = m()),
-          h("span", null, F($.label), 1),
+          h("span", null, F(C.label), 1),
           R[2] || (R[2] = m()),
-          C(t).tooltip ? (d(), X(C(Te), {
+          $(t).tooltip ? (d(), X($(Te), {
             key: 1,
             class: "info",
             position: "top"
           }, {
             tooltip: se(() => [
-              W($.$slots, "tooltip")
+              W(C.$slots, "tooltip")
             ]),
             _: 3
           })) : T("", !0)
         ], 512)) : T("", !0),
         R[4] || (R[4] = m()),
-        $.prefix ? (d(), p("div", hl, F($.prefix), 1)) : T("", !0),
+        C.prefix ? (d(), p("div", hl, F(C.prefix), 1)) : T("", !0),
         R[5] || (R[5] = m()),
         be(h("input", {
           ref_key: "inputRef",
           ref: l,
           "onUpdate:modelValue": R[0] || (R[0] = (D) => i.value = D),
-          disabled: $.disabled,
-          placeholder: $.placeholder || "...",
+          disabled: C.disabled,
+          placeholder: C.placeholder || "...",
           type: "text",
           spellcheck: "false"
         }, null, 8, vl), [
@@ -2559,19 +2559,19 @@ const pl = { class: "ui-text-field__envelope" }, fl = {
         ]),
         R[6] || (R[6] = m()),
         h("div", gl, [
-          $.clearable && f.value ? (d(), p("div", {
+          C.clearable && f.value ? (d(), p("div", {
             key: 0,
             class: "icon icon--clear",
             onClick: a
           })) : T("", !0),
           R[3] || (R[3] = m()),
-          W($.$slots, "append")
+          W(C.$slots, "append")
         ]),
         R[7] || (R[7] = m()),
         re(st, { class: "ui-text-field__contour" })
       ], 2),
       R[8] || (R[8] = m()),
-      b.value ? (d(), p("div", yl, F(x.value.join(" ")), 1)) : $.helper ? (d(), p("div", _l, F($.helper), 1)) : T("", !0)
+      b.value ? (d(), p("div", yl, F(x.value.join(" ")), 1)) : C.helper ? (d(), p("div", _l, F(C.helper), 1)) : T("", !0)
     ]));
   }
 }), kl = { class: "ui-text-area__envelope" }, xl = {
@@ -2626,7 +2626,7 @@ const pl = { class: "ui-text-field__envelope" }, fl = {
     };
     return me(() => {
       x();
-    }), (b, $) => (d(), p("div", kl, [
+    }), (b, C) => (d(), p("div", kl, [
       h("div", {
         ref_key: "root",
         ref: r,
@@ -2634,10 +2634,10 @@ const pl = { class: "ui-text-field__envelope" }, fl = {
       }, [
         b.label ? (d(), p("label", xl, [
           b.required ? (d(), p("i", $l)) : T("", !0),
-          $[1] || ($[1] = m()),
+          C[1] || (C[1] = m()),
           h("span", null, F(b.label), 1),
-          $[2] || ($[2] = m()),
-          C(t).tooltip ? (d(), X(C(Te), {
+          C[2] || (C[2] = m()),
+          $(t).tooltip ? (d(), X($(Te), {
             key: 1,
             class: "info",
             position: "top"
@@ -2648,11 +2648,11 @@ const pl = { class: "ui-text-field__envelope" }, fl = {
             _: 3
           })) : T("", !0)
         ], 512)) : T("", !0),
-        $[3] || ($[3] = m()),
+        C[3] || (C[3] = m()),
         be(h("textarea", {
           ref_key: "input",
           ref: l,
-          "onUpdate:modelValue": $[0] || ($[0] = (R) => i.value = R),
+          "onUpdate:modelValue": C[0] || (C[0] = (R) => i.value = R),
           readonly: b.readonly,
           rows: b.rows,
           disabled: b.disabled,
@@ -2662,14 +2662,14 @@ const pl = { class: "ui-text-field__envelope" }, fl = {
         }, null, 40, Cl), [
           [He, i.value]
         ]),
-        $[4] || ($[4] = m()),
+        C[4] || (C[4] = m()),
         h("div", Vl, [
           W(b.$slots, "append")
         ]),
-        $[5] || ($[5] = m()),
+        C[5] || (C[5] = m()),
         re(st, { class: "ui-text-area__contour" })
       ], 2),
-      $[6] || ($[6] = m()),
+      C[6] || (C[6] = m()),
       f.value ? (d(), p("div", Tl, F(c.value.join(" ")), 1)) : b.helper ? (d(), p("div", Sl, F(b.helper), 1)) : T("", !0)
     ]));
   }
@@ -2847,10 +2847,10 @@ const Bl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
         isSelected: S === f.value,
         isActive: S === a.activeIndex
       }))
-    ), $ = g(() => {
-      const S = C(b).find((j) => $e(j.value, o.modelValue));
+    ), C = g(() => {
+      const S = $(b).find((j) => $e(j.value, o.modelValue));
       return (S == null ? void 0 : S.label) || o.modelValue;
-    }), R = g(() => !a.open && o.modelValue ? "" : o.modelValue ? String($.value) : o.placeholder), D = g(() => o.modelValue !== void 0 && o.modelValue !== null), _ = g(() => {
+    }), R = g(() => !a.open && o.modelValue ? "" : o.modelValue ? String(C.value) : o.placeholder), D = g(() => o.modelValue !== void 0 && o.modelValue !== null), _ = g(() => {
       const w = b.value;
       return a.search ? w.filter((S) => {
         const j = a.search.toLowerCase();
@@ -2882,7 +2882,7 @@ const Bl = `<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 = C(_), { length: L } = U;
+      const U = $(_), { length: L } = U;
       if (!L)
         return;
       w.code === "Enter" && G((Tt = U.find((Ht) => Ht.index === j)) == null ? void 0 : Tt.value);
@@ -2929,7 +2929,7 @@ const Bl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
             }, [
               re(jl, { class: "input-value" }, {
                 default: se(() => [
-                  m(F($.value), 1)
+                  m(F(C.value), 1)
                 ]),
                 _: 1
               }),
@@ -2967,7 +2967,7 @@ const Bl = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
             S[6] || (S[6] = m()),
             h("span", null, F(w.label), 1),
             S[7] || (S[7] = m()),
-            C(s).tooltip ? (d(), X(C(Te), {
+            $(s).tooltip ? (d(), X($(Te), {
               key: 1,
               class: "info",
               position: "top"
@@ -3095,7 +3095,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
       return s.isOpen && k.push("open"), o.disabled && k.push("disabled"), k.join(" ");
     }), a = N(""), u = Ql(cn(o, "options"), a), c = g(() => !!(o.clearable && s.isOpen && o.modelValue && f.value)), f = g(() => {
       if (o.modelValue) {
-        const k = $();
+        const k = C();
         if (k !== -1) {
           const V = ct(o.options)[k];
           return typeof V.label == "object" ? V.label.title : V.label;
@@ -3121,7 +3121,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
       () => R(),
       { immediate: !0 }
     );
-    function $() {
+    function C() {
       return o.options.findIndex((k) => $e(k.value, o.modelValue));
     }
     function R() {
@@ -3211,7 +3211,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
         ref: l,
         class: "ui-line-dropdown__items"
       }, [
-        (d(!0), p(le, null, ue(C(u), (w, S) => W(k.$slots, "item", {
+        (d(!0), p(le, null, ue($(u), (w, S) => W(k.$slots, "item", {
           key: S,
           item: w,
           textItem: "text",
@@ -3229,7 +3229,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
           }, null, 8, ["option", "is-selected", "is-hovered", "onClick"])
         ])), 128)),
         V[3] || (V[3] = m()),
-        C(u).length === 0 ? (d(), p("div", aa, V[2] || (V[2] = [
+        $(u).length === 0 ? (d(), p("div", aa, V[2] || (V[2] = [
           h("div", { class: "ui-line-dropdown__no-item-title text-s" }, "Didn't find anything that matched", -1)
         ]))) : T("", !0)
       ], 512)), [
@@ -3243,7 +3243,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
         style: te(o.tabsContainerStyles),
         class: "ui-line-dropdown__items-tabs"
       }, [
-        (d(!0), p(le, null, ue(C(u), (w, S) => W(k.$slots, "item", {
+        (d(!0), p(le, null, ue($(u), (w, S) => W(k.$slots, "item", {
           key: S,
           item: w,
           isSelected: z(w),
@@ -3258,7 +3258,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
           }, null, 8, ["option", "is-selected", "is-hovered", "onClick"])
         ])), 128)),
         V[5] || (V[5] = m()),
-        C(u).length === 0 ? (d(), p("div", ua, V[4] || (V[4] = [
+        $(u).length === 0 ? (d(), p("div", ua, V[4] || (V[4] = [
           h("div", { class: "ui-line-dropdown__no-item-title text-s" }, "Didn't find anything that matched", -1)
         ]))) : T("", !0)
       ], 4)), [
@@ -3339,14 +3339,14 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
         t.modelValue === void 0 ? _ = t.minValue ? t.minValue : 0 : _ = +(t.modelValue || 0) + t.step, a.value = _.toString();
       }
     }
-    function $() {
+    function C() {
       if (!f.value) {
         let _ = 0;
         t.modelValue === void 0 ? _ = 0 : _ = +(t.modelValue || 0) - t.step, a.value = t.minValue ? Math.max(t.minValue, _).toString() : _.toString();
       }
     }
     function R(_) {
-      ["ArrowDown", "ArrowUp"].includes(_.code) && _.preventDefault(), _.code === "ArrowUp" ? b() : _.code === "ArrowDown" && $();
+      ["ArrowDown", "ArrowUp"].includes(_.code) && _.preventDefault(), _.code === "ArrowUp" ? b() : _.code === "ArrowDown" && C();
     }
     const D = (_) => {
       _.detail > 1 && _.preventDefault();
@@ -3364,7 +3364,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
         h("div", ha, [
           _.label ? (d(), p("label", va, [
             m(F(_.label) + " ", 1),
-            C(r).tooltip ? (d(), X(C(Te), {
+            $(r).tooltip ? (d(), X($(Te), {
               key: 0,
               class: "info",
               position: "top"
@@ -3411,7 +3411,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
           B[5] || (B[5] = m()),
           h("div", {
             class: K([{ disabled: f.value }, "mi-number-field__icon d-flex flex-justify-center uc-pointer flex-grow flex-align-center"]),
-            onClick: $
+            onClick: C
           }, B[4] || (B[4] = [
             h("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3446,7 +3446,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
     return me(() => {
       var o;
       e.value && (t.value = ((o = e.value) == null ? void 0 : o.clientWidth) >= 256);
-    }), (o, s) => (d(), X(C(Te), {
+    }), (o, s) => (d(), X($(Te), {
       position: "top",
       class: "ui-chip-tooltip",
       delay: 500
@@ -3517,7 +3517,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
       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), x = g(() => ct(r.options).filter((y) => Jt(c.value, y.value))), b = g(() => {
-      const y = C(c), v = ct(r.options);
+      const y = $(c), v = ct(r.options);
       return (u.search ? v.filter((k) => {
         const V = u.search.toLowerCase();
         return k.label.toLowerCase().includes(V) ? !0 : typeof k.value == "string" ? k.value.toLowerCase().includes(V) : k.value === u.search;
@@ -3525,16 +3525,16 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
         ...k,
         selected: Jt(y, k.value)
       }));
-    }), $ = g(() => r.disabled ? void 0 : "0"), R = () => {
+    }), C = g(() => r.disabled ? void 0 : "0"), R = () => {
       u.activeOption = Zt(
         b.value.findIndex((y) => $e(y.value, r.modelValue)),
         (y) => y < 0 ? 0 : y
       );
     }, D = (y) => {
       var k;
-      const v = C(c);
+      const v = $(c);
       o(Jt(v, y) ? v.filter((V) => !$e(V, y)) : [...v, y]), u.search = "", (k = l == null ? void 0 : l.value) == null || k.focus();
-    }, _ = (y) => o(C(c).filter((v) => !$e(v, y))), B = () => {
+    }, _ = (y) => o($(c).filter((v) => !$e(v, y))), B = () => {
       var y;
       return (y = a.value) == null ? void 0 : y.focus();
     }, G = () => u.open = !u.open, z = (y) => {
@@ -3553,7 +3553,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
         return;
       }
       y.code === "Escape" && (u.open = !1, (j = l.value) == null || j.focus());
-      const V = C(b), { length: w } = V;
+      const V = $(b), { length: w } = V;
       if (!w)
         return;
       ["ArrowDown", "ArrowUp", "Enter"].includes(y.code) && y.preventDefault(), y.code === "Enter" && D(V[k].value);
@@ -3570,7 +3570,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
       h("div", {
         ref_key: "rootRef",
         ref: l,
-        tabindex: $.value,
+        tabindex: C.value,
         class: K(["ui-multi-dropdown", { open: u.open, error: y.error, disabled: y.disabled }]),
         onKeydown: M,
         onFocusout: z
@@ -3597,7 +3597,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
               class: "chips-container",
               onClick: B
             }, [
-              (d(!0), p(le, null, ue(x.value, (k, V) => (d(), X(C(Pn), {
+              (d(!0), p(le, null, ue(x.value, (k, V) => (d(), X($(Pn), {
                 key: V,
                 closeable: "",
                 small: "",
@@ -3626,7 +3626,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
             v[6] || (v[6] = m()),
             h("span", null, F(y.label), 1),
             v[7] || (v[7] = m()),
-            C(s).tooltip ? (d(), X(C(Te), {
+            $(s).tooltip ? (d(), X($(Te), {
               key: 1,
               class: "info",
               position: "top"
@@ -3645,7 +3645,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
             class: "ui-multi-dropdown__options"
           }, [
             h("div", Ea, [
-              (d(!0), p(le, null, ue(x.value, (k, V) => (d(), X(C(Pn), {
+              (d(!0), p(le, null, ue(x.value, (k, V) => (d(), X($(Pn), {
                 key: V,
                 closeable: "",
                 small: "",
@@ -3706,7 +3706,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
   emits: ["update:modelValue"],
   setup(n) {
     const e = n, t = _e();
-    return (o, s) => C(t).default ? (d(), p("div", {
+    return (o, s) => $(t).default ? (d(), p("div", {
       key: 0,
       class: K(["pl-checkbox", { disabled: o.disabled }])
     }, [
@@ -3794,10 +3794,10 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
             class: "pl-dialog-modal__shadow",
             onClick: i
           }, [
-            h("div", ve(C(l), {
+            h("div", ve($(l), {
               ref_key: "modal",
               ref: r,
-              class: ["pl-dialog-modal", [a.type, C(t).title ? "has-title" : ""]],
+              class: ["pl-dialog-modal", [a.type, $(t).title ? "has-title" : ""]],
               style: { width: a.width, height: a.height, minHeight: a.minHeight }
             }), [
               a.closable ? (d(), p("div", {
@@ -3806,7 +3806,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
                 onClick: u[0] || (u[0] = ie((c) => o("update:modelValue", !1), ["stop"]))
               })) : T("", !0),
               u[1] || (u[1] = m()),
-              C(t).title ? (d(), p("div", Fa, [
+              $(t).title ? (d(), p("div", Fa, [
                 W(a.$slots, "title")
               ])) : T("", !0),
               u[2] || (u[2] = m()),
@@ -3816,7 +3816,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
                 W(a.$slots, "default")
               ], 2),
               u[3] || (u[3] = m()),
-              C(t).actions ? (d(), p("div", ja, [
+              $(t).actions ? (d(), p("div", ja, [
                 W(a.$slots, "actions")
               ])) : T("", !0)
             ], 16)
@@ -3878,8 +3878,8 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
             ref_key: "modal",
             ref: r,
             style: { width: i.width }
-          }, C(l), {
-            class: ["pl-slide-modal", { "has-title": C(t).title }],
+          }, $(l), {
+            class: ["pl-slide-modal", { "has-title": $(t).title, "has-actions": $(t).actions }],
             onKeyup: a[1] || (a[1] = ze((u) => o("update:modelValue", !1), ["esc"]))
           }), [
             h("div", {
@@ -3887,7 +3887,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
               onClick: a[0] || (a[0] = (u) => o("update:modelValue", !1))
             }),
             a[3] || (a[3] = m()),
-            C(t).title ? (d(), p("div", za, [
+            $(t).title ? (d(), p("div", za, [
               W(i.$slots, "title")
             ])) : T("", !0),
             a[4] || (a[4] = m()),
@@ -3895,7 +3895,7 @@ const ea = { class: "resizable-input" }, ta = ["placeholder", "value", "disabled
               W(i.$slots, "default")
             ]),
             a[5] || (a[5] = m()),
-            C(t).actions ? (d(), p("div", Ua, [
+            $(t).actions ? (d(), p("div", Ua, [
               W(i.$slots, "actions")
             ])) : T("", !0)
           ], 16)) : T("", !0)
@@ -4062,14 +4062,14 @@ const Ja = { class: "file-dialog" }, Qa = { class: "file-dialog__search" }, eu =
       y && k && a(y, v);
     }, c = es((y) => {
       y && (r.dirPath = y);
-    }, 1e3), f = g(() => Xa(r.dirPath)), x = g(() => r.items.filter((y) => y.canBeSelected && y.selected && !y.isDir)), b = g(() => x.value.length > 0), $ = () => {
+    }, 1e3), f = g(() => Xa(r.dirPath)), x = g(() => r.items.filter((y) => y.canBeSelected && y.selected && !y.isDir)), b = g(() => x.value.length > 0), C = () => {
       t("update:modelValue", !1);
     }, R = () => {
       var y;
       b.value && ((y = r.storageEntry) != null && y.handle) && (t("import:files", {
         storageHandle: r.storageEntry.handle,
         files: x.value.map((v) => v.handle)
-      }), $());
+      }), C());
     }, D = (y) => {
       r.dirPath = y, r.storageEntry && u();
     }, _ = (y, v) => {
@@ -4125,20 +4125,20 @@ const Ja = { class: "file-dialog" }, Qa = { class: "file-dialog__search" }, eu =
         }
       }
     };
-    return (y, v) => (d(), X(C(Na), {
+    return (y, v) => (d(), X($(Na), {
       "no-content-gutters": !0,
       class: "split",
       "model-value": y.modelValue,
       width: "688px",
       height: "720px",
-      "onUpdate:modelValue": $,
+      "onUpdate:modelValue": C,
       onClick: ie(z, ["stop"])
     }, {
       title: se(() => [
         m(F(y.title ?? "Select files"), 1)
       ]),
       actions: se(() => [
-        re(C(Pi), {
+        re($(Pi), {
           style: { "min-width": "160px" },
           disabled: !b.value,
           onClick: ie(R, ["stop"])
@@ -4149,9 +4149,9 @@ const Ja = { class: "file-dialog" }, Qa = { class: "file-dialog__search" }, eu =
           _: 1
         }, 8, ["disabled"]),
         v[16] || (v[16] = m()),
-        re(C(Zi), {
+        re($(Zi), {
           "justify-center": !1,
-          onClick: ie($, ["stop"])
+          onClick: ie(C, ["stop"])
         }, {
           default: se(() => v[15] || (v[15] = [
             m("Cancel")
@@ -4163,17 +4163,17 @@ const Ja = { class: "file-dialog" }, Qa = { class: "file-dialog__search" }, eu =
         v[17] || (v[17] = m()),
         h("div", Ja, [
           h("div", Qa, [
-            re(C(Jl), {
+            re($(Jl), {
               modelValue: r.storageEntry,
               "onUpdate:modelValue": v[0] || (v[0] = (k) => r.storageEntry = k),
               label: "Select storage",
               options: r.storageOptions
             }, null, 8, ["modelValue", "options"]),
             v[1] || (v[1] = m()),
-            re(C(wl), {
+            re($(wl), {
               "model-value": r.dirPath,
               label: "Enter path",
-              "onUpdate:modelValue": C(c)
+              "onUpdate:modelValue": $(c)
             }, null, 8, ["model-value", "onUpdate:modelValue"])
           ]),
           v[13] || (v[13] = m()),
@@ -7206,7 +7206,7 @@ const $d = { class: "pl-file-input__envelope" }, Cd = {
       } : {};
     }), b = () => {
       t.fileDialogOpen = !0;
-    }, $ = (_) => {
+    }, C = (_) => {
       _.files.length && s("update:modelValue", _.files[0]);
     }, R = () => s("update:modelValue", void 0), D = N();
     return ot(D), (_, B) => (d(), p(le, null, [
@@ -7228,7 +7228,7 @@ const $d = { class: "pl-file-input__envelope" }, Cd = {
             B[1] || (B[1] = m()),
             h("span", null, F(_.label), 1),
             B[2] || (B[2] = m()),
-            C(o).tooltip ? (d(), X(C(Te), {
+            $(o).tooltip ? (d(), X($(Te), {
               key: 1,
               class: "info",
               position: "top"
@@ -7274,12 +7274,12 @@ const $d = { class: "pl-file-input__envelope" }, Cd = {
         u.value ? (d(), p("div", Ed, F(c.value), 1)) : _.helper ? (d(), p("div", Rd, F(_.helper), 1)) : T("", !0)
       ]),
       B[10] || (B[10] = m()),
-      re(C(vu), {
+      re($(vu), {
         modelValue: t.fileDialogOpen,
         "onUpdate:modelValue": B[0] || (B[0] = (G) => t.fileDialogOpen = G),
         extensions: _.extensions,
         title: _.fileDialogTitle,
-        "onImport:files": $
+        "onImport:files": C
       }, null, 8, ["modelValue", "extensions", "title"])
     ], 64));
   }
@@ -7342,7 +7342,7 @@ const Vn = (n) => g(() => {
       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), x = g(() => (i.value - s.min) / l.value), b = g(() => ({
       right: Math.ceil((1 - x.value) * 100) + "%"
-    })), $ = g(() => ({
+    })), C = g(() => ({
       right: `calc(${Math.ceil((1 - x.value) * 100)}%) `
     })), R = N(), D = N();
     de(
@@ -7357,7 +7357,7 @@ const Vn = (n) => g(() => {
     }
     Ne(D, (O) => {
       var M;
-      fe((M = C(R)) == null ? void 0 : M.getBoundingClientRect(), (y) => {
+      fe((M = $(R)) == null ? void 0 : M.getBoundingClientRect(), (y) => {
         const { dx: v } = O;
         r.deltaValue = v / y.width * l.value, a.value = _(he((s.modelValue ?? 0) + r.deltaValue, s.min, s.max)), O.stop && (o("update:modelValue", _(i.value)), r.deltaValue = 0);
       });
@@ -7384,7 +7384,7 @@ const Vn = (n) => g(() => {
             O.label ? (d(), p("label", Md, [
               h("span", null, F(O.label), 1),
               M[1] || (M[1] = m()),
-              C(t).tooltip ? (d(), X(C(Te), {
+              $(t).tooltip ? (d(), X($(Te), {
                 key: 0,
                 class: "info",
                 position: "top"
@@ -7414,7 +7414,7 @@ const Vn = (n) => g(() => {
             ]),
             M[5] || (M[5] = m()),
             h("div", Id, [
-              s.breakpoints ? (d(!0), p(le, { key: 0 }, ue(C(f), (y, v) => (d(), p("div", {
+              s.breakpoints ? (d(!0), p(le, { key: 0 }, ue($(f), (y, v) => (d(), p("div", {
                 key: v,
                 style: te({ right: `${y}%` }),
                 class: "ui-slider__thumb-step"
@@ -7425,7 +7425,7 @@ const Vn = (n) => g(() => {
                 ref: D,
                 tabindex: "0",
                 class: "ui-slider__thumb ui-slider__thumb-active",
-                style: te($.value),
+                style: te(C.value),
                 onKeydown: z
               }, M[3] || (M[3] = [
                 h("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
@@ -7453,12 +7453,12 @@ function Df(n, e = null, t = null) {
     const { scrollTop: a, scrollHeight: u, clientHeight: c } = i;
     if (!(u > c) || !e)
       return null;
-    const x = u - a - c, b = a > e ? e : 0, $ = x > e ? c - e - b : c;
+    const x = u - a - c, b = a > e ? e : 0, C = x > e ? c - e - b : c;
     return `linear-gradient(
         to bottom,
         transparent,
         black ${b}px,
-        black ${$}px,
+        black ${C}px,
         transparent 100%
       )`;
   }
@@ -7466,12 +7466,12 @@ function Df(n, e = null, t = null) {
     const { scrollLeft: a, scrollWidth: u, clientWidth: c } = i;
     if (!(u > c) || !t)
       return null;
-    const x = u - a - c, b = a > t ? t : 0, $ = x > t ? c - t - b : c;
+    const x = u - a - c, b = a > t ? t : 0, C = x > t ? c - t - b : c;
     return `linear-gradient(
         to right,
         transparent,
         black ${b}px,
-        black ${$}px,
+        black ${C}px,
         transparent 100%
       )`;
   }
@@ -7487,11 +7487,11 @@ function Df(n, e = null, t = null) {
 }
 function Nd(n, e) {
   us(() => {
-    fe(C(n), (t) => {
+    fe($(n), (t) => {
       ds(t, () => e(t));
     });
   }), Oe(() => {
-    fe(C(n), (t) => {
+    fe($(n), (t) => {
       cs(t);
     });
   });
@@ -7515,8 +7515,8 @@ function Af(n, e) {
     }
   }, o = g(() => t.options()), s = e.shakeBuffer ?? 10, r = e.reorderDelay ?? 100;
   function l(b) {
-    const $ = e.handle ? this.querySelector(e.handle) : null;
-    $ && !$.contains(b.target) || (this.classList.remove(De.animate), this.classList.add(De.item), t.item = {
+    const C = e.handle ? this.querySelector(e.handle) : null;
+    C && !C.contains(b.target) || (this.classList.remove(De.animate), this.classList.add(De.item), t.item = {
       el: this,
       y: b.y,
       dy: 0,
@@ -7524,36 +7524,36 @@ function Af(n, e) {
     });
   }
   function i(b) {
-    const $ = t.options();
-    return $.slice(0, $.indexOf(b));
+    const C = t.options();
+    return C.slice(0, C.indexOf(b));
   }
   function a(b) {
-    const $ = t.options();
-    return $.slice($.indexOf(b) + 1);
+    const C = t.options();
+    return C.slice(C.indexOf(b) + 1);
   }
-  function u(b, $) {
-    const R = t.options().filter((_) => _ !== $), D = R.indexOf(b);
-    return R.splice(D, 0, $), R;
+  function u(b, C) {
+    const R = t.options().filter((_) => _ !== C), D = R.indexOf(b);
+    return R.splice(D, 0, C), R;
   }
-  function c(b, $) {
-    const R = t.options().filter((_) => _ !== $), D = R.indexOf(b);
-    return R.splice(D + 1, 0, $), R;
+  function c(b, C) {
+    const R = t.options().filter((_) => _ !== C), D = R.indexOf(b);
+    return R.splice(D + 1, 0, C), R;
   }
-  function f(b, $) {
-    b.dy = $ - b.y, b.el.style.setProperty("transform", `translateY(${b.dy}px)`);
+  function f(b, C) {
+    b.dy = C - b.y, b.el.style.setProperty("transform", `translateY(${b.dy}px)`);
   }
   function x(b) {
     var O;
     if (!t.item)
       return;
-    const { el: $ } = t.item;
-    if (!$.isConnected) {
+    const { el: C } = t.item;
+    if (!C.isConnected) {
       t.item = void 0;
       return;
     }
-    const R = b.map((M) => rt(M)), D = rt($);
+    const R = b.map((M) => rt(M)), D = rt(C);
     (O = n.value) == null || O.replaceChildren(...b);
-    const _ = rt($), B = b.map((M) => rt(M)), G = [];
+    const _ = rt(C), B = b.map((M) => rt(M)), G = [];
     for (let M = 0; M < B.length; M++) {
       const y = b[M];
       if (y === t.item.el)
@@ -7573,24 +7573,24 @@ function Af(n, e) {
   ce(window, "mousemove", (b) => {
     if (!t.item)
       return;
-    const { el: $ } = t.item;
+    const { el: C } = t.item;
     f(t.item, b.y);
-    const R = rt(t.item.el), D = Zd(t.item.el), _ = i($), B = a($);
+    const R = rt(t.item.el), D = Zd(t.item.el), _ = i(C), B = a(C);
     _.forEach((G) => {
       const z = jn(G);
-      R + s < z && x(u(G, $));
+      R + s < z && x(u(G, C));
     }), B.forEach((G) => {
       const z = jn(G);
-      D - s > z && x(c(G, $));
+      D - s > z && x(c(G, C));
     });
   }), ce(window, "mouseup", () => {
     if (!t.item)
       return;
-    const { el: b, orderChanged: $ } = t.item;
+    const { el: b, orderChanged: C } = t.item;
     b.classList.add(De.animate), b.style.removeProperty("transform"), b.addEventListener("transitionend", () => {
       b.classList.remove(De.animate, De.item);
     }), setTimeout(() => {
-      if (!$)
+      if (!C)
         return;
       const R = t.options().map((_) => Number(_.getAttribute("data-index"))), D = n.value;
       if (D) {
@@ -7603,8 +7603,8 @@ function Af(n, e) {
       e.onChange(R);
     }, r), t.item = void 0;
   }), un(() => {
-    o.value.forEach((b, $) => {
-      b.removeEventListener("mousedown", l), b.addEventListener("mousedown", l), b.setAttribute("data-index", String($));
+    o.value.forEach((b, C) => {
+      b.removeEventListener("mousedown", l), b.addEventListener("mousedown", l), b.setAttribute("data-index", String(C));
     });
   });
 }
@@ -7662,7 +7662,7 @@ function Ff(n) {
 }
 function jf(n, e) {
   function t(l, i) {
-    const a = C(n);
+    const a = $(n);
     if (!a)
       return;
     const u = `translate(${i.x - l.x}px, ${i.y - l.y}px)`;
@@ -7673,7 +7673,7 @@ function jf(n, e) {
     document.addEventListener("mousemove", i), document.addEventListener(
       "mouseup",
       () => {
-        const a = C(n);
+        const a = $(n);
         document.removeEventListener("mousemove", i), a && (a.style.setProperty("transition", "all .3s ease-in-out"), a.style.removeProperty("transform"), a.addEventListener("transitionend", () => {
           a.style.removeProperty("transition");
         }));
@@ -7683,11 +7683,11 @@ function jf(n, e) {
   }
   function s() {
     var l;
-    (l = C(n)) == null || l.addEventListener("mousedown", o);
+    (l = $(n)) == null || l.addEventListener("mousedown", o);
   }
   function r() {
     var l;
-    (l = C(n)) == null || l.removeEventListener("mousedown", o);
+    (l = $(n)) == null || l.removeEventListener("mousedown", o);
   }
   me(s), Oe(r);
 }
@@ -7718,7 +7718,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
       deltaValue1: 0,
       deltaValue2: 0,
       deltaValue3: 0
-    }), l = N(), i = N(), a = N(), u = N(), c = g(() => s.max - s.min), f = g(() => s), x = Vn(f), b = g(() => he((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), $ = g(() => he((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), R = g(() => he((s.modelValue[2] ?? 0) + r.deltaValue3, s.min, s.max)), D = g(() => {
+    }), l = N(), i = N(), a = N(), u = N(), c = g(() => s.max - s.min), f = g(() => s), x = Vn(f), b = g(() => he((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), C = g(() => he((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), R = g(() => he((s.modelValue[2] ?? 0) + r.deltaValue3, s.min, s.max)), D = g(() => {
       const L = s.modelValue;
       if (!(Array.isArray(L) && L.length === 3 && L.every((ne) => Number.isFinite(ne))))
         return "Expected model [number, number, number]";
@@ -7726,7 +7726,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
       return [...s.modelValue].forEach((ne) => {
         ne > s.max && oe.push(`Max model value must be lower than max props ${s.max}.`), ne < 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(() => ($.value - s.min) / c.value), G = g(() => (R.value - s.min) / c.value), z = g(() => V()), O = g(() => ({
+    }), _ = g(() => (b.value - s.min) / c.value), B = g(() => (C.value - s.min) / c.value), G = g(() => (R.value - s.min) / c.value), z = g(() => V()), O = g(() => ({
       right: z.value[0] + "%",
       left: 100 - z.value[2] + "%"
     })), M = g(() => ({
@@ -7738,21 +7738,21 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
     }));
     Ne(i, (L) => {
       var P;
-      fe((P = C(l)) == null ? void 0 : P.getBoundingClientRect(), (oe) => {
+      fe((P = $(l)) == null ? void 0 : P.getBoundingClientRect(), (oe) => {
         const { dx: ne } = L;
-        r.deltaValue1 = ne / oe.width * c.value, i.value && k(i.value, s.modelValue[0], r.deltaValue1), L.stop && (S([w(b.value), w($.value), w(R.value)]), r.deltaValue1 = 0);
+        r.deltaValue1 = ne / oe.width * c.value, i.value && k(i.value, s.modelValue[0], r.deltaValue1), L.stop && (S([w(b.value), w(C.value), w(R.value)]), r.deltaValue1 = 0);
       });
     }), Ne(a, (L) => {
       var P;
-      fe((P = C(l)) == null ? void 0 : P.getBoundingClientRect(), (oe) => {
+      fe((P = $(l)) == null ? void 0 : P.getBoundingClientRect(), (oe) => {
         const { dx: ne } = L;
-        r.deltaValue2 = ne / oe.width * c.value, a.value && k(a.value, s.modelValue[1], r.deltaValue2), L.stop && (S([w(b.value), w($.value), w(R.value)]), r.deltaValue2 = 0);
+        r.deltaValue2 = ne / oe.width * c.value, a.value && k(a.value, s.modelValue[1], r.deltaValue2), L.stop && (S([w(b.value), w(C.value), w(R.value)]), r.deltaValue2 = 0);
       });
     }), Ne(u, (L) => {
       var P;
-      fe((P = C(l)) == null ? void 0 : P.getBoundingClientRect(), (oe) => {
+      fe((P = $(l)) == null ? void 0 : P.getBoundingClientRect(), (oe) => {
         const { dx: ne } = L;
-        r.deltaValue3 = ne / oe.width * c.value, u.value && k(u.value, s.modelValue[2], r.deltaValue3), L.stop && (S([w(b.value), w($.value), w(R.value)]), r.deltaValue3 = 0);
+        r.deltaValue3 = ne / oe.width * c.value, u.value && k(u.value, s.modelValue[2], r.deltaValue3), L.stop && (S([w(b.value), w(C.value), w(R.value)]), r.deltaValue3 = 0);
       });
     });
     function k(L, P, oe) {
@@ -7796,7 +7796,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
             L.label ? (d(), p("label", Ud, [
               h("span", null, F(L.label), 1),
               P[3] || (P[3] = m()),
-              C(t).tooltip ? (d(), X(C(Te), {
+              $(t).tooltip ? (d(), X($(Te), {
                 key: 0,
                 class: "info",
                 position: "top"
@@ -7824,7 +7824,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
             ]),
             P[10] || (P[10] = m()),
             h("div", Kd, [
-              s.breakpoints ? (d(!0), p(le, { key: 0 }, ue(C(x), (oe, ne) => (d(), p("div", {
+              s.breakpoints ? (d(!0), p(le, { key: 0 }, ue($(x), (oe, ne) => (d(), p("div", {
                 key: ne,
                 style: te({ right: `${oe}%` }),
                 class: "ui-slider__thumb-step"
@@ -7970,7 +7970,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
     const t = _e(), o = e, s = n, r = pe({
       deltaValue1: 0,
       deltaValue2: 0
-    }), l = N(), i = N(), a = N(), u = N(s.modelValue), c = N(s.modelValue[0]), f = N(s.modelValue[1]), x = g(() => s), b = Vn(x), $ = g(() => [c.value, f.value].sort((j, U) => j - U).join("-")), R = g(() => s.max - s.min), D = g(() => he((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), _ = g(() => he((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), B = g(() => {
+    }), l = N(), i = N(), a = N(), u = N(s.modelValue), c = N(s.modelValue[0]), f = N(s.modelValue[1]), x = g(() => s), b = Vn(x), C = g(() => [c.value, f.value].sort((j, U) => j - U).join("-")), R = g(() => s.max - s.min), D = g(() => he((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), _ = g(() => he((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), B = g(() => {
       const j = s.modelValue;
       return Array.isArray(j) && j.length === 2 && j.every((L) => Number.isFinite(L)) ? s.error : "Expected model [number, number]";
     }), G = g(() => (D.value - s.min) / R.value), z = g(() => (_.value - s.min) / R.value), O = g(() => k()), M = g(() => ({
@@ -7989,13 +7989,13 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
       { immediate: !0 }
     ), Ne(i, (j) => {
       var U;
-      fe((U = C(l)) == null ? void 0 : U.getBoundingClientRect(), (L) => {
+      fe((U = $(l)) == null ? void 0 : U.getBoundingClientRect(), (L) => {
         const { dx: P } = j;
         r.deltaValue1 = P / L.width * R.value, c.value = V(he((s.modelValue[0] ?? 0) + r.deltaValue1, s.min, s.max)), u.value = [c.value, f.value].sort((oe, ne) => oe - ne), j.stop && (w([V(D.value), V(_.value)]), r.deltaValue1 = 0);
       });
     }), Ne(a, (j) => {
       var U;
-      fe((U = C(l)) == null ? void 0 : U.getBoundingClientRect(), (L) => {
+      fe((U = $(l)) == null ? void 0 : U.getBoundingClientRect(), (L) => {
         const { dx: P } = j;
         r.deltaValue2 = P / L.width * R.value, f.value = V(he((s.modelValue[1] ?? 0) + r.deltaValue2, s.min, s.max)), u.value = [c.value, f.value].sort((oe, ne) => oe - ne), j.stop && (w([V(D.value), V(_.value)]), r.deltaValue2 = 0);
       });
@@ -8027,7 +8027,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
             j.label ? (d(), p("label", sc, [
               h("span", null, F(j.label), 1),
               U[3] || (U[3] = m()),
-              C(t).tooltip ? (d(), X(C(Te), {
+              $(t).tooltip ? (d(), X($(Te), {
                 key: 0,
                 class: "info",
                 position: "top"
@@ -8039,7 +8039,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
               })) : T("", !0)
             ])) : T("", !0),
             U[4] || (U[4] = m()),
-            s.mode === "text" ? (d(), p("div", oc, F($.value), 1)) : T("", !0)
+            s.mode === "text" ? (d(), p("div", oc, F(C.value), 1)) : T("", !0)
           ]),
           U[10] || (U[10] = m()),
           h("div", rc, [
@@ -8057,7 +8057,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
             ]),
             U[9] || (U[9] = m()),
             h("div", lc, [
-              s.breakpoints ? (d(!0), p(le, { key: 0 }, ue(C(b), (L, P) => (d(), p("div", {
+              s.breakpoints ? (d(!0), p(le, { key: 0 }, ue($(b), (L, P) => (d(), p("div", {
                 key: P,
                 style: te({ right: `${L}%` }),
                 class: "ui-slider__thumb-step"
@@ -8112,7 +8112,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
   emits: ["update:scrollTop"],
   setup(n, { emit: e }) {
     const t = e, o = n, s = N(), r = g(() => o.clientHeight / (o.scrollHeight || 1)), l = g(() => r.value < 1), i = g(() => {
-      const a = C(r);
+      const a = $(r);
       return {
         top: o.scrollTop * a + "px",
         height: Math.floor(o.clientHeight * a) + "px"
@@ -8150,7 +8150,7 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
   emits: ["update:scrollLeft"],
   setup(n, { emit: e }) {
     const t = e, o = n, s = N(), r = g(() => o.clientWidth / (o.scrollWidth || 1)), l = g(() => r.value < 1), i = g(() => {
-      const a = C(r);
+      const a = $(r);
       return {
         left: o.scrollLeft * a + "px",
         width: Math.floor(o.clientWidth * a) + "px"
@@ -8198,23 +8198,23 @@ const zd = { class: "ui-slider__wrapper" }, Hd = { class: "ui-slider__label-sect
       a.scrollTop += i.deltaY, a.scrollLeft += i.deltaX, o(a);
     };
     function r(i) {
-      fe(C(e), (a) => {
+      fe($(e), (a) => {
         a.scrollTop = i, o(a);
       });
     }
     function l(i) {
-      fe(C(e), (a) => {
+      fe($(e), (a) => {
         a.scrollLeft = i, o(a);
       });
     }
     return Nd(e, (i) => {
       fe(i, (a) => o(a));
     }), me(() => {
-      fe(C(e), (i) => {
+      fe($(e), (i) => {
         o(i), i.addEventListener("wheel", s);
       });
     }), Oe(() => {
-      fe(C(e), (i) => i.removeEventListener("wheel", s));
+      fe($(e), (i) => i.removeEventListener("wheel", s));
     }), (i, a) => (d(), p("div", pc, [
       h("div", {
         ref_key: "containerRef",