@milaboratories/uikit 2.2.35 → 2.2.36

package/dist/pl-uikit.js

@@ -1,7 +1,7 @@
 var Ao = Object.defineProperty;
 var Do = (n, e, t) => e in n ? Ao(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var Pn = (n, e, t) => Do(n, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as F, openBlock as u, createElementBlock as p, Fragment as ae, renderList as ce, withModifiers as ne, createElementVNode as h, toDisplayString as A, h as $n, render as An, inject as hn, reactive as de, computed as g, ref as L, normalizeClass as E, unref as y, createBlock as H, resolveDynamicComponent as Gn, createTextVNode as m, renderSlot as Z, createCommentVNode as $, normalizeStyle as se, nextTick as Ne, onMounted as he, onUnmounted as Le, watchEffect as Xn, watch as ie, provide as Nt, watchPostEffect as en, createVNode as J, withCtx as Q, useSlots as _e, withDirectives as be, mergeModels as Je, useModel as mt, withKeys as Ee, Teleport as vt, mergeProps as me, toRef as It, Transition as tn, vModelText as Me, normalizeProps as Mo, guardReactiveProps as Io, onUpdated as Lo, onBeforeUnmount as Fo, vModelDynamic as jo, useCssVars as No, useTemplateRef as Cn, vShow as Dn, createSlots as Jn, useAttrs as Qn, getCurrentScope as zo, onScopeDispose as Ho, readonly as Zo } from "vue";
+import { defineComponent as F, openBlock as u, createElementBlock as p, Fragment as ae, renderList as ce, withModifiers as ne, createElementVNode as h, toDisplayString as A, h as $n, render as An, inject as hn, reactive as de, computed as g, ref as L, normalizeClass as E, unref as y, createBlock as H, resolveDynamicComponent as Gn, createTextVNode as m, renderSlot as Z, createCommentVNode as $, normalizeStyle as oe, nextTick as Ne, onMounted as he, onUnmounted as Le, watchEffect as Xn, watch as ie, provide as Nt, watchPostEffect as en, createVNode as J, withCtx as Q, useSlots as _e, withDirectives as be, mergeModels as Je, useModel as mt, withKeys as Ee, Teleport as vt, mergeProps as me, toRef as It, Transition as tn, vModelText as Me, normalizeProps as Mo, guardReactiveProps as Io, onUpdated as Lo, onBeforeUnmount as Fo, vModelDynamic as jo, useCssVars as No, useTemplateRef as Cn, vShow as Dn, createSlots as Jn, useAttrs as Qn, getCurrentScope as zo, onScopeDispose as Ho, readonly as Zo } from "vue";
 function zt(n, e) {
   if (n == null)
     throw Error(e ?? "Empty (null | undefined) value");
@@ -480,7 +480,7 @@ const Ps = ["^data-col-id"], As = /* @__PURE__ */ F({
       ref: e,
       class: E(["tr-body", { selected: s.row.selected }]),
       scroll: "no",
-      style: se(s.row.style),
+      style: oe(s.row.style),
       onScroll: t
     }, [
       Z(s.$slots, "default")
@@ -699,7 +699,7 @@ const er = /* @__PURE__ */ F({
       t("change:offset", k), v.x = c.x, v.y = c.y;
     }), (c, v) => (u(), p("div", {
       class: "t-scroll",
-      style: se({ height: `${c.windowSize}px` })
+      style: oe({ height: `${c.windowSize}px` })
     }, [
       h("div", null, [
         i.value ? (u(), p("div", {
@@ -707,7 +707,7 @@ const er = /* @__PURE__ */ F({
           ref_key: "handleRef",
           ref: o,
           class: "t-scroll__handle",
-          style: se(d.value)
+          style: oe(d.value)
         }, null, 4)) : $("", !0)
       ])
     ], 4));
@@ -922,7 +922,7 @@ const rr = { class: "command-menu__container" }, lr = {
             (u(!0), p(ae, null, ce(y(v), (V, W) => (u(), H(As, {
               key: W,
               col: V,
-              style: se(V.style),
+              style: oe(V.style),
               "onChange:sort": M[0] || (M[0] = (B) => D.$emit("change:sort", B))
             }, null, 8, ["col", "style"]))), 128))
           ]),
@@ -934,7 +934,7 @@ const rr = { class: "command-menu__container" }, lr = {
         ref_key: "bodyRef",
         ref: d,
         class: "table-body",
-        style: se(i.value),
+        style: oe(i.value),
         onWheel: C
       }, [
         r.value ? (u(), p("div", lr, [
@@ -953,7 +953,7 @@ const rr = { class: "command-menu__container" }, lr = {
             (u(!0), p(ae, null, ce(V.cells, (B) => (u(), H($s, {
               key: B.column.id + ":" + W,
               cell: B,
-              style: se(B.style)
+              style: oe(B.style)
             }, null, 8, ["cell", "style"]))), 128))
           ]),
           _: 2
@@ -964,7 +964,7 @@ const rr = { class: "command-menu__container" }, lr = {
         (u(!0), p(ae, null, ce(y(v), (V, W) => (u(), H(Ms, {
           key: W,
           column: V,
-          style: se(V.style),
+          style: oe(V.style),
           "onChange:sort": M[1] || (M[1] = (B) => D.$emit("change:sort", B))
         }, null, 8, ["column", "style"]))), 128))
       ]),
@@ -1058,7 +1058,7 @@ function fr(n, e) {
   });
   return g(() => $n(Vn, s));
 }
-const xm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Vm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AsyncData: dr,
   Component: Vn,
@@ -1106,7 +1106,7 @@ function yr(n, e) {
 function _r(n, e) {
   return n = Math.ceil(n), e = Math.floor(e), Math.floor(Math.random() * (e - n)) + n;
 }
-function $m(n) {
+function Tm(n) {
   let e = "";
   for (let t = 0; t < n; t++)
     e += String.fromCharCode(_r(65, 91));
@@ -1117,7 +1117,7 @@ function br(n) {
     return 1 - n(1 - e);
   };
 }
-function Cm(n) {
+function Sm(n) {
   return function(e) {
     return e < 0.5 ? n(2 * e) / 2 : (2 - n(2 * (1 - e))) / 2;
   };
@@ -1134,7 +1134,7 @@ function wr(n) {
     r = !0;
   };
 }
-function Vm(n) {
+function Em(n) {
   const { getFraction: e, draw: t, timing: s } = n, o = performance.now();
   let r = !1;
   return requestAnimationFrame(function i(l) {
@@ -1164,7 +1164,7 @@ function xr(n, e, t = !0) {
     }, (/* @__PURE__ */ new Date()).getTime() > s && o();
   };
 }
-function Tm(n) {
+function Om(n) {
   return n.map((e) => ({ text: String(e), value: e }));
 }
 function Qe(n) {
@@ -1205,7 +1205,7 @@ function Sr(n) {
     gn.delete(t);
   }), [e, s];
 }
-const Sm = /* @__PURE__ */ F({
+const Bm = /* @__PURE__ */ F({
   __name: "ThemeSwitcher",
   setup(n) {
     const [e, t] = Sr();
@@ -1222,7 +1222,7 @@ const Sm = /* @__PURE__ */ F({
   class: "pl-block-page__title"
 }, Or = { class: "pl-block-page__title__default" }, Br = { class: "pl-block-page__title__append" }, Rr = { key: 1 }, Pr = { class: "pl-block-page__body" }, Ar = {
   name: "PlBlockPage"
-}, Em = /* @__PURE__ */ F({
+}, Rm = /* @__PURE__ */ F({
   ...Ar,
   props: {
     noBodyGutters: { type: Boolean }
@@ -1260,7 +1260,7 @@ const Sm = /* @__PURE__ */ F({
   }
 }), Dr = {
   name: "PlContainer"
-}, Om = /* @__PURE__ */ F({
+}, Pm = /* @__PURE__ */ F({
   ...Dr,
   props: {
     width: {}
@@ -1271,14 +1271,14 @@ const Sm = /* @__PURE__ */ F({
     }));
     return (s, o) => (u(), p("div", {
       class: "pl-container pl-layout-component",
-      style: se(t.value)
+      style: oe(t.value)
     }, [
       Z(s.$slots, "default")
     ], 4));
   }
 }), Mr = {
   name: "PlRow"
-}, Bm = /* @__PURE__ */ F({
+}, Am = /* @__PURE__ */ F({
   ...Mr,
   props: {
     wrap: { type: Boolean },
@@ -1297,14 +1297,14 @@ const Sm = /* @__PURE__ */ F({
   style: { "flex-grow": "1" }
 }, Lr = {
   name: "PlSpacer"
-}, Rm = /* @__PURE__ */ F({
+}, Dm = /* @__PURE__ */ F({
   ...Lr,
   setup(n) {
     return (e, t) => (u(), p("div", Ir));
   }
 }), Fr = {
   name: "PlGrid"
-}, Pm = /* @__PURE__ */ F({
+}, Mm = /* @__PURE__ */ F({
   ...Fr,
   props: {
     columns: {}
@@ -1315,7 +1315,7 @@ const Sm = /* @__PURE__ */ F({
     }));
     return (s, o) => (u(), p("div", {
       class: "pl-layout-component pl-grid",
-      style: se(t.value)
+      style: oe(t.value)
     }, [
       Z(s.$slots, "default")
     ], 4));
@@ -1325,7 +1325,7 @@ const Sm = /* @__PURE__ */ F({
   class: "pl-alert__icon"
 }, Nr = { class: "pl-alert__main" }, zr = { key: 0 }, Hr = { class: "pl-alert__main__text" }, Zr = {
   name: "PlAlert"
-}, Am = /* @__PURE__ */ F({
+}, Im = /* @__PURE__ */ F({
   ...Zr,
   props: {
     modelValue: { type: Boolean, default: !0 },
@@ -1348,7 +1348,7 @@ const Sm = /* @__PURE__ */ F({
     return (t, s) => t.modelValue ? (u(), p("div", {
       key: 0,
       class: E(["pl-alert", [{ monospace: t.monospace, whiteSpacePre: t.whiteSpacePre }, t.type ? `pl-alert__${t.type}` : ""]]),
-      style: se({ maxHeight: t.maxHeight })
+      style: oe({ maxHeight: t.maxHeight })
     }, [
       t.icon && t.type ? (u(), p("div", jr, [
         h("div", {
@@ -1457,7 +1457,7 @@ const Jr = /* @__PURE__ */ F({
   setup(n) {
     const e = n, t = g(() => e.size === "large" ? "--mask-size: 24px" : ""), s = g(() => `mask-16 mask-${e.name}`);
     return (o, r) => (u(), p("i", {
-      style: se(t.value),
+      style: oe(t.value),
       class: E([s.value, o.$style.icon])
     }, null, 6));
   }
@@ -1465,7 +1465,7 @@ const Jr = /* @__PURE__ */ F({
   icon: Qr
 }, tl = {
   $style: el
-}, kt = /* @__PURE__ */ $e(Jr, [["__cssModules", tl]]), nl = ["onKeyup"], Dm = /* @__PURE__ */ F({
+}, kt = /* @__PURE__ */ $e(Jr, [["__cssModules", tl]]), nl = ["onKeyup"], Lm = /* @__PURE__ */ F({
   __name: "PlBtnSplit",
   props: /* @__PURE__ */ Je({
     options: {},
@@ -1589,7 +1589,7 @@ const Jr = /* @__PURE__ */ F({
           ref_key: "list",
           ref: l,
           class: "pl-dropdown__options",
-          style: se(v),
+          style: oe(v),
           tabindex: "-1"
         }, [
           (u(!0), p(ae, null, ce(C.value, (T, P) => (u(), H(Lt, {
@@ -1678,7 +1678,7 @@ const ol = { key: 0 }, sl = {
   }
 }), il = {
   name: "PlBtnAccent"
-}, Mm = /* @__PURE__ */ F({
+}, Fm = /* @__PURE__ */ F({
   ...il,
   props: {
     loading: { type: Boolean },
@@ -1699,7 +1699,7 @@ const ol = { key: 0 }, sl = {
   }
 }), al = {
   name: "PlBtnDanger"
-}, Im = /* @__PURE__ */ F({
+}, jm = /* @__PURE__ */ F({
   ...al,
   props: {
     loading: { type: Boolean },
@@ -1792,7 +1792,7 @@ const ol = { key: 0 }, sl = {
       Z(i.$slots, "append")
     ], 16));
   }
-}), Lm = /* @__PURE__ */ F({
+}), Nm = /* @__PURE__ */ F({
   __name: "PlBtnLink",
   props: {
     loading: { type: Boolean },
@@ -1944,13 +1944,13 @@ const xl = /* @__PURE__ */ $e(bl, [["render", kl]]), pn = /* @__PURE__ */ new Ma
               r.tooltipOpen ? (u(), p("div", {
                 key: 0,
                 class: "pl-tooltip__container",
-                style: se(y(C))
+                style: oe(y(C))
               }, [
                 h("div", {
                   ref_key: "tooltip",
                   ref: w,
                   class: E(["pl-tooltip", M.position]),
-                  style: se(D.value),
+                  style: oe(D.value),
                   onMouseover: c,
                   onMouseleave: v
                 }, [
@@ -2066,7 +2066,7 @@ const Ml = "_component_1abv8_1", Il = "_container_1abv8_15", Ll = "_error_1abv8_
   component: Ml,
   container: Il,
   error: Ll
-}, Fl = { key: 0 }, jl = ["placeholder"], Fm = /* @__PURE__ */ F({
+}, Fl = { key: 0 }, jl = ["placeholder"], zm = /* @__PURE__ */ F({
   __name: "PlEditableTitle",
   props: /* @__PURE__ */ Je({
     placeholder: { default: "Title" },
@@ -2100,7 +2100,7 @@ const Ml = "_component_1abv8_1", Il = "_container_1abv8_15", Ll = "_error_1abv8_
     }, i = L();
     return (l, a) => (u(), p("div", {
       class: E(["pl-editable-title", y(fn).component]),
-      style: se(o.value)
+      style: oe(o.value)
     }, [
       h("div", {
         class: E(y(fn).container),
@@ -2200,7 +2200,7 @@ const Wl = /* @__PURE__ */ F({
   setup(n) {
     const e = n, t = g(() => e.size === "large" ? "--icon-size: 24px" : ""), s = g(() => `icon-16 icon-${e.name}`);
     return (o, r) => (u(), p("i", {
-      style: se(t.value),
+      style: oe(t.value),
       class: E([s.value, o.$style.icon])
     }, null, 6));
   }
@@ -2225,7 +2225,7 @@ const Wl = /* @__PURE__ */ F({
   class: "pl-text-field__helper"
 }, oi = {
   name: "PlTextField"
-}, jm = /* @__PURE__ */ F({
+}, Hm = /* @__PURE__ */ F({
   ...oi,
   props: /* @__PURE__ */ Je({
     label: {},
@@ -2428,7 +2428,7 @@ const Wl = /* @__PURE__ */ F({
   class: "ui-text-area__helper"
 }, ki = {
   name: "PlTextArea"
-}, Nm = /* @__PURE__ */ F({
+}, Zm = /* @__PURE__ */ F({
   ...ki,
   props: {
     modelValue: {},
@@ -2586,7 +2586,7 @@ function ho(n, e, t, s) {
     n.removeEventListener(e, t);
   };
 }
-function zm(n, e) {
+function Um(n, e) {
   const t = e.getBoundingClientRect();
   return n.x < t.x || n.x > t.x + t.width || n.y < t.y || n.y > t.y + t.height;
 }
@@ -2725,7 +2725,7 @@ const go = /* @__PURE__ */ F({
       if (!j)
         return;
       O.code === "Enter" && _((ht = I.find((ot) => ot.index === x)) == null ? void 0 : ht.value);
-      const oe = I.findIndex((ot) => ot.index === x) ?? -1, re = O.code === "ArrowDown" ? 1 : O.code === "ArrowUp" ? -1 : 0, Ye = Math.abs(oe + re + j) % j;
+      const se = I.findIndex((ot) => ot.index === x) ?? -1, re = O.code === "ArrowDown" ? 1 : O.code === "ArrowUp" ? -1 : 0, Ye = Math.abs(se + re + j) % j;
       a.activeIndex = B.value[Ye].index ?? -1;
     };
     return Ke(r), ie(() => s.modelValue, c, { immediate: !0 }), ie(
@@ -2856,7 +2856,7 @@ const go = /* @__PURE__ */ F({
   }
 }), Li = {
   name: "PlDropdownRef"
-}, Hm = /* @__PURE__ */ F({
+}, Wm = /* @__PURE__ */ F({
   ...Li,
   props: {
     modelValue: {},
@@ -2919,7 +2919,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
     }
     return (l, a) => (u(), p("div", ji, [
       h("span", {
-        style: se(r.value),
+        style: oe(r.value),
         class: "resizable-input__size-span"
       }, A(o.value), 5),
       a[0] || (a[0] = m()),
@@ -2956,7 +2956,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
 }, Yi = {
   key: 0,
   class: "pl-line-dropdown__no-item"
-}, Zm = /* @__PURE__ */ F({
+}, qm = /* @__PURE__ */ F({
   __name: "PlDropdownLine",
   props: {
     modelValue: {},
@@ -3112,7 +3112,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
           key: 0,
           ref_key: "list",
           ref: i,
-          style: se(Y),
+          style: oe(Y),
           tabindex: "-1",
           class: "pl-line-dropdown__items",
           onFocusout: _
@@ -3142,7 +3142,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
           key: 1,
           ref_key: "list",
           ref: i,
-          style: se(Y),
+          style: oe(Y),
           tabindex: "-1",
           class: "pl-line-dropdown__items-tabs",
           onFocusout: _
@@ -3186,7 +3186,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
   class: "ui-dropdown__helper"
 }, aa = {
   name: "PlDropdown"
-}, Um = /* @__PURE__ */ F({
+}, Km = /* @__PURE__ */ F({
   ...aa,
   props: {
     modelValue: {},
@@ -3261,11 +3261,11 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
         return;
       }
       b.code === "Escape" && (a.open = !1, (ht = r.value) == null || ht.focus());
-      const j = y(B), { length: oe } = j;
-      if (!oe)
+      const j = y(B), { length: se } = j;
+      if (!se)
         return;
       b.code === "Enter" && _((ot = j.find((ln) => ln.index === I)) == null ? void 0 : ot.value);
-      const re = j.findIndex((ln) => ln.index === I) ?? -1, Ye = b.code === "ArrowDown" ? 1 : b.code === "ArrowUp" ? -1 : 0, nt = Math.abs(re + Ye + oe) % oe;
+      const re = j.findIndex((ln) => ln.index === I) ?? -1, Ye = b.code === "ArrowDown" ? 1 : b.code === "ArrowUp" ? -1 : 0, nt = Math.abs(re + Ye + se) % se;
       a.activeIndex = B.value[nt].index ?? -1;
     };
     return Ke(r), ie(() => s.modelValue, c, { immediate: !0 }), ie(
@@ -3373,7 +3373,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
               "is-selected": I.isSelected,
               "is-hovered": I.isActive,
               size: b.optionSize,
-              onClick: ne((oe) => _(I.value), ["stop"])
+              onClick: ne((se) => _(I.value), ["stop"])
             }, null, 8, ["option", "is-selected", "is-hovered", "size", "onClick"]))), 128)),
             x[8] || (x[8] = m()),
             B.value.length ? $("", !0) : (u(), p("div", sa, "Nothing found"))
@@ -3389,7 +3389,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
 }), da = {
   key: 0,
   class: "ui-progress-bar"
-}, ua = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, ca = { class: "ui-progress-bar__message flex-grow-1" }, pa = { class: "ui-progress-bar__percent" }, Wm = /* @__PURE__ */ F({
+}, ua = { class: "ui-progress-bar__messages d-flex align-center pl-6 pr-6" }, ca = { class: "ui-progress-bar__message flex-grow-1" }, pa = { class: "ui-progress-bar__percent" }, Ym = /* @__PURE__ */ F({
   __name: "PlProgressBar",
   props: {
     loading: { type: Boolean },
@@ -3401,7 +3401,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
     return (s, o) => s.loading ? (u(), p("div", da, [
       h("div", {
         class: "ui-progress-bar__indicator",
-        style: se({ width: s.progress + "%" })
+        style: oe({ width: s.progress + "%" })
       }, null, 4),
       o[1] || (o[1] = m()),
       h("div", ua, [
@@ -3417,7 +3417,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
 }, ha = ["disabled", "placeholder"], ga = { class: "mi-number-field__icons d-flex-column" }, ya = {
   key: 0,
   class: "mi-number-field__hint text-description"
-}, qm = /* @__PURE__ */ F({
+}, Gm = /* @__PURE__ */ F({
   __name: "PlNumberField",
   props: {
     modelValue: {},
@@ -3618,7 +3618,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
   class: "pl-dropdown-multi__helper"
 }, Ra = {
   name: "PlDropdownMulti"
-}, Km = /* @__PURE__ */ F({
+}, Xm = /* @__PURE__ */ F({
   ...Ra,
   props: {
     modelValue: { default: () => [] },
@@ -3825,7 +3825,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
   }
 }), Pa = {
   name: "PlCheckbox"
-}, Ym = /* @__PURE__ */ F({
+}, Jm = /* @__PURE__ */ F({
   ...Pa,
   props: {
     modelValue: { type: Boolean },
@@ -3853,7 +3853,7 @@ const ji = { class: "resizable-input" }, Ni = ["placeholder", "value", "disabled
   }
 }), Aa = { key: 0 }, Da = ["onClick"], Ma = {
   name: "PlCheckboxGroup"
-}, Gm = /* @__PURE__ */ F({
+}, Qm = /* @__PURE__ */ F({
   ...Ma,
   props: {
     modelValue: {},
@@ -3998,7 +3998,7 @@ const Na = {
 }, Ga = {
   name: "PlSlideModal",
   inheritAttrs: !1
-}, Xm = /* @__PURE__ */ F({
+}, ev = /* @__PURE__ */ F({
   ...Ga,
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -4058,7 +4058,7 @@ const Na = {
   class: "label"
 }, Ja = {
   name: "PlToggleSwitch"
-}, Jm = /* @__PURE__ */ F({
+}, tv = /* @__PURE__ */ F({
   ...Ja,
   props: {
     label: {},
@@ -4190,7 +4190,7 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
   class: "pl-log-view__error"
 }, ud = {
   name: "PlLogView"
-}, Qm = /* @__PURE__ */ F({
+}, nv = /* @__PURE__ */ F({
   ...ud,
   props: {
     value: {},
@@ -4319,7 +4319,7 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
   }
 }), gd = {
   name: "PlTabs"
-}, ev = /* @__PURE__ */ F({
+}, ov = /* @__PURE__ */ F({
   ...gd,
   props: {
     modelValue: {},
@@ -4339,7 +4339,7 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
         tabindex: o.modelValue === i.value || o.disabled || i.disabled ? void 0 : 0,
         option: i,
         class: E([{ [y(st).active]: o.modelValue === i.value, [y(st).disabled]: i.disabled }, y(st).tab]),
-        style: se({ "--pl-tabs-item-max-width": i.maxWidth ?? o.maxTabWidth }),
+        style: oe({ "--pl-tabs-item-max-width": i.maxWidth ?? o.maxTabWidth }),
         onKeydown: Ee((a) => s(i.value), ["enter"]),
         onClick: (a) => s(i.value)
       }, {
@@ -4373,7 +4373,7 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
   content: bd
 }, kd = {
   $style: wd
-}, xd = /* @__PURE__ */ $e(yd, [["__cssModules", kd]]), tv = /* @__PURE__ */ F({
+}, xd = /* @__PURE__ */ $e(yd, [["__cssModules", kd]]), sv = /* @__PURE__ */ F({
   __name: "PlAccordion",
   props: /* @__PURE__ */ Je({
     multiple: { type: Boolean }
@@ -4466,7 +4466,7 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
   down: Ed
 }, Bd = {
   $style: Od
-}, nv = /* @__PURE__ */ $e(Cd, [["__cssModules", Bd]]), ov = /* @__PURE__ */ F({
+}, rv = /* @__PURE__ */ $e(Cd, [["__cssModules", Bd]]), lv = /* @__PURE__ */ F({
   __name: "PlStatusTag",
   props: {
     type: {}
@@ -4488,28 +4488,56 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
       ])
     ], 16)) : $("", !0);
   }
-}), Rd = "_component_1ietr_1", Pd = "_local_1ietr_1", Ad = "_supported_1ietr_26", Dd = "_remote_1ietr_32", Md = "_search_1ietr_40", Id = "_selected_1ietr_72", Ld = "_breadcrumbs_1ietr_86", Fd = "_cat_1ietr_116", jd = "_message_1ietr_122", Nd = "_isFile_1ietr_197", zd = "_isDir_1ietr_201", Hd = "_canBeSelected_1ietr_207", Zd = "_spin_1ietr_1", pe = {
-  component: Rd,
-  local: Pd,
-  supported: Ad,
-  remote: Dd,
-  search: Md,
+}), Rd = { class: "pl-loader-circular" }, Pd = {
+  class: "pl-loader-circular__svg",
+  viewBox: "25 25 50 50"
+}, Ad = ["stroke"], iv = /* @__PURE__ */ F({
+  __name: "PlLoaderCircular",
+  props: {
+    size: { default: "16" }
+  },
+  setup(n) {
+    return (e, t) => (u(), p("div", Rd, [
+      h("div", {
+        style: oe({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
+        class: "pl-circle-loader__wrapper"
+      }, [
+        (u(), p("svg", Pd, [
+          h("circle", {
+            class: "pl-loader-circular__svg-circle",
+            cx: "50",
+            cy: "50",
+            r: "20",
+            fill: "none",
+            stroke: `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
+            "stroke-width": "2"
+          }, null, 8, Ad)
+        ]))
+      ], 4)
+    ]));
+  }
+}), Dd = "_component_1ietr_1", Md = "_local_1ietr_1", Id = "_supported_1ietr_26", Ld = "_remote_1ietr_32", Fd = "_search_1ietr_40", jd = "_selected_1ietr_72", Nd = "_breadcrumbs_1ietr_86", zd = "_cat_1ietr_116", Hd = "_message_1ietr_122", Zd = "_isFile_1ietr_197", Ud = "_isDir_1ietr_201", Wd = "_canBeSelected_1ietr_207", qd = "_spin_1ietr_1", pe = {
+  component: Dd,
+  local: Md,
+  supported: Id,
+  remote: Ld,
+  search: Fd,
   "ls-container": "_ls-container_1ietr_50",
   "ls-head": "_ls-head_1ietr_57",
-  selected: Id,
-  breadcrumbs: Ld,
+  selected: jd,
+  breadcrumbs: Nd,
   "ls-error": "_ls-error_1ietr_108",
-  cat: Fd,
-  message: jd,
+  cat: zd,
+  message: Hd,
   "ls-empty": "_ls-empty_1ietr_131",
   "ls-body": "_ls-body_1ietr_152",
-  isFile: Nd,
-  isDir: zd,
-  canBeSelected: Hd,
+  isFile: Zd,
+  isDir: Ud,
+  canBeSelected: Wd,
   "ls-loader": "_ls-loader_1ietr_213",
   "loader-icon": "_loader-icon_1ietr_221",
-  spin: Zd
-}, Ud = /* @__PURE__ */ F({
+  spin: qd
+}, Kd = /* @__PURE__ */ F({
   __name: "Shortcuts",
   setup(n) {
     return (e, t) => (u(), H(y(ke), {
@@ -4563,14 +4591,14 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
       _: 1
     }));
   }
-}), Wd = "_title_14dct_2", qd = "_row_14dct_10", Kd = "_head_14dct_30", Yd = "_body_14dct_58", Gd = {
-  title: Wd,
-  row: qd,
-  head: Kd,
-  body: Yd
-}, Xd = {
-  $style: Gd
-}, Jd = /* @__PURE__ */ $e(Ud, [["__cssModules", Xd]]), Un = () => ({
+}), Yd = "_title_14dct_2", Gd = "_row_14dct_10", Xd = "_head_14dct_30", Jd = "_body_14dct_58", Qd = {
+  title: Yd,
+  row: Gd,
+  head: Xd,
+  body: Jd
+}, eu = {
+  $style: Qd
+}, tu = /* @__PURE__ */ $e(Kd, [["__cssModules", eu]]), Un = () => ({
   dirPath: "",
   search: "",
   storageEntry: void 0,
@@ -4582,7 +4610,7 @@ const id = { key: 0 }, ad = { class: "pl-log-view__copy" }, dd = {
   currentLoadingPath: void 0,
   showHiddenItems: !1
 });
-function Qd(n) {
+function nu(n) {
   return g(() => {
     let e = n.items;
     if (n.showHiddenItems || (e = e.filter((t) => !t.name.startsWith("."))), n.search) {
@@ -4603,7 +4631,7 @@ const Wn = {
 function bo(n) {
   return n ? n.map((e) => "." + Xo(e, ["."])) : void 0;
 }
-function eu(n) {
+function ou(n) {
   const e = n.split("/");
   e[0] !== "" && e.unshift("");
   const t = [];
@@ -4615,10 +4643,10 @@ function eu(n) {
     });
   return t;
 }
-const tu = ["title", "onClick"], nu = {
+const su = ["title", "onClick"], ru = {
   key: 0,
   class: "ls-loader"
-}, ou = ["onClick"], su = ["title"], ru = ["onClick"], lu = ["title"], iu = /* @__PURE__ */ F({
+}, lu = ["onClick"], iu = ["title"], au = ["onClick"], du = ["title"], uu = /* @__PURE__ */ F({
   __name: "Remote",
   props: {
     modelValue: { type: Boolean },
@@ -4632,7 +4660,7 @@ const tu = ["title", "onClick"], nu = {
   setup(n, { expose: e }) {
     const t = (_) => _.ctrlKey || _.metaKey, s = n, o = de(Un()), r = () => {
       o.search = "", o.error = "", o.lastSelected = void 0;
-    }, i = g(() => bo(s.extensions)), l = Qd(o), a = g(() => {
+    }, i = g(() => bo(s.extensions)), l = nu(o), a = g(() => {
       var _;
       return {
         modelValue: s.modelValue,
@@ -4656,7 +4684,7 @@ const tu = ["title", "onClick"], nu = {
       r();
       const { storageHandle: _, dirPath: f, modelValue: T } = a.value;
       _ && T && d(_, f);
-    }, v = g(() => eu(o.dirPath)), k = g(() => o.items.filter((_) => _.canBeSelected && _.selected && !_.isDir)), w = g(() => {
+    }, v = g(() => ou(o.dirPath)), k = g(() => o.items.filter((_) => _.canBeSelected && _.selected && !_.isDir)), w = g(() => {
       var _;
       return k.value.length > 0 && ((_ = o.storageEntry) == null ? void 0 : _.handle);
     }), C = () => {
@@ -4757,7 +4785,7 @@ const tu = ["title", "onClick"], nu = {
               h("div", {
                 title: T.path,
                 onClick: (Y) => D(T.path)
-              }, A(T.name), 9, tu),
+              }, A(T.name), 9, su),
               f[3] || (f[3] = m()),
               T.index !== v.value.length - 1 ? (u(), H(y(ut), {
                 key: 0,
@@ -4771,11 +4799,11 @@ const tu = ["title", "onClick"], nu = {
           }, [
             h("span", null, "Selected: " + A(k.value.length), 1),
             f[4] || (f[4] = m()),
-            J(Jd)
+            J(tu)
           ], 2)
         ], 2),
         f[11] || (f[11] = m()),
-        o.currentLoadingPath !== void 0 ? (u(), p("div", nu, f[6] || (f[6] = [
+        o.currentLoadingPath !== void 0 ? (u(), p("div", ru, f[6] || (f[6] = [
           h("i", { class: "mask-24 mask-loading loader-icon" }, null, -1)
         ]))) : o.storageEntry ? o.error ? (u(), p("div", {
           key: 2,
@@ -4806,10 +4834,10 @@ const tu = ["title", "onClick"], nu = {
                 title: T.name
               }, [
                 m(A(T.name), 1)
-              ], 8, su)), [
+              ], 8, iu)), [
                 [y(Wn)]
               ])
-            ], 10, ou)) : (u(), p("div", {
+            ], 10, lu)) : (u(), p("div", {
               key: 1,
               class: E({ [y(pe).canBeSelected]: T.canBeSelected, [y(pe).selected]: T.selected }),
               onClick: ne((P) => M(P, T), ["stop"])
@@ -4823,10 +4851,10 @@ const tu = ["title", "onClick"], nu = {
                 title: T.name
               }, [
                 m(A(T.name), 1)
-              ], 8, lu)), [
+              ], 8, du)), [
                 [y(Wn)]
               ])
-            ], 10, ru))
+            ], 10, au))
           ], 64))), 128))
         ], 2)) : (u(), p("div", {
           key: 1,
@@ -4843,10 +4871,10 @@ const tu = ["title", "onClick"], nu = {
       ], 2)
     ], 2));
   }
-}), au = {
+}), cu = {
   key: 1,
   class: "alert-error"
-}, du = /* @__PURE__ */ F({
+}, pu = /* @__PURE__ */ F({
   __name: "Local",
   props: {
     importFiles: { type: Function },
@@ -4907,10 +4935,10 @@ const tu = ["title", "onClick"], nu = {
         class: E(y(pe).supported)
       }, "Supported formats: " + A(i.extensions.join(", ")), 3)) : $("", !0),
       l[3] || (l[3] = m()),
-      t.error ? (u(), p("span", au, A(t.error), 1)) : $("", !0)
+      t.error ? (u(), p("span", cu, A(t.error), 1)) : $("", !0)
     ], 34));
   }
-}), uu = { style: { margin: "0 24px" } }, cu = /* @__PURE__ */ F({
+}), fu = { style: { margin: "0 24px" } }, mu = /* @__PURE__ */ F({
   __name: "PlFileDialog",
   props: {
     modelValue: { type: Boolean },
@@ -4951,7 +4979,7 @@ const tu = ["title", "onClick"], nu = {
       ]),
       default: Q(() => [
         k[4] || (k[4] = m()),
-        h("div", uu, [
+        h("div", fu, [
           J(y(Al), {
             modelValue: o.value,
             "onUpdate:modelValue": k[0] || (k[0] = (w) => o.value = w),
@@ -4959,12 +4987,12 @@ const tu = ["title", "onClick"], nu = {
           }, null, 8, ["modelValue"])
         ]),
         k[5] || (k[5] = m()),
-        o.value === "remote" ? (u(), H(iu, me({
+        o.value === "remote" ? (u(), H(uu, me({
           key: 0,
           ref: "remote"
         }, v.$props, { submit: d }), null, 16)) : $("", !0),
         k[6] || (k[6] = m()),
-        o.value === "local" ? (u(), H(du, me({
+        o.value === "local" ? (u(), H(pu, me({
           key: 1,
           "import-files": c
         }, v.$props), null, 16)) : $("", !0),
@@ -5107,7 +5135,7 @@ const z = le.arrayToEnum([
   "invalid_intersection_types",
   "not_multiple_of",
   "not_finite"
-]), pu = (n) => JSON.stringify(n, null, 2).replace(/"([^"]+)":/g, "$1:");
+]), vu = (n) => JSON.stringify(n, null, 2).replace(/"([^"]+)":/g, "$1:");
 class Ce extends Error {
   constructor(e) {
     super(), this.issues = [], this.addIssue = (s) => {
@@ -5225,7 +5253,7 @@ const ct = (n, e) => {
   return { message: t };
 };
 let wo = ct;
-function fu(n) {
+function hu(n) {
   wo = n;
 }
 function qt() {
@@ -5251,7 +5279,7 @@ const Kt = (n) => {
     path: r,
     message: l
   };
-}, mu = [];
+}, gu = [];
 function N(n, e) {
   const t = qt(), s = Kt({
     issueData: e,
@@ -5542,14 +5570,14 @@ class te {
     return this.safeParse(null).success;
   }
 }
-const vu = /^c[^\s-]{8,}$/i, hu = /^[0-9a-z]+$/, gu = /^[0-9A-HJKMNP-TV-Z]{26}$/, yu = /^[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, _u = /^[a-z0-9_-]{21}$/i, bu = /^[-+]?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)?)??$/, wu = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, ku = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
+const yu = /^c[^\s-]{8,}$/i, _u = /^[0-9a-z]+$/, bu = /^[0-9A-HJKMNP-TV-Z]{26}$/, wu = /^[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, ku = /^[a-z0-9_-]{21}$/i, xu = /^[-+]?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)?)??$/, $u = /^(?!\.)(?!.*\.\.)([A-Z0-9_'+\-\.]*)[A-Z0-9_+-]@([A-Z0-9][A-Z0-9\-]*\.)+[A-Z]{2,}$/i, Cu = "^(\\p{Extended_Pictographic}|\\p{Emoji_Component})+$";
 let vn;
-const xu = /^(?:(?: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])$/, $u = /^(([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})))$/, Cu = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, xo = "((\\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])))", Vu = new RegExp(`^${xo}$`);
+const Vu = /^(?:(?: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])$/, Tu = /^(([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})))$/, Su = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/, xo = "((\\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])))", Eu = new RegExp(`^${xo}$`);
 function $o(n) {
   let e = "([01]\\d|2[0-3]):[0-5]\\d:[0-5]\\d";
   return n.precision ? e = `${e}\\.\\d{${n.precision}}` : n.precision == null && (e = `${e}(\\.\\d+)?`), e;
 }
-function Tu(n) {
+function Ou(n) {
   return new RegExp(`^${$o(n)}$`);
 }
 function Co(n) {
@@ -5557,8 +5585,8 @@ function Co(n) {
   const t = [];
   return t.push(n.local ? "Z?" : "Z"), n.offset && t.push("([+-]\\d{2}:?\\d{2})"), e = `${e}(${t.join("|")})`, new RegExp(`^${e}$`);
 }
-function Su(n, e) {
-  return !!((e === "v4" || !e) && xu.test(n) || (e === "v6" || !e) && $u.test(n));
+function Bu(n, e) {
+  return !!((e === "v4" || !e) && Vu.test(n) || (e === "v6" || !e) && Tu.test(n));
 }
 class Te extends te {
   _parse(e) {
@@ -5609,43 +5637,43 @@ class Te extends te {
           message: r.message
         }), s.dirty());
       } else if (r.kind === "email")
-        wu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        $u.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "email",
           code: S.invalid_string,
           message: r.message
         }), s.dirty());
       else if (r.kind === "emoji")
-        vn || (vn = new RegExp(ku, "u")), vn.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        vn || (vn = new RegExp(Cu, "u")), vn.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "emoji",
           code: S.invalid_string,
           message: r.message
         }), s.dirty());
       else if (r.kind === "uuid")
-        yu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        wu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "uuid",
           code: S.invalid_string,
           message: r.message
         }), s.dirty());
       else if (r.kind === "nanoid")
-        _u.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        ku.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "nanoid",
           code: S.invalid_string,
           message: r.message
         }), s.dirty());
       else if (r.kind === "cuid")
-        vu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        yu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "cuid",
           code: S.invalid_string,
           message: r.message
         }), s.dirty());
       else if (r.kind === "cuid2")
-        hu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        _u.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "cuid2",
           code: S.invalid_string,
           message: r.message
         }), s.dirty());
       else if (r.kind === "ulid")
-        gu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+        bu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
           validation: "ulid",
           code: S.invalid_string,
           message: r.message
@@ -5680,23 +5708,23 @@ class Te extends te {
         code: S.invalid_string,
         validation: "datetime",
         message: r.message
-      }), s.dirty()) : r.kind === "date" ? Vu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+      }), s.dirty()) : r.kind === "date" ? Eu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
         code: S.invalid_string,
         validation: "date",
         message: r.message
-      }), s.dirty()) : r.kind === "time" ? Tu(r).test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+      }), s.dirty()) : r.kind === "time" ? Ou(r).test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
         code: S.invalid_string,
         validation: "time",
         message: r.message
-      }), s.dirty()) : r.kind === "duration" ? bu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+      }), s.dirty()) : r.kind === "duration" ? xu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
         validation: "duration",
         code: S.invalid_string,
         message: r.message
-      }), s.dirty()) : r.kind === "ip" ? Su(e.data, r.version) || (o = this._getOrReturnCtx(e, o), N(o, {
+      }), s.dirty()) : r.kind === "ip" ? Bu(e.data, r.version) || (o = this._getOrReturnCtx(e, o), N(o, {
         validation: "ip",
         code: S.invalid_string,
         message: r.message
-      }), s.dirty()) : r.kind === "base64" ? Cu.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
+      }), s.dirty()) : r.kind === "base64" ? Su.test(e.data) || (o = this._getOrReturnCtx(e, o), N(o, {
         validation: "base64",
         code: S.invalid_string,
         message: r.message
@@ -5918,7 +5946,7 @@ Te.create = (n) => {
     ...ee(n)
   });
 };
-function Eu(n, e) {
+function Ru(n, e) {
   const t = (n.toString().split(".")[1] || "").length, s = (e.toString().split(".")[1] || "").length, o = t > s ? t : s, r = parseInt(n.toFixed(o).replace(".", "")), i = parseInt(e.toFixed(o).replace(".", ""));
   return r % i / Math.pow(10, o);
 }
@@ -5957,7 +5985,7 @@ class ze extends te {
         inclusive: r.inclusive,
         exact: !1,
         message: r.message
-      }), o.dirty()) : r.kind === "multipleOf" ? Eu(e.data, r.value) !== 0 && (s = this._getOrReturnCtx(e, s), N(s, {
+      }), o.dirty()) : r.kind === "multipleOf" ? Ru(e.data, r.value) !== 0 && (s = this._getOrReturnCtx(e, s), N(s, {
         code: S.not_multiple_of,
         multipleOf: r.value,
         message: r.message
@@ -7658,7 +7686,7 @@ Qt.create = (n) => new Qt({
   typeName: G.ZodNaN,
   ...ee(n)
 });
-const Ou = Symbol("zod_brand");
+const Pu = Symbol("zod_brand");
 class Bn extends te {
   _parse(e) {
     const { ctx: t } = this._processInputParams(e), s = t.data;
@@ -7735,16 +7763,16 @@ function To(n, e = {}, t) {
     }
   }) : pt.create();
 }
-const Bu = {
+const Au = {
   object: ue.lazycreate
 };
 var G;
 (function(n) {
   n.ZodString = "ZodString", n.ZodNumber = "ZodNumber", n.ZodNaN = "ZodNaN", n.ZodBigInt = "ZodBigInt", n.ZodBoolean = "ZodBoolean", n.ZodDate = "ZodDate", n.ZodSymbol = "ZodSymbol", n.ZodUndefined = "ZodUndefined", n.ZodNull = "ZodNull", n.ZodAny = "ZodAny", n.ZodUnknown = "ZodUnknown", n.ZodNever = "ZodNever", n.ZodVoid = "ZodVoid", n.ZodArray = "ZodArray", n.ZodObject = "ZodObject", n.ZodUnion = "ZodUnion", n.ZodDiscriminatedUnion = "ZodDiscriminatedUnion", n.ZodIntersection = "ZodIntersection", n.ZodTuple = "ZodTuple", n.ZodRecord = "ZodRecord", n.ZodMap = "ZodMap", n.ZodSet = "ZodSet", n.ZodFunction = "ZodFunction", n.ZodLazy = "ZodLazy", n.ZodLiteral = "ZodLiteral", n.ZodEnum = "ZodEnum", n.ZodEffects = "ZodEffects", n.ZodNativeEnum = "ZodNativeEnum", n.ZodOptional = "ZodOptional", n.ZodNullable = "ZodNullable", n.ZodDefault = "ZodDefault", n.ZodCatch = "ZodCatch", n.ZodPromise = "ZodPromise", n.ZodBranded = "ZodBranded", n.ZodPipeline = "ZodPipeline", n.ZodReadonly = "ZodReadonly";
 })(G || (G = {}));
-const Ru = (n, e = {
+const Du = (n, e = {
   message: `Input not instance of ${n.name}`
-}) => To((t) => t instanceof n, e), So = Te.create, Eo = ze.create, Pu = Qt.create, Au = He.create, Oo = Ct.create, Du = et.create, Mu = Gt.create, Iu = Vt.create, Lu = Tt.create, Fu = pt.create, ju = Xe.create, Nu = Ie.create, zu = Xt.create, Hu = Se.create, Zu = ue.create, Uu = ue.strictCreate, Wu = St.create, qu = rn.create, Ku = Et.create, Yu = Ae.create, Gu = Ot.create, Xu = Jt.create, Ju = tt.create, Qu = it.create, ec = Bt.create, tc = Rt.create, nc = Ze.create, oc = Pt.create, sc = ft.create, Kn = Oe.create, rc = Re.create, lc = Ue.create, ic = Oe.createWithPreprocess, ac = jt.create, dc = () => So().optional(), uc = () => Eo().optional(), cc = () => Oo().optional(), pc = {
+}) => To((t) => t instanceof n, e), So = Te.create, Eo = ze.create, Mu = Qt.create, Iu = He.create, Oo = Ct.create, Lu = et.create, Fu = Gt.create, ju = Vt.create, Nu = Tt.create, zu = pt.create, Hu = Xe.create, Zu = Ie.create, Uu = Xt.create, Wu = Se.create, qu = ue.create, Ku = ue.strictCreate, Yu = St.create, Gu = rn.create, Xu = Et.create, Ju = Ae.create, Qu = Ot.create, ec = Jt.create, tc = tt.create, nc = it.create, oc = Bt.create, sc = Rt.create, rc = Ze.create, lc = Pt.create, ic = ft.create, Kn = Oe.create, ac = Re.create, dc = Ue.create, uc = Oe.createWithPreprocess, cc = jt.create, pc = () => So().optional(), fc = () => Eo().optional(), mc = () => Oo().optional(), vc = {
   string: (n) => Te.create({ ...n, coerce: !0 }),
   number: (n) => ze.create({ ...n, coerce: !0 }),
   boolean: (n) => Ct.create({
@@ -7753,14 +7781,14 @@ const Ru = (n, e = {
   }),
   bigint: (n) => He.create({ ...n, coerce: !0 }),
   date: (n) => et.create({ ...n, coerce: !0 })
-}, fc = X;
+}, hc = X;
 var Be = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   defaultErrorMap: ct,
-  setErrorMap: fu,
+  setErrorMap: hu,
   getErrorMap: qt,
   makeIssue: Kt,
-  EMPTY_PATH: mu,
+  EMPTY_PATH: gu,
   addIssueToContext: N,
   ParseStatus: ye,
   INVALID: X,
@@ -7814,87 +7842,87 @@ var Be = /* @__PURE__ */ Object.freeze({
   ZodDefault: At,
   ZodCatch: Dt,
   ZodNaN: Qt,
-  BRAND: Ou,
+  BRAND: Pu,
   ZodBranded: Bn,
   ZodPipeline: jt,
   ZodReadonly: Mt,
   custom: To,
   Schema: te,
   ZodSchema: te,
-  late: Bu,
+  late: Au,
   get ZodFirstPartyTypeKind() {
     return G;
   },
-  coerce: pc,
-  any: Fu,
-  array: Hu,
-  bigint: Au,
+  coerce: vc,
+  any: zu,
+  array: Wu,
+  bigint: Iu,
   boolean: Oo,
-  date: Du,
-  discriminatedUnion: qu,
+  date: Lu,
+  discriminatedUnion: Gu,
   effect: Kn,
-  enum: nc,
-  function: Qu,
-  instanceof: Ru,
-  intersection: Ku,
-  lazy: ec,
-  literal: tc,
-  map: Xu,
-  nan: Pu,
-  nativeEnum: oc,
-  never: Nu,
-  null: Lu,
-  nullable: lc,
+  enum: rc,
+  function: nc,
+  instanceof: Du,
+  intersection: Xu,
+  lazy: oc,
+  literal: sc,
+  map: ec,
+  nan: Mu,
+  nativeEnum: lc,
+  never: Zu,
+  null: Nu,
+  nullable: dc,
   number: Eo,
-  object: Zu,
-  oboolean: cc,
-  onumber: uc,
-  optional: rc,
-  ostring: dc,
-  pipeline: ac,
-  preprocess: ic,
-  promise: sc,
-  record: Gu,
-  set: Ju,
-  strictObject: Uu,
+  object: qu,
+  oboolean: mc,
+  onumber: fc,
+  optional: ac,
+  ostring: pc,
+  pipeline: cc,
+  preprocess: uc,
+  promise: ic,
+  record: Qu,
+  set: tc,
+  strictObject: Ku,
   string: So,
-  symbol: Mu,
+  symbol: Fu,
   transformer: Kn,
-  tuple: Yu,
-  undefined: Iu,
-  union: Wu,
-  unknown: ju,
-  void: zu,
-  NEVER: fc,
+  tuple: Ju,
+  undefined: ju,
+  union: Yu,
+  unknown: Hu,
+  void: Uu,
+  NEVER: hc,
   ZodIssueCode: S,
-  quotelessJson: pu,
+  quotelessJson: vu,
   ZodError: Ce
 });
-function mc(n) {
+function gc(n) {
   throw new Error("Unexpected object: " + n);
 }
 const Bo = "upload://upload/", Ro = "index://index/";
-function vc(n) {
+function yc(n) {
   return n.startsWith(Bo);
 }
-function hc(n) {
+function _c(n) {
   return n.startsWith(Ro);
 }
 function Po(n) {
-  if (hc(n)) {
+  if (_c(n)) {
     const e = n.slice(Ro.length);
     return JSON.parse(decodeURIComponent(e)).path;
-  } else if (vc(n)) {
+  } else if (yc(n)) {
     const e = n.slice(Bo.length);
     return JSON.parse(decodeURIComponent(e)).localPath;
   }
-  mc(n);
+  gc(n);
 }
-function gc(n) {
+function bc(n) {
   return n.replace(/^.*[\\/]/, "");
 }
-function yc(n) {
-  return gc(Po(n));
+function wc(n) {
+  return bc(Po(n));
 }
 Be.object({
   __isRef: Be.literal(!0).describe("Crucial marker for the block dependency tree reconstruction"),
@@ -7903,29 +7931,29 @@ Be.object({
 }).describe(
   "Universal reference type, allowing to set block connections. It is crucial that {@link __isRef} is present and equal to true, internal logic relies on this marker to build block dependency trees."
 ).strict().readonly();
-const _c = Be.object({
+const kc = Be.object({
   type: Be.string(),
   importance: Be.number().optional(),
   id: Be.string().optional(),
   label: Be.string()
 });
-Be.array(_c);
-const bc = {
+Be.array(kc);
+const xc = {
   key: 0,
   ref: "label"
-}, wc = {
+}, $c = {
   key: 0,
   class: "required-icon"
-}, kc = ["data-placeholder"], xc = {
+}, Cc = ["data-placeholder"], Vc = {
   key: 5,
   class: "pl-file-input__stats"
-}, $c = {
+}, Tc = {
   key: 0,
   class: "pl-file-input__error"
-}, Cc = {
+}, Sc = {
   key: 1,
   class: "pl-file-input__helper"
-}, sv = /* @__PURE__ */ F({
+}, av = /* @__PURE__ */ F({
   __name: "PlFileInput",
   props: {
     modelValue: {},
@@ -7953,7 +7981,7 @@ const bc = {
         } catch (_) {
           return t.error = _ instanceof Error ? _.message : String(_), B;
         }
-    }, l = g(() => i(r.modelValue, yc)), a = g(() => i(r.modelValue, Po)), d = g(() => r.progress && !r.progress.done), c = g(() => r.progress && r.progress.done), v = g(() => t.error ?? r.error), k = g(() => !!v.value), w = g(() => {
+    }, l = g(() => i(r.modelValue, wc)), a = g(() => i(r.modelValue, Po)), d = g(() => r.progress && !r.progress.done), c = g(() => r.progress && r.progress.done), v = g(() => t.error ?? r.error), k = g(() => !!v.value), w = g(() => {
       const { status: B, done: U } = r.progress ?? {};
       return !B || !B.bytesTotal ? "" : B.bytesProcessed && !U ? dn(B.bytesProcessed, {}) + " / " + dn(B.bytesTotal, {}) : dn(B.bytesTotal, {});
     }), C = g(() => {
@@ -7989,11 +8017,11 @@ const bc = {
         }, [
           h("div", {
             class: "pl-file-input__progress",
-            style: se(C.value)
+            style: oe(C.value)
           }, null, 4),
           U[3] || (U[3] = m()),
-          !B.cellStyle && B.label ? (u(), p("label", bc, [
-            B.required ? (u(), p("i", wc)) : $("", !0),
+          !B.cellStyle && B.label ? (u(), p("label", xc, [
+            B.required ? (u(), p("i", $c)) : $("", !0),
             U[1] || (U[1] = m()),
             h("span", null, A(B.label), 1),
             U[2] || (U[2] = m()),
@@ -8028,9 +8056,9 @@ const bc = {
           h("div", {
             "data-placeholder": B.placeholder ?? "Choose file",
             class: "pl-file-input__filename"
-          }, A(l.value), 9, kc),
+          }, A(l.value), 9, Cc),
           U[6] || (U[6] = m()),
-          w.value ? (u(), p("div", xc, A(w.value), 1)) : $("", !0),
+          w.value ? (u(), p("div", Vc, A(w.value), 1)) : $("", !0),
           U[7] || (U[7] = m()),
           B.modelValue ? (u(), H(y(Ve), {
             key: 6,
@@ -8041,10 +8069,10 @@ const bc = {
           J(qe, { class: "pl-file-input__contour" })
         ], 34),
         U[9] || (U[9] = m()),
-        k.value ? (u(), p("div", $c, A(v.value), 1)) : B.helper ? (u(), p("div", Cc, A(B.helper), 1)) : $("", !0)
+        k.value ? (u(), p("div", Tc, A(v.value), 1)) : B.helper ? (u(), p("div", Sc, A(B.helper), 1)) : $("", !0)
       ], 2),
       U[10] || (U[10] = m()),
-      J(y(cu), {
+      J(y(mu), {
         modelValue: t.fileDialogOpen,
         "onUpdate:modelValue": U[0] || (U[0] = (_) => t.fileDialogOpen = _),
         extensions: B.extensions,
@@ -8054,13 +8082,13 @@ const bc = {
       }, null, 8, ["modelValue", "extensions", "title", "close-on-outside-click"])
     ], 64));
   }
-}), Vc = { class: "pl-notification-alert__wrapper d-flex text-s" }, Tc = { class: "pl-notification-alert__content flex-grow-1" }, Sc = {
+}), Ec = { class: "pl-notification-alert__wrapper d-flex text-s" }, Oc = { class: "pl-notification-alert__content flex-grow-1" }, Bc = {
   key: 0,
   class: "pl-notification-alert__close"
-}, Ec = {
+}, Rc = {
   key: 0,
   class: "pl-notification-alert__actions d-flex"
-}, rv = /* @__PURE__ */ F({
+}, dv = /* @__PURE__ */ F({
   __name: "PlNotificationAlert",
   props: /* @__PURE__ */ Je({
     type: { default: "neutral" },
@@ -8079,14 +8107,14 @@ const bc = {
     return (o, r) => t.value ? (u(), p("div", {
       key: 0,
       class: E([o.type, "pl-notification-alert d-flex flex-column gap-16"]),
-      style: se({ width: `${o.width}` })
+      style: oe({ width: `${o.width}` })
     }, [
-      h("div", Vc, [
-        h("div", Tc, [
+      h("div", Ec, [
+        h("div", Oc, [
           Z(o.$slots, "default")
         ]),
         r[0] || (r[0] = m()),
-        o.closable ? (u(), p("div", Sc, [
+        o.closable ? (u(), p("div", Bc, [
           J(y(ao), {
             icon: "close",
             onClick: s
@@ -8094,12 +8122,12 @@ const bc = {
         ])) : $("", !0)
       ]),
       r[1] || (r[1] = m()),
-      o.$slots.actions ? (u(), p("div", Ec, [
+      o.$slots.actions ? (u(), p("div", Rc, [
         Z(o.$slots, "actions")
       ])) : $("", !0)
     ], 6)) : $("", !0);
   }
-}), lv = /* @__PURE__ */ F({
+}), uv = /* @__PURE__ */ F({
   __name: "ContextProvider",
   props: {
     context: {},
@@ -8125,16 +8153,16 @@ const Rn = (n) => g(() => {
     e.push(l);
   }
   return e;
-}), Oc = { class: "ui-slider__wrapper" }, Bc = { class: "ui-slider__label-section" }, Rc = {
+}), Pc = { class: "ui-slider__wrapper" }, Ac = { class: "ui-slider__label-section" }, Dc = {
   key: 0,
   class: "text-s"
-}, Pc = {
+}, Mc = {
   key: 1,
   class: "ui-slider__value-static text-s"
-}, Ac = { class: "ui-slider__base" }, Dc = { class: "ui-slider__container" }, Mc = { class: "ui-slider__container ui-slider__container-thumb" }, Ic = { class: "ui-slider__input-wrapper d-flex" }, Lc = ["value"], Fc = {
+}, Ic = { class: "ui-slider__base" }, Lc = { class: "ui-slider__container" }, Fc = { class: "ui-slider__container ui-slider__container-thumb" }, jc = { class: "ui-slider__input-wrapper d-flex" }, Nc = ["value"], zc = {
   key: 0,
   class: "ui-slider__error"
-}, iv = /* @__PURE__ */ F({
+}, cv = /* @__PURE__ */ F({
   __name: "Slider",
   props: {
     modelValue: {},
@@ -8195,9 +8223,9 @@ const Rn = (n) => g(() => {
       h("div", {
         class: E([`ui-slider__mode-${o.mode}`, "ui-slider"])
       }, [
-        h("div", Oc, [
-          h("div", Bc, [
-            _.label ? (u(), p("label", Rc, [
+        h("div", Pc, [
+          h("div", Ac, [
+            _.label ? (u(), p("label", Dc, [
               h("span", null, A(_.label), 1),
               f[1] || (f[1] = m()),
               y(t).tooltip ? (u(), H(y(ke), {
@@ -8212,11 +8240,11 @@ const Rn = (n) => g(() => {
               })) : $("", !0)
             ])) : $("", !0),
             f[2] || (f[2] = m()),
-            o.mode === "text" ? (u(), p("div", Pc, A(a.value) + A(_.measure), 1)) : $("", !0)
+            o.mode === "text" ? (u(), p("div", Mc, A(a.value) + A(_.measure), 1)) : $("", !0)
           ]),
           f[6] || (f[6] = m()),
-          h("div", Ac, [
-            h("div", Dc, [
+          h("div", Ic, [
+            h("div", Lc, [
               h("div", {
                 ref_key: "barRef",
                 ref: D,
@@ -8224,15 +8252,15 @@ const Rn = (n) => g(() => {
               }, [
                 h("div", {
                   class: "ui-slider__progress",
-                  style: se(w.value)
+                  style: oe(w.value)
                 }, null, 4)
               ], 512)
             ]),
             f[5] || (f[5] = m()),
-            h("div", Mc, [
+            h("div", Fc, [
               o.breakpoints ? (u(!0), p(ae, { key: 0 }, ce(y(v), (T, P) => (u(), p("div", {
                 key: P,
-                style: se({ right: `${T}%` }),
+                style: oe({ right: `${T}%` }),
                 class: "ui-slider__thumb-step"
               }, null, 4))), 128)) : $("", !0),
               f[4] || (f[4] = m()),
@@ -8241,7 +8269,7 @@ const Rn = (n) => g(() => {
                 ref: M,
                 tabindex: "0",
                 class: "ui-slider__thumb ui-slider__thumb-active",
-                style: se(C.value),
+                style: oe(C.value),
                 onKeydown: U
               }, f[3] || (f[3] = [
                 h("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
@@ -8250,21 +8278,21 @@ const Rn = (n) => g(() => {
           ])
         ]),
         f[7] || (f[7] = m()),
-        h("div", Ic, [
+        h("div", jc, [
           o.mode === "input" ? (u(), p("input", {
             key: 0,
             value: a.value,
             class: "ui-slider__value text-s",
             onChange: f[0] || (f[0] = (T) => B(T))
-          }, null, 40, Lc)) : $("", !0)
+          }, null, 40, Nc)) : $("", !0)
         ])
       ], 2),
       f[8] || (f[8] = m()),
-      d.value ? (u(), p("div", Fc, A(d.value), 1)) : $("", !0)
+      d.value ? (u(), p("div", zc, A(d.value), 1)) : $("", !0)
     ], 2));
   }
 });
-function av(n, e = null, t = null) {
+function pv(n, e = null, t = null) {
   function s(l) {
     const { scrollTop: a, scrollHeight: d, clientHeight: c } = l;
     if (!(d > c) || !e)
@@ -8301,7 +8329,7 @@ function av(n, e = null, t = null) {
   const i = lo(r);
   he(r), fe(window, "scroll", i, !0), fe(window, "resize", i, !0);
 }
-function jc(n, e) {
+function Hc(n, e) {
   uo(() => {
     ve(y(n), (t) => {
       co(t, () => e(t));
@@ -8318,11 +8346,11 @@ const Fe = {
 }, gt = (n) => n.getBoundingClientRect().y, Yn = (n) => {
   const { y: e, height: t } = n.getBoundingClientRect();
   return e + Math.ceil(t / 2);
-}, Nc = (n) => {
+}, Zc = (n) => {
   const { y: e, height: t } = n.getBoundingClientRect();
   return e + t;
 };
-function dv(n, e) {
+function fv(n, e) {
   const t = {
     item: void 0,
     options() {
@@ -8391,7 +8419,7 @@ function dv(n, e) {
       return;
     const { el: C } = t.item;
     v(t.item, w.y);
-    const D = gt(t.item.el), M = Nc(t.item.el), V = l(C), W = a(C);
+    const D = gt(t.item.el), M = Zc(t.item.el), V = l(C), W = a(C);
     V.forEach((B) => {
       const U = Yn(B);
       D + o < U && k(d(B, C));
@@ -8424,13 +8452,13 @@ function dv(n, e) {
     });
   });
 }
-function uv(n, e) {
+function mv(n, e) {
   let t;
   he(() => {
     t = setInterval(n, e);
   }), Le(() => clearInterval(t));
 }
-function cv(n, e, t) {
+function vv(n, e, t) {
   const s = de({
     data: an.deepClone(e(n.value)),
     changed: !1
@@ -8452,7 +8480,7 @@ function cv(n, e, t) {
     { deep: !0, immediate: !0 }
   ), s;
 }
-function pv(n) {
+function hv(n) {
   const e = de({
     isLoading: !1,
     result: void 0,
@@ -8476,7 +8504,7 @@ function pv(n) {
   });
   return e.run = e.run.bind(e), e;
 }
-function fv(n, e) {
+function gv(n, e) {
   function t(i, l) {
     const a = y(n);
     if (!a)
@@ -8507,13 +8535,13 @@ function fv(n, e) {
   }
   he(o), Le(r);
 }
-const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-section" }, Zc = {
+const Uc = { class: "ui-slider__wrapper" }, Wc = { class: "ui-slider__label-section" }, qc = {
   key: 0,
   class: "text-s"
-}, Uc = { class: "ui-slider__base" }, Wc = { class: "ui-slider__container" }, qc = { class: "ui-slider__container ui-slider__container-thumb" }, Kc = ["data-percent"], Yc = ["data-percent"], Gc = ["data-percent"], Xc = {
+}, Kc = { class: "ui-slider__base" }, Yc = { class: "ui-slider__container" }, Gc = { class: "ui-slider__container ui-slider__container-thumb" }, Xc = ["data-percent"], Jc = ["data-percent"], Qc = ["data-percent"], ep = {
   key: 0,
   class: "ui-slider__error"
-}, mv = /* @__PURE__ */ F({
+}, yv = /* @__PURE__ */ F({
   __name: "SliderRangeTriple",
   props: {
     modelValue: {},
@@ -8538,10 +8566,10 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       const I = o.modelValue;
       if (!(Array.isArray(I) && I.length === 3 && I.every((re) => Number.isFinite(re))))
         return "Expected model [number, number, number]";
-      const oe = [];
+      const se = [];
       return [...o.modelValue].forEach((re) => {
-        re > o.max && oe.push(`Max model value must be lower than max props ${o.max}.`), re < o.min && oe.push("Min model value must be greater than max props.");
-      }), oe.length > 0 ? oe.join(" ") : o.error;
+        re > o.max && se.push(`Max model value must be lower than max props ${o.max}.`), re < o.min && se.push("Min model value must be greater than max props.");
+      }), se.length > 0 ? se.join(" ") : o.error;
     }), V = g(() => (w.value - o.min) / c.value), W = g(() => (C.value - o.min) / c.value), B = g(() => (D.value - o.min) / c.value), U = g(() => R()), _ = g(() => ({
       right: U.value[0] + "%",
       left: 100 - U.value[2] + "%"
@@ -8554,30 +8582,30 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
     }));
     Ge(l, (I) => {
       var j;
-      ve((j = y(i)) == null ? void 0 : j.getBoundingClientRect(), (oe) => {
+      ve((j = y(i)) == null ? void 0 : j.getBoundingClientRect(), (se) => {
         const { dx: re } = I;
-        r.deltaValue1 = re / oe.width * c.value, l.value && Y(l.value, o.modelValue[0], r.deltaValue1), I.stop && (O([q(w.value), q(C.value), q(D.value)]), r.deltaValue1 = 0);
+        r.deltaValue1 = re / se.width * c.value, l.value && Y(l.value, o.modelValue[0], r.deltaValue1), I.stop && (O([q(w.value), q(C.value), q(D.value)]), r.deltaValue1 = 0);
       });
     }), Ge(a, (I) => {
       var j;
-      ve((j = y(i)) == null ? void 0 : j.getBoundingClientRect(), (oe) => {
+      ve((j = y(i)) == null ? void 0 : j.getBoundingClientRect(), (se) => {
         const { dx: re } = I;
-        r.deltaValue2 = re / oe.width * c.value, a.value && Y(a.value, o.modelValue[1], r.deltaValue2), I.stop && (O([q(w.value), q(C.value), q(D.value)]), r.deltaValue2 = 0);
+        r.deltaValue2 = re / se.width * c.value, a.value && Y(a.value, o.modelValue[1], r.deltaValue2), I.stop && (O([q(w.value), q(C.value), q(D.value)]), r.deltaValue2 = 0);
       });
     }), Ge(d, (I) => {
       var j;
-      ve((j = y(i)) == null ? void 0 : j.getBoundingClientRect(), (oe) => {
+      ve((j = y(i)) == null ? void 0 : j.getBoundingClientRect(), (se) => {
         const { dx: re } = I;
-        r.deltaValue3 = re / oe.width * c.value, d.value && Y(d.value, o.modelValue[2], r.deltaValue3), I.stop && (O([q(w.value), q(C.value), q(D.value)]), r.deltaValue3 = 0);
+        r.deltaValue3 = re / se.width * c.value, d.value && Y(d.value, o.modelValue[2], r.deltaValue3), I.stop && (O([q(w.value), q(C.value), q(D.value)]), r.deltaValue3 = 0);
       });
     });
-    function Y(I, j, oe) {
-      const re = q(ge((j ?? 0) + oe, o.min, o.max));
+    function Y(I, j, se) {
+      const re = q(ge((j ?? 0) + se, o.min, o.max));
       I.dataset.percent = `${re}${o.measure}`, b();
     }
     function R() {
-      const I = Math.ceil((1 - V.value) * 100), j = Math.ceil((1 - W.value) * 100), oe = Math.ceil((1 - B.value) * 100);
-      return [I, j, oe].sort((re, Ye) => re - Ye);
+      const I = Math.ceil((1 - V.value) * 100), j = Math.ceil((1 - W.value) * 100), se = Math.ceil((1 - B.value) * 100);
+      return [I, j, se].sort((re, Ye) => re - Ye);
     }
     function q(I) {
       const j = ge(I, o.min, o.max);
@@ -8587,17 +8615,17 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       s("update:modelValue", I);
     }
     function b() {
-      const I = Number(f.value.right.substring(0, f.value.right.length - 1)), j = Number(T.value.right.substring(0, T.value.right.length - 1)), oe = Number(P.value.right.substring(0, P.value.right.length - 1)), re = [
+      const I = Number(f.value.right.substring(0, f.value.right.length - 1)), j = Number(T.value.right.substring(0, T.value.right.length - 1)), se = Number(P.value.right.substring(0, P.value.right.length - 1)), re = [
         { r: I, th: l },
         { r: j, th: a },
-        { r: oe, th: d }
+        { r: se, th: d }
       ].sort((Ye, nt) => Ye.r - nt.r);
       re[0].th.value && (re[0].th.value.dataset.hint = "high"), re[1].th.value && (re[1].th.value.dataset.hint = "mid"), re[2].th.value && (re[2].th.value.dataset.hint = "low");
     }
     function x(I, j) {
       ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(I.code) && I.preventDefault();
-      const oe = I.code === "ArrowUp" || I.code === "ArrowRight" ? o.step * 1 : I.code === "ArrowDown" || I.code === "ArrowLeft" ? o.step * -1 : 0, re = [...o.modelValue];
-      re[j] = ge(re[j] + oe, o.min, o.max), O(re), b();
+      const se = I.code === "ArrowUp" || I.code === "ArrowRight" ? o.step * 1 : I.code === "ArrowDown" || I.code === "ArrowLeft" ? o.step * -1 : 0, re = [...o.modelValue];
+      re[j] = ge(re[j] + se, o.min, o.max), O(re), b();
     }
     return he(() => {
       b();
@@ -8607,9 +8635,9 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       h("div", {
         class: E([`ui-slider__mode-${o.mode}`, "ui-slider"])
       }, [
-        h("div", zc, [
-          h("div", Hc, [
-            I.label ? (u(), p("label", Zc, [
+        h("div", Uc, [
+          h("div", Wc, [
+            I.label ? (u(), p("label", qc, [
               h("span", null, A(I.label), 1),
               j[3] || (j[3] = m()),
               y(t).tooltip ? (u(), H(y(ke), {
@@ -8625,8 +8653,8 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
             ])) : $("", !0)
           ]),
           j[11] || (j[11] = m()),
-          h("div", Uc, [
-            h("div", Wc, [
+          h("div", Kc, [
+            h("div", Yc, [
               h("div", {
                 ref_key: "barRef",
                 ref: i,
@@ -8634,56 +8662,56 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
               }, [
                 h("div", {
                   class: "ui-slider__progress",
-                  style: se(_.value)
+                  style: oe(_.value)
                 }, null, 4)
               ], 512)
             ]),
             j[10] || (j[10] = m()),
-            h("div", qc, [
-              o.breakpoints ? (u(!0), p(ae, { key: 0 }, ce(y(k), (oe, re) => (u(), p("div", {
+            h("div", Gc, [
+              o.breakpoints ? (u(!0), p(ae, { key: 0 }, ce(y(k), (se, re) => (u(), p("div", {
                 key: re,
-                style: se({ right: `${oe}%` }),
+                style: oe({ right: `${se}%` }),
                 class: "ui-slider__thumb-step"
               }, null, 4))), 128)) : $("", !0),
               j[7] || (j[7] = m()),
               h("div", {
                 ref_key: "thumbRef1",
                 ref: l,
-                style: se(f.value),
+                style: oe(f.value),
                 "data-percent": o.modelValue[0] + "%",
                 class: "ui-slider__thumb ui-slider__triple-thumb",
                 r1: "",
                 tabindex: "0",
-                onKeydown: j[0] || (j[0] = (oe) => x(oe, 0))
+                onKeydown: j[0] || (j[0] = (se) => x(se, 0))
               }, j[4] || (j[4] = [
                 h("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ]), 44, Kc),
+              ]), 44, Xc),
               j[8] || (j[8] = m()),
               h("div", {
                 ref_key: "thumbRef2",
                 ref: a,
-                style: se(T.value),
+                style: oe(T.value),
                 "data-percent": o.modelValue[1] + "%",
                 class: "ui-slider__thumb ui-slider__triple-thumb",
                 r2: "",
                 tabindex: "0",
-                onKeydown: j[1] || (j[1] = (oe) => x(oe, 1))
+                onKeydown: j[1] || (j[1] = (se) => x(se, 1))
               }, j[5] || (j[5] = [
                 h("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ]), 44, Yc),
+              ]), 44, Jc),
               j[9] || (j[9] = m()),
               h("div", {
                 ref_key: "thumbRef3",
                 ref: d,
-                style: se(P.value),
+                style: oe(P.value),
                 "data-percent": o.modelValue[2] + "%",
                 class: "ui-slider__thumb ui-slider__triple-thumb",
                 r3: "",
                 tabindex: "0",
-                onKeydown: j[2] || (j[2] = (oe) => x(oe, 2))
+                onKeydown: j[2] || (j[2] = (se) => x(se, 2))
               }, j[6] || (j[6] = [
                 h("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
-              ]), 44, Gc)
+              ]), 44, Qc)
             ])
           ])
         ]),
@@ -8691,10 +8719,10 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
         j[13] || (j[13] = h("div", { class: "ui-slider__input-wrapper d-flex" }, null, -1))
       ], 2),
       j[14] || (j[14] = m()),
-      M.value ? (u(), p("div", Xc, A(M.value), 1)) : $("", !0)
+      M.value ? (u(), p("div", ep, A(M.value), 1)) : $("", !0)
     ], 2));
   }
-}), Jc = { class: "ui-input-range__separator" }, Qc = /* @__PURE__ */ F({
+}), tp = { class: "ui-input-range__separator" }, np = /* @__PURE__ */ F({
   __name: "InputRange",
   props: {
     modelValue: {},
@@ -8742,7 +8770,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
         [Me, l.value.left]
       ]),
       v[8] || (v[8] = m()),
-      h("div", Jc, A(t.separator), 1),
+      h("div", tp, A(t.separator), 1),
       v[9] || (v[9] = m()),
       be(h("input", {
         "onUpdate:modelValue": v[4] || (v[4] = (k) => l.value.right = k),
@@ -8757,16 +8785,16 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       ])
     ], 16));
   }
-}), ep = { class: "ui-slider__wrapper" }, tp = { class: "ui-slider__label-section" }, np = {
+}), op = { class: "ui-slider__wrapper" }, sp = { class: "ui-slider__label-section" }, rp = {
   key: 0,
   class: "text-s"
-}, op = {
+}, lp = {
   key: 1,
   class: "ui-slider__value-static text-s"
-}, sp = { class: "ui-slider__base" }, rp = { class: "ui-slider__container" }, lp = { class: "ui-slider__container ui-slider__container-thumb" }, ip = { class: "ui-slider__input-wrapper d-flex" }, ap = {
+}, ip = { class: "ui-slider__base" }, ap = { class: "ui-slider__container" }, dp = { class: "ui-slider__container ui-slider__container-thumb" }, up = { class: "ui-slider__input-wrapper d-flex" }, cp = {
   key: 0,
   class: "ui-slider__error"
-}, vv = /* @__PURE__ */ F({
+}, _v = /* @__PURE__ */ F({
   __name: "SliderRange",
   props: {
     modelValue: {},
@@ -8807,13 +8835,13 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       var x;
       ve((x = y(i)) == null ? void 0 : x.getBoundingClientRect(), (I) => {
         const { dx: j } = b;
-        r.deltaValue1 = j / I.width * D.value, c.value = R(ge((o.modelValue[0] ?? 0) + r.deltaValue1, o.min, o.max)), d.value = [c.value, v.value].sort((oe, re) => oe - re), b.stop && (q([R(M.value), R(V.value)]), r.deltaValue1 = 0);
+        r.deltaValue1 = j / I.width * D.value, c.value = R(ge((o.modelValue[0] ?? 0) + r.deltaValue1, o.min, o.max)), d.value = [c.value, v.value].sort((se, re) => se - re), b.stop && (q([R(M.value), R(V.value)]), r.deltaValue1 = 0);
       });
     }), Ge(a, (b) => {
       var x;
       ve((x = y(i)) == null ? void 0 : x.getBoundingClientRect(), (I) => {
         const { dx: j } = b;
-        r.deltaValue2 = j / I.width * D.value, v.value = R(ge((o.modelValue[1] ?? 0) + r.deltaValue2, o.min, o.max)), d.value = [c.value, v.value].sort((oe, re) => oe - re), b.stop && (q([R(M.value), R(V.value)]), r.deltaValue2 = 0);
+        r.deltaValue2 = j / I.width * D.value, v.value = R(ge((o.modelValue[1] ?? 0) + r.deltaValue2, o.min, o.max)), d.value = [c.value, v.value].sort((se, re) => se - re), b.stop && (q([R(M.value), R(V.value)]), r.deltaValue2 = 0);
       });
     });
     function Y() {
@@ -8838,9 +8866,9 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       h("div", {
         class: E([`ui-slider__mode-${o.mode}`, "ui-slider"])
       }, [
-        h("div", ep, [
-          h("div", tp, [
-            b.label ? (u(), p("label", np, [
+        h("div", op, [
+          h("div", sp, [
+            b.label ? (u(), p("label", rp, [
               h("span", null, A(b.label), 1),
               x[3] || (x[3] = m()),
               y(t).tooltip ? (u(), H(y(ke), {
@@ -8855,11 +8883,11 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
               })) : $("", !0)
             ])) : $("", !0),
             x[4] || (x[4] = m()),
-            o.mode === "text" ? (u(), p("div", op, A(C.value), 1)) : $("", !0)
+            o.mode === "text" ? (u(), p("div", lp, A(C.value), 1)) : $("", !0)
           ]),
           x[10] || (x[10] = m()),
-          h("div", sp, [
-            h("div", rp, [
+          h("div", ip, [
+            h("div", ap, [
               h("div", {
                 ref_key: "barRef",
                 ref: i,
@@ -8867,22 +8895,22 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
               }, [
                 h("div", {
                   class: "ui-slider__progress",
-                  style: se(f.value)
+                  style: oe(f.value)
                 }, null, 4)
               ], 512)
             ]),
             x[9] || (x[9] = m()),
-            h("div", lp, [
+            h("div", dp, [
               o.breakpoints ? (u(!0), p(ae, { key: 0 }, ce(y(w), (I, j) => (u(), p("div", {
                 key: j,
-                style: se({ right: `${I}%` }),
+                style: oe({ right: `${I}%` }),
                 class: "ui-slider__thumb-step"
               }, null, 4))), 128)) : $("", !0),
               x[7] || (x[7] = m()),
               h("div", {
                 ref_key: "thumbRef1",
                 ref: l,
-                style: se(T.value),
+                style: oe(T.value),
                 class: "ui-slider__thumb",
                 tabindex: "0",
                 onKeydown: x[0] || (x[0] = (I) => O(I, 0))
@@ -8893,7 +8921,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
               h("div", {
                 ref_key: "thumbRef2",
                 ref: a,
-                style: se(P.value),
+                style: oe(P.value),
                 class: "ui-slider__thumb",
                 tabindex: "0",
                 onKeydown: x[1] || (x[1] = (I) => O(I, 1))
@@ -8904,8 +8932,8 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
           ])
         ]),
         x[11] || (x[11] = m()),
-        h("div", ip, [
-          o.mode === "input" ? (u(), H(Qc, {
+        h("div", up, [
+          o.mode === "input" ? (u(), H(np, {
             key: 0,
             modelValue: d.value,
             "onUpdate:modelValue": x[2] || (x[2] = (I) => d.value = I),
@@ -8915,10 +8943,10 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
         ])
       ], 2),
       x[12] || (x[12] = m()),
-      W.value ? (u(), p("div", ap, A(W.value), 1)) : $("", !0)
+      W.value ? (u(), p("div", cp, A(W.value), 1)) : $("", !0)
     ], 2));
   }
-}), dp = /* @__PURE__ */ F({
+}), pp = /* @__PURE__ */ F({
   __name: "VScroll",
   props: {
     scrollTop: {},
@@ -8952,11 +8980,11 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
     }, [
       h("div", {
         class: "v-scroll__scrollbar",
-        style: se(l.value)
+        style: oe(l.value)
       }, null, 4)
     ], 512)) : $("", !0);
   }
-}), up = /* @__PURE__ */ F({
+}), fp = /* @__PURE__ */ F({
   __name: "HScroll",
   props: {
     scrollLeft: {},
@@ -8990,11 +9018,11 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
     }, [
       h("div", {
         class: "h-scroll__scrollbar",
-        style: se(l.value)
+        style: oe(l.value)
       }, null, 4)
     ], 512)) : $("", !0);
   }
-}), cp = { class: "ui-scrollable" }, hv = /* @__PURE__ */ F({
+}), mp = { class: "ui-scrollable" }, bv = /* @__PURE__ */ F({
   __name: "Scrollable",
   setup(n) {
     const e = L(), t = de({
@@ -9023,7 +9051,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
         a.scrollLeft = l, s(a);
       });
     }
-    return jc(e, (l) => {
+    return Hc(e, (l) => {
       ve(l, (a) => s(a));
     }), he(() => {
       ve(y(e), (l) => {
@@ -9031,7 +9059,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       });
     }), Le(() => {
       ve(y(e), (l) => l.removeEventListener("wheel", o));
-    }), (l, a) => (u(), p("div", cp, [
+    }), (l, a) => (u(), p("div", mp, [
       h("div", {
         ref_key: "containerRef",
         ref: e,
@@ -9041,7 +9069,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
         Z(l.$slots, "default")
       ], 544),
       a[2] || (a[2] = m()),
-      J(dp, {
+      J(pp, {
         "scroll-top": t.scrollTop,
         "client-height": t.clientHeight,
         "scroll-height": t.scrollHeight,
@@ -9050,7 +9078,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
         "onUpdate:scrollTop": r
       }, null, 8, ["scroll-top", "client-height", "scroll-height"]),
       a[3] || (a[3] = m()),
-      J(up, {
+      J(fp, {
         "scroll-left": t.scrollLeft,
         "client-width": t.clientWidth,
         "scroll-width": t.scrollWidth,
@@ -9060,22 +9088,22 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
       }, null, 8, ["scroll-left", "client-width", "scroll-width"])
     ]));
   }
-}), pp = "add.svg", fp = "box.svg", mp = "calendar.svg", vp = "checkmark.svg", hp = "clipboard.svg", gp = "close.svg", yp = "copy.svg", _p = "download.svg", bp = "duplicate.svg", wp = "edit.svg", kp = "error.svg", xp = "filter.svg", $p = "help.svg", Cp = "info.svg", Vp = "link.svg", Tp = "loading.svg", Sp = "lock.svg", Ep = "maximize.svg", Op = "minimize.svg", Bp = "minus.svg", Rp = "more.svg", Pp = "open.svg", Ap = "pause.svg", Dp = "play.svg", Mp = "renew.svg", Ip = "restart.svg", Lp = "reverse.svg", Fp = "settings.svg", jp = "sort.svg", Np = "stop.svg", zp = "success.svg", Hp = "time.svg", Zp = "tune.svg", Up = "warning.svg", Wp = "zip.svg", qp = {
-  add: pp,
+}), vp = "add.svg", hp = "box.svg", gp = "calendar.svg", yp = "checkmark.svg", _p = "clipboard.svg", bp = "close.svg", wp = "copy.svg", kp = "download.svg", xp = "duplicate.svg", $p = "edit.svg", Cp = "error.svg", Vp = "filter.svg", Tp = "help.svg", Sp = "info.svg", Ep = "link.svg", Op = "loading.svg", Bp = "lock.svg", Rp = "maximize.svg", Pp = "minimize.svg", Ap = "minus.svg", Dp = "more.svg", Mp = "open.svg", Ip = "pause.svg", Lp = "play.svg", Fp = "renew.svg", jp = "restart.svg", Np = "reverse.svg", zp = "settings.svg", Hp = "sort.svg", Zp = "stop.svg", Up = "success.svg", Wp = "time.svg", qp = "tune.svg", Kp = "warning.svg", Yp = "zip.svg", Gp = {
+  add: vp,
   "arrow-down": "arrow-down.svg",
   "arrow-left": "arrow-left.svg",
   "arrow-link": "arrow-link.svg",
   "arrow-right": "arrow-right.svg",
   "arrow-up": "arrow-up.svg",
-  box: fp,
-  calendar: mp,
+  box: hp,
+  calendar: gp,
   "caret-down": "caret-down.svg",
   "caret-left": "caret-left.svg",
   "caret-right": "caret-right.svg",
   "caret-up": "caret-up.svg",
   "cell-type-num": "cell-type-num.svg",
   "cell-type-txt": "cell-type-txt.svg",
-  checkmark: vp,
+  checkmark: yp,
   "chevron-down": "chevron-down.svg",
   "chevron-first": "chevron-first.svg",
   "chevron-last": "chevron-last.svg",
@@ -9083,85 +9111,85 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "chevron-right": "chevron-right.svg",
   "chevron-up": "chevron-up.svg",
   "clipboard-copied": "clipboard-copied.svg",
-  clipboard: hp,
-  close: gp,
-  copy: yp,
+  clipboard: _p,
+  close: bp,
+  copy: wp,
   "data-dimentions": "data-dimentions.svg",
   "delete-bin": "delete-bin.svg",
   "delete-circle": "delete-circle.svg",
   "delete-clear": "delete-clear.svg",
-  download: _p,
+  download: kp,
   "drag-dots": "drag-dots.svg",
-  duplicate: bp,
-  edit: wp,
-  error: kp,
+  duplicate: xp,
+  edit: $p,
+  error: Cp,
   export: "export.svg",
   "filter-on": "filter-on.svg",
-  filter: xp,
+  filter: Vp,
   "help-outline": "help-outline.svg",
-  help: $p,
+  help: Tp,
   "info-outline": "info-outline.svg",
-  info: Cp,
+  info: Sp,
   "jump-link": "jump-link.svg",
-  link: Vp,
-  loading: Tp,
-  lock: Sp,
-  maximize: Ep,
-  minimize: Op,
-  minus: Bp,
-  more: Rp,
-  open: Pp,
+  link: Ep,
+  loading: Op,
+  lock: Bp,
+  maximize: Rp,
+  minimize: Pp,
+  minus: Ap,
+  more: Dp,
+  open: Mp,
   "paper-clip": "paper-clip.svg",
-  pause: Ap,
-  play: Dp,
-  renew: Mp,
-  restart: Ip,
-  reverse: Lp,
-  settings: Fp,
-  sort: jp,
-  stop: Np,
-  success: zp,
-  time: Hp,
-  tune: Zp,
-  warning: Up,
+  pause: Ip,
+  play: Lp,
+  renew: Fp,
+  restart: jp,
+  reverse: Np,
+  settings: zp,
+  sort: Hp,
+  stop: Zp,
+  success: Up,
+  time: Wp,
+  tune: qp,
+  warning: Kp,
   "x-axis": "x-axis.svg",
   "y-axis": "y-axis.svg",
-  zip: Wp
-}, Kp = "add.svg", Yp = "annotate.svg", Gp = "annotation.svg", Xp = "area.svg", Jp = "axes.svg", Qp = "bar.svg", ef = "bindot.svg", tf = "box.svg", nf = "boxplot.svg", of = "bubble.svg", sf = "calendar.svg", rf = "canvas.svg", lf = "checkbox.svg", af = "checkmark.svg", df = "clipboard.svg", uf = "close.svg", cf = "cluster.svg", pf = "code.svg", ff = "color.svg", mf = "columns.svg", vf = "container.svg", hf = "cookie.svg", gf = "copy.svg", yf = "cpu.svg", _f = "debug.svg", bf = "dna.svg", wf = "download.svg", kf = "duplicate.svg", xf = "edit.svg", $f = "error.svg", Cf = "filter.svg", Vf = "generate.svg", Tf = "graph.svg", Sf = "heatmap.svg", Ef = "help.svg", Of = "info.svg", Bf = "jitter.svg", Rf = "lasso.svg", Pf = "layers.svg", Af = "learn.svg", Df = "legend.svg", Mf = "line.svg", If = "link.svg", Lf = "loading.svg", Ff = "lock.svg", jf = "maximize.svg", Nf = "menu.svg", zf = "minimize.svg", Hf = "minus.svg", Zf = "more.svg", Uf = "pause.svg", Wf = "pin.svg", qf = "play.svg", Kf = "product.svg", Yf = "publications.svg", Gf = "renew.svg", Xf = "restart.svg", Jf = "reverse.svg", Qf = "search.svg", em = "server.svg", tm = "settings.svg", nm = "sina.svg", om = "skatterplot.svg", sm = "slice.svg", rm = "sort.svg", lm = "statistics.svg", im = "stop.svg", am = "success.svg", dm = "table.svg", um = "template.svg", cm = "terminal.svg", pm = "time.svg", fm = "tune.svg", mm = "venn.svg", vm = "violin.svg", hm = "warning.svg", gm = "wetlab.svg", ym = "zip.svg", _m = {
+  zip: Yp
+}, Xp = "add.svg", Jp = "annotate.svg", Qp = "annotation.svg", ef = "area.svg", tf = "axes.svg", nf = "bar.svg", of = "bindot.svg", sf = "box.svg", rf = "boxplot.svg", lf = "bubble.svg", af = "calendar.svg", df = "canvas.svg", uf = "checkbox.svg", cf = "checkmark.svg", pf = "clipboard.svg", ff = "close.svg", mf = "cluster.svg", vf = "code.svg", hf = "color.svg", gf = "columns.svg", yf = "container.svg", _f = "cookie.svg", bf = "copy.svg", wf = "cpu.svg", kf = "debug.svg", xf = "dna.svg", $f = "download.svg", Cf = "duplicate.svg", Vf = "edit.svg", Tf = "error.svg", Sf = "filter.svg", Ef = "generate.svg", Of = "graph.svg", Bf = "heatmap.svg", Rf = "help.svg", Pf = "info.svg", Af = "jitter.svg", Df = "lasso.svg", Mf = "layers.svg", If = "learn.svg", Lf = "legend.svg", Ff = "line.svg", jf = "link.svg", Nf = "loading.svg", zf = "lock.svg", Hf = "maximize.svg", Zf = "menu.svg", Uf = "minimize.svg", Wf = "minus.svg", qf = "more.svg", Kf = "pause.svg", Yf = "pin.svg", Gf = "play.svg", Xf = "product.svg", Jf = "publications.svg", Qf = "renew.svg", em = "restart.svg", tm = "reverse.svg", nm = "search.svg", om = "server.svg", sm = "settings.svg", rm = "sina.svg", lm = "skatterplot.svg", im = "slice.svg", am = "sort.svg", dm = "statistics.svg", um = "stop.svg", cm = "success.svg", pm = "table.svg", fm = "template.svg", mm = "terminal.svg", vm = "time.svg", hm = "tune.svg", gm = "venn.svg", ym = "violin.svg", _m = "warning.svg", bm = "wetlab.svg", wm = "zip.svg", km = {
   "add-layer": "add-layer.svg",
-  add: Kp,
+  add: Xp,
   "align-center": "align-center.svg",
   "align-left": "align-left.svg",
   "align-right": "align-right.svg",
-  annotate: Yp,
-  annotation: Gp,
-  area: Xp,
+  annotate: Jp,
+  annotation: Qp,
+  area: ef,
   "arrow-down": "arrow-down.svg",
   "arrow-left": "arrow-left.svg",
   "arrow-link": "arrow-link.svg",
   "arrow-right": "arrow-right.svg",
   "arrow-up": "arrow-up.svg",
-  axes: Jp,
+  axes: tf,
   "bar-cross": "bar-cross.svg",
   "bar-error": "bar-error.svg",
   "bar-stacked": "bar-stacked.svg",
   "bar-trend": "bar-trend.svg",
-  bar: Qp,
-  bindot: ef,
-  box: tf,
+  bar: nf,
+  bindot: of,
+  box: sf,
   "boxplot-binned": "boxplot-binned.svg",
   "boxplot-jitter": "boxplot-jitter.svg",
   "boxplot-notched": "boxplot-notched.svg",
-  boxplot: nf,
-  bubble: of,
-  calendar: sf,
-  canvas: rf,
+  boxplot: rf,
+  bubble: lf,
+  calendar: af,
+  canvas: df,
   "cell-type-num": "cell-type-num.svg",
   "cell-type-txt": "cell-type-txt.svg",
   "checkbox-checked": "checkbox-checked.svg",
   "checkbox-intermediate": "checkbox-intermediate.svg",
-  checkbox: lf,
-  checkmark: af,
+  checkbox: uf,
+  checkmark: cf,
   "chevron-down": "chevron-down.svg",
   "chevron-first": "chevron-first.svg",
   "chevron-last": "chevron-last.svg",
@@ -9170,26 +9198,26 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "chevron-sort": "chevron-sort.svg",
   "chevron-up": "chevron-up.svg",
   "clipboard-copied": "clipboard-copied.svg",
-  clipboard: df,
-  close: uf,
+  clipboard: pf,
+  close: ff,
   "cloud-download": "cloud-download.svg",
   "cloud-offline": "cloud-offline.svg",
   "cloud-online": "cloud-online.svg",
   "cloud-upload": "cloud-upload.svg",
-  cluster: cf,
-  code: pf,
+  cluster: mf,
+  code: vf,
   "color-fill": "color-fill.svg",
   "color-none": "color-none.svg",
   "color-stroke": "color-stroke.svg",
-  color: ff,
-  columns: mf,
+  color: hf,
+  columns: gf,
   "connected-points": "connected-points.svg",
-  container: vf,
-  cookie: hf,
-  copy: gf,
-  cpu: yf,
+  container: yf,
+  cookie: _f,
+  copy: bf,
+  cpu: wf,
   "data-dimentions": "data-dimentions.svg",
-  debug: _f,
+  debug: kf,
   "delete-bin": "delete-bin.svg",
   "delete-circle": "delete-circle.svg",
   "delete-clear": "delete-clear.svg",
@@ -9199,15 +9227,15 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "dendrogram-Y": "dendrogram-Y.svg",
   "dna-add": "dna-add.svg",
   "dna-import": "dna-import.svg",
-  dna: bf,
-  download: wf,
+  dna: xf,
+  download: $f,
   "drag-dots": "drag-dots.svg",
   "drag-horizontal": "drag-horizontal.svg",
   "drag-vertical": "drag-vertical.svg",
-  duplicate: kf,
-  edit: xf,
+  duplicate: Cf,
+  edit: Vf,
   "error-bar": "error-bar.svg",
-  error: $f,
+  error: Tf,
   "expand-left": "expand-left.svg",
   "expand-right": "expand-right.svg",
   export: "export.svg",
@@ -9216,7 +9244,7 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "file-doc-import": "file-doc-import.svg",
   "file-doc": "file-doc.svg",
   "filter-on": "filter-on.svg",
-  filter: Cf,
+  filter: Sf,
   "fire-tips": "fire-tips.svg",
   "folder-parent": "folder-parent.svg",
   "frame-type-all": "frame-type-all.svg",
@@ -9224,25 +9252,25 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "frame-type-left-bottom": "frame-type-left-bottom.svg",
   "frame-type-left": "frame-type-left.svg",
   "frame-type-none": "frame-type-none.svg",
-  generate: Vf,
-  graph: Tf,
-  heatmap: Sf,
+  generate: Ef,
+  graph: Of,
+  heatmap: Bf,
   "help-outline": "help-outline.svg",
-  help: Ef,
+  help: Rf,
   "info-outline": "info-outline.svg",
-  info: Of,
-  jitter: Bf,
+  info: Pf,
+  jitter: Af,
   "jump-link": "jump-link.svg",
-  lasso: Rf,
-  layers: Pf,
-  learn: Af,
+  lasso: Df,
+  layers: Mf,
+  learn: If,
   "legend-box-dot": "legend-box-dot.svg",
   "legend-box": "legend-box.svg",
-  legend: Df,
+  legend: Lf,
   "line-binned": "line-binned.svg",
   "line-error": "line-error.svg",
   "line-jitter": "line-jitter.svg",
-  line: Mf,
+  line: Ff,
   "linetype-dashed": "linetype-dashed.svg",
   "linetype-dotdash": "linetype-dotdash.svg",
   "linetype-dotted": "linetype-dotted.svg",
@@ -9250,18 +9278,18 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "linetype-solid": "linetype-solid.svg",
   "linetype-twodash": "linetype-twodash.svg",
   "link-disabled": "link-disabled.svg",
-  link: If,
-  loading: Lf,
-  lock: Ff,
-  maximize: jf,
-  menu: Nf,
-  minimize: zf,
-  minus: Hf,
-  more: Zf,
+  link: jf,
+  loading: Nf,
+  lock: zf,
+  maximize: Hf,
+  menu: Zf,
+  minimize: Uf,
+  minus: Wf,
+  more: qf,
   "paper-clip": "paper-clip.svg",
-  pause: Uf,
-  pin: Wf,
-  play: qf,
+  pause: Kf,
+  pin: Yf,
+  play: Gf,
   "position-bottom-annotation": "position-bottom-annotation.svg",
   "position-bottom": "position-bottom.svg",
   "position-left-annotation": "position-left-annotation.svg",
@@ -9270,23 +9298,23 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "position-right": "position-right.svg",
   "position-top-annotation": "position-top-annotation.svg",
   "position-top": "position-top.svg",
-  product: Kf,
-  publications: Yf,
+  product: Xf,
+  publications: Jf,
   "radio-button-checked": "radio-button-checked.svg",
   "radio-button": "radio-button.svg",
-  renew: Gf,
-  restart: Xf,
-  reverse: Jf,
+  renew: Qf,
+  restart: em,
+  reverse: tm,
   "rotation-0": "rotation-0.svg",
   "rotation-45": "rotation-45.svg",
   "rotation-90": "rotation-90.svg",
-  search: Qf,
+  search: nm,
   "server-on": "server-on.svg",
-  server: em,
-  settings: tm,
-  sina: nm,
-  skatterplot: om,
-  slice: sm,
+  server: om,
+  settings: sm,
+  sina: rm,
+  skatterplot: lm,
+  slice: im,
   "social-github": "social-github.svg",
   "social-linkedin": "social-linkedin.svg",
   "social-twitter-X": "social-twitter-X.svg",
@@ -9294,41 +9322,41 @@ const zc = { class: "ui-slider__wrapper" }, Hc = { class: "ui-slider__label-sect
   "social-youtube": "social-youtube.svg",
   "sort-list-down": "sort-list-down.svg",
   "sort-list-up": "sort-list-up.svg",
-  sort: rm,
-  statistics: lm,
-  stop: im,
+  sort: am,
+  statistics: dm,
+  stop: um,
   "strip-plot": "strip-plot.svg",
-  success: am,
+  success: cm,
   "table-add": "table-add.svg",
   "table-alias": "table-alias.svg",
   "table-import": "table-import.svg",
-  table: dm,
-  template: um,
-  terminal: cm,
+  table: pm,
+  template: fm,
+  terminal: mm,
   "text-align-center": "text-align-center.svg",
   "text-align-left": "text-align-left.svg",
   "text-align-right": "text-align-right.svg",
   "theme-dark": "theme-dark.svg",
   "theme-light": "theme-light.svg",
-  time: pm,
-  tune: fm,
-  venn: mm,
+  time: vm,
+  tune: hm,
+  venn: gm,
   "view-hide": "view-hide.svg",
   "view-show": "view-show.svg",
   "violin-binned": "violin-binned.svg",
   "violin-jitter": "violin-jitter.svg",
-  violin: vm,
-  warning: hm,
-  wetlab: gm,
+  violin: ym,
+  warning: _m,
+  wetlab: bm,
   "windows-collapse": "windows-collapse.svg",
   "windows-expand": "windows-expand.svg",
   "x-axis": "x-axis.svg",
   "y-axis": "y-axis.svg",
-  zip: ym,
+  zip: wm,
   "zoom-in": "zoom-in.svg",
   "zoom-out": "zoom-out.svg"
 };
-function bm() {
+function xm() {
   return {
     txtSec: {
       title: "Text",
@@ -9645,7 +9673,7 @@ function bm() {
     }
   };
 }
-const gv = [
+const wv = [
   "add",
   "arrow-down",
   "arrow-left",
@@ -9712,7 +9740,7 @@ const gv = [
   "x-axis",
   "y-axis",
   "zip"
-], yv = [
+], kv = [
   "add-layer",
   "add",
   "align-center",
@@ -9912,102 +9940,103 @@ const gv = [
   "zip",
   "zoom-in",
   "zoom-out"
-], _v = { allCssVariables: bm(), icons16: qp, icons24: _m };
+], xv = { allCssVariables: xm(), icons16: Gp, icons24: km };
 export {
-  lv as ContextProvider,
-  xm as DataTable,
-  _v as DemoData,
+  uv as ContextProvider,
+  Vm as DataTable,
+  xv as DemoData,
   Lt as DropdownListItem,
   go as DropdownOverlay,
   vo as LongText,
-  tv as PlAccordion,
-  nv as PlAccordionSection,
-  Am as PlAlert,
-  Em as PlBlockPage,
-  Mm as PlBtnAccent,
-  Im as PlBtnDanger,
+  sv as PlAccordion,
+  rv as PlAccordionSection,
+  Im as PlAlert,
+  Rm as PlBlockPage,
+  Fm as PlBtnAccent,
+  jm as PlBtnDanger,
   ao as PlBtnGhost,
   Al as PlBtnGroup,
-  Lm as PlBtnLink,
+  Nm as PlBtnLink,
   ll as PlBtnPrimary,
   ul as PlBtnSecondary,
-  Dm as PlBtnSplit,
-  Ym as PlCheckbox,
-  Gm as PlCheckboxGroup,
+  Lm as PlBtnSplit,
+  Jm as PlCheckbox,
+  Qm as PlCheckboxGroup,
   Zn as PlChip,
   za as PlCloseModalBtn,
-  Om as PlContainer,
+  Pm as PlContainer,
   Ua as PlDialogModal,
   yo as PlDropdown,
-  Um as PlDropdownLegacy,
-  Zm as PlDropdownLine,
-  Km as PlDropdownMulti,
-  Hm as PlDropdownRef,
-  Fm as PlEditableTitle,
-  cu as PlFileDialog,
-  sv as PlFileInput,
-  Pm as PlGrid,
+  Km as PlDropdownLegacy,
+  qm as PlDropdownLine,
+  Xm as PlDropdownMulti,
+  Wm as PlDropdownRef,
+  zm as PlEditableTitle,
+  mu as PlFileDialog,
+  av as PlFileInput,
+  Mm as PlGrid,
   ut as PlIcon16,
   mo as PlIcon24,
-  Qm as PlLogView,
+  iv as PlLoaderCircular,
+  nv as PlLogView,
   kt as PlMaskIcon16,
   Ve as PlMaskIcon24,
-  rv as PlNotificationAlert,
-  qm as PlNumberField,
-  Wm as PlProgressBar,
-  Bm as PlRow,
+  dv as PlNotificationAlert,
+  Gm as PlNumberField,
+  Ym as PlProgressBar,
+  Am as PlRow,
   mi as PlSearchField,
   xd as PlSectionSeparator,
-  Xm as PlSlideModal,
-  Rm as PlSpacer,
-  ov as PlStatusTag,
-  ev as PlTabs,
-  Nm as PlTextArea,
-  jm as PlTextField,
-  Jm as PlToggleSwitch,
+  ev as PlSlideModal,
+  Dm as PlSpacer,
+  lv as PlStatusTag,
+  ov as PlTabs,
+  Zm as PlTextArea,
+  Hm as PlTextField,
+  tv as PlToggleSwitch,
   ke as PlTooltip,
-  hv as Scrollable,
-  iv as Slider,
-  vv as SliderRange,
-  mv as SliderRangeTriple,
-  Sm as ThemeSwitcher,
+  bv as Scrollable,
+  cv as Slider,
+  _v as SliderRange,
+  yv as SliderRangeTriple,
+  Bm as ThemeSwitcher,
   wr as animate,
-  Vm as animateInfinite,
+  Em as animateInfinite,
   hr as call,
   kr as debounce,
   gr as delay,
-  zm as detectOutside,
+  Um as detectOutside,
   ho as eventListener,
   $i as getElementScrollPosition,
   xi as isElementVisible,
-  Tm as listToOptions,
-  Cm as makeEaseInOut,
+  Om as listToOptions,
+  Sm as makeEaseInOut,
   br as makeEaseOut,
-  gv as maskIcons16,
-  yv as maskIcons24,
+  wv as maskIcons16,
+  kv as maskIcons24,
   Qe as normalizeListOptions,
   ro as notEmpty,
   _r as randomInt,
-  $m as randomString,
+  Tm as randomString,
   lo as requestTick,
   On as scrollIntoView,
   oo as showContextMenu,
   xr as throttle,
   yr as timeout,
   Sn as useClickOutside,
-  fv as useDraggable,
+  gv as useDraggable,
   fe as useEventListener,
-  cv as useFormState,
+  vv as useFormState,
   Hs as useHover,
-  uv as useInterval,
+  mv as useInterval,
   Ke as useLabelNotch,
   Vr as useLocalStorage,
   zs as useMouse,
   Ge as useMouseCapture,
   on as usePosition,
-  pv as useQuery,
-  jc as useResizeObserver,
-  av as useScroll,
-  dv as useSortable,
+  hv as useQuery,
+  Hc as useResizeObserver,
+  pv as useScroll,
+  fv as useSortable,
   Sr as useTheme
 };