@rocketui/vue 0.2.21 → 0.2.22

package/dist/rocket-ui-vue.js

@@ -7957,11 +7957,11 @@ const n5 = async (H, V, C) => {
     x: l,
     y: o
   } = G1(t, M, d), r = M, a = {}, u = 0;
-  for (let k = 0; k < e.length; k++) {
+  for (let b = 0; b < e.length; b++) {
     const {
-      name: B,
+      name: k,
       fn: y
-    } = e[k], {
+    } = e[b], {
       x: P,
       y: v,
       data: R,
@@ -7982,8 +7982,8 @@ const n5 = async (H, V, C) => {
     });
     if (l = P ?? l, o = v ?? o, a = {
       ...a,
-      [B]: {
-        ...a[B],
+      [k]: {
+        ...a[k],
         ...R
       }
     }, F && u <= 50) {
@@ -7994,7 +7994,7 @@ const n5 = async (H, V, C) => {
       }) : F.rects), {
         x: l,
         y: o
-      } = G1(t, r, d)), k = -1;
+      } = G1(t, r, d)), b = -1;
       continue;
     }
   }
@@ -8022,8 +8022,8 @@ async function k1(H, V) {
     elementContext: o = "floating",
     altBoundary: r = !1,
     padding: a = 0
-  } = t1(V, H), u = L2(a), B = e[r ? o === "floating" ? "reference" : "floating" : o], y = g1(await L.getClippingRect({
-    element: (C = await (L.isElement == null ? void 0 : L.isElement(B))) == null || C ? B : B.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
+  } = t1(V, H), u = L2(a), k = e[r ? o === "floating" ? "reference" : "floating" : o], y = g1(await L.getClippingRect({
+    element: (C = await (L.isElement == null ? void 0 : L.isElement(k))) == null || C ? k : k.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
     rootBoundary: l,
     strategy: d
@@ -8070,10 +8070,10 @@ const r5 = (H) => ({
     const o = L2(l), r = {
       x: C,
       y: M
-    }, a = _1(A), u = D1(a), k = await i.getDimensions(t), B = a === "y", y = B ? "top" : "left", P = B ? "bottom" : "right", v = B ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[a] - r[a] - L.floating[u], F = r[a] - L.reference[a], z = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
+    }, a = _1(A), u = D1(a), b = await i.getDimensions(t), k = a === "y", y = k ? "top" : "left", P = k ? "bottom" : "right", v = k ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[a] - r[a] - L.floating[u], F = r[a] - L.reference[a], z = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
     let I = z ? z[v] : 0;
     (!I || !await (i.isElement == null ? void 0 : i.isElement(z))) && (I = e.floating[v] || L.floating[u]);
-    const O = R / 2 - F / 2, N = I / 2 - k[u] / 2 - 1, n = r1(o[y], N), h = r1(o[P], N), b = n, D = I - k[u] - h, s = I / 2 - k[u] / 2 + O, E = v1(b, s, D), $ = !d.arrow && u1(A) != null && s != E && L.reference[u] / 2 - (s < b ? n : h) - k[u] / 2 < 0, j = $ ? s < b ? s - b : s - D : 0;
+    const O = R / 2 - F / 2, N = I / 2 - b[u] / 2 - 1, n = r1(o[y], N), h = r1(o[P], N), B = n, D = I - b[u] - h, s = I / 2 - b[u] / 2 + O, E = v1(B, s, D), $ = !d.arrow && u1(A) != null && s != E && L.reference[u] / 2 - (s < B ? n : h) - b[u] / 2 < 0, j = $ ? s < B ? s - B : s - D : 0;
     return {
       [a]: r[a] + j,
       data: {
@@ -8105,29 +8105,29 @@ const r5 = (H) => ({
         fallbackPlacements: r,
         fallbackStrategy: a = "bestFit",
         fallbackAxisSideDirection: u = "none",
-        flipAlignment: k = !0,
-        ...B
+        flipAlignment: b = !0,
+        ...k
       } = t1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
-      const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = r || (P || !k ? [h1(e)] : t5(e));
-      !r && u !== "none" && R.push(...l5(e, k, u, v));
-      const F = [e, ...R], z = await k1(V, B), I = [];
+      const y = L1(A), P = L1(e) === e, v = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), R = r || (P || !b ? [h1(e)] : t5(e));
+      !r && u !== "none" && R.push(...l5(e, b, u, v));
+      const F = [e, ...R], z = await k1(V, k), I = [];
       let O = ((M = L.flip) == null ? void 0 : M.overflows) || [];
       if (l && I.push(z[y]), o) {
-        const b = d5(A, i, v);
-        I.push(z[b[0]], z[b[1]]);
+        const B = d5(A, i, v);
+        I.push(z[B[0]], z[B[1]]);
       }
       if (O = [...O, {
         placement: A,
         overflows: I
-      }], !I.every((b) => b <= 0)) {
+      }], !I.every((B) => B <= 0)) {
         var N, n;
-        const b = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, D = F[b];
+        const B = (((N = L.flip) == null ? void 0 : N.index) || 0) + 1, D = F[B];
         if (D)
           return {
             data: {
-              index: b,
+              index: B,
               overflows: O
             },
             reset: {
@@ -8268,11 +8268,11 @@ const S5 = function(H) {
         mainAxis: L = !0,
         crossAxis: i = !1,
         limiter: e = {
-          fn: (B) => {
+          fn: (k) => {
             let {
               x: y,
               y: P
-            } = B;
+            } = k;
             return {
               x: y,
               y: P
@@ -8286,23 +8286,23 @@ const S5 = function(H) {
       }, l = await k1(V, d), o = B1(L1(A)), r = V2(o);
       let a = t[r], u = t[o];
       if (L) {
-        const B = r === "y" ? "top" : "left", y = r === "y" ? "bottom" : "right", P = a + l[B], v = a - l[y];
+        const k = r === "y" ? "top" : "left", y = r === "y" ? "bottom" : "right", P = a + l[k], v = a - l[y];
         a = v1(P, a, v);
       }
       if (i) {
-        const B = o === "y" ? "top" : "left", y = o === "y" ? "bottom" : "right", P = u + l[B], v = u - l[y];
+        const k = o === "y" ? "top" : "left", y = o === "y" ? "bottom" : "right", P = u + l[k], v = u - l[y];
         u = v1(P, u, v);
       }
-      const k = e.fn({
+      const b = e.fn({
         ...V,
         [r]: a,
         [o]: u
       });
       return {
-        ...k,
+        ...b,
         data: {
-          x: k.x - C,
-          y: k.y - M
+          x: b.x - C,
+          y: b.y - M
         }
       };
     }
@@ -8446,8 +8446,8 @@ function a1(H, V, C, M) {
     const r = Q(L), a = M && Y(M) ? Q(M) : M;
     let u = r.frameElement;
     for (; u && M && a !== r; ) {
-      const k = A1(u), B = u.getBoundingClientRect(), y = U(u), P = B.left + (u.clientLeft + parseFloat(y.paddingLeft)) * k.x, v = B.top + (u.clientTop + parseFloat(y.paddingTop)) * k.y;
-      d *= k.x, t *= k.y, l *= k.x, o *= k.y, d += P, t += v, u = Q(u).frameElement;
+      const b = A1(u), k = u.getBoundingClientRect(), y = U(u), P = k.left + (u.clientLeft + parseFloat(y.paddingLeft)) * b.x, v = k.top + (u.clientTop + parseFloat(y.paddingTop)) * b.y;
+      d *= b.x, t *= b.y, l *= b.x, o *= b.y, d += P, t += v, u = Q(u).frameElement;
     }
   }
   return g1({
@@ -8666,10 +8666,9 @@ async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
       Z5()
     ]
   }).then(({ x: d, y: t, placement: l, middlewareData: o }) => {
-    var u, k;
     if (!V)
       return;
-    const r = ((u = H.offsetParent) == null ? void 0 : u.getBoundingClientRect().left) || 0, a = ((k = H.offsetParent) == null ? void 0 : k.getBoundingClientRect().bottom) || 0;
+    const r = H.offsetLeft || 0, a = H.offsetTop + H.offsetHeight + 16 || 0;
     if (Object.assign(V.style, {
       maxWidth: e === "dropdown" ? `${H.offsetWidth}px` : "auto",
       left: e === "dropdown" ? `${r}px` : `${d}px`,
@@ -8677,7 +8676,7 @@ async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
       animation: `r-tooltip-show ${i}ms ease-in-out forwards`,
       transformOrigin: "start"
     }), C && o.arrow) {
-      const { x: B, y } = o.arrow, P = {
+      const { x: u, y: b } = o.arrow, k = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -8685,11 +8684,11 @@ async function D5({ value: H }, { value: V }, { value: C }, M, A, L, i = 300, e)
         /* Right */
       }[l.split("-")[0]];
       Object.assign(C.style, {
-        left: d != null ? `${B}px` : "",
-        top: t != null ? `${y}px` : "",
+        left: d != null ? `${u}px` : "",
+        top: t != null ? `${b}px` : "",
         right: "",
         bottom: "",
-        [`${P}`]: "-4px"
+        [`${k}`]: "-4px"
       });
     }
   });
@@ -8743,10 +8742,10 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       C.triggers.includes(X.Hover) && u();
     }
     function u() {
-      const { placement: B, offset: y, padding: P, disabled: v, showDelay: R, type: F } = C;
-      v || D5(A, L, i, B, y, P, R, F);
+      const { placement: k, offset: y, padding: P, disabled: v, showDelay: R, type: F } = C;
+      v || D5(A, L, i, k, y, P, R, F);
     }
-    const k = g(() => ({
+    const b = g(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
@@ -8771,18 +8770,18 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           ignore: [L.value]
         }
       );
-    }), (B, y) => (m(), Z(i1, null, [
+    }), (k, y) => (m(), Z(i1, null, [
       S("div", {
         ref_key: "trigger",
         ref: A,
         "aria-disabled": C.disabled,
-        class: c(["r-tooltip-trigger", B.triggerClass]),
+        class: c(["r-tooltip-trigger", k.triggerClass]),
         onClick: l,
         onMouseenter: o,
         onMouseleave: r,
         onMousemove: a
       }, [
-        f(B.$slots, "default", {
+        f(k.$slots, "default", {
           activators: {
             click: l,
             mouseenter: o,
@@ -8801,10 +8800,10 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
           id: "tooltip",
           ref_key: "tooltip",
           ref: L,
-          class: c([k.value, B.tooltipClass]),
+          class: c([b.value, k.tooltipClass]),
           role: "tooltip"
         }, [
-          f(B.$slots, "content", {
+          f(k.$slots, "content", {
             hide: d,
             updatePosition: u
           }, () => [
@@ -8891,27 +8890,27 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       };
     }), o = W(), r = W(), a = W();
     function u(n, h) {
-      var b, D, s;
+      var B, D, s;
       if (n.stopPropagation(), !C.disabled) {
         if (i.value = !0, h && h(), i.value) {
-          (b = o.value) == null || b.classList.add("r-dropdown--active"), (D = o.value) == null || D.focus(), (s = r.value) == null || s.focus();
+          (B = o.value) == null || B.classList.add("r-dropdown--active"), (D = o.value) == null || D.focus(), (s = r.value) == null || s.focus();
           return;
         }
-        k();
+        b();
       }
     }
-    function k() {
-      var n, h, b;
-      i.value = !1, (n = o.value) == null || n.classList.remove("r-dropdown--active"), (h = o.value) == null || h.blur(), (b = r.value) == null || b.blur();
+    function b() {
+      var n, h, B;
+      i.value = !1, (n = o.value) == null || n.classList.remove("r-dropdown--active"), (h = o.value) == null || h.blur(), (B = r.value) == null || B.blur();
     }
-    function B(n, h, b, D) {
+    function k(n, h, B, D) {
       var s;
       if (n.stopPropagation(), D(), !h.disabled) {
         if (C.multiple) {
           L.value.find((E) => E.value === h.value) ? L.value.splice(L.value.indexOf(h), 1) : L.value.push(h), e.value = "", C.searchable && ((s = r.value) == null || s.focus());
           return;
         }
-        y(n, h), C.closeOnSelect && (b(), k());
+        y(n, h), C.closeOnSelect && (B(), b());
       }
     }
     function y(n, h) {
@@ -8921,10 +8920,10 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       }
       e.value = h.label, A.value = h, u(n), M("update:modelValue", h);
     }
-    function P(n, h, b) {
+    function P(n, h, B) {
       if (n instanceof KeyboardEvent && n.key !== "Backspace" || e.value !== "")
         return;
-      n.stopPropagation(), b();
+      n.stopPropagation(), B();
       const D = L.value.findIndex((s) => s.value === h.value);
       L.value.splice(D, 1);
     }
@@ -8933,14 +8932,14 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       if (!C.multiple)
         return;
       n.stopPropagation(), h();
-      const b = e.value;
-      if (b === "")
+      const B = e.value;
+      if (B === "")
         return;
-      t.value.find((E) => E.label === b) || (L.value.push({ value: b, label: b }), e.value = "", (s = r.value) == null || s.focus());
+      t.value.find((E) => E.label === B) || (L.value.push({ value: B, label: B }), e.value = "", (s = r.value) == null || s.focus());
     }
     function R(n) {
       var h;
-      return !n || (n == null ? void 0 : n.value) === void 0 || (n == null ? void 0 : n.value) === null ? !1 : C.multiple ? L.value.find((b) => (b == null ? void 0 : b.value) === (n == null ? void 0 : n.value)) : ((h = A.value) == null ? void 0 : h.value) === (n == null ? void 0 : n.value);
+      return !n || (n == null ? void 0 : n.value) === void 0 || (n == null ? void 0 : n.value) === null ? !1 : C.multiple ? L.value.find((B) => (B == null ? void 0 : B.value) === (n == null ? void 0 : n.value)) : ((h = A.value) == null ? void 0 : h.value) === (n == null ? void 0 : n.value);
     }
     const F = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), z = g(() => !C.searchable);
     function I() {
@@ -8977,9 +8976,9 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         "trigger-class": "w-full",
         triggers: ["click"],
         type: "dropdown",
-        onHide: k
+        onHide: b
       }, {
-        default: n1(({ activators: b, updatePosition: D }) => [
+        default: n1(({ activators: B, updatePosition: D }) => [
           S("div", {
             ref_key: "dropdown",
             ref: o,
@@ -8991,7 +8990,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
               group: e.value !== "" || L.value.length
             }]),
             role: "select",
-            onClick: (s) => u(s, b.click)
+            onClick: (s) => u(s, B.click)
           }, [
             C.prependIcon || n.$slots.prepend ? (m(), Z("div", {
               key: 0,
@@ -9019,7 +9018,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                   clearable: !C.hideChipClear,
                   label: s.label,
                   "no-wrap": "",
-                  variant: "primary",
+                  variant: "info",
                   "onClick:close": ($) => P($, s, D)
                 }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", Q5, w(`${s.label}, `), 1))
               ])), 128)),
@@ -9073,7 +9072,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
             ], 2)) : p("", !0)
           ], 10, N5)
         ]),
-        content: n1(({ hide: b, updatePosition: D }) => [
+        content: n1(({ hide: B, updatePosition: D }) => [
           S("ul", {
             class: c(["r-dropdown-options", {
               "r-dropdown-options--active": i.value,
@@ -9087,7 +9086,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 "r-dropdown-options__option--active": R(s),
                 "r-dropdown-options__option--disabled": s.disabled
               }]),
-              onClick: e1((E) => B(E, s, b, D), ["prevent"])
+              onClick: e1((E) => k(E, s, B, D), ["prevent"])
             }, [
               f(n.$slots, "option", {
                 isSelected: R(s)
@@ -9651,11 +9650,11 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       "r-textfield__prepend-icon": !0,
       "r-textfield__prepend-icon--loading": C.loading,
       "r-textfield__prepend-icon--error": o.value && t.value
-    })), k = g(() => ({
+    })), b = g(() => ({
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": r.value,
       "r-textfield__append-icon--error": o.value
-    })), B = g(() => {
+    })), k = g(() => {
       const { prependIcon: O, type: N } = C;
       return O === "none" ? "" : O || e[N];
     }), y = g(() => {
@@ -9720,10 +9719,10 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
           class: c(a.value)
         }, [
           f(O.$slots, "prepend"),
-          B.value && !O.$slots.prepend ? (m(), _(x, {
+          k.value && !O.$slots.prepend ? (m(), _(x, {
             key: 0,
             class: c(u.value),
-            name: B.value,
+            name: k.value,
             size: 20
           }, null, 8, ["class", "name"])) : p("", !0),
           S("input", {
@@ -9745,7 +9744,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
           o.value ? p("", !0) : f(O.$slots, "append", { key: 1 }),
           y.value && !O.$slots.append || o.value ? (m(), _(x, {
             key: 2,
-            class: c(k.value),
+            class: c(b.value),
             name: `${y.value}`,
             size: 20,
             onClick: F