@reinosoft-ui/core 0.1.70 → 0.1.72

package/dist/reinosoft-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, ref as M, computed as V, watch as ee, onMounted as de, createElementBlock as b, openBlock as v, normalizeStyle as Ie, normalizeClass as fe, renderSlot as Y, createCommentVNode as q, withDirectives as De, createElementVNode as $, vShow as ot, mergeProps as ye, mergeModels as ue, useModel as ke, withKeys as be, withModifiers as ve, onUnmounted as Ve, Fragment as ce, unref as E, toDisplayString as K, renderList as Ce, nextTick as $e, onBeforeUnmount as _e, createBlock as oe, Teleport as Oe, createVNode as P, Transition as Ee, withCtx as te, useId as he, provide as He, createTextVNode as Me, resolveDynamicComponent as Ze, inject as me, useAttrs as lt, h as j, useSlots as rt, resolveComponent as _t, vModelRadio as Et, vModelDynamic as Zt, reactive as Lt, TransitionGroup as zt, createApp as Nt, shallowRef as qt, vModelText as Ge } from "vue";
+import { defineComponent as Z, ref as M, computed as V, watch as ee, onMounted as de, createElementBlock as b, openBlock as v, normalizeStyle as Ie, normalizeClass as fe, renderSlot as Y, createCommentVNode as q, withDirectives as Re, createElementVNode as $, vShow as ot, mergeProps as ye, mergeModels as ue, useModel as ke, withKeys as be, withModifiers as ve, onUnmounted as Ve, Fragment as ce, unref as E, toDisplayString as K, renderList as Ce, nextTick as $e, onBeforeUnmount as _e, createBlock as oe, Teleport as Oe, createVNode as P, Transition as Ee, withCtx as te, useId as he, provide as He, createTextVNode as Me, resolveDynamicComponent as Ze, inject as me, useAttrs as lt, h as j, useSlots as rt, resolveComponent as _t, vModelRadio as Et, vModelDynamic as Zt, reactive as Lt, TransitionGroup as zt, createApp as Nt, shallowRef as qt, vModelText as Ge } from "vue";
 import { routerKey as Ft } from "vue-router";
 const Ot = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Ut = /* @__PURE__ */ Z({
   __name: "Image",
@@ -54,7 +54,7 @@ const Ot = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "
           "aria-label": e.decorative ? void 0 : e.alt
         }, "Image not available", 8, Pt)
       ], !0) : q("", !0),
-      De($("img", {
+      Re($("img", {
         ref_key: "imgRef",
         ref: i,
         class: "ui-image__img",
@@ -211,15 +211,15 @@ const xt = (e) => {
   }, c = (d) => {
     const f = window.getSelection();
     if (!f || f.rangeCount === 0 || f.isCollapsed) return !1;
-    const y = f.getRangeAt(0), D = e;
-    if (!D) return !1;
-    const U = u(y, D), se = [];
+    const y = f.getRangeAt(0), R = e;
+    if (!R) return !1;
+    const U = u(y, R), se = [];
     if (U.forEach((X) => {
       const G = X === y.startContainer ? y.startOffset : 0, ie = X === y.endContainer ? y.endOffset : X.textContent.length;
       if (G === ie) return;
       let re;
       G === 0 && ie === X.textContent.length ? re = X : (re = X.splitText(G), ie - G < re.textContent.length && re.splitText(ie - G));
-      const ge = Xt(re, d, D);
+      const ge = Xt(re, d, R);
       if (ge)
         Gt(ge), se.push(re);
       else {
@@ -235,8 +235,8 @@ const xt = (e) => {
     return S(), I(d);
   }, u = (d, f) => {
     if (!d || !f || !(f instanceof HTMLElement)) return [];
-    const y = d.commonAncestorContainer, D = f.contains(y) ? f : y.nodeType === 3 ? y.parentNode : y, U = document.createTreeWalker(
-      D,
+    const y = d.commonAncestorContainer, R = f.contains(y) ? f : y.nodeType === 3 ? y.parentNode : y, U = document.createTreeWalker(
+      R,
       NodeFilter.SHOW_TEXT,
       {
         acceptNode(G) {
@@ -250,11 +250,11 @@ const xt = (e) => {
   }, h = (d) => {
     const f = window.getSelection();
     if (!f || f.rangeCount === 0) return !1;
-    const y = f.getRangeAt(0), D = m(y.startContainer);
-    if (!D) return !1;
-    const se = D.tagName.toLowerCase() === d.toLowerCase() ? "p" : d.toLowerCase(), X = document.createElement(se);
-    for (se === "blockquote" && X.setAttribute("class", "rs-blockquote"), X.dataset.block = "true"; D.firstChild; ) X.appendChild(D.firstChild);
-    D.replaceWith(X);
+    const y = f.getRangeAt(0), R = m(y.startContainer);
+    if (!R) return !1;
+    const se = R.tagName.toLowerCase() === d.toLowerCase() ? "p" : d.toLowerCase(), X = document.createElement(se);
+    for (se === "blockquote" && X.setAttribute("class", "rs-blockquote"), X.dataset.block = "true"; R.firstChild; ) X.appendChild(R.firstChild);
+    R.replaceWith(X);
     const G = document.createRange();
     return G.selectNodeContents(X), f.removeAllRanges(), f.addRange(G), s(), S(), k(d);
   }, m = (d) => {
@@ -277,18 +277,18 @@ const xt = (e) => {
     if (d.key !== "Enter" || d.shiftKey) return;
     const f = window.getSelection();
     if (!f || f.rangeCount === 0) return;
-    const y = f.getRangeAt(0), D = p(y.startContainer, "li");
-    if (!D) return;
+    const y = f.getRangeAt(0), R = p(y.startContainer, "li");
+    if (!R) return;
     d.preventDefault(), d.stopPropagation();
-    const U = D.parentElement;
+    const U = R.parentElement;
     if (!U) return;
-    if (D.textContent?.trim() === "") {
+    if (R.textContent?.trim() === "") {
       const G = document.createElement("p");
-      G.dataset.block = "true", G.innerHTML = "<br>", U.after(G), D.remove(), U.children.length === 0 && U.remove(), L(G);
+      G.dataset.block = "true", G.innerHTML = "<br>", U.after(G), R.remove(), U.children.length === 0 && U.remove(), L(G);
       return;
     }
     const X = document.createElement("li");
-    X.innerHTML = "<br>", D.after(X), L(X);
+    X.innerHTML = "<br>", R.after(X), L(X);
   }, L = (d) => {
     const f = document.createRange(), y = window.getSelection();
     f.selectNodeContents(d), f.collapse(!0), y?.removeAllRanges(), y?.addRange(f);
@@ -296,8 +296,8 @@ const xt = (e) => {
     const d = e;
     if (!d) return;
     d.querySelectorAll("p[data-block]").forEach((y) => {
-      y.childNodes.forEach((D) => {
-        D.nodeType === 3 && !D.textContent?.trim() && D.remove();
+      y.childNodes.forEach((R) => {
+        R.nodeType === 3 && !R.textContent?.trim() && R.remove();
       });
     }), d.querySelectorAll("p[data-block]").forEach((y) => {
       !y.querySelector("iframe") && y.hasAttribute("style") && y.removeAttribute("style");
@@ -309,9 +309,9 @@ const xt = (e) => {
     if (!f) return !1;
     let y = f.startContainer;
     y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
-    const D = e;
-    if (!D) return !1;
-    for (; y && y !== D; ) {
+    const R = e;
+    if (!R) return !1;
+    for (; y && y !== R; ) {
       if (y instanceof HTMLElement && y.tagName.toLowerCase() === d.toLowerCase()) return !0;
       y = y.parentNode;
     }
@@ -321,9 +321,9 @@ const xt = (e) => {
     if (!f) return !1;
     let y = f.startContainer;
     y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
-    const D = e;
-    if (!D) return !1;
-    for (; y && y !== D; ) {
+    const R = e;
+    if (!R) return !1;
+    for (; y && y !== R; ) {
       if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() === d.toLowerCase()) return !0;
       y = y.parentNode;
     }
@@ -339,14 +339,14 @@ const xt = (e) => {
   }, _ = () => r.value?.focusFirstButton?.(), N = (d) => {
     const f = window.getSelection();
     if (!f || f.rangeCount === 0) return;
-    const y = f.getRangeAt(0), D = m(y.startContainer);
-    if (!D) return;
+    const y = f.getRangeAt(0), R = m(y.startContainer);
+    if (!R) return;
     const U = y.cloneRange();
-    U.selectNodeContents(D), U.setEnd(y.startContainer, y.startOffset);
+    U.selectNodeContents(R), U.setEnd(y.startContainer, y.startOffset);
     const se = U.toString().length, X = y.cloneRange();
-    X.selectNodeContents(D), X.setEnd(y.endContainer, y.endOffset);
-    const G = X.toString().length, ie = y.collapsed, re = d(D);
-    D.replaceWith(re);
+    X.selectNodeContents(R), X.setEnd(y.endContainer, y.endOffset);
+    const G = X.toString().length, ie = y.collapsed, re = d(R);
+    R.replaceWith(re);
     const ge = document.createTreeWalker(
       re,
       NodeFilter.SHOW_TEXT,
@@ -357,8 +357,8 @@ const xt = (e) => {
       const Ye = ge.currentNode, Xe = Ye.textContent?.length ?? 0;
       !ze && xe + Xe >= se && (ze = Ye, Pe = se - xe), !Be && xe + Xe >= G && (Be = Ye, Ae = G - xe), xe += Xe;
     }
-    const Re = document.createRange();
-    ze ? Re.setStart(ze, Pe) : Re.setStart(re, 0), !ie && Be ? Re.setEnd(Be, Ae) : Re.collapse(!0), f.removeAllRanges(), f.addRange(Re), s(), S();
+    const De = document.createRange();
+    ze ? De.setStart(ze, Pe) : De.setStart(re, 0), !ie && Be ? De.setEnd(Be, Ae) : De.collapse(!0), f.removeAllRanges(), f.addRange(De), s(), S();
   }, J = (d) => {
     const f = e.parentElement?.querySelector("#editor-status");
     f && (f.textContent = d, setTimeout(() => f.textContent = "", 2e3));
@@ -375,39 +375,39 @@ const xt = (e) => {
       ae(d);
       return;
     }
-    const y = f.getRangeAt(0), D = m(y.startContainer);
-    if (!D) {
+    const y = f.getRangeAt(0), R = m(y.startContainer);
+    if (!R) {
       ae(d);
       return;
     }
-    D.insertAdjacentHTML("afterend", d), S(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+    R.insertAdjacentHTML("afterend", d), S(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
   }, A = (d) => {
     const f = document.createElement("span");
     f.className = "img-resizable", f.style.display = "inline-block", f.style.position = "relative", f.style.width = "100%";
     const y = document.createElement("img");
     y.src = d, y.loading = "lazy";
-    const D = document.createElement("span");
-    D.className = "resize-handle", f.append(y, D), ne(f.outerHTML);
+    const R = document.createElement("span");
+    R.className = "resize-handle", f.append(y, R), ne(f.outerHTML);
   }, x = (d) => {
     const f = document.createElement("span");
     f.className = "img-resizable", f.style.display = "inline-block", f.style.position = "relative", f.style.width = "100%";
     const y = document.createElement("img");
     y.src = d, y.alt = "", y.loading = "lazy";
-    const D = document.createElement("span");
-    D.className = "resize-handle", f.append(y, D), F(f.outerHTML);
+    const R = document.createElement("span");
+    R.className = "resize-handle", f.append(y, R), F(f.outerHTML);
   }, H = (d) => {
     const f = d.closest(".img-resizable");
     if (!f) return;
     const y = f.querySelector(".resize-handle");
     if (!y || f.dataset.resizableInitialized === "true") return;
     f.dataset.resizableInitialized = "true", f.style.display = "inline-block", f.style.position = "relative", d.style.display = "block", d.style.width = "100%", y.style.display = "none";
-    const D = () => {
+    const R = () => {
       f.classList.add("active"), y.style.display = "block";
     }, U = () => {
       f.classList.remove("active"), y.style.display = "none";
     };
     d.addEventListener("click", (ie) => {
-      ie.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((re) => re.classList.remove("selected")), f.classList.add("selected"), D();
+      ie.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((re) => re.classList.remove("selected")), f.classList.add("selected"), R();
     }), document.addEventListener("click", (ie) => {
       const re = ie.target;
       re.closest(".img-resizable") || e.querySelectorAll(".img-resizable.selected").forEach((ge) => ge.classList.remove("selected")), f.contains(re) || U();
@@ -419,8 +419,8 @@ const xt = (e) => {
         const Pe = (xe instanceof TouchEvent ? xe.touches[0].clientX : xe.clientX) - se, Be = f.parentElement?.clientWidth || window.innerWidth;
         let Ae = X + Pe;
         Ae > Be && (Ae = Be), Ae < 40 && (Ae = 40);
-        const Re = Ae / Be * 100;
-        f.style.width = Re + "%";
+        const De = Ae / Be * 100;
+        f.style.width = De + "%";
       }, ge = () => {
         document.removeEventListener("mousemove", re), document.removeEventListener("mouseup", ge), document.removeEventListener("touchmove", re), document.removeEventListener("touchend", ge);
       };
@@ -465,17 +465,17 @@ const xt = (e) => {
     if (d.key !== "Backspace" && d.key !== "Delete") return;
     const f = window.getSelection();
     if (!f || f.rangeCount === 0) return;
-    const y = f.getRangeAt(0), D = m(y.startContainer);
-    if (!D) return;
-    const U = D.querySelector("iframe");
-    U && (d.preventDefault(), d.stopPropagation(), U.remove(), D.removeAttribute("style"), D.replaceChildren(document.createElement("br")), L(D));
+    const y = f.getRangeAt(0), R = m(y.startContainer);
+    if (!R) return;
+    const U = R.querySelector("iframe");
+    U && (d.preventDefault(), d.stopPropagation(), U.remove(), R.removeAttribute("style"), R.replaceChildren(document.createElement("br")), L(R));
   }, ne = (d, f) => {
     const y = e;
     if (!y) return;
-    const D = window.getSelection();
+    const R = window.getSelection();
     let U = null;
-    if (D && D.rangeCount > 0) {
-      const G = D.getRangeAt(0);
+    if (R && R.rangeCount > 0) {
+      const G = R.getRangeAt(0);
       U = m(G.startContainer);
     }
     const se = U && !U.textContent?.trim() && U.querySelectorAll("img, iframe").length === 0;
@@ -489,7 +489,7 @@ const xt = (e) => {
       ie.dataset.block = "true", ie.replaceChildren(document.createElement("br")), U ? (U.after(G), G.after(ie)) : y.append(G, ie), X = ie;
     }
     y.querySelectorAll(".img-resizable img").forEach((G) => H(G)), X && L(X), S(), y.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }, R = (d) => {
+  }, D = (d) => {
     const f = d.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
     return f && typeof f[1] == "string" ? f[1] : null;
   }, w = async (d) => {
@@ -511,13 +511,13 @@ const xt = (e) => {
     }
     const y = d.clipboardData?.getData("text/plain")?.trim();
     if (!y) return;
-    const D = R(y), U = T(y);
-    if (!D && !U) return;
+    const R = D(y), U = T(y);
+    if (!R && !U) return;
     d.preventDefault();
     const se = window.getSelection();
     if (!se || se.rangeCount === 0) return;
     const X = se.getRangeAt(0), G = m(X.startContainer);
-    if (G && G.textContent?.trim() === y && (G.innerHTML = "<br>"), D) {
+    if (G && G.textContent?.trim() === y && (G.innerHTML = "<br>"), R) {
       le(y);
       return;
     }
@@ -538,8 +538,8 @@ const xt = (e) => {
   }, Q = (d) => i ? new Promise((f) => {
     const y = new Image();
     y.onload = () => {
-      const D = y.naturalWidth >= i.width || y.naturalHeight >= i.height;
-      f(D);
+      const R = y.naturalWidth >= i.width || y.naturalHeight >= i.height;
+      f(R);
     }, y.onerror = () => f(!1), y.src = d;
   }) : Promise.resolve(!0);
   return e.addEventListener("keydown", O, { capture: !0 }), e.addEventListener("paste", w), {
@@ -1086,7 +1086,7 @@ const xt = (e) => {
       fill: "currentColor"
     }
   ]
-}, D1 = {
+}, R1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -1099,7 +1099,7 @@ const xt = (e) => {
       "stroke-linejoin": "round"
     }
   ]
-}, R1 = {
+}, D1 = {
   viewBox: "0 0 24 24",
   paths: [
     {
@@ -2114,8 +2114,8 @@ const xt = (e) => {
   heart: z1,
   oList: B1,
   uList: A1,
-  close: D1,
-  clock: R1,
+  close: R1,
+  clock: D1,
   login: S1,
   image: _1,
   phone: E1,
@@ -2167,7 +2167,7 @@ const xt = (e) => {
   shoppingBag: Va,
   directionDown: Ba,
   shoppingBasket: Aa
-}, Da = ["viewBox", "transform", "width", "height"], Ra = /* @__PURE__ */ Z({
+}, Ra = ["viewBox", "transform", "width", "height"], Da = /* @__PURE__ */ Z({
   __name: "Icon",
   props: {
     name: {},
@@ -2211,9 +2211,9 @@ const xt = (e) => {
           ref_for: !0
         }, a), null, 16)) : q("", !0)
       ], 64))), 128))
-    ], 10, Da));
+    ], 10, Ra));
   }
-}), pe = /* @__PURE__ */ W(Ra, [["__scopeId", "data-v-dd8423eb"]]), Sa = ["aria-controls"], Ta = ["aria-pressed", "onMousedown", "aria-label"], _a = { key: 1 }, Qe = 8, Ea = 6, Za = /* @__PURE__ */ Z({
+}), pe = /* @__PURE__ */ W(Da, [["__scopeId", "data-v-dd8423eb"]]), Sa = ["aria-controls"], Ta = ["aria-pressed", "onMousedown", "aria-label"], _a = { key: 1 }, Qe = 8, Ea = 6, Za = /* @__PURE__ */ Z({
   __name: "FloatingToolbar",
   props: {
     editor: {},
@@ -2415,7 +2415,15 @@ const xt = (e) => {
       (s) => {
         const c = r.value?.getRoot()?.value;
         c && c.innerHTML !== s && (c.innerHTML = s, l.value?.normalize());
-      }
+      },
+      { immediate: !0 }
+    ), ee(
+      () => r.value,
+      () => {
+        const s = r.value?.getRoot()?.value;
+        !s || !t.value || t.value.trim().length === 0 || s.innerHTML !== t.value && (s.innerHTML = t.value, l.value?.normalize());
+      },
+      { immediate: !0 }
     ), de(() => {
       const c = r.value?.getRoot()?.value;
       if (!c) return;
@@ -3092,11 +3100,11 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   return e.invalid && e.errorMessage && o.push(t), n.hint && o.push(a), o.length > 0 ? o.join(" ") : void 0;
 }), Ke = (e) => V(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), Bn = (e) => V(() => e.disabled === !0 ? "true" : void 0), An = (e, n, t) => {
   n && (n.classList.add("focused"), t("focus", e));
-}, Dn = (e, n, t, a) => {
+}, Rn = (e, n, t, a) => {
   at(n, t), t && (t?.classList.remove("focused"), a("blur", e));
 }, at = (e, n) => {
   !e || !n || (e.value.length > 0 ? n.classList.add("filled") : n.classList.remove("filled"));
-}, Rn = ["id"], it = /* @__PURE__ */ Z({
+}, Dn = ["id"], it = /* @__PURE__ */ Z({
   __name: "Hint",
   props: {
     hintId: {}
@@ -3108,7 +3116,7 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       class: "visually-hidden"
     }, [
       Y(n.$slots, "default")
-    ], 8, Rn)) : q("", !0);
+    ], 8, Dn)) : q("", !0);
   }
 }), Sn = ["id"], ut = /* @__PURE__ */ Z({
   __name: "RequiredHint",
@@ -3180,9 +3188,9 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         };
         return;
       }
-      const ne = O.target, R = ne.selectionStart ?? 0;
+      const ne = O.target, D = ne.selectionStart ?? 0;
       l.value = {
-        rawCaret: In(ne.value, R),
+        rawCaret: In(ne.value, D),
         inputType: O.inputType
       };
     }, A = (O) => {
@@ -3194,10 +3202,10 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         ne.value = Q, t.value = Number(m.value || "0") / 100, l.value = null;
         return;
       }
-      let R = a.mask ? $n(ne.value, a.mask) : ne.value;
-      a.mask && (R = R.slice(0, g.value));
-      const w = a.mask ? gt(R, a.mask) : R;
-      if (ne.value = w, t.value = a.type === "number" ? Number(R) : R, a.mask && l.value) {
+      let D = a.mask ? $n(ne.value, a.mask) : ne.value;
+      a.mask && (D = D.slice(0, g.value));
+      const w = a.mask ? gt(D, a.mask) : D;
+      if (ne.value = w, t.value = a.type === "number" ? Number(D) : D, a.mask && l.value) {
         let { rawCaret: T, inputType: Q } = l.value;
         Q.startsWith("insert") && T++, Q === "deleteContentBackward" && (T = Math.max(0, T - 1));
         let d = Hn(w, T);
@@ -3207,10 +3215,10 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
     }, x = (O) => {
       if (!a.mask || a.currency || O.key !== "Backspace") return;
       const ne = O.target;
-      let R = ne.selectionStart ?? 0;
+      let D = ne.selectionStart ?? 0;
       const w = Fe(a.mask);
-      for (; R > 0 && w[R - 1]?.type === "literal"; ) R--;
-      requestAnimationFrame(() => ne.setSelectionRange(R, R));
+      for (; D > 0 && w[D - 1]?.type === "literal"; ) D--;
+      requestAnimationFrame(() => ne.setSelectionRange(D, D));
     }, H = (O) => {
       h.value = !0, o("focus", O);
     }, z = (O) => {
@@ -3334,8 +3342,8 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
   emits: /* @__PURE__ */ ue(["focus", "blur", "change", "click"], ["update:modelValue"]),
   setup(e, { emit: n }) {
     const t = ke(e, "modelValue"), a = e, o = n, i = M(!1);
-    ee(i, (R) => {
-      R ? document.addEventListener("mousedown", O) : document.removeEventListener("mousedown", O);
+    ee(i, (D) => {
+      D ? document.addEventListener("mousedown", O) : document.removeEventListener("mousedown", O);
     });
     const l = lt(), r = M(!1), s = M(null), c = V(() => a.id ?? he()), u = `${c.value}-label`, h = `${c.value}-listbox`, m = `${c.value}-error`, p = `${c.value}-hint`, C = `${c.value}-value`, L = M(null), S = M(null), I = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = V(() => L.value !== null ? `${h}-option-${L.value}` : void 0), B = Ke(l).value, g = V(() => B ? `${p} ${c.value}-required-hint` : p), _ = V(() => i.value && k.value ? k.value : void 0), N = V(() => S.value !== null ? a.options[S.value]?.value : "");
     ee(
@@ -3346,56 +3354,56 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       () => ne(),
       { deep: !0 }
     );
-    const J = (R) => {
-      r.value = !0, o("focus", R);
-    }, ae = (R) => {
-      const w = R.relatedTarget, T = s.value;
-      !T || T?.contains(w) || (r.value = !1, i.value = !1, o("blur", R));
-    }, F = (R) => {
-      i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((w) => !w.disabled)), !(!a.options || a.options.length === 0) && o("click", R);
-    }, A = (R, w) => {
+    const J = (D) => {
+      r.value = !0, o("focus", D);
+    }, ae = (D) => {
+      const w = D.relatedTarget, T = s.value;
+      !T || T?.contains(w) || (r.value = !1, i.value = !1, o("blur", D));
+    }, F = (D) => {
+      i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((w) => !w.disabled)), !(!a.options || a.options.length === 0) && o("click", D);
+    }, A = (D, w) => {
       const T = s.value;
-      !T || R.disabled || (S.value = w, L.value = w, R && R.key && R.key.toString().length > 0 ? T.classList.add("filled") : T.classList.remove("filled"), t.value = R.key, o("change", R.key));
-    }, x = (R) => {
-      if (!i.value && ["ArrowDown", "ArrowUp"].includes(R.key)) {
-        i.value = !0, L.value = L.value ?? a.options.findIndex((w) => !w.disabled), R.preventDefault();
+      !T || D.disabled || (S.value = w, L.value = w, D && D.key && D.key.toString().length > 0 ? T.classList.add("filled") : T.classList.remove("filled"), t.value = D.key, o("change", D.key));
+    }, x = (D) => {
+      if (!i.value && ["ArrowDown", "ArrowUp"].includes(D.key)) {
+        i.value = !0, L.value = L.value ?? a.options.findIndex((w) => !w.disabled), D.preventDefault();
         return;
       }
       if (i.value) {
-        if (R.key === "ArrowDown" && (H(1), R.preventDefault()), R.key === "ArrowUp" && (H(-1), R.preventDefault()), R.key === "Home") {
+        if (D.key === "ArrowDown" && (H(1), D.preventDefault()), D.key === "ArrowUp" && (H(-1), D.preventDefault()), D.key === "Home") {
           const w = z();
-          w >= 0 && (L.value = w), R.preventDefault();
+          w >= 0 && (L.value = w), D.preventDefault();
         }
-        if (R.key === "End") {
+        if (D.key === "End") {
           const w = le();
-          w >= 0 && (L.value = w), R.preventDefault();
+          w >= 0 && (L.value = w), D.preventDefault();
         }
-        if (R.key === "Enter" || R.key === " ") {
+        if (D.key === "Enter" || D.key === " ") {
           if (L.value === null) return;
           const w = a.options[L.value];
           if (!w || w.disabled) return;
-          A(w, L.value), i.value = !1, R.preventDefault();
+          A(w, L.value), i.value = !1, D.preventDefault();
         }
-        R.key === "Escape" && (i.value = !1);
+        D.key === "Escape" && (i.value = !1);
       }
-    }, H = (R) => {
+    }, H = (D) => {
       if (L.value === null) return;
       let w = L.value;
       do
-        w += R;
+        w += D;
       while (w >= 0 && w < a.options.length && a.options[w]?.disabled);
       w >= 0 && w < a.options.length && (L.value = w);
-    }, z = () => a.options.findIndex((R) => !R.disabled), le = () => [...a.options].reverse().findIndex((R) => !R.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((R) => !R.disabled) : -1, O = (R) => {
+    }, z = () => a.options.findIndex((D) => !D.disabled), le = () => [...a.options].reverse().findIndex((D) => !D.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((D) => !D.disabled) : -1, O = (D) => {
       const w = s.value;
-      !w || w.contains(R.target) || (i.value = !1);
+      !w || w.contains(D.target) || (i.value = !1);
     };
     _e(() => {
       document.removeEventListener("mousedown", O);
     });
     const ne = () => {
-      const R = a.options.findIndex((w) => w.key === t.value);
-      if (R > -1) {
-        S.value = R, L.value = R;
+      const D = a.options.findIndex((w) => w.key === t.value);
+      if (D > -1) {
+        S.value = D, L.value = D;
         const w = s.value;
         w && w.classList.add("filled");
       }
@@ -3405,24 +3413,24 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
         if (!a.options || a.options.length === 0) return;
         ne();
       }
-    }), (R, w) => (v(), b("div", {
+    }), (D, w) => (v(), b("div", {
       ref_key: "selectRef",
       ref: s,
-      class: fe(["select-box", { required: Object.keys(R.$attrs).includes("required"), error: e.invalid, filled: I.value, focused: r.value }])
+      class: fe(["select-box", { required: Object.keys(D.$attrs).includes("required"), error: e.invalid, filled: I.value, focused: r.value }])
     }, [
       $("button", ye({
         id: c.value,
         class: "select-btn",
         role: "combobox",
         type: "button"
-      }, R.$attrs, {
+      }, D.$attrs, {
         "aria-haspopup": "listbox",
         "aria-expanded": i.value,
         "aria-controls": h,
         "aria-invalid": e.invalid ? "true" : void 0,
         "aria-labelledby": `${u} ${C}`,
         "aria-required": E(B),
-        "aria-describedby": E(st)(R.$props, R.$slots, m, g.value).value,
+        "aria-describedby": E(st)(D.$props, D.$slots, m, g.value).value,
         "aria-activedescendant": _.value,
         "aria-disabled": E(l).disabled ? "true" : void 0,
         onBlur: ae,
@@ -3449,7 +3457,7 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       ], 16, On),
       P(Ee, { name: "select" }, {
         default: te(() => [
-          De($("ul", {
+          Re($("ul", {
             id: h,
             role: "listbox",
             class: "options"
@@ -3476,7 +3484,7 @@ const Fe = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
       }),
       P(it, { hintId: p }, {
         default: te(() => [
-          Y(R.$slots, "hint", {}, void 0, !0)
+          Y(D.$slots, "hint", {}, void 0, !0)
         ]),
         _: 3
       }),
@@ -3771,7 +3779,7 @@ const nt = Z({
   setup(e, { slots: n }) {
     return () => j("div", { class: "modal-header" }, n.default?.());
   }
-}), Dt = Z({
+}), Rt = Z({
   name: "ModalBody",
   setup(e, { slots: n }) {
     return () => j("div", { class: "modal-body" }, n.default?.());
@@ -3781,7 +3789,7 @@ const nt = Z({
   setup(e, { slots: n }) {
     return () => j("div", { class: "modal-footer" }, n.default?.());
   }
-}), Rt = Z({
+}), Dt = Z({
   name: "ModalClose",
   setup() {
     const e = me(Ue);
@@ -3800,7 +3808,7 @@ const nt = Z({
 });
 Object.assign(nt, {
   install(e) {
-    e.component("Modal", nt), e.component("ModalBody", Dt), e.component("ModalTitle", Bt), e.component("ModalClose", Rt), e.component("ModalHeader", At), e.component("ModalContent", Vt);
+    e.component("Modal", nt), e.component("ModalBody", Rt), e.component("ModalTitle", Bt), e.component("ModalClose", Dt), e.component("ModalHeader", At), e.component("ModalContent", Vt);
   }
 });
 const n2 = /* @__PURE__ */ Z({
@@ -3845,11 +3853,11 @@ const n2 = /* @__PURE__ */ Z({
                     ])]),
                     _: 1
                   }),
-                  P(E(Rt))
+                  P(E(Dt))
                 ]),
                 _: 1
               }),
-              P(E(Dt), null, {
+              P(E(Rt), null, {
                 default: te(() => [
                   P(It, {
                     modelValue: n.value,
@@ -4121,7 +4129,7 @@ const u2 = ["aria-busy"], c2 = {
       $("textarea", ye({ id: e.id }, I.$attrs, {
         class: "custom-textarea",
         onFocus: k[0] || (k[0] = (B) => E(An)(B, s.value, i)),
-        onBlur: k[1] || (k[1] = (B) => E(Dn)(B, r.value, s.value, i)),
+        onBlur: k[1] || (k[1] = (B) => E(Rn)(B, r.value, s.value, i)),
         onInput: L,
         value: t.value,
         required: E(m),
@@ -4148,7 +4156,7 @@ const u2 = ["aria-busy"], c2 = {
       }, null, 8, ["invalid", "errorMessage"])
     ], 2));
   }
-}), Dl = /* @__PURE__ */ W(k2, [["__scopeId", "data-v-3615613f"]]), w2 = { key: 0 }, M2 = { key: 1 }, L2 = /* @__PURE__ */ Z({
+}), Rl = /* @__PURE__ */ W(k2, [["__scopeId", "data-v-3615613f"]]), w2 = { key: 0 }, M2 = { key: 1 }, L2 = /* @__PURE__ */ Z({
   __name: "Highlight",
   props: {
     text: {},
@@ -4191,7 +4199,7 @@ const u2 = ["aria-busy"], c2 = {
     label: "The passwords must match.",
     validator: (e, n) => e === n && e.length > 0
   }
-], I2 = { class: "password-validation" }, H2 = { class: "password-rules" }, V2 = ["data-rule"], B2 = { class: "strength-meter" }, A2 = { class: "strength-top" }, D2 = /* @__PURE__ */ Z({
+], I2 = { class: "password-validation" }, H2 = { class: "password-rules" }, V2 = ["data-rule"], B2 = { class: "strength-meter" }, A2 = { class: "strength-top" }, R2 = /* @__PURE__ */ Z({
   __name: "PasswordValidator",
   props: {
     id: {},
@@ -4272,11 +4280,11 @@ const u2 = ["aria-busy"], c2 = {
       ])
     ]));
   }
-}), bt = /* @__PURE__ */ W(D2, [["__scopeId", "data-v-e7569cc0"]]);
+}), bt = /* @__PURE__ */ W(R2, [["__scopeId", "data-v-e7569cc0"]]);
 bt.install = (e) => {
   e.component("PasswordValidator", bt);
 };
-const R2 = {
+const D2 = {
   class: "ui-breadcrumb",
   "aria-label": "Breadcrumb"
 }, S2 = { class: "ui-breadcrumb__list" }, T2 = {
@@ -4296,7 +4304,7 @@ const R2 = {
       rel: r.external ? "noopener noreferrer" : void 0,
       "aria-label": r.external ? `${r.label} (opens in a new tab)` : void 0
     } : {};
-    return (r, s) => (v(), b("nav", R2, [
+    return (r, s) => (v(), b("nav", D2, [
       $("ol", S2, [
         (v(!0), b(ce, null, Ce(e.items, (c, u) => (v(), b("li", {
           key: c.to ?? c.href ?? `${c.label}-${u}`,
@@ -4322,7 +4330,7 @@ const R2 = {
       ])
     ]));
   }
-}), Rl = /* @__PURE__ */ W(_2, [["__scopeId", "data-v-baed1592"]]), E2 = ["aria-invalid", "aria-required", "disabled"], Z2 = { class: "sr-only" }, z2 = ["name", "value", "disabled", "required"], N2 = {
+}), Dl = /* @__PURE__ */ W(_2, [["__scopeId", "data-v-baed1592"]]), E2 = ["aria-invalid", "aria-required", "disabled"], Z2 = { class: "sr-only" }, z2 = ["name", "value", "disabled", "required"], N2 = {
   key: 0,
   class: "radio-control",
   "aria-hidden": "true"
@@ -4356,7 +4364,7 @@ const R2 = {
         key: s.key,
         class: fe(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
       }, [
-        De($("input", {
+        Re($("input", {
           type: "radio",
           class: "radio-input",
           name: e.name,
@@ -4476,7 +4484,7 @@ const R2 = {
           T >= 0 && (c.value = T), w.preventDefault();
         }
         if (w.key === "End") {
-          const T = R();
+          const T = D();
           T >= 0 && (c.value = T), w.preventDefault();
         }
         if (w.key === "Enter") {
@@ -4497,14 +4505,14 @@ const R2 = {
     }, A = () => {
       l.value.length === 0 && (o.value = ""), l.value.length >= t.minChars ? (a("change", l.value), r.value = !0) : r.value = !1;
     }, x = () => {
-      if (o.value.toString().length === 0 || !t.options || t.options.length === 0) return;
+      if (o.value.toString().length === 0) return;
       const w = t.options.findIndex((T) => t.getKey(T) === o.value);
-      w > -1 && (c.value = w, u.value = w, l.value = t.getValue(t.options[w]));
+      w > -1 ? (c.value = w, u.value = w, l.value = t.getValue(t.options[w])) : l.value = o.value.toString();
     };
     ee(
       [() => t.options.length, () => o.value],
       async ([w, T]) => {
-        T && w !== 0 && (await $e(), x());
+        T && (await $e(), x());
       },
       { flush: "post", immediate: !0 }
     );
@@ -4520,7 +4528,7 @@ const R2 = {
     }, O = () => {
       const w = ne();
       w >= 0 && (c.value = w);
-    }, ne = () => B.value.findIndex((w) => !t.isDisabled(w)), R = () => {
+    }, ne = () => B.value.findIndex((w) => !t.isDisabled(w)), D = () => {
       for (let w = B.value.length - 1; w >= 0; w--) if (!t.isDisabled(B.value[w])) return w;
       return -1;
     };
@@ -4533,7 +4541,7 @@ const R2 = {
         for: e.id,
         class: "label"
       }, K(e.label), 9, O2),
-      De($("input", ye({
+      Re($("input", ye({
         id: e.id,
         type: e.type
       }, w.$attrs, {
@@ -4556,7 +4564,7 @@ const R2 = {
       ]),
       P(Ee, { name: "select" }, {
         default: te(() => [
-          De($("ul", {
+          Re($("ul", {
             id: p,
             role: "listbox",
             class: "options"
@@ -4645,7 +4653,7 @@ const R2 = {
       })) : q("", !0)
     ], 2));
   }
-}), Tl = /* @__PURE__ */ W(Q2, [["__scopeId", "data-v-75e8a9a2"]]), eo = 5, we = Lt({
+}), Tl = /* @__PURE__ */ W(Q2, [["__scopeId", "data-v-7b61315b"]]), eo = 5, we = Lt({
   toasts: []
 });
 let to = 0;
@@ -5053,7 +5061,7 @@ const El = {
   "aria-live": "polite",
   "aria-atomic": "true",
   class: "sr-only"
-}, Do = /* @__PURE__ */ Z({
+}, Ro = /* @__PURE__ */ Z({
   __name: "Steps",
   props: /* @__PURE__ */ ue({
     orientation: { default: "horizontal" },
@@ -5191,7 +5199,7 @@ const El = {
       $("div", Ao, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(m.value), 1)
     ], 64));
   }
-}), Ol = /* @__PURE__ */ W(Do, [["__scopeId", "data-v-2fa0f578"]]), Ro = ["data-align"], So = /* @__PURE__ */ Z({
+}), Ol = /* @__PURE__ */ W(Ro, [["__scopeId", "data-v-2fa0f578"]]), Do = ["data-align"], So = /* @__PURE__ */ Z({
   __name: "Timeline",
   props: {
     align: { default: "left" }
@@ -5203,7 +5211,7 @@ const El = {
       "data-align": e.align
     }, [
       Y(t.$slots, "default", {}, void 0, !0)
-    ], 8, Ro));
+    ], 8, Do));
   }
 }), Pl = /* @__PURE__ */ W(So, [["__scopeId", "data-v-d56deb2b"]]), To = ["data-align", "aria-labelledby", "aria-describedby"], _o = { class: "ui-timeline-content" }, Eo = ["datetime"], Zo = { class: "ui-timeline-date--month" }, zo = { class: "ui-timeline-date--day" }, No = { class: "ui-timeline-date--year" }, qo = ["data-direction"], Fo = { class: "info" }, Oo = ["id"], Po = { class: "addons" }, Ko = /* @__PURE__ */ Z({
   __name: "TimelineItem",
@@ -5318,8 +5326,8 @@ const El = {
     }), ae = (d) => {
       let f = d;
       if (t.loop) {
-        const y = Math.round(d / p.value), D = _.value;
-        f = (y % D + D) % D * p.value;
+        const y = Math.round(d / p.value), R = _.value;
+        f = (y % R + R) % R * p.value;
       } else
         f = Math.min(
           Math.max(d, 0),
@@ -5334,19 +5342,19 @@ const El = {
       }, t.autoplayDelay));
     }, ne = () => {
       I !== null && (clearInterval(I), I = null);
-    }, R = (d) => {
+    }, D = (d) => {
       if (typeof t.itemsPerView == "number")
         return t.itemsPerView;
-      const f = Object.entries(t.itemsPerView).map(([D, U]) => [Number(D), U]).sort((D, U) => D[0] - U[0]);
+      const f = Object.entries(t.itemsPerView).map(([R, U]) => [Number(R), U]).sort((R, U) => R[0] - U[0]);
       let y = f[0]?.[1] ?? 1;
-      for (const [D, U] of f) d >= D && (y = U);
+      for (const [R, U] of f) d >= R && (y = U);
       return y;
     }, w = (d) => {
       d.button === 0 && (u.value = !0, o.value = d.clientX, a.value = d.clientX, s.value = d.clientX, i.value = 0, l.value = performance.now(), r.value = 0, h.value = C.value, S.value?.setPointerCapture(d.pointerId), ne(), S.value.style.userSelect = "");
     }, T = (d) => {
       if (!u.value) return;
-      const f = performance.now(), y = d.clientX - a.value, D = f - l.value;
-      D > 0 && (r.value = y / D), a.value = d.clientX, l.value = f, s.value = d.clientX, i.value = s.value - o.value;
+      const f = performance.now(), y = d.clientX - a.value, R = f - l.value;
+      R > 0 && (r.value = y / R), a.value = d.clientX, l.value = f, s.value = d.clientX, i.value = s.value - o.value;
     }, Q = (d) => {
       if (!u.value) return;
       u.value = !1, S.value?.releasePointerCapture(d.pointerId), S.value.style.userSelect = "";
@@ -5356,7 +5364,7 @@ const El = {
     return de(() => {
       O(), L.value && (k = new ResizeObserver((d) => {
         const f = d[0]?.contentRect.width;
-        f !== void 0 && (p.value = R(f));
+        f !== void 0 && (p.value = D(f));
       }), k.observe(L.value));
     }), Ve(() => {
       ne(), k?.disconnect();
@@ -5425,18 +5433,18 @@ const El = {
         P(pe, { name: "directionDown" })
       ]),
       e.showIndicators ? (v(), b("div", Yo, [
-        (v(!0), b(ce, null, Ce(_.value, (y, D) => (v(), b("button", {
+        (v(!0), b(ce, null, Ce(_.value, (y, R) => (v(), b("button", {
           role: "tab",
           type: "button",
-          key: D,
-          class: fe(["indicator", { active: D === Math.floor(C.value / p.value) }]),
-          "aria-label": `Go to slide ${D + 1}`,
-          "aria-selected": D === g.value,
-          "aria-current": D === g.value,
-          onClick: (U) => ae(D * p.value),
+          key: R,
+          class: fe(["indicator", { active: R === Math.floor(C.value / p.value) }]),
+          "aria-label": `Go to slide ${R + 1}`,
+          "aria-selected": R === g.value,
+          "aria-current": R === g.value,
+          onClick: (U) => ae(R * p.value),
           onKeydown: [
-            be(ve((U) => ae((D - 1 + _.value) % _.value * p.value), ["prevent"]), ["left"]),
-            be(ve((U) => ae((D + 1) % _.value * p.value), ["prevent"]), ["right"])
+            be(ve((U) => ae((R - 1 + _.value) % _.value * p.value), ["prevent"]), ["left"]),
+            be(ve((U) => ae((R + 1) % _.value * p.value), ["prevent"]), ["right"])
           ]
         }, null, 42, Xo))), 128))
       ])) : q("", !0)
@@ -5825,16 +5833,16 @@ const ll = (e, n) => {
       let O = x.value.replace(/\D/g, "");
       const ne = rl(o.format);
       O = O.slice(0, ne);
-      const R = ll(O, o.format);
-      r.value = R, x.value = R;
+      const D = ll(O, o.format);
+      r.value = D, x.value = D;
       let w = 0, T = 0;
-      for (let d = 0; d < R.length; d++)
-        if (/\d/.test(R[d] ?? "") && T++, T >= le) {
+      for (let d = 0; d < D.length; d++)
+        if (/\d/.test(D[d] ?? "") && T++, T >= le) {
           w = d + 1;
           break;
         }
       requestAnimationFrame(() => x.setSelectionRange(w, w));
-      const Q = Mt(R, o.format);
+      const Q = Mt(D, o.format);
       Q && (c.value = Q, t.value = Q);
     }, J = () => {
       i.value || (i.value = !0, a("update:open", !0));
@@ -6015,7 +6023,7 @@ const ll = (e, n) => {
       }), {
         time: te(() => [
           o.value ? (v(), b("div", hl, [
-            l.value ? De((v(), b("input", {
+            l.value ? Re((v(), b("input", {
               key: 0,
               id: `hour_${E(a)}`,
               type: "number",
@@ -6036,7 +6044,7 @@ const ll = (e, n) => {
               ]
             ]) : q("", !0),
             l.value && r.value ? (v(), b("span", yl, ":")) : q("", !0),
-            r.value ? De((v(), b("input", {
+            r.value ? Re((v(), b("input", {
               key: 2,
               id: `minute_${E(a)}`,
               type: "number",
@@ -6057,7 +6065,7 @@ const ll = (e, n) => {
               ]
             ]) : q("", !0),
             (l.value || r.value) && s.value ? (v(), b("span", kl, ":")) : q("", !0),
-            s.value ? De((v(), b("input", {
+            s.value ? Re((v(), b("input", {
               key: 4,
               id: `second_${E(a)}`,
               type: "number",
@@ -6440,7 +6448,7 @@ export {
   or as AccordionPanel,
   Tl as Autocomplete,
   Hl as Avatar,
-  Rl as Breadcrumb,
+  Dl as Breadcrumb,
   Le as Button,
   ht as ButtonMenu,
   Zl as Card,
@@ -6464,8 +6472,8 @@ export {
   Il as Input,
   $l as Link,
   nt as Modal,
-  Dt as ModalBody,
-  Rt as ModalClose,
+  Rt as ModalBody,
+  Dt as ModalClose,
   Vt as ModalContent,
   Bl as ModalFooter,
   At as ModalHeader,
@@ -6482,7 +6490,7 @@ export {
   Yl as TabsList,
   Xl as TabsTrigger,
   mn as Tag,
-  Dl as Textarea,
+  Rl as Textarea,
   Pl as Timeline,
   Kl as TimelineItem,
   El as ToastPlugin,