@milaboratories/uikit 2.2.29 → 2.2.30

package/dist/pl-uikit.js

@@ -1531,9 +1531,9 @@ const Gr = /* @__PURE__ */ N({
       if (!Y)
         return;
       _.code === "Enter" && V((x = A.find((L) => L.index === S)) == null ? void 0 : x.value);
-      const P = A.findIndex((L) => L.index === S) ?? -1, U = _.code === "ArrowDown" ? 1 : _.code === "ArrowUp" ? -1 : 0, O = Math.abs(P + U + Y) % Y;
+      const R = A.findIndex((L) => L.index === S) ?? -1, U = _.code === "ArrowDown" ? 1 : _.code === "ArrowUp" ? -1 : 0, O = Math.abs(R + U + Y) % Y;
       c.activeIndex = C.value[O].index ?? -1;
-    }, R = (_) => {
+    }, P = (_) => {
       var S, A;
       const h = _.relatedTarget;
       !((S = i.value) != null && S.contains(h)) && !((A = l.value) != null && A.contains(h)) && (c.open = !1);
@@ -1542,7 +1542,7 @@ const Gr = /* @__PURE__ */ N({
       ref_key: "root",
       ref: i,
       class: E([{ disabled: _.disabled || D.value, loading: D.value }, "pl-btn-split d-flex"]),
-      onFocusout: R,
+      onFocusout: P,
       onKeydown: B
     }, [
       v("div", {
@@ -2243,42 +2243,42 @@ const jl = /* @__PURE__ */ N({
       get() {
         return l.cached ? l.cached.value : t.value === void 0 || t.value === null ? "" : String(t.value);
       },
-      set(R) {
+      set(P) {
         if (l.cached = void 0, s.parse)
           try {
-            t.value = s.parse(R);
+            t.value = s.parse(P);
           } catch (_) {
             l.cached = {
               error: _ instanceof Error ? _.message : String(_),
-              value: R
+              value: P
             };
           }
         else
-          t.value = R;
+          t.value = P;
       }
     }), d = g(() => s.type && s.type === "password" ? i.value ? "text" : s.type : "text"), c = g(() => i.value ? "view-show" : "view-hide"), m = () => {
       s.clearable && (l.cached = void 0, t.value = s.clearable === !0 ? "" : s.clearable());
     }, k = co(a, s.rules || []), w = g(() => s.clearable ? s.clearable === !0 ? t.value === "" : t.value === s.clearable() : t.value === ""), C = g(() => !w.value), D = g(() => {
-      const R = [];
-      return s.error && R.push(s.error), l.cached && R.push(l.cached.error), k.value.isValid || R.push(...k.value.errors), R;
+      const P = [];
+      return s.error && P.push(s.error), l.cached && P.push(l.cached.error), k.value.isValid || P.push(...k.value.errors), P;
     }), I = g(() => D.value.length > 0), V = g(() => s.clearable && C.value && s.type !== "password" && !s.disabled), q = () => i.value = !i.value, B = () => {
       l.cached = void 0;
     };
-    return Ke(o), (R, _) => (u(), p("div", Kl, [
+    return Ke(o), (P, _) => (u(), p("div", Kl, [
       v("div", {
         ref_key: "rootRef",
         ref: o,
         class: E(["pl-text-field", {
           error: I.value,
-          disabled: R.disabled,
-          dashed: R.dashed,
+          disabled: P.disabled,
+          dashed: P.dashed,
           nonEmpty: C.value
         }])
       }, [
-        R.label ? (u(), p("label", Yl, [
-          R.required ? (u(), p("i", Gl)) : $("", !0),
+        P.label ? (u(), p("label", Yl, [
+          P.required ? (u(), p("i", Gl)) : $("", !0),
           _[1] || (_[1] = f()),
-          v("span", null, M(R.label), 1),
+          v("span", null, M(P.label), 1),
           _[2] || (_[2] = f()),
           y(e).tooltip ? (u(), Z(y(ke), {
             key: 1,
@@ -2286,20 +2286,20 @@ const jl = /* @__PURE__ */ N({
             position: "top"
           }, {
             tooltip: Q(() => [
-              W(R.$slots, "tooltip")
+              W(P.$slots, "tooltip")
             ]),
             _: 3
           })) : $("", !0)
         ], 512)) : $("", !0),
         _[5] || (_[5] = f()),
-        R.prefix ? (u(), p("div", Xl, M(R.prefix), 1)) : $("", !0),
+        P.prefix ? (u(), p("div", Xl, M(P.prefix), 1)) : $("", !0),
         _[6] || (_[6] = f()),
         be(v("input", {
           ref_key: "inputRef",
           ref: r,
           "onUpdate:modelValue": _[0] || (_[0] = (h) => a.value = h),
-          disabled: R.disabled,
-          placeholder: R.placeholder || "...",
+          disabled: P.disabled,
+          placeholder: P.placeholder || "...",
           type: d.value,
           spellcheck: "false",
           onFocusout: B
@@ -2315,20 +2315,20 @@ const jl = /* @__PURE__ */ N({
             onClick: m
           })) : $("", !0),
           _[3] || (_[3] = f()),
-          R.type === "password" ? (u(), Z(y(De), {
+          P.type === "password" ? (u(), Z(y(De), {
             key: 1,
             name: c.value,
             style: { cursor: "pointer" },
             onClick: q
           }, null, 8, ["name"])) : $("", !0),
           _[4] || (_[4] = f()),
-          W(R.$slots, "append")
+          W(P.$slots, "append")
         ]),
         _[8] || (_[8] = f()),
         J(qe, { class: "pl-text-field__contour" })
       ], 2),
       _[9] || (_[9] = f()),
-      I.value ? (u(), p("div", ei, M(D.value.join(" ")), 1)) : R.helper ? (u(), p("div", ti, M(R.helper), 1)) : $("", !0)
+      I.value ? (u(), p("div", ei, M(D.value.join(" ")), 1)) : P.helper ? (u(), p("div", ti, M(P.helper), 1)) : $("", !0)
     ]));
   }
 }), oi = /* @__PURE__ */ N({
@@ -2682,13 +2682,13 @@ const vo = /* @__PURE__ */ N({
         const x = a.search.toLowerCase();
         return b.label.toLowerCase().includes(x) || b.description && b.description.toLowerCase().includes(x) ? !0 : typeof b.value == "string" ? b.value.toLowerCase().includes(x) : b.value === a.search;
       }) : O;
-    }), R = g(() => k.value ? void 0 : "0"), _ = (O) => {
+    }), P = g(() => k.value ? void 0 : "0"), _ = (O) => {
       var b;
       t("update:modelValue", O), a.search = "", a.open = !1, (b = r == null ? void 0 : r.value) == null || b.focus();
     }, h = () => t("update:modelValue", void 0), S = () => {
       var O;
       return (O = i.value) == null ? void 0 : O.focus();
-    }, A = () => a.open = !a.open, Y = () => a.open = !0, P = (O) => {
+    }, A = () => a.open = !a.open, Y = () => a.open = !0, R = (O) => {
       var x, L, j;
       const b = O.relatedTarget;
       !((x = r.value) != null && x.contains(b)) && !((j = (L = l.value) == null ? void 0 : L.listRef) != null && j.contains(b)) && (a.search = "", a.open = !1);
@@ -2724,10 +2724,10 @@ const vo = /* @__PURE__ */ N({
       v("div", {
         ref_key: "rootRef",
         ref: r,
-        tabindex: R.value,
+        tabindex: P.value,
         class: E(["pl-dropdown", { open: a.open, error: O.error, disabled: k.value }]),
         onKeydown: U,
-        onFocusout: P
+        onFocusout: R
       }, [
         v("div", Vi, [
           v("div", Si, [
@@ -2883,23 +2883,21 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
   props: {
     modelValue: {},
     placeholder: {},
-    value: {},
     disabled: { type: Boolean },
     maxWidth: {},
     width: {}
   },
-  emits: ["input", "update:modelValue"],
+  emits: ["update:modelValue"],
   setup(n, { emit: e }) {
     const t = n, s = e, o = g(() => {
       var l;
-      return t.placeholder ? t.placeholder : (l = t.modelValue || t.value) == null ? void 0 : l.replace('"', "");
+      return t.placeholder ? t.placeholder : (l = t.modelValue) == null ? void 0 : l.replace('"', "");
     }), r = g(() => {
       const l = {};
       return t.width && (l.width = t.width), t.maxWidth && (l.maxWidth = t.maxWidth), l;
     });
     function i(l) {
-      const a = l.target.value;
-      s("update:modelValue", a);
+      s("update:modelValue", l.target.value);
     }
     return (l, a) => (u(), p("div", Fi, [
       v("span", {
@@ -2959,30 +2957,34 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
       activeOption: -1,
       optionsHeight: 0
     }), r = F(), i = F(), l = g(() => {
-      const P = [];
-      return o.isOpen && P.push("open"), s.disabled && P.push("disabled"), P.join(" ");
+      const R = [];
+      return o.isOpen && R.push("open"), s.disabled && R.push("disabled"), R.join(" ");
     }), a = F(""), d = Li(It(s, "options"), a), c = g(() => !!(s.clearable && o.isOpen && s.modelValue && m.value)), m = g(() => {
       if (s.modelValue) {
-        const P = C();
-        if (P !== -1) {
-          const U = Qe(s.options)[P];
+        const R = C();
+        if (R !== -1) {
+          const U = Qe(s.options)[R];
           return typeof U.label == "object" ? U.label.title : U.label;
         }
       }
       return "";
-    }), k = F(m.value), w = g(() => o.isOpen && a.value && a.value.length >= m.value.length - 1 ? a.value : m.value ?? "...");
+    }), k = F(m.value);
+    ie(m, (R) => {
+      k.value = R;
+    });
+    const w = g(() => o.isOpen && a.value && a.value.length >= m.value.length - 1 ? a.value : m.value ?? "...");
     Sn(r, () => {
       s.mode === "list" && (o.isOpen = !1);
     }), ie(
       () => k.value,
-      (P) => {
-        m.value !== P ? a.value = P : a.value = "";
+      (R) => {
+        m.value !== R ? a.value = R : a.value = "";
       }
     ), ie(
       () => o.isOpen,
-      (P) => {
+      (R) => {
         var U;
-        P && r.value && ((U = r.value.querySelector("input")) == null || U.focus(), Ne(() => S()));
+        R && r.value && ((U = r.value.querySelector("input")) == null || U.focus(), Ne(() => S()));
       }
     ), ie(
       () => s.modelValue,
@@ -2990,13 +2992,13 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
       { immediate: !0 }
     );
     function C() {
-      return s.options.findIndex((P) => xe(P.value, s.modelValue));
+      return s.options.findIndex((R) => xe(R.value, s.modelValue));
     }
     function D() {
       o.activeOption = Ft(
-        d.value.findIndex((P) => xe(P.value, s.modelValue)),
-        (P) => P < 0 ? 0 : P
-      ), k.value = m.value;
+        d.value.findIndex((R) => xe(R.value, s.modelValue)),
+        (R) => R < 0 ? 0 : R
+      );
     }
     function I() {
       a.value = "";
@@ -3009,34 +3011,34 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
     function q() {
       s.mode === "list" && (o.isOpen = !1);
     }
-    function B(P) {
-      P && (t("update:modelValue", P.value), q(), I());
+    function B(R) {
+      R && (t("update:modelValue", R.value), q(), I());
     }
-    function R(P) {
-      return xe(P.value, s.modelValue);
+    function P(R) {
+      return xe(R.value, s.modelValue);
     }
-    const _ = (P) => {
+    const _ = (R) => {
       var O, b;
-      const U = P.relatedTarget;
+      const U = R.relatedTarget;
       !((O = r.value) != null && O.contains(U)) && !((b = i.value) != null && b.contains(U)) && (a.value = "", o.isOpen = !1);
     };
-    function h(P) {
+    function h(R) {
       const { activeOption: U } = o;
-      if (!o.isOpen && P.code === "Enter") {
+      if (!o.isOpen && R.code === "Enter") {
         o.isOpen = !0;
         return;
       }
       const { length: O } = d.value;
       if (!O)
         return;
-      ["ArrowDown", "ArrowUp", "Enter"].includes(P.code) && P.preventDefault(), P.code === "Enter" && B(d.value[U]);
-      const b = P.code === "ArrowDown" ? 1 : P.code === "ArrowUp" ? -1 : 0;
+      ["ArrowDown", "ArrowUp", "Enter"].includes(R.code) && R.preventDefault(), R.code === "Enter" && B(d.value[U]);
+      const b = R.code === "ArrowDown" ? 1 : R.code === "ArrowUp" ? -1 : 0;
       o.activeOption = Math.abs(U + b + O) % O, requestAnimationFrame(S);
     }
     function S() {
-      const P = i.value;
-      P && ve(P.querySelector(".hovered-item"), (U) => {
-        s.mode === "list" ? En(P, U) : U.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+      const R = i.value;
+      R && ve(R.querySelector(".hovered-item"), (U) => {
+        s.mode === "list" ? En(R, U) : U.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
       });
     }
     function A() {
@@ -3046,15 +3048,15 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
       top: "0px",
       left: "0px"
     });
-    return ie(i, (P) => {
-      if (P) {
-        const U = P.getBoundingClientRect();
+    return ie(i, (R) => {
+      if (R) {
+        const U = R.getBoundingClientRect();
         o.optionsHeight = U.height, window.dispatchEvent(new CustomEvent("adjust"));
       }
-    }), en(r, (P) => {
-      const O = P.top + P.height + 2;
-      O + o.optionsHeight > P.clientHeight ? Y.top = P.top - o.optionsHeight - 2 + "px" : Y.top = O + "px", Y.left = P.left + "px";
-    }), (P, U) => (u(), p("div", {
+    }), en(r, (R) => {
+      const O = R.top + R.height + 2;
+      O + o.optionsHeight > R.clientHeight ? Y.top = R.top - o.optionsHeight - 2 + "px" : Y.top = O + "px", Y.left = R.left + "px";
+    }), (R, U) => (u(), p("div", {
       ref_key: "container",
       ref: r,
       tabindex: "0",
@@ -3099,18 +3101,18 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
           class: "pl-line-dropdown__items",
           onFocusout: _
         }, [
-          (u(!0), p(ae, null, ce(y(d), (O, b) => W(P.$slots, "item", {
+          (u(!0), p(ae, null, ce(y(d), (O, b) => W(R.$slots, "item", {
             key: b,
             item: O,
             textItem: "text",
-            isSelected: R(O),
+            isSelected: P(O),
             isHovered: o.activeOption == b,
             onClick: se((x) => B(O), ["stop"])
           }, () => [
             J(Lt, {
               option: O,
               "text-item": "text",
-              "is-selected": R(O),
+              "is-selected": P(O),
               "is-hovered": o.activeOption == b,
               size: "medium",
               onClick: se((x) => B(O), ["stop"])
@@ -3129,16 +3131,16 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
           class: "pl-line-dropdown__items-tabs",
           onFocusout: _
         }, [
-          (u(!0), p(ae, null, ce(y(d), (O, b) => W(P.$slots, "item", {
+          (u(!0), p(ae, null, ce(y(d), (O, b) => W(R.$slots, "item", {
             key: b,
             item: O,
-            isSelected: R(O),
+            isSelected: P(O),
             isHovered: o.activeOption == b,
             onClick: se((x) => B(O), ["stop"])
           }, () => [
             J(Hi, {
               option: O,
-              "is-selected": R(O),
+              "is-selected": P(O),
               "is-hovered": o.activeOption == b,
               onClick: se((x) => B(O), ["stop"])
             }, null, 8, ["option", "is-selected", "is-hovered", "onClick"])
@@ -3217,13 +3219,13 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
         const L = a.search.toLowerCase();
         return x.label.toLowerCase().includes(L) || x.description && x.description.toLowerCase().includes(L) ? !0 : typeof x.value == "string" ? x.value.toLowerCase().includes(L) : x.value === a.search;
       }) : b;
-    }), R = g(() => k.value ? void 0 : "0"), _ = (b) => {
+    }), P = g(() => k.value ? void 0 : "0"), _ = (b) => {
       var x;
       t("update:modelValue", b), a.search = "", a.open = !1, (x = r == null ? void 0 : r.value) == null || x.focus();
     }, h = () => t("update:modelValue", void 0), S = () => {
       var b;
       return (b = l.value) == null ? void 0 : b.focus();
-    }, A = () => a.open = !a.open, Y = () => a.open = !0, P = (b) => {
+    }, A = () => a.open = !a.open, Y = () => a.open = !0, R = (b) => {
       var x;
       (x = r == null ? void 0 : r.value) != null && x.contains(b.relatedTarget) || (a.search = "", a.open = !1);
     }, U = () => {
@@ -3262,10 +3264,10 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
       v("div", {
         ref_key: "root",
         ref: r,
-        tabindex: R.value,
+        tabindex: P.value,
         class: E(["ui-dropdown", { open: a.open, error: b.error, disabled: k.value }]),
         onKeydown: O,
-        onFocusout: P
+        onFocusout: R
       }, [
         v("div", Xi, [
           v("div", Ji, [
@@ -3640,10 +3642,10 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
     }, V = (h) => s(y(c).filter((S) => !xe(S, h))), q = () => {
       var h;
       return (h = l.value) == null ? void 0 : h.focus();
-    }, B = () => d.open = !d.open, R = (h) => {
-      var A, Y, P, U;
+    }, B = () => d.open = !d.open, P = (h) => {
+      var A, Y, R, U;
       const S = h.relatedTarget;
-      console.log(">>>> overlay.value?.$el", (A = a.value) == null ? void 0 : A.$el), !((Y = i.value) != null && Y.contains(S)) && !((U = (P = a.value) == null ? void 0 : P.listRef) != null && U.contains(S)) && (d.search = "", d.open = !1);
+      console.log(">>>> overlay.value?.$el", (A = a.value) == null ? void 0 : A.$el), !((Y = i.value) != null && Y.contains(S)) && !((U = (R = a.value) == null ? void 0 : R.listRef) != null && U.contains(S)) && (d.search = "", d.open = !1);
     }, _ = (h) => {
       var O;
       const { open: S, activeOption: A } = d;
@@ -3652,12 +3654,12 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
         return;
       }
       h.code === "Escape" && (d.open = !1, (O = i.value) == null || O.focus());
-      const Y = y(w), { length: P } = Y;
-      if (!P)
+      const Y = y(w), { length: R } = Y;
+      if (!R)
         return;
       ["ArrowDown", "ArrowUp", "Enter"].includes(h.code) && h.preventDefault(), h.code === "Enter" && I(Y[A].value);
       const U = h.code === "ArrowDown" ? 1 : h.code === "ArrowUp" ? -1 : 0;
-      d.activeOption = Math.abs(A + U + P) % P, requestAnimationFrame(() => {
+      d.activeOption = Math.abs(A + U + R) % R, requestAnimationFrame(() => {
         var b;
         return (b = a.value) == null ? void 0 : b.scrollIntoActive();
       });
@@ -3676,7 +3678,7 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
         tabindex: C.value,
         class: E(["pl-multi-dropdown", { open: d.open, error: h.error, disabled: h.disabled }]),
         onKeydown: _,
-        onFocusout: R
+        onFocusout: P
       }, [
         v("div", wa, [
           v("div", ka, [
@@ -3704,8 +3706,8 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
                 key: Y,
                 closeable: "",
                 small: "",
-                onClick: S[2] || (S[2] = se((P) => d.open = !0, ["stop"])),
-                onClose: (P) => V(A.value)
+                onClick: S[2] || (S[2] = se((R) => d.open = !0, ["stop"])),
+                onClose: (R) => V(A.value)
               }, {
                 default: Q(() => [
                   f(M(A.label || A.value), 1)
@@ -3749,7 +3751,7 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
             class: "pl-multi-dropdown__options",
             gap: 3,
             tabindex: "-1",
-            onFocusout: R
+            onFocusout: P
           }, {
             default: Q(() => [
               v("div", Sa, [
@@ -3757,7 +3759,7 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
                   key: Y,
                   closeable: "",
                   small: "",
-                  onClose: (P) => V(A.value)
+                  onClose: (R) => V(A.value)
                 }, {
                   default: Q(() => [
                     f(M(A.label || A.value), 1)
@@ -3774,7 +3776,7 @@ const Fi = { class: "resizable-input" }, ji = ["placeholder", "value", "disabled
                 "is-hovered": d.activeOption == Y,
                 size: "medium",
                 "use-checkbox": "",
-                onClick: se((P) => I(A.value), ["stop"])
+                onClick: se((R) => I(A.value), ["stop"])
               }, null, 8, ["option", "is-selected", "is-hovered", "onClick"]))), 128)),
               S[9] || (S[9] = f()),
               w.value.length ? $("", !0) : (u(), p("div", Ta, "Nothing found"))
@@ -4630,19 +4632,19 @@ const eu = ["title", "onClick"], tu = {
     }, I = (_, h) => {
       const { shiftKey: S } = _, A = t(_), { lastSelected: Y } = o;
       if (_.preventDefault(), h.canBeSelected) {
-        if (s.multi || o.items.forEach((P) => P.selected = !1), h.selected = !h.selected, !s.multi)
+        if (s.multi || o.items.forEach((R) => R.selected = !1), h.selected = !h.selected, !s.multi)
           return;
-        !A && !S && o.items.forEach((P) => {
-          P.id !== h.id && (P.selected = !1);
-        }), S && Y !== void 0 && o.items.forEach((P) => {
-          Ho(P.id, Y, h.id) && (P.selected = !0);
+        !A && !S && o.items.forEach((R) => {
+          R.id !== h.id && (R.selected = !1);
+        }), S && Y !== void 0 && o.items.forEach((R) => {
+          Ho(R.id, Y, h.id) && (R.selected = !0);
         }), h.selected && (o.lastSelected = h.id);
       }
     }, V = (_) => {
       _ && !s.multi || o.items.filter((h) => h.canBeSelected).forEach((h) => {
         h.selected = _;
       });
-    }, q = () => V(!0), B = () => V(!1), R = () => {
+    }, q = () => V(!0), B = () => V(!1), P = () => {
       if (r(), B(), !window.platforma) {
         console.warn("platforma API is not found");
         return;
@@ -4667,7 +4669,7 @@ const eu = ["title", "onClick"], tu = {
     }), ie(
       () => s.modelValue,
       (_) => {
-        _ ? R() : Object.assign(o, Hn());
+        _ ? P() : Object.assign(o, Hn());
       },
       { immediate: !0 }
     ), fe(document, "keydown", (_) => {
@@ -4678,7 +4680,7 @@ const eu = ["title", "onClick"], tu = {
     }), e({
       isReady: w,
       getFilesToImport: C
-    }), he(R), (_, h) => (u(), p("div", {
+    }), he(P), (_, h) => (u(), p("div", {
       class: E(y(pe).remote),
       onClick: se(B, ["stop"])
     }, [
@@ -7906,21 +7908,21 @@ const _c = {
     const t = de({
       fileDialogOpen: !1,
       error: ""
-    }), s = _e(), o = e, r = n, i = (B, R) => {
+    }), s = _e(), o = e, r = n, i = (B, P) => {
       if (B)
         try {
-          return R(B);
+          return P(B);
         } catch (_) {
           return t.error = _ instanceof Error ? _.message : String(_), B;
         }
     }, l = g(() => i(r.modelValue, gc)), a = g(() => i(r.modelValue, Bo)), d = g(() => r.progress && !r.progress.done), c = g(() => r.progress && r.progress.done), m = g(() => t.error ?? r.error), k = g(() => !!m.value), w = g(() => {
-      const { status: B, done: R } = r.progress ?? {};
-      return !B || !B.bytesTotal ? "" : B.bytesProcessed && !R ? rn(B.bytesProcessed, {}) + " / " + rn(B.bytesTotal, {}) : rn(B.bytesTotal, {});
+      const { status: B, done: P } = r.progress ?? {};
+      return !B || !B.bytesTotal ? "" : B.bytesProcessed && !P ? rn(B.bytesProcessed, {}) + " / " + rn(B.bytesTotal, {}) : rn(B.bytesTotal, {});
     }), C = g(() => {
-      var R;
+      var P;
       const { progress: B } = r;
       return B ? {
-        width: B.done ? "100%" : Math.round((((R = B.status) == null ? void 0 : R.progress) ?? 0) * 100) + "%"
+        width: B.done ? "100%" : Math.round((((P = B.status) == null ? void 0 : P.progress) ?? 0) * 100) + "%"
       } : {};
     }), D = () => {
       t.fileDialogOpen = !0;
@@ -7935,7 +7937,7 @@ const _c = {
       { immediate: !0 }
     );
     const q = F();
-    return r.cellStyle || Ke(q), (B, R) => (u(), p(ae, null, [
+    return r.cellStyle || Ke(q), (B, P) => (u(), p(ae, null, [
       v("div", {
         class: E([{ "pl-file-input__cell-style": !!B.cellStyle, "has-file": !!l.value }, "pl-file-input__envelope"])
       }, [
@@ -7951,12 +7953,12 @@ const _c = {
             class: "pl-file-input__progress",
             style: oe(C.value)
           }, null, 4),
-          R[3] || (R[3] = f()),
+          P[3] || (P[3] = f()),
           !B.cellStyle && B.label ? (u(), p("label", _c, [
             B.required ? (u(), p("i", bc)) : $("", !0),
-            R[1] || (R[1] = f()),
+            P[1] || (P[1] = f()),
             v("span", null, M(B.label), 1),
-            R[2] || (R[2] = f()),
+            P[2] || (P[2] = f()),
             y(s).tooltip || a.value ? (u(), Z(y(ke), {
               key: 1,
               class: "info",
@@ -7970,7 +7972,7 @@ const _c = {
               _: 3
             })) : $("", !0)
           ], 512)) : $("", !0),
-          R[4] || (R[4] = f()),
+          P[4] || (P[4] = f()),
           k.value ? (u(), Z(y(De), {
             key: 1,
             name: "restart"
@@ -7984,29 +7986,29 @@ const _c = {
             key: 4,
             name: "paper-clip"
           })),
-          R[5] || (R[5] = f()),
+          P[5] || (P[5] = f()),
           v("div", {
             "data-placeholder": B.placeholder ?? "Choose file",
             class: "pl-file-input__filename"
           }, M(l.value), 9, wc),
-          R[6] || (R[6] = f()),
+          P[6] || (P[6] = f()),
           w.value ? (u(), p("div", kc, M(w.value), 1)) : $("", !0),
-          R[7] || (R[7] = f()),
+          P[7] || (P[7] = f()),
           B.modelValue ? (u(), Z(y(De), {
             key: 6,
             name: "close",
             onClick: se(V, ["stop"])
           })) : $("", !0),
-          R[8] || (R[8] = f()),
+          P[8] || (P[8] = f()),
           J(qe, { class: "pl-file-input__contour" })
         ], 34),
-        R[9] || (R[9] = f()),
+        P[9] || (P[9] = f()),
         k.value ? (u(), p("div", xc, M(m.value), 1)) : B.helper ? (u(), p("div", $c, M(B.helper), 1)) : $("", !0)
       ], 2),
-      R[10] || (R[10] = f()),
+      P[10] || (P[10] = f()),
       J(y(uu), {
         modelValue: t.fileDialogOpen,
-        "onUpdate:modelValue": R[0] || (R[0] = (_) => t.fileDialogOpen = _),
+        "onUpdate:modelValue": P[0] || (P[0] = (_) => t.fileDialogOpen = _),
         extensions: B.extensions,
         title: B.fileDialogTitle,
         "close-on-outside-click": B.fileDialogCloseOnOutsideClick,
@@ -8144,7 +8146,7 @@ const Bn = (n) => g(() => {
     function B(_) {
       q(+_.target.value);
     }
-    function R(_) {
+    function P(_) {
       ["ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft", "Enter"].includes(_.code) && _.preventDefault();
       const h = _.code === "ArrowUp" || _.code === "ArrowRight" ? o.step * 1 : _.code === "ArrowDown" || _.code === "ArrowLeft" ? o.step * -1 : 0;
       q(o.modelValue + h);
@@ -8202,7 +8204,7 @@ const Bn = (n) => g(() => {
                 tabindex: "0",
                 class: "ui-slider__thumb ui-slider__thumb-active",
                 style: oe(C.value),
-                onKeydown: R
+                onKeydown: P
               }, h[3] || (h[3] = [
                 v("div", { class: "ui-slider__thumb-focused-contour" }, null, -1)
               ]), 36)
@@ -8334,11 +8336,11 @@ function iv(n, e) {
       const S = w[h];
       if (S === t.item.el)
         continue;
-      const A = q[h], P = D[h] - A;
-      S.style.transform = `translateY(${P}px)`, B.push(S);
+      const A = q[h], R = D[h] - A;
+      S.style.transform = `translateY(${R}px)`, B.push(S);
     }
-    const R = V - I;
-    t.item.y = t.item.y + R, t.item.dy = t.item.dy - R, t.item.orderChanged = !0, t.item.el.style.setProperty("transform", `translateY(${t.item.dy}px)`), B.forEach((h) => h.classList.remove(Fe.animate)), requestAnimationFrame(function() {
+    const P = V - I;
+    t.item.y = t.item.y + P, t.item.dy = t.item.dy - P, t.item.orderChanged = !0, t.item.el.style.setProperty("transform", `translateY(${t.item.dy}px)`), B.forEach((h) => h.classList.remove(Fe.animate)), requestAnimationFrame(function() {
       B.forEach((h) => {
         h.classList.add(Fe.animate), h.style.transform = "", h.addEventListener("transitionend", () => {
           h.classList.remove(Fe.animate);
@@ -8353,11 +8355,11 @@ function iv(n, e) {
     m(t.item, w.y);
     const D = gt(t.item.el), I = jc(t.item.el), V = l(C), q = a(C);
     V.forEach((B) => {
-      const R = qn(B);
-      D + o < R && k(d(B, C));
+      const P = qn(B);
+      D + o < P && k(d(B, C));
     }), q.forEach((B) => {
-      const R = qn(B);
-      I - o > R && k(c(B, C));
+      const P = qn(B);
+      I - o > P && k(c(B, C));
     });
   }), fe(window, "mouseup", () => {
     if (!t.item)
@@ -8502,9 +8504,9 @@ const Nc = { class: "ui-slider__wrapper" }, zc = { class: "ui-slider__label-sect
       return [...o.modelValue].forEach((re) => {
         re > o.max && ne.push(`Max model value must be lower than max props ${o.max}.`), re < o.min && ne.push("Min model value must be greater than max props.");
       }), ne.length > 0 ? ne.join(" ") : o.error;
-    }), V = g(() => (w.value - o.min) / c.value), q = g(() => (C.value - o.min) / c.value), B = g(() => (D.value - o.min) / c.value), R = g(() => P()), _ = g(() => ({
-      right: R.value[0] + "%",
-      left: 100 - R.value[2] + "%"
+    }), V = g(() => (w.value - o.min) / c.value), q = g(() => (C.value - o.min) / c.value), B = g(() => (D.value - o.min) / c.value), P = g(() => R()), _ = g(() => ({
+      right: P.value[0] + "%",
+      left: 100 - P.value[2] + "%"
     })), h = g(() => ({
       right: Math.ceil((1 - V.value) * 100) + "%"
     })), S = g(() => ({
@@ -8535,7 +8537,7 @@ const Nc = { class: "ui-slider__wrapper" }, zc = { class: "ui-slider__label-sect
       const re = U(ge((j ?? 0) + ne, o.min, o.max));
       L.dataset.percent = `${re}${o.measure}`, b();
     }
-    function P() {
+    function R() {
       const L = Math.ceil((1 - V.value) * 100), j = Math.ceil((1 - q.value) * 100), ne = Math.ceil((1 - B.value) * 100);
       return [L, j, ne].sort((re, Ye) => re - Ye);
     }
@@ -8749,13 +8751,13 @@ const Nc = { class: "ui-slider__wrapper" }, zc = { class: "ui-slider__label-sect
     }), i = F(), l = F(), a = F(), d = F(o.modelValue), c = F(o.modelValue[0]), m = F(o.modelValue[1]), k = g(() => o), w = Bn(k), C = g(() => [c.value, m.value].sort((b, x) => b - x).join("-")), D = g(() => o.max - o.min), I = g(() => ge((o.modelValue[0] ?? 0) + r.deltaValue1, o.min, o.max)), V = g(() => ge((o.modelValue[1] ?? 0) + r.deltaValue2, o.min, o.max)), q = g(() => {
       const b = o.modelValue;
       return Array.isArray(b) && b.length === 2 && b.every((L) => Number.isFinite(L)) ? o.error : "Expected model [number, number]";
-    }), B = g(() => (I.value - o.min) / D.value), R = g(() => (V.value - o.min) / D.value), _ = g(() => Y()), h = g(() => ({
+    }), B = g(() => (I.value - o.min) / D.value), P = g(() => (V.value - o.min) / D.value), _ = g(() => Y()), h = g(() => ({
       right: _.value[0] + "%",
       left: 100 - _.value[1] + "%"
     })), S = g(() => ({
       right: Math.ceil((1 - B.value) * 100) + "%"
     })), A = g(() => ({
-      right: Math.ceil((1 - R.value) * 100) + "%"
+      right: Math.ceil((1 - P.value) * 100) + "%"
     }));
     ie(
       () => o.modelValue,
@@ -8767,20 +8769,20 @@ const Nc = { class: "ui-slider__wrapper" }, zc = { class: "ui-slider__label-sect
       var x;
       ve((x = y(i)) == null ? void 0 : x.getBoundingClientRect(), (L) => {
         const { dx: j } = b;
-        r.deltaValue1 = j / L.width * D.value, c.value = P(ge((o.modelValue[0] ?? 0) + r.deltaValue1, o.min, o.max)), d.value = [c.value, m.value].sort((ne, re) => ne - re), b.stop && (U([P(I.value), P(V.value)]), r.deltaValue1 = 0);
+        r.deltaValue1 = j / L.width * D.value, c.value = R(ge((o.modelValue[0] ?? 0) + r.deltaValue1, o.min, o.max)), d.value = [c.value, m.value].sort((ne, re) => ne - re), b.stop && (U([R(I.value), R(V.value)]), r.deltaValue1 = 0);
       });
     }), Ge(a, (b) => {
       var x;
       ve((x = y(i)) == null ? void 0 : x.getBoundingClientRect(), (L) => {
         const { dx: j } = b;
-        r.deltaValue2 = j / L.width * D.value, m.value = P(ge((o.modelValue[1] ?? 0) + r.deltaValue2, o.min, o.max)), d.value = [c.value, m.value].sort((ne, re) => ne - re), b.stop && (U([P(I.value), P(V.value)]), r.deltaValue2 = 0);
+        r.deltaValue2 = j / L.width * D.value, m.value = R(ge((o.modelValue[1] ?? 0) + r.deltaValue2, o.min, o.max)), d.value = [c.value, m.value].sort((ne, re) => ne - re), b.stop && (U([R(I.value), R(V.value)]), r.deltaValue2 = 0);
       });
     });
     function Y() {
-      const b = Math.ceil((1 - B.value) * 100), x = Math.ceil((1 - R.value) * 100);
+      const b = Math.ceil((1 - B.value) * 100), x = Math.ceil((1 - P.value) * 100);
       return [b, x].sort((L, j) => L - j);
     }
-    function P(b) {
+    function R(b) {
       const x = ge(b, o.min, o.max);
       return Math.round((x + Number.EPSILON) * (1 / o.step)) / (1 / o.step);
     }