@rocketui/vue 0.2.44-alpha → 0.2.44-alpha2

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as t1, renderList as r1, normalizeClass as p, renderSlot as f, toDisplayString as v, createVNode as q, computed as g, createCommentVNode as O, mergeProps as H2, createBlock as E, watch as G, getCurrentScope as c2, onScopeDispose as p2, ref as N, watchEffect as O2, onMounted as V2, onUnmounted as L2, Teleport as f2, withCtx as k1, withDirectives as M2, withModifiers as A1, withKeys as U1, vModelText as h2, createTextVNode as S1, normalizeStyle as N1, vShow as g2, resolveComponent as k2, provide as O1, resolveDynamicComponent as B2, inject as f1 } from "vue";
+import { defineComponent as x, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as J, reactive as u1, Fragment as t1, renderList as r1, normalizeClass as p, renderSlot as f, toDisplayString as v, createVNode as q, computed as k, createCommentVNode as O, mergeProps as H2, createBlock as E, watch as G, getCurrentScope as c2, onScopeDispose as p2, ref as N, watchEffect as O2, onMounted as V2, onUnmounted as L2, Teleport as f2, withCtx as k1, withDirectives as M2, withModifiers as A1, withKeys as U1, vModelText as h2, createTextVNode as S1, normalizeStyle as N1, vShow as g2, resolveComponent as k2, provide as O1, resolveDynamicComponent as B2, inject as f1 } from "vue";
 const b2 = {
   mdiAbTesting: "M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z",
   mdiAbacus: "M5 5H7V11H5V5M10 5H8V11H10V5M5 19H7V13H5V19M10 13H8V19H10V17H15V15H10V13M2 21H4V3H2V21M20 3V7H13V5H11V11H13V9H20V15H18V13H16V19H18V17H20V21H22V3H20Z",
@@ -7382,12 +7382,12 @@ const b2 = {
   },
   emits: ["close"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = g(() => ({
+    const C = H, M = V, i = k(() => ({
       " r-alert": !0,
       [`r-alert--${C.variant}`]: !0,
       "r-alert--block": C.block,
       [`r-alert--${C.variant}--${C.type}`]: !0
-    })), L = g(() => ({
+    })), L = k(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -7439,10 +7439,10 @@ const b2 = {
     text: { default: "" }
   },
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       "r-avatar": !0,
       [`r-avatar--${V.size}`]: !0
-    })), M = g(() => V.type === "image" && !V.src), i = g(() => M.value ? z1 : V.src);
+    })), M = k(() => V.type === "image" && !V.src), i = k(() => M.value ? z1 : V.src);
     function L(A) {
       const e = A.split(" ");
       return e.length === 1 ? e[0].substring(0, 2) : `${e[0].charAt(0)}${e[1].charAt(0)}`;
@@ -7488,7 +7488,7 @@ const b2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       "r-badge": !0,
       [`r-badge--content ${V.contentClass}`]: V.content,
       [`r-badge--overlap-${V.placement}`]: V.overlap,
@@ -7527,7 +7527,7 @@ const b2 = {
   },
   emits: ["click"],
   setup(H) {
-    const V = H, C = g(() => ({
+    const V = H, C = k(() => ({
       "r-button": !0,
       [`r-button__${V.variant}`]: !0,
       [`r-button__${V.variant}--${V.variant === "default" && V.color === void 0 ? "primary" : V.color}`]: !0,
@@ -7535,11 +7535,11 @@ const b2 = {
       [`r-button--${V.size || "medium"}`]: !0,
       "r-button--only-icon": V.icon,
       "r-button--block": V.block
-    })), M = g(() => ({
+    })), M = k(() => ({
       small: 16,
       medium: 16,
       large: 20
-    })[V.size || "medium"]), i = g(() => ({
+    })[V.size || "medium"]), i = k(() => ({
       height: V.height ? `${V.height}px` : ""
     }));
     return (L, A) => (m(), Z("button", H2(L.$attrs, {
@@ -7603,7 +7603,7 @@ const b2 = {
       checked: "mdiCheck",
       unchecked: "",
       indeterminate: "mdiMinus"
-    }, A = g(() => i.indeterminate ? L.indeterminate : i.checked ? L.checked : L.unchecked), e = g(() => ({
+    }, A = k(() => i.indeterminate ? L.indeterminate : i.checked ? L.checked : L.unchecked), e = k(() => ({
       "r-checkbox": !0,
       "r-checkbox--checked": i.checked,
       "r-checkbox--disabled": C.disabled,
@@ -7680,7 +7680,7 @@ const b2 = {
   },
   emits: ["click:chip", "click:close"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = g(() => ({
+    const C = H, M = V, i = k(() => ({
       "r-chip": !0,
       "r-chip--disabled": C.disabled,
       [`r-chip__${C.variant}`]: C.variant,
@@ -7693,7 +7693,7 @@ const b2 = {
     function A(d) {
       C.disabled || !C.clearable || (d.stopPropagation(), M("click:close", d));
     }
-    const e = g(() => C.clearable ? "mdiClose" : C.appendIcon);
+    const e = k(() => C.clearable ? "mdiClose" : C.appendIcon);
     return (d, t) => (m(), Z("div", {
       class: p(i.value)
     }, [
@@ -7978,16 +7978,16 @@ const Z5 = async (H, V, C) => {
     x: n,
     y: r
   } = q1(t, M, d), o = M, l = {}, u = 0;
-  for (let k = 0; k < e.length; k++) {
+  for (let B = 0; B < e.length; B++) {
     const {
       name: w,
-      fn: B
-    } = e[k], {
+      fn: h
+    } = e[B], {
       x: b,
       y: F,
       data: R,
       reset: y
-    } = await B({
+    } = await h({
       x: n,
       y: r,
       initialPlacement: M,
@@ -8015,7 +8015,7 @@ const Z5 = async (H, V, C) => {
       }) : y.rects), {
         x: n,
         y: r
-      } = q1(t, o, d)), k = -1;
+      } = q1(t, o, d)), B = -1;
       continue;
     }
   }
@@ -8043,7 +8043,7 @@ async function v1(H, V) {
     elementContext: r = "floating",
     altBoundary: o = !1,
     padding: l = 0
-  } = l1(V, H), u = t2(l), w = e[o ? r === "floating" ? "reference" : "floating" : r], B = w1(await L.getClippingRect({
+  } = l1(V, H), u = t2(l), w = e[o ? r === "floating" ? "reference" : "floating" : r], h = w1(await L.getClippingRect({
     element: (C = await (L.isElement == null ? void 0 : L.isElement(w))) == null || C ? w : w.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
     rootBoundary: n,
@@ -8064,10 +8064,10 @@ async function v1(H, V) {
     strategy: d
   }) : b);
   return {
-    top: (B.top - y.top + u.top) / R.y,
-    bottom: (y.bottom - B.bottom + u.bottom) / R.y,
-    left: (B.left - y.left + u.left) / R.x,
-    right: (y.right - B.right + u.right) / R.x
+    top: (h.top - y.top + u.top) / R.y,
+    bottom: (y.bottom - h.bottom + u.bottom) / R.y,
+    left: (h.left - y.left + u.left) / R.x,
+    right: (y.right - h.right + u.right) / R.x
   };
 }
 const u5 = (H) => ({
@@ -8091,10 +8091,10 @@ const u5 = (H) => ({
     const r = t2(n), o = {
       x: C,
       y: M
-    }, l = Q1(i), u = I1(l), k = await A.getDimensions(t), w = l === "y", B = w ? "top" : "left", b = w ? "bottom" : "right", F = w ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[l] - o[l] - L.floating[u], y = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
+    }, l = Q1(i), u = I1(l), B = await A.getDimensions(t), w = l === "y", h = w ? "top" : "left", b = w ? "bottom" : "right", F = w ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[l] - o[l] - L.floating[u], y = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
     let W = U ? U[F] : 0;
     (!W || !await (A.isElement == null ? void 0 : A.isElement(U))) && (W = e.floating[F] || L.floating[u]);
-    const h = R / 2 - y / 2, I = W / 2 - k[u] / 2 - 1, M1 = a1(r[B], I), a = a1(r[b], I), s = M1, P = W - k[u] - a, T = W / 2 - k[u] / 2 + h, c = D1(s, T, P), _ = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - k[u] / 2 < 0, $ = _ ? T < s ? T - s : T - P : 0;
+    const g = R / 2 - y / 2, I = W / 2 - B[u] / 2 - 1, M1 = a1(r[h], I), a = a1(r[b], I), s = M1, P = W - B[u] - a, T = W / 2 - B[u] / 2 + g, c = D1(s, T, P), _ = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - B[u] / 2 < 0, $ = _ ? T < s ? T - s : T - P : 0;
     return {
       [l]: o[l] + $,
       data: {
@@ -8126,20 +8126,20 @@ const u5 = (H) => ({
         fallbackPlacements: o,
         fallbackStrategy: l = "bestFit",
         fallbackAxisSideDirection: u = "none",
-        flipAlignment: k = !0,
+        flipAlignment: B = !0,
         ...w
       } = l1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
-      const B = i1(i), b = i1(e) === e, F = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = o || (b || !k ? [b1(e)] : o5(e));
-      !o && u !== "none" && R.push(...r5(e, k, u, F));
+      const h = i1(i), b = i1(e) === e, F = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = o || (b || !B ? [b1(e)] : o5(e));
+      !o && u !== "none" && R.push(...r5(e, B, u, F));
       const y = [e, ...R], U = await v1(V, w), W = [];
-      let h = ((M = L.flip) == null ? void 0 : M.overflows) || [];
-      if (n && W.push(U[B]), r) {
+      let g = ((M = L.flip) == null ? void 0 : M.overflows) || [];
+      if (n && W.push(U[h]), r) {
         const s = l5(i, A, F);
         W.push(U[s[0]], U[s[1]]);
       }
-      if (h = [...h, {
+      if (g = [...g, {
         placement: i,
         overflows: W
       }], !W.every((s) => s <= 0)) {
@@ -8149,18 +8149,18 @@ const u5 = (H) => ({
           return {
             data: {
               index: s,
-              overflows: h
+              overflows: g
             },
             reset: {
               placement: P
             }
           };
-        let T = (M1 = h.filter((c) => c.overflows[0] <= 0).sort((c, _) => c.overflows[1] - _.overflows[1])[0]) == null ? void 0 : M1.placement;
+        let T = (M1 = g.filter((c) => c.overflows[0] <= 0).sort((c, _) => c.overflows[1] - _.overflows[1])[0]) == null ? void 0 : M1.placement;
         if (!T)
           switch (l) {
             case "bestFit": {
               var a;
-              const c = (a = h.map((_) => [_.placement, _.overflows.filter(($) => $ > 0).reduce(($, Q) => $ + Q, 0)]).sort((_, $) => _[1] - $[1])[0]) == null ? void 0 : a[0];
+              const c = (a = g.map((_) => [_.placement, _.overflows.filter(($) => $ > 0).reduce(($, Q) => $ + Q, 0)]).sort((_, $) => _[1] - $[1])[0]) == null ? void 0 : a[0];
               c && (T = c);
               break;
             }
@@ -8291,11 +8291,11 @@ const p5 = function(H) {
         limiter: e = {
           fn: (w) => {
             let {
-              x: B,
+              x: h,
               y: b
             } = w;
             return {
-              x: B,
+              x: h,
               y: b
             };
           }
@@ -8307,23 +8307,23 @@ const p5 = function(H) {
       }, n = await v1(V, d), r = y1(i1(i)), o = d2(r);
       let l = t[o], u = t[r];
       if (L) {
-        const w = o === "y" ? "top" : "left", B = o === "y" ? "bottom" : "right", b = l + n[w], F = l - n[B];
+        const w = o === "y" ? "top" : "left", h = o === "y" ? "bottom" : "right", b = l + n[w], F = l - n[h];
         l = D1(b, l, F);
       }
       if (A) {
-        const w = r === "y" ? "top" : "left", B = r === "y" ? "bottom" : "right", b = u + n[w], F = u - n[B];
+        const w = r === "y" ? "top" : "left", h = r === "y" ? "bottom" : "right", b = u + n[w], F = u - n[h];
         u = D1(b, u, F);
       }
-      const k = e.fn({
+      const B = e.fn({
         ...V,
         [o]: l,
         [r]: u
       });
       return {
-        ...k,
+        ...B,
         data: {
-          x: k.x - C,
-          y: k.y - M
+          x: B.x - C,
+          y: B.y - M
         }
       };
     }
@@ -8467,8 +8467,8 @@ function Z1(H, V, C, M) {
     const o = z(L), l = M && C1(M) ? z(M) : M;
     let u = o.frameElement;
     for (; u && M && l !== o; ) {
-      const k = d1(u), w = u.getBoundingClientRect(), B = K(u), b = w.left + (u.clientLeft + parseFloat(B.paddingLeft)) * k.x, F = w.top + (u.clientTop + parseFloat(B.paddingTop)) * k.y;
-      d *= k.x, t *= k.y, n *= k.x, r *= k.y, d += b, t += F, u = z(u).frameElement;
+      const B = d1(u), w = u.getBoundingClientRect(), h = K(u), b = w.left + (u.clientLeft + parseFloat(h.paddingLeft)) * B.x, F = w.top + (u.clientTop + parseFloat(h.paddingTop)) * B.y;
+      d *= B.x, t *= B.y, n *= B.x, r *= B.y, d += b, t += F, u = z(u).frameElement;
     }
   }
   return w1({
@@ -8687,11 +8687,11 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
       s5()
     ]
   }).then(({ x: d, y: t, placement: n, middlewareData: r }) => {
-    var u, k;
+    var u, B;
     if (!V)
       return;
     r.flip && V.setAttribute("data-placement", n);
-    const o = (u = H.offsetParent) == null ? void 0 : u.getBoundingClientRect().left, l = (k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().width;
+    const o = (u = H.offsetParent) == null ? void 0 : u.getBoundingClientRect().left, l = (B = H.offsetParent) == null ? void 0 : B.getBoundingClientRect().width;
     if (Object.assign(V.style, {
       maxWidth: e === "dropdown" ? `${l}px` : "auto",
       left: e === "dropdown" ? `${o}px` : `${d}px`,
@@ -8699,7 +8699,7 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
       animation: `r-tooltip-show ${A}ms ease-in-out forwards`,
       transformOrigin: "start"
     }), C && r.arrow) {
-      const { x: w, y: B } = r.arrow, b = {
+      const { x: w, y: h } = r.arrow, b = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -8708,7 +8708,7 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
       }[n.split("-")[0]];
       Object.assign(C.style, {
         left: d != null ? `${w}px` : "",
-        top: t != null ? `${B}px` : "",
+        top: t != null ? `${h}px` : "",
         right: "",
         bottom: "",
         [`${b}`]: "-4px"
@@ -8744,12 +8744,12 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     async function d() {
       if (C.disabled || !L.value)
         return;
-      const B = document.querySelectorAll(".r-tooltip--active");
-      B.length > 0 && B.forEach((b) => {
+      const h = document.querySelectorAll(".r-tooltip--active");
+      h.length > 0 && h.forEach((b) => {
         b.style.display = "", b.classList.remove("r-tooltip--active"), b.dataset.show = "false", M("hide", b.id);
-      }), L.value.classList.contains("r-tooltip--active") ? t() : (k(), L.value.style.display = "block", L.value.classList.add("r-tooltip--active"), L.value.dataset.show = "true", M("show", L.value.id), n());
+      }), L.value.classList.contains("r-tooltip--active") ? t() : (B(), L.value.style.display = "block", L.value.classList.add("r-tooltip--active"), L.value.dataset.show = "true", M("show", L.value.id), n());
     }
-    function t(B = null) {
+    function t(h = null) {
       C.disabled || !L.value || (L.value.style.display = "", L.value.classList.remove("r-tooltip--active"), L.value.dataset.show = "false", M("hide", L.value.id));
     }
     function n() {
@@ -8757,7 +8757,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         t();
       }, C.hideDelay);
     }
-    function r(B) {
+    function r(h) {
       C.disabled || C.triggers.includes(Y.Click) && (L.value.style.display === "block" ? t() : d());
     }
     function o() {
@@ -8767,19 +8767,19 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       C.disabled || (L.value.style.display === "" && C.triggers.includes(Y.Hover) ? d() : L.value.style.display !== "" && C.triggers.includes(Y.Hover) && t());
     }
     function u() {
-      C.triggers.includes(Y.Hover) && k();
+      C.triggers.includes(Y.Hover) && B();
     }
-    function k(B) {
+    function B(h) {
       const { placement: b, offset: F, padding: R, disabled: y, showDelay: U, type: W } = C;
       y || W5(i, L, A, b, F, R, U, W);
     }
-    const w = g(() => ({
+    const w = k(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
     }));
     return window.onresize = () => {
-      C.resizable && k();
+      C.resizable && B();
     }, O2(
       () => {
         C.disabled || (C.shown && C.triggers.includes(Y.Manual) ? d() : !C.shown && C.triggers.includes(Y.Manual) && t());
@@ -8787,25 +8787,27 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       { flush: "post" }
       // this is important to avoid infinite loop & for fire on mounted
     ), V2(() => {
-      C.resizable && i.value.parentElement.parentElement.addEventListener("scroll", k()), A5(i, (B) => {
-        L.value.classList.contains("r-tooltip--active") && t(B);
+      var h, b;
+      C.resizable && ((b = (h = i.value) == null ? void 0 : h.parentElement) == null || b.parentElement.addEventListener("scroll", B())), A5(i, (F) => {
+        L.value.classList.contains("r-tooltip--active") && t(F);
       }, { ignore: [L] }), C.type === W1.Dropdown && document.addEventListener("scroll", () => {
-        k();
+        B();
       });
     }), L2(() => {
-      C.resizable && i.value.parentElement.parentElement.removeEventListener("scroll", k()), document.body.removeChild(L.value);
-    }), (B, b) => (m(), Z(t1, null, [
+      var h, b;
+      C.resizable && ((b = (h = i.value) == null ? void 0 : h.parentElement) == null || b.parentElement.removeEventListener("scroll", B())), L.value && document.body.removeChild(L.value);
+    }), (h, b) => (m(), Z(t1, null, [
       S("div", {
         ref_key: "trigger",
         ref: i,
         "aria-disabled": C.disabled,
-        class: p(["r-tooltip-trigger", B.triggerClass]),
+        class: p(["r-tooltip-trigger", h.triggerClass]),
         onClick: r,
         onMouseenter: o,
         onMouseleave: l,
         onMousemove: u
       }, [
-        f(B.$slots, "default", {
+        f(h.$slots, "default", {
           activators: {
             click: r,
             mouseenter: o,
@@ -8813,7 +8815,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             mousemove: u
           },
           tooltipId: J(e),
-          updatePosition: k
+          updatePosition: B
         }, () => [
           S("div", {
             innerHTML: C.triggerContent
@@ -8825,13 +8827,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           id: J(e),
           ref_key: "tooltip",
           ref: L,
-          class: p([w.value, B.tooltipClass]),
+          class: p([w.value, h.tooltipClass]),
           "data-show": "false",
           role: "tooltip"
         }, [
-          f(B.$slots, "content", {
+          f(h.$slots, "content", {
             hide: t,
-            updatePosition: k
+            updatePosition: B
           }, () => [
             C.text ? (m(), Z("div", {
               key: 0,
@@ -8908,13 +8910,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       const [s] = Object == null ? void 0 : Object.keys(a);
       return ["label", "value"].includes(s);
     }
-    const t = g(() => {
+    const t = k(() => {
       const a = C.options;
       return d(a[0]) ? a : a.map((s) => ({
         value: s,
         label: String(s)
       }));
-    }), n = g(() => {
+    }), n = k(() => {
       const a = C.modelValue;
       return d(a) ? a : {
         value: a,
@@ -8939,7 +8941,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         }));
       }));
     }
-    function k(a) {
+    function B(a) {
       const s = document.getElementById(a);
       s == null || s.classList.remove("r-dropdown--active"), A.value = !1;
     }
@@ -8954,10 +8956,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           L.value.find((_) => _.value === s.value) ? L.value.splice(L.value.indexOf(s), 1) : L.value.push(s), e.value = "", C.searchable && ((c = o.value) == null || c.focus());
           return;
         }
-        B(a, s), C.closeOnSelect && P();
+        h(a, s), C.closeOnSelect && P();
       }
     }
-    function B(a, s) {
+    function h(a, s) {
       if (i.value.value === s.value) {
         i.value = {}, e.value = "", M("update:modelValue", "");
         return;
@@ -8985,11 +8987,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       var s;
       return !a || (a == null ? void 0 : a.value) === void 0 || (a == null ? void 0 : a.value) === null ? !1 : C.multiple ? L.value.find((P) => (P == null ? void 0 : P.value) === (a == null ? void 0 : a.value)) : ((s = i.value) == null ? void 0 : s.value) === (a == null ? void 0 : a.value);
     }
-    const y = g(() => !C.searchable || i.value.label === e.value ? t.value : t.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), U = g(() => !C.searchable);
+    const y = k(() => !C.searchable || i.value.label === e.value ? t.value : t.value.filter((s) => s.label.toLowerCase().includes(e.value.toLowerCase()))), U = k(() => !C.searchable);
     function W() {
       n.value ? C.multiple ? L.value = n.value : (i.value = n.value, e.value = n.value.label) : (i.value = {}, L.value.splice(0, L.value.length));
     }
-    function h(a) {
+    function g(a) {
       C.searchable && a(), !C.multiple && e.value === "" && (i.value = {}, M("update:modelValue", ""));
     }
     function I(a, s) {
@@ -9033,7 +9035,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         triggers: ["click"],
         type: "dropdown",
         onHide: s[1] || (s[1] = (P) => {
-          k(P);
+          B(P);
         })
       }, {
         default: k1(({ updatePosition: P, tooltipId: T }) => [
@@ -9101,7 +9103,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 readonly: U.value,
                 role: "presentation",
                 type: "text",
-                onInput: A1((c) => h(P), ["prevent"]),
+                onInput: A1((c) => g(P), ["prevent"]),
                 onKeydown: [
                   U1((c) => b(c, L.value[L.value.length - 1], P), ["backspace"]),
                   U1((c) => F(c, P), ["enter"])
@@ -9278,11 +9280,11 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = g(() => ({
+    const C = H, M = V, i = k(() => ({
       "r-dialog": !0,
       "r-dialog--block": C.block,
       [`${C.class}`]: !0
-    })), L = g(() => ({
+    })), L = k(() => ({
       width: C.width,
       height: C.height
     }));
@@ -9388,14 +9390,14 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         immediate: !0
       }
     );
-    const i = g(() => ({
+    const i = k(() => ({
       "r-snackbar": !0,
       [`r-snackbar--${C.variant}`]: !0,
       [C.left ? "r-snackbar__left" : "r-snackbar__right"]: !0,
       [C.modelValue ? "r-snackbar--shown" : "r-snackbar--hidden"]: !0,
       [C.top ? "r-snackbar__top" : "r-snackbar__bottom"]: !0,
       "r-snackbar--closable": C.closable
-    })), L = g(() => ({
+    })), L = k(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
       warning: "mdiAlert",
@@ -9456,7 +9458,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
   setup(H, { emit: V }) {
     const C = H, M = V, i = u1({
       checked: !1
-    }), L = g(() => ({
+    }), L = k(() => ({
       "r-switch": !0,
       "r-switch--disabled": C.disabled,
       [`r-switch--${C.size}`]: C.size,
@@ -9528,14 +9530,14 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = g(() => ({
+    const C = H, M = V, i = k(() => ({
       "r-tab-item": !0,
       [`r-tab-item--${C.variant}`]: !0,
       "r-tab-item--tile": C.tile,
       "r-tab-item--block": C.block
-    })), L = g(() => ({
+    })), L = k(() => ({
       color: C.color
-    })), A = g(() => C.modelValue === C.id);
+    })), A = k(() => C.modelValue === C.id);
     function e(d) {
       M("update:modelValue", d);
     }
@@ -9589,7 +9591,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = N(C.modelValue || C.tabs[0].id), L = g(() => ({
+    const C = H, M = V, i = N(C.modelValue || C.tabs[0].id), L = k(() => ({
       "r-tabs": !0,
       "r-tabs--tile": C.tile
     }));
@@ -9744,48 +9746,48 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       url: "mdiLink",
       number: "mdiNumeric",
       text: ""
-    }, d = N(!1), t = g(() => !!L.value), n = g(() => L.value.length > 0), r = g(() => {
-      var h;
-      return (h = C.errorMsg) == null ? void 0 : h.length;
-    }), o = g(() => C.clearable && n.value), l = g(() => {
-      const { disabled: h, loading: I } = C;
+    }, d = N(!1), t = k(() => !!L.value), n = k(() => L.value.length > 0), r = k(() => {
+      var g;
+      return (g = C.errorMsg) == null ? void 0 : g.length;
+    }), o = k(() => C.clearable && n.value), l = k(() => {
+      const { disabled: g, loading: I } = C;
       return {
         "r-textfield": !0,
         "r-textfield--error": r.value,
         "r-textfield--loading": I,
-        "r-textfield--disabled": h,
+        "r-textfield--disabled": g,
         "r-textfield--clearable": o.value,
         "r-textfield--focus": d.value,
         "r-textfield--filled": t.value
       };
-    }), u = g(() => ({
+    }), u = k(() => ({
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": r.value && t.value
-    })), k = g(() => ({
+    })), B = k(() => ({
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": o.value,
       "r-textfield__append-icon--error": r.value
-    })), w = g(() => {
-      const { prependIcon: h, type: I } = C;
-      return h === "none" ? "" : h || e[I];
-    }), B = g(() => {
-      const { appendIcon: h, type: I } = C;
-      return h === "none" ? "" : r.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(I) ? "mdiClose" : I === "password" && A.value === "password" ? "mdiEyeOutline" : I === "password" && A.value === "text" ? "mdiEyeOffOutline" : h;
+    })), w = k(() => {
+      const { prependIcon: g, type: I } = C;
+      return g === "none" ? "" : g || e[I];
+    }), h = k(() => {
+      const { appendIcon: g, type: I } = C;
+      return g === "none" ? "" : r.value ? "mdiAlertCircleOutline" : o.value && ["text", "email"].includes(I) ? "mdiClose" : I === "password" && A.value === "password" ? "mdiEyeOutline" : I === "password" && A.value === "text" ? "mdiEyeOffOutline" : g;
     });
-    function b(h) {
-      d.value = !0, M("focus", h);
+    function b(g) {
+      d.value = !0, M("focus", g);
     }
-    function F(h) {
-      d.value = !1, M("blur", h);
+    function F(g) {
+      d.value = !1, M("blur", g);
     }
-    function R(h) {
-      L.value = h.target.value, M("input", h);
+    function R(g) {
+      L.value = g.target.value, M("input", g);
     }
     function y() {
-      var h;
+      var g;
       if (o.value) {
-        L.value = "", (h = i.value) == null || h.focus(), M("click:clear", {
+        L.value = "", (g = i.value) == null || g.focus(), M("click:clear", {
           value: A.value === "number" ? +L.value : L.value
         });
         return;
@@ -9798,26 +9800,26 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       A.value = A.value === "password" ? "text" : "password";
     }
     function W() {
-      var h;
-      (h = i.value) == null || h.focus();
+      var g;
+      (g = i.value) == null || g.focus();
     }
     return G(
       () => C.modelValue,
-      (h) => {
-        L.value = h;
+      (g) => {
+        L.value = g;
       },
       {
         immediate: !0
       }
     ), G(
       () => L.value,
-      (h) => {
+      (g) => {
         M(
           "update:modelValue",
-          A.value === "number" ? +h : h
+          A.value === "number" ? +g : g
         );
       }
-    ), (h, I) => (m(), Z("div", F3, [
+    ), (g, I) => (m(), Z("div", F3, [
       C.label ? (m(), E(s2, {
         key: 0,
         id: `${C.id}-label`,
@@ -9830,7 +9832,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         S("div", {
           class: p(l.value)
         }, [
-          f(h.$slots, "prepend", {
+          f(g.$slots, "prepend", {
             disabled: C.disabled,
             error: r.value,
             loading: C.loading
@@ -9858,15 +9860,15 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
             onFocus: b,
             onInput: R
           }, null, 40, x3),
-          f(h.$slots, "append", {
+          f(g.$slots, "append", {
             disabled: C.disabled,
             error: r.value,
             loading: C.loading
           }, () => [
-            B.value && !h.$slots.append || r.value ? (m(), E(D, {
+            h.value && !g.$slots.append || r.value ? (m(), E(D, {
               key: 0,
-              class: p(k.value),
-              name: `${B.value}`,
+              class: p(B.value),
+              name: `${h.value}`,
               size: 20,
               onClick: y
             }, null, 8, ["class", "name"])) : O("", !0)
@@ -9966,10 +9968,10 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   },
   emits: ["update:page", "update:perPage", "update:info"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = N(C.perPage || 10), L = g(() => Math.ceil(C.totalItems / C.perPage)), A = g(() => ({
+    const C = H, M = V, i = N(C.perPage || 10), L = k(() => Math.ceil(C.totalItems / C.perPage)), A = k(() => ({
       start: C.page * C.perPage - C.perPage,
       end: C.page * C.perPage
-    })), e = g(() => C.infoText || `${A.value.start + 1}-${A.value.end} of ${C.totalItems}`), d = g(() => +C.page == +L.value), t = g(() => +C.page == 1);
+    })), e = k(() => C.infoText || `${A.value.start + 1}-${A.value.end} of ${C.totalItems}`), d = k(() => +C.page == +L.value), t = k(() => +C.page == 1);
     G(() => A.value, () => {
       M("update:info", A.value);
     }), G(() => C.perPage, () => {
@@ -10118,7 +10120,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, i = N(C.as ?? "div"), L = N(C.modelValue), A = g(() => C.selectedClass);
+    const C = H, M = V, i = N(C.as ?? "div"), L = N(C.modelValue), A = k(() => C.selectedClass);
     O1(`${h1}:selectedClass`, A.value);
     function e(n) {
       return L.value.includes(n);
@@ -10151,7 +10153,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
     selectedClass: { default: "" }
   },
   setup(H) {
-    const V = H, C = f1(`${g1}:isSelected`), M = f1(`${g1}:selectedClass`, ""), i = f1(`${g1}:select`), L = f1(`${g1}:isDisabled`), A = g(() => C(V.value) && [M, V.selectedClass]);
+    const V = H, C = f1(`${g1}:isSelected`), M = f1(`${g1}:selectedClass`, ""), i = f1(`${g1}:select`), L = f1(`${g1}:isDisabled`), A = k(() => C(V.value) && [M, V.selectedClass]);
     function e() {
       V.disabled || i(V.value, !C(V.value));
     }