@rocketui/vue 0.2.17 → 0.2.18

package/dist/rocket-ui-vue.d.ts

@@ -2226,7 +2226,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     autocomplete: string;
     noOptionsText: string;
     hideOptionCheckIcon: boolean;
-    clearableChip: boolean;
+    hideChipClear: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_8<SelectProps>, {
@@ -2251,7 +2251,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     autocomplete: string;
     noOptionsText: string;
     hideOptionCheckIcon: boolean;
-    clearableChip: boolean;
+    hideChipClear: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -2275,10 +2275,11 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     autocomplete: "on" | "off";
     noOptionsText: string;
     hideOptionCheckIcon: boolean;
-    clearableChip: boolean;
+    hideChipClear: boolean;
 }, {}>, {
     prepend?(_: {}): any;
     selection?(_: {
+        key: number;
         index: number;
         option: {
             [x: string]: any;
@@ -2287,8 +2288,6 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
             prependIcon?: string | undefined;
             disabled?: boolean | undefined;
         };
-    }): any;
-    chip?(_: {
         removeOption: typeof removeOption;
     }): any;
     append?(_: {}): any;
@@ -3016,9 +3015,9 @@ declare interface SelectProps {
      * @type {boolean}
      * @default false
      * @example
-     * <Dropdown clearableChip />
+     * <Dropdown hideChipClear />
      */
-    clearableChip?: boolean;
+    hideChipClear?: boolean;
 }
 
 declare interface Tab {

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as Z1, Fragment as i1, renderList as o1, normalizeClass as c, renderSlot as f, toDisplayString as w, createVNode as U, computed as g, createCommentVNode as p, mergeProps as j1, createBlock as _, watch as G, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as n1, withDirectives as Y1, withModifiers as e1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as s1, resolveDynamicComponent as g2, inject as c1 } from "vue";
+import { defineComponent as T, openBlock as m, createElementBlock as Z, createElementVNode as S, unref as V1, reactive as Z1, Fragment as i1, renderList as o1, normalizeClass as c, renderSlot as f, toDisplayString as w, createVNode as K, computed as g, createCommentVNode as p, mergeProps as j1, createBlock as _, watch as G, getCurrentScope as Z2, onScopeDispose as u2, ref as W, watchEffect as S2, onMounted as X1, Teleport as s2, withCtx as n1, withDirectives as Y1, withModifiers as e1, withKeys as N1, vModelText as c2, createTextVNode as R1, onUnmounted as O2, normalizeStyle as x1, vShow as p2, Transition as f2, resolveComponent as h2, provide as s1, resolveDynamicComponent as g2, inject as c1 } from "vue";
 const k2 = {
   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",
@@ -7350,7 +7350,7 @@ const k2 = {
           S("div", P2, w(i.title), 1)
         ]),
         S("div", v2, [
-          U(x, { name: "mdiChevronUp" })
+          K(x, { name: "mdiChevronUp" })
         ])
       ], 8, y2),
       S("div", T2, [
@@ -7397,7 +7397,7 @@ const k2 = {
     }, [
       S("div", F2, [
         f(e.$slots, "alert-icon", {}, () => [
-          U(x, {
+          K(x, {
             name: L.value,
             size: 24
           }, null, 8, ["name"])
@@ -7411,7 +7411,7 @@ const k2 = {
       ]),
       C.closable ? (m(), Z("div", _2, [
         f(e.$slots, "custom-close", {}, () => [
-          U(x, {
+          K(x, {
             class: "r-alert__close__button",
             name: "mdiClose",
             size: 16,
@@ -7637,7 +7637,7 @@ const k2 = {
           class: c(e.value),
           "data-disabled": C.disabled
         }, [
-          U(x, {
+          K(x, {
             name: i.value,
             size: 24
           }, null, 8, ["name"])
@@ -8070,9 +8070,9 @@ const r5 = (H) => ({
     const o = L2(l), r = {
       x: C,
       y: M
-    }, 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], K = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(t));
-    let I = K ? K[v] : 0;
-    (!I || !await (i.isElement == null ? void 0 : i.isElement(K))) && (I = e.floating[v] || L.floating[u]);
+    }, 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 - 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,
@@ -8112,11 +8112,11 @@ const r5 = (H) => ({
         return {};
       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], K = await k1(V, k), I = [];
+      const F = [e, ...R], z = await k1(V, k), I = [];
       let O = ((M = L.flip) == null ? void 0 : M.overflows) || [];
-      if (l && I.push(K[y]), o) {
+      if (l && I.push(z[y]), o) {
         const B = d5(A, i, v);
-        I.push(K[B[0]], K[B[1]]);
+        I.push(z[B[0]], z[B[1]]);
       }
       if (O = [...O, {
         placement: A,
@@ -8337,14 +8337,14 @@ function S1(H) {
     overflowX: C,
     overflowY: M,
     display: A
-  } = z(H);
+  } = U(H);
   return /auto|scroll|overlay|hidden|clip/.test(V + M + C) && !["inline", "contents"].includes(A);
 }
 function c5(H) {
   return ["table", "td", "th"].includes(C1(H));
 }
 function E1(H) {
-  const V = W1(), C = z(H);
+  const V = W1(), C = U(H);
   return C.transform !== "none" || C.perspective !== "none" || (C.containerType ? C.containerType !== "normal" : !1) || !V && (C.backdropFilter ? C.backdropFilter !== "none" : !1) || !V && (C.filter ? C.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((M) => (C.willChange || "").includes(M)) || ["paint", "layout", "strict", "content"].some((M) => (C.contain || "").includes(M));
 }
 function O5(H) {
@@ -8362,7 +8362,7 @@ function W1() {
 function b1(H) {
   return ["html", "body", "#document"].includes(C1(H));
 }
-function z(H) {
+function U(H) {
   return Q(H).getComputedStyle(H);
 }
 function w1(H) {
@@ -8397,7 +8397,7 @@ function F1(H, V, C) {
   return L ? V.concat(i, i.visualViewport || [], S1(A) ? A : [], i.frameElement && C ? F1(i.frameElement) : []) : V.concat(A, F1(A, [], C));
 }
 function i2(H) {
-  const V = z(H);
+  const V = U(H);
   let C = parseFloat(V.width) || 0, M = parseFloat(V.height) || 0;
   const A = q(H), L = A ? H.offsetWidth : C, i = A ? H.offsetHeight : M, e = f1(C) !== L || f1(M) !== i;
   return e && (C = L, M = i), {
@@ -8446,7 +8446,7 @@ 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 b = A1(u), k = u.getBoundingClientRect(), y = z(u), P = k.left + (u.clientLeft + parseFloat(y.paddingLeft)) * b.x, v = k.top + (u.clientTop + parseFloat(y.paddingTop)) * b.y;
+      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;
     }
   }
@@ -8492,7 +8492,7 @@ function k5(H) {
   const V = H1(H), C = w1(H), M = H.ownerDocument.body, A = M1(V.scrollWidth, V.clientWidth, M.scrollWidth, M.clientWidth), L = M1(V.scrollHeight, V.clientHeight, M.scrollHeight, M.clientHeight);
   let i = -C.scrollLeft + t2(H);
   const e = -C.scrollTop;
-  return z(M).direction === "rtl" && (i += M1(V.clientWidth, M.clientWidth) - A), {
+  return U(M).direction === "rtl" && (i += M1(V.clientWidth, M.clientWidth) - A), {
     width: A,
     height: L,
     x: i,
@@ -8543,17 +8543,17 @@ function K1(H, V, C) {
 }
 function m2(H, V) {
   const C = d1(H);
-  return C === V || !Y(C) || b1(C) ? !1 : z(C).position === "fixed" || m2(C, V);
+  return C === V || !Y(C) || b1(C) ? !1 : U(C).position === "fixed" || m2(C, V);
 }
 function w5(H, V) {
   const C = V.get(H);
   if (C)
     return C;
   let M = F1(H, [], !1).filter((e) => Y(e) && C1(e) !== "body"), A = null;
-  const L = z(H).position === "fixed";
+  const L = U(H).position === "fixed";
   let i = L ? d1(H) : H;
   for (; Y(i) && !b1(i); ) {
-    const e = z(i), d = E1(i);
+    const e = U(i), d = E1(i);
     !d && e.position === "fixed" && (A = null), (L ? !d && !A : !d && e.position === "static" && !!A && ["absolute", "fixed"].includes(A.position) || S1(i) && !d && m2(H, i)) ? M = M.filter((l) => l !== i) : A = e, i = d1(i);
   }
   return V.set(H, M), M;
@@ -8600,16 +8600,16 @@ function v5(H, V, C) {
   };
 }
 function q1(H, V) {
-  return !q(H) || z(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
+  return !q(H) || U(H).position === "fixed" ? null : V ? V(H) : H.offsetParent;
 }
 function l2(H, V) {
   const C = Q(H);
   if (!q(H))
     return C;
   let M = q1(H, V);
-  for (; M && c5(M) && z(M).position === "static"; )
+  for (; M && c5(M) && U(M).position === "static"; )
     M = q1(M, V);
-  return M && (C1(M) === "html" || C1(M) === "body" && z(M).position === "static" && !E1(M)) ? C : M || O5(H) || C;
+  return M && (C1(M) === "html" || C1(M) === "body" && U(M).position === "static" && !E1(M)) ? C : M || O5(H) || C;
 }
 const T5 = async function(H) {
   let {
@@ -8628,7 +8628,7 @@ const T5 = async function(H) {
   };
 };
 function F5(H) {
-  return z(H).direction === "rtl";
+  return U(H).direction === "rtl";
 }
 const R5 = {
   convertOffsetParentRelativeRectToViewportRelativeRect: h5,
@@ -8866,7 +8866,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
     autocomplete: { default: "off" },
     noOptionsText: { default: "No options" },
     hideOptionCheckIcon: { type: Boolean, default: !1 },
-    clearableChip: { type: Boolean, default: !0 }
+    hideChipClear: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
@@ -8942,7 +8942,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       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);
     }
-    const F = g(() => !C.searchable || A.value.label === e.value ? t.value : t.value.filter((h) => h.label.toLowerCase().includes(e.value.toLowerCase()))), K = g(() => !C.searchable);
+    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() {
       l.value ? C.multiple ? L.value = l.value : (A.value = l.value, e.value = l.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
@@ -8967,7 +8967,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       ref: a,
       class: "r-dropdown-wrapper"
     }, [
-      U(W5, {
+      K(W5, {
         "auto-hide": !1,
         offset: 0,
         "outside-click": "",
@@ -9008,25 +9008,21 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
               ])
             ], 2)) : p("", !0),
             S("div", I5, [
-              (m(!0), Z(i1, null, o1(L.value, (s, E) => (m(), Z("div", { key: E }, [
-                f(n.$slots, "selection", {
-                  index: E,
-                  option: s
-                }, () => [
-                  C.chips ? f(n.$slots, "chip", {
-                    key: 1,
-                    removeOption: P
-                  }, () => [
-                    U(Y2, {
-                      clearable: C.clearableChip,
-                      label: s.label,
-                      "no-wrap": "",
-                      variant: "primary",
-                      "onClick:close": ($) => P($, s, D)
-                    }, null, 8, ["clearable", "label", "onClick:close"])
-                  ]) : (m(), Z("p", Q5, w(`${s.label}, `), 1))
-                ])
-              ]))), 128)),
+              (m(!0), Z(i1, null, o1(L.value, (s, E) => f(n.$slots, "selection", {
+                key: E,
+                index: E,
+                option: s,
+                removeOption: P
+              }, () => [
+                C.chips ? (m(), _(Y2, {
+                  key: 1,
+                  clearable: !C.hideChipClear,
+                  label: s.label,
+                  "no-wrap": "",
+                  variant: "primary",
+                  "onClick:close": ($) => P($, s, D)
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", Q5, w(`${s.label}, `), 1))
+              ])), 128)),
               Y1(S("input", {
                 id: C.id,
                 ref_key: "input",
@@ -9038,7 +9034,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
                 }]),
                 disabled: C.disabled,
                 placeholder: C.placeholder,
-                readonly: K.value,
+                readonly: z.value,
                 role: "presentation",
                 type: "text",
                 onInput: e1((s) => O(D), ["prevent"]),
@@ -9056,7 +9052,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
               "data-has-value": (e.value !== "" || L.value.length) && i.value,
               onClick: (s) => N(s, D)
             }, [
-              U(x, {
+              K(x, {
                 name: "mdiCloseCircle",
                 size: "18"
               })
@@ -9213,7 +9209,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
         S("div", V3, [
           f(e.$slots, "header"),
           C.icon ? (m(), Z("div", L3, [
-            U(x, {
+            K(x, {
               name: C.icon
             }, null, 8, ["name"])
           ])) : p("", !0),
@@ -9320,7 +9316,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], W5 = /* @__PURE__ */ T({
       f(i.$slots, "action"),
       C.closable ? (m(), Z("div", o3, [
         f(i.$slots, "close", {}, () => [
-          U(x, {
+          K(x, {
             name: "mdiClose",
             size: 16,
             onClick: e[0] || (e[0] = e1((d) => i.$emit("update:modelValue", !1), ["stop"]))
@@ -9460,7 +9456,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
           size: 16
         }, null, 8, ["name"])) : p("", !0)
       ]),
-      U(f2, {
+      K(f2, {
         duration: 150,
         name: "fade"
       }, {
@@ -9685,9 +9681,9 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       }
       M("click:icon", {
         value: i.value === "number" ? +L.value : L.value
-      }), C.type === "password" && K();
+      }), C.type === "password" && z();
     }
-    function K() {
+    function z() {
       i.value = i.value === "password" ? "text" : "password";
     }
     function I() {
@@ -9780,7 +9776,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
           key: i,
           class: "r-breadcrumb__item"
         }, [
-          U(A, {
+          K(A, {
             class: "r-breadcrumb__link",
             to: L.to
           }, {
@@ -9868,7 +9864,7 @@ const s3 = ["aria-disabled", "aria-selected", "disabled"], c3 = {
       S("div", R3, [
         S("div", x3, [
           S("span", null, w(C.itemsPerPageText), 1),
-          U(Y5, {
+          K(Y5, {
             modelValue: A.value,
             "onUpdate:modelValue": [
               l[0] || (l[0] = (o) => A.value = o),