@reinosoft-ui/core 0.1.38 → 0.1.39

package/dist/reinosoft-ui.es.js

@@ -215,10 +215,10 @@ const s1 = (e) => {
     if (!A) return !1;
     const B = n(b, A), q = [];
     if (B.forEach((M) => {
-      const L = M === b.startContainer ? b.startOffset : 0, E = M === b.endContainer ? b.endOffset : M.textContent.length;
-      if (L === E) return;
+      const L = M === b.startContainer ? b.startOffset : 0, z = M === b.endContainer ? b.endOffset : M.textContent.length;
+      if (L === z) return;
       let W;
-      L === 0 && E === M.textContent.length ? W = M : (W = M.splitText(L), E - L < W.textContent.length && W.splitText(E - L));
+      L === 0 && z === M.textContent.length ? W = M : (W = M.splitText(L), z - L < W.textContent.length && W.splitText(z - L));
       const ee = _1(W, y, A);
       if (ee)
         D1(ee), q.push(W);
@@ -335,20 +335,20 @@ const s1 = (e) => {
     B.selectNodeContents(A), B.setEnd(b.startContainer, b.startOffset);
     const q = B.toString().length, M = b.cloneRange();
     M.selectNodeContents(A), M.setEnd(b.endContainer, b.endOffset);
-    const L = M.toString().length, E = b.collapsed, W = y(A);
+    const L = M.toString().length, z = b.collapsed, W = y(A);
     A.replaceWith(W);
     const ee = document.createTreeWalker(
       W,
       NodeFilter.SHOW_TEXT,
       null
     );
-    let re = 0, T = null, N = 0, H = null, z = 0;
+    let re = 0, T = null, N = 0, H = null, E = 0;
     for (; ee.nextNode(); ) {
       const F = ee.currentNode, se = F.textContent?.length ?? 0;
-      !T && re + se >= q && (T = F, N = q - re), !H && re + se >= L && (H = F, z = L - re), re += se;
+      !T && re + se >= q && (T = F, N = q - re), !H && re + se >= L && (H = F, E = L - re), re += se;
     }
     const Z = document.createRange();
-    T ? Z.setStart(T, N) : Z.setStart(W, 0), !E && H ? Z.setEnd(H, z) : Z.collapse(!0), I.removeAllRanges(), I.addRange(Z), s(), k();
+    T ? Z.setStart(T, N) : Z.setStart(W, 0), !z && H ? Z.setEnd(H, E) : Z.collapse(!0), I.removeAllRanges(), I.addRange(Z), s(), k();
   }, R = (y) => {
     const I = e.parentElement?.querySelector("#editor-status");
     I && (I.textContent = y, setTimeout(() => I.textContent = "", 2e3));
@@ -2203,15 +2203,15 @@ const b2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
       }
       if (!L.length) return;
       l("select", L.map((W) => W.file));
-      const E = [...u.value, ...L];
-      t.value = E, a.autoUpload && L.forEach(R);
+      const z = [...u.value, ...L];
+      t.value = z, a.autoUpload && L.forEach(R);
     }, R = (M) => {
       const L = new AbortController();
       M.progress = 0, M.error = void 0, M.status = "uploading", M.controller = L, B(`Started uploading ${M.file.name}`);
-      const E = () => {
-        L.signal.removeEventListener("abort", E);
+      const z = () => {
+        L.signal.removeEventListener("abort", z);
       };
-      L.signal.addEventListener("abort", E);
+      L.signal.addEventListener("abort", z);
       const W = {
         signal: L.signal,
         onProgress: (ee) => {
@@ -2231,10 +2231,10 @@ const b2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
       M.status !== "error" && M.status !== "canceled" || R(M);
     }, b = () => t.value = [...u.value], A = (M) => {
       const L = ["B", "KB", "MB", "GB", "TB"];
-      let E = 0;
-      for (; M >= 1024 && E < L.length - 1; )
-        M /= 1024, E++;
-      return `${M.toFixed(2)} ${L[E]}`;
+      let z = 0;
+      for (; M >= 1024 && z < L.length - 1; )
+        M /= 1024, z++;
+      return `${M.toFixed(2)} ${L[z]}`;
     }, B = (M) => {
       i.value = "", requestAnimationFrame(() => {
         i.value = M;
@@ -2252,14 +2252,14 @@ const b2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
       "aria-disabled": e.disabled ? "true" : void 0,
       "data-disabled": e.disabled || void 0,
       "data-dragging": n.value || void 0,
-      onClick: L[0] || (L[0] = (E) => !e.disabled && d()),
+      onClick: L[0] || (L[0] = (z) => !e.disabled && d()),
       onKeydown: [
-        L[1] || (L[1] = ve(ne((E) => !e.disabled && d(), ["stop", "prevent"]), ["enter"])),
-        L[2] || (L[2] = ve(ne((E) => !e.disabled && d(), ["prevent"]), ["space"]))
+        L[1] || (L[1] = ve(ne((z) => !e.disabled && d(), ["stop", "prevent"]), ["enter"])),
+        L[2] || (L[2] = ve(ne((z) => !e.disabled && d(), ["prevent"]), ["space"]))
       ],
-      onDragover: L[3] || (L[3] = ne((E) => !e.disabled && C(), ["prevent"])),
+      onDragover: L[3] || (L[3] = ne((z) => !e.disabled && C(), ["prevent"])),
       onDragleave: $,
-      onDrop: L[4] || (L[4] = ne((E) => !e.disabled && x(E), ["prevent"]))
+      onDrop: L[4] || (L[4] = ne((z) => !e.disabled && x(z), ["prevent"]))
     }, [
       w("input", {
         type: "file",
@@ -2293,60 +2293,60 @@ const b2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
         w("span", null, "Maximum size: " + P(p.value), 1)
       ], !0) : O("", !0),
       u.value?.length ? (v(), f("ul", w2, [
-        (v(!0), f(te, null, ue(u.value, (E) => (v(), f("li", {
-          key: E.id,
+        (v(!0), f(te, null, ue(u.value, (z) => (v(), f("li", {
+          key: z.id,
           class: "ui-upload__item"
         }, [
           Y(M.$slots, "file", {
-            file: E,
-            remove: () => q(E),
-            cancel: () => y(E),
-            retry: () => I(E)
+            file: z,
+            remove: () => q(z),
+            cancel: () => y(z),
+            retry: () => I(z)
           }, () => [
             w("div", M2, [
-              w("span", x2, P(E.file.name), 1),
-              w("span", L2, P(A(E.file.size)), 1)
+              w("span", x2, P(z.file.name), 1),
+              w("span", L2, P(A(z.file.size)), 1)
             ]),
-            E.status === "uploading" ? (v(), f("div", $2, [
-              w("span", V2, P(E.progress) + "% ", 1),
+            z.status === "uploading" ? (v(), f("div", $2, [
+              w("span", V2, P(z.progress) + "% ", 1),
               w("progress", {
                 class: "ui-upload__progress",
-                value: E.progress,
+                value: z.progress,
                 max: "100",
-                "aria-label": `Upload progress for ${E.file.name}`
+                "aria-label": `Upload progress for ${z.file.name}`
               }, null, 8, I2)
             ])) : O("", !0),
-            E.status === "success" ? (v(), f("span", H2, " Uploaded successful ")) : O("", !0),
-            E.status === "error" ? (v(), f("span", B2, P(E.error || "Upload failed"), 1)) : O("", !0),
-            E.status === "canceled" ? (v(), f("span", _2, " Upload canceled ")) : O("", !0),
+            z.status === "success" ? (v(), f("span", H2, " Uploaded successful ")) : O("", !0),
+            z.status === "error" ? (v(), f("span", B2, P(z.error || "Upload failed"), 1)) : O("", !0),
+            z.status === "canceled" ? (v(), f("span", _2, " Upload canceled ")) : O("", !0),
             w("div", D2, [
-              E.status === "uploading" ? (v(), J(he, {
+              z.status === "uploading" ? (v(), J(he, {
                 key: 0,
                 type: "button",
                 class: "btn-danger btn-xs",
-                onClick: ne((W) => y(E), ["stop"])
+                onClick: ne((W) => y(z), ["stop"])
               }, {
                 default: G(() => [...L[8] || (L[8] = [
                   me(" Cancel ", -1)
                 ])]),
                 _: 1
               }, 8, ["onClick"])) : O("", !0),
-              E.status === "error" || E.status === "canceled" ? (v(), J(he, {
+              z.status === "error" || z.status === "canceled" ? (v(), J(he, {
                 key: 1,
                 type: "button",
                 class: "btn-info btn-xs",
-                onClick: ne((W) => I(E), ["stop"])
+                onClick: ne((W) => I(z), ["stop"])
               }, {
                 default: G(() => [...L[9] || (L[9] = [
                   me(" Retry ", -1)
                 ])]),
                 _: 1
               }, 8, ["onClick"])) : O("", !0),
-              E.status !== "uploading" ? (v(), J(he, {
+              z.status !== "uploading" ? (v(), J(he, {
                 key: 2,
                 type: "button",
                 class: "btn-outline btn-xs",
-                onClick: ne((W) => q(E), ["stop"]),
+                onClick: ne((W) => q(z), ["stop"]),
                 "aria-label": "Remove file"
               }, {
                 default: G(() => [...L[10] || (L[10] = [
@@ -2771,7 +2771,7 @@ const N2 = {
       }
       if (s.value) {
         if (T.key === "ArrowDown" && (L(1), T.preventDefault()), T.key === "ArrowUp" && (L(-1), T.preventDefault()), T.key === "Home") {
-          const N = E();
+          const N = z();
           N >= 0 && (C.value = N), T.preventDefault();
         }
         if (T.key === "End") {
@@ -2793,7 +2793,7 @@ const N2 = {
         N += T;
       while (N >= 0 && N < a.options.length && a.options[N]?.disabled);
       N >= 0 && N < a.options.length && (C.value = N);
-    }, E = () => a.options.findIndex((T) => !T.disabled), W = () => [...a.options].reverse().findIndex((T) => !T.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((T) => !T.disabled) : -1, ee = (T) => {
+    }, z = () => a.options.findIndex((T) => !T.disabled), W = () => [...a.options].reverse().findIndex((T) => !T.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((T) => !T.disabled) : -1, ee = (T) => {
       const N = r.value;
       !N || N.contains(T.target) || (s.value = !1);
     };
@@ -2862,14 +2862,14 @@ const N2 = {
             role: "listbox",
             class: "options"
           }, [
-            (v(!0), f(te, null, ue(e.options, (H, z) => (v(), f("li", {
-              id: `${p}-option-${z}`,
-              key: z,
+            (v(!0), f(te, null, ue(e.options, (H, E) => (v(), f("li", {
+              id: `${p}-option-${E}`,
+              key: E,
               role: "option",
-              class: le(["option", { "focus-visible": C.value === z }]),
+              class: le(["option", { "focus-visible": C.value === E }]),
               "aria-disabled": H.disabled,
-              "aria-selected": $.value === z,
-              onClick: (Z) => !H.disabled && q(H, z)
+              "aria-selected": $.value === E,
+              onClick: (Z) => !H.disabled && q(H, E)
             }, [
               w("div", {
                 class: "option-value",
@@ -3820,7 +3820,7 @@ const Ja = {
     const t = e, a = o, l = fe(e, "modelValue"), s = m(null), i = m(null), n = m(""), r = m(!1), c = m([]), u = m(null), p = m(null), g = V(() => t.id ? `${t.id}-search-history` : "search-history"), d = `${ce()}-list`, C = m(!1), $ = V(() => l.value !== null && l.value !== void 0 && l.value !== ""), x = V(() => u.value !== null ? `${d}-option-${u.value}` : void 0), h = V(() => r.value && x.value ? x.value : void 0), _ = V(() => c.value.length > 0), R = V(() => {
       if (!t.filterable) return t.options;
       const H = n.value.toLowerCase();
-      return t.options.filter((z) => t.getValue(z).toLowerCase().includes(H));
+      return t.options.filter((E) => t.getValue(E).toLowerCase().includes(H));
     }), y = Be(t).value;
     X(
       () => g.value,
@@ -3853,63 +3853,63 @@ const Ja = {
     const I = (H) => {
       n.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0), C.value = !0, a("focus", H);
     }, b = (H) => {
-      const z = H.relatedTarget;
-      i.value?.contains(z) || (r.value = !1, l.value ? L() : n.value = "", C.value = !1, a("blur", H));
-    }, A = (H, z) => {
+      const E = H.relatedTarget;
+      i.value?.contains(E) || (r.value = !1, l.value ? L() : n.value = "", C.value = !1, a("blur", H));
+    }, A = (H, E) => {
       const Z = i.value;
       if (!Z || t.isDisabled(H)) return;
-      r.value = !1, W(n.value), p.value = z, u.value = z;
+      r.value = !1, W(n.value), p.value = E, u.value = E;
       const F = t.getKey(H);
       F && F.toString().length > 0 ? Z.classList.add("filled") : Z.classList.remove("filled"), n.value = t.getValue(H), l.value = F, a("select", F);
     }, B = (H) => {
       if (!r.value && ["ArrowDown", "ArrowUp"].includes(H.key)) {
-        r.value = !0, u.value = u.value ?? R.value.findIndex((z) => !t.isDisabled(z)), H.preventDefault();
+        r.value = !0, u.value = u.value ?? R.value.findIndex((E) => !t.isDisabled(E)), H.preventDefault();
         return;
       }
       if (r.value) {
         if (H.key === "ArrowDown" && (q(1), H.preventDefault()), H.key === "ArrowUp" && (q(-1), H.preventDefault()), H.key === "Home") {
-          const z = T();
-          z >= 0 && (u.value = z), H.preventDefault();
+          const E = T();
+          E >= 0 && (u.value = E), H.preventDefault();
         }
         if (H.key === "End") {
-          const z = N();
-          z >= 0 && (u.value = z), H.preventDefault();
+          const E = N();
+          E >= 0 && (u.value = E), H.preventDefault();
         }
         if (H.key === "Enter") {
           if (u.value === null) return;
-          const z = R.value[u.value];
-          if (!z || t.isDisabled(z)) return;
-          A(z, u.value), r.value = !1, H.preventDefault();
+          const E = R.value[u.value];
+          if (!E || t.isDisabled(E)) return;
+          A(E, u.value), r.value = !1, H.preventDefault();
         }
         H.key === "Escape" && (r.value = !1);
       }
     }, q = (H) => {
       if (u.value === null) return;
-      let z = u.value;
+      let E = u.value;
       do
-        z += H;
-      while (z >= 0 && z < R.value.length && t.isDisabled(R.value[z]));
-      z >= 0 && z < R.value.length && (u.value = z);
+        E += H;
+      while (E >= 0 && E < R.value.length && t.isDisabled(R.value[E]));
+      E >= 0 && E < R.value.length && (u.value = E);
     }, M = () => {
       n.value.length === 0 && (l.value = ""), n.value.length >= t.minChars ? (a("change", n.value), r.value = !0) : r.value = !1;
     }, L = () => {
       if (l.value.toString().length === 0 || !t.options || t.options.length === 0) return;
-      const H = t.options.findIndex((z) => t.getKey(z) === l.value);
-      console.log("IDX" + t.id, H, t.options, l.value), H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
+      const H = t.options.findIndex((E) => t.getKey(E) === l.value);
+      H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
     };
     X(
-      () => t.options.length,
-      async (H) => {
-        l.value && H !== 0 && (await we(), L());
+      [() => t.options.length, () => l.value],
+      async ([H, E]) => {
+        E && H !== 0 && (await we(), L());
       },
-      { immediate: !0, flush: "post" }
+      { flush: "post", immediate: !0 }
     );
-    const E = () => {
+    const z = () => {
       n.value = "", l.value = "";
     }, W = (H) => {
       !H || H.trim().length === 0 || (c.value = [
         H,
-        ...c.value.filter((z) => z !== H)
+        ...c.value.filter((E) => E !== H)
       ].slice(0, t.suggestionsLimit), localStorage.setItem(g.value, JSON.stringify(c.value)));
     }, ee = (H) => {
       n.value = H, M();
@@ -3920,7 +3920,7 @@ const Ja = {
       for (let H = R.value.length - 1; H >= 0; H--) if (!t.isDisabled(R.value[H])) return H;
       return -1;
     };
-    return ae(() => L()), (H, z) => (v(), f("div", {
+    return ae(() => L()), (H, E) => (v(), f("div", {
       class: le(["autocomplete", { required: D(y), error: e.invalid, "has-icon": Object.keys(H.$slots).includes("icon"), filled: $.value, focused: C.value }]),
       ref_key: "autocompleteRef",
       ref: i
@@ -3942,7 +3942,7 @@ const Ja = {
         "aria-activedescendant": h.value,
         "aria-required": D(y),
         "aria-invalid": e.invalid ? "true" : void 0,
-        "onUpdate:modelValue": z[0] || (z[0] = (Z) => n.value = Z),
+        "onUpdate:modelValue": E[0] || (E[0] = (Z) => n.value = Z),
         onFocus: I,
         onBlur: b,
         onInput: M,
@@ -3964,7 +3964,7 @@ const Ja = {
               class: le(["option", { "focus-visible": u.value === F }]),
               "aria-disabled": t.isDisabled(Z) || void 0,
               "aria-selected": F === p.value,
-              onMousedown: z[1] || (z[1] = ne(() => {
+              onMousedown: E[1] || (E[1] = ne(() => {
               }, ["prevent"])),
               onClick: (se) => !t.isDisabled(Z) && A(Z, F)
             }, [
@@ -3988,7 +3988,7 @@ const Ja = {
                 ])
               ], !0),
               w("div", fo, P(e.getValue(Z)), 1)
-            ], 42, co))), 128)) : R.value.length === 0 && !e.loading ? (v(), f("li", po, [...z[3] || (z[3] = [
+            ], 42, co))), 128)) : R.value.length === 0 && !e.loading ? (v(), f("li", po, [...E[3] || (E[3] = [
               w("div", { class: "option-value" }, "No results found", -1)
             ])])) : (v(), J(C1, {
               key: 2,
@@ -3996,7 +3996,7 @@ const Ja = {
               role: "status",
               message: "Loading"
             })),
-            _.value ? (v(), f("li", Co, [...z[4] || (z[4] = [
+            _.value ? (v(), f("li", Co, [...E[4] || (E[4] = [
               w("div", { class: "option-value" }, " Recents ", -1)
             ])])) : O("", !0),
             (v(!0), f(te, null, ue(c.value, (Z) => (v(), f("li", {
@@ -4024,9 +4024,9 @@ const Ja = {
         class: "btn btn-icon",
         "aria-label": "Clear search query",
         title: "Clear search query",
-        onMousedown: z[2] || (z[2] = ne(() => {
+        onMousedown: E[2] || (E[2] = ne(() => {
         }, ["prevent"])),
-        onClick: E
+        onClick: z
       }, {
         default: G(() => [
           U(de, {
@@ -4040,7 +4040,7 @@ const Ja = {
       })) : O("", !0)
     ], 2));
   }
-}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-c16fc775"]]), bo = 5, pe = r1({
+}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-6a07ce5d"]]), bo = 5, pe = r1({
   toasts: []
 });
 let ko = 0;
@@ -4486,7 +4486,7 @@ const sl = {
         width: `${L - M}px`
       };
     }), $ = V(() => {
-      const B = Object.values(c.value).sort((L, E) => L - E);
+      const B = Object.values(c.value).sort((L, z) => L - z);
       if (B.length < 2) return {};
       const q = B[0], M = B[B.length - 1];
       return o.orientation === "vertical" ? {
@@ -4716,7 +4716,7 @@ const sl = {
       d.value = F, o.value = F;
     }, B = () => A(d.value + k.value), q = () => A(d.value - k.value), M = (Z) => {
       Z.key === "ArrowRight" ? B() : Z.key === "ArrowLeft" && q();
-    }, L = (Z) => (g.value.includes(Z) || g.value.push(Z), g.value.indexOf(Z)), E = (Z) => g.value = g.value.filter((F) => F !== Z), W = V(() => g.value.length), ee = () => {
+    }, L = (Z) => (g.value.includes(Z) || g.value.push(Z), g.value.indexOf(Z)), z = (Z) => g.value = g.value.filter((F) => F !== Z), W = V(() => g.value.length), ee = () => {
       !t.autoplay || x !== null || (x = window.setInterval(() => {
         c.value || B();
       }, t.autoplayDelay));
@@ -4735,7 +4735,7 @@ const sl = {
       if (!u.value) return;
       const F = performance.now(), se = Z.clientX - a.value, oe = F - i.value;
       oe > 0 && (n.value = se / oe), a.value = Z.clientX, i.value = F, r.value = Z.clientX, s.value = r.value - l.value;
-    }, z = (Z) => {
+    }, E = (Z) => {
       if (!u.value) return;
       u.value = !1, $.value?.releasePointerCapture(Z.pointerId), $.value.style.userSelect = "";
       const F = $.value.clientWidth / k.value, se = s.value / F;
@@ -4756,7 +4756,7 @@ const sl = {
       { immediate: !0 }
     ), X(k, () => d.value = Math.min(d.value, I.value)), ge("CarouselContext", {
       register: L,
-      unregister: E,
+      unregister: z,
       activeIndex: d,
       slideCount: W,
       deltaX: s,
@@ -4789,8 +4789,8 @@ const sl = {
           style: ye(b.value),
           onPointerdown: N,
           onPointermove: H,
-          onPointerup: z,
-          onPointercancel: z
+          onPointerup: E,
+          onPointercancel: E
         }, [
           Y(Z.$slots, "default", {}, void 0, !0)
         ], 36)
@@ -5328,8 +5328,8 @@ const Hn = (e, o) => {
     }, _ = (b) => {
       const A = b.target, B = A.selectionStart ?? 0, M = A.value.slice(0, B).replace(/\D/g, "").length;
       let L = A.value.replace(/\D/g, "");
-      const E = Bn(l.format);
-      L = L.slice(0, E);
+      const z = Bn(l.format);
+      L = L.slice(0, z);
       const W = Hn(L, l.format);
       i.value = W, A.value = W;
       let ee = 0, re = 0;