@rocketui/vue 0.1.19 → 0.1.21

package/dist/rocket-ui-vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, openBlock as m, createElementBlock as n, createElementVNode as S, unref as M1, reactive as t1, Fragment as V1, renderList as A1, normalizeClass as p, renderSlot as f, toDisplayString as b, createVNode as $, computed as g, createCommentVNode as c, mergeProps as Z2, createBlock as D, watch as G, getCurrentScope as u2, onScopeDispose as S2, ref as E, watchEffect as q1, onMounted as Y1, Teleport as s2, withCtx as n1, withDirectives as X1, withKeys as W1, vModelText as c2, withModifiers as r1, createTextVNode as R1, normalizeStyle as x1, vShow as O2, Transition as p2, resolveComponent as f2, provide as k1, resolveDynamicComponent as h2, inject as B1 } from "vue";
+import { defineComponent as T, openBlock as m, createElementBlock as n, createElementVNode as S, unref as M1, reactive as m1, Fragment as V1, renderList as A1, normalizeClass as p, renderSlot as f, toDisplayString as b, createVNode as $, computed as g, createCommentVNode as c, mergeProps as Z2, createBlock as D, watch as G, getCurrentScope as u2, onScopeDispose as S2, ref as E, watchEffect as q1, onMounted as Y1, Teleport as s2, withCtx as r1, withDirectives as X1, withModifiers as d1, withKeys as W1, vModelText as c2, createTextVNode as R1, normalizeStyle as x1, vShow as O2, Transition as p2, resolveComponent as f2, provide as k1, resolveDynamicComponent as h2, inject as B1 } from "vue";
 const g2 = {
   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",
@@ -7323,7 +7323,7 @@ const b2 = ["data-state"], w2 = ["onClick"], y2 = { class: "r-accordion__title"
     accordions: {}
   },
   setup(H) {
-    const V = H, C = t1(
+    const V = H, C = m1(
       V.accordions.map(({ title: A, content: L }, i) => ({
         title: A,
         content: L,
@@ -7580,7 +7580,7 @@ const b2 = ["data-state"], w2 = ["onClick"], y2 = { class: "r-accordion__title"
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = t1({
+    const C = H, M = V, A = m1({
       checked: !1,
       indeterminate: !1
     }), L = {
@@ -7721,7 +7721,7 @@ function L5() {
   var H;
   return C2 && ((H = window == null ? void 0 : window.navigator) == null ? void 0 : H.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-function l1(H) {
+function o1(H) {
   var V;
   const C = J1(H);
   return (V = C == null ? void 0 : C.$el) != null ? V : C;
@@ -7735,7 +7735,7 @@ function b1(...H) {
   const L = [], i = () => {
     L.forEach((u) => u()), L.length = 0;
   }, e = (u, Z, r, o) => (u.addEventListener(Z, r, o), () => u.removeEventListener(Z, r, o)), d = G(
-    () => [l1(V), J1(A)],
+    () => [o1(V), J1(A)],
     ([u, Z]) => {
       if (i(), !u)
         return;
@@ -7761,12 +7761,12 @@ function M5(H, V, C = {}) {
     if (typeof o == "string")
       return Array.from(M.document.querySelectorAll(o)).some((a) => a === r.target || r.composedPath().includes(a));
     {
-      const a = l1(o);
+      const a = o1(o);
       return a && (r.target === a || r.composedPath().includes(a));
     }
   }), u = [
     b1(M, "click", (r) => {
-      const o = l1(H);
+      const o = o1(H);
       if (!(!o || o === r.target || r.composedPath().includes(o))) {
         if (r.detail === 0 && (e = !d(r)), !e) {
           e = !0;
@@ -7776,13 +7776,13 @@ function M5(H, V, C = {}) {
       }
     }, { passive: !0, capture: L }),
     b1(M, "pointerdown", (r) => {
-      const o = l1(H);
+      const o = o1(H);
       e = !d(r) && !!(o && !r.composedPath().includes(o));
     }, { passive: !0 }),
     i && b1(M, "blur", (r) => {
       setTimeout(() => {
         var o;
-        const a = l1(H);
+        const a = o1(H);
         ((o = M.document.activeElement) == null ? void 0 : o.tagName) === "IFRAME" && !(a != null && a.contains(M.document.activeElement)) && V(r);
       }, 0);
     })
@@ -7804,7 +7804,7 @@ const A5 = ["top", "right", "bottom", "left"], a1 = Math.min, i1 = Math.max, s1
 function T1(H, V, C) {
   return i1(H, a1(V, C));
 }
-function m1(H, V) {
+function l1(H, V) {
   return typeof H == "function" ? H(V) : H;
 }
 function L1(H) {
@@ -8013,7 +8013,7 @@ async function p1(H, V) {
     elementContext: Z = "floating",
     altBoundary: r = !1,
     padding: o = 0
-  } = m1(V, H), a = L2(o), h = e[r ? Z === "floating" ? "reference" : "floating" : Z], w = O1(await L.getClippingRect({
+  } = l1(V, H), a = L2(o), h = e[r ? Z === "floating" ? "reference" : "floating" : Z], w = O1(await L.getClippingRect({
     element: (C = await (L.isElement == null ? void 0 : L.isElement(h))) == null || C ? h : h.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
     boundary: t,
     rootBoundary: u,
@@ -8055,7 +8055,7 @@ const r5 = (H) => ({
     } = V, {
       element: t,
       padding: u = 0
-    } = m1(H, V) || {};
+    } = l1(H, V) || {};
     if (t == null)
       return {};
     const Z = L2(u), r = {
@@ -8098,7 +8098,7 @@ const r5 = (H) => ({
         fallbackAxisSideDirection: a = "none",
         flipAlignment: k = !0,
         ...h
-      } = m1(H, V);
+      } = l1(H, V);
       if ((C = L.arrow) != null && C.alignmentOffset)
         return {};
       const w = L1(A), y = L1(e) === e, P = await (d.isRTL == null ? void 0 : d.isRTL(t.floating)), _ = r || (y || !k ? [c1(e)] : t5(e));
@@ -8170,7 +8170,7 @@ const Z5 = function(H) {
       } = V, {
         strategy: M = "referenceHidden",
         ...A
-      } = m1(H, V);
+      } = l1(H, V);
       switch (M) {
         case "referenceHidden": {
           const L = await p1(V, {
@@ -8207,7 +8207,7 @@ async function u5(H, V) {
     placement: C,
     platform: M,
     elements: A
-  } = H, L = await (M.isRTL == null ? void 0 : M.isRTL(A.floating)), i = L1(C), e = u1(C), d = f1(C) === "y", t = ["left", "top"].includes(i) ? -1 : 1, u = L && d ? -1 : 1, Z = m1(V, H);
+  } = H, L = await (M.isRTL == null ? void 0 : M.isRTL(A.floating)), i = L1(C), e = u1(C), d = f1(C) === "y", t = ["left", "top"].includes(i) ? -1 : 1, u = L && d ? -1 : 1, Z = l1(V, H);
   let {
     mainAxis: r,
     crossAxis: o,
@@ -8271,7 +8271,7 @@ const S5 = function(H) {
           }
         },
         ...d
-      } = m1(H, V), t = {
+      } = l1(H, V), t = {
         x: C,
         y: M
       }, u = await p1(V, d), Z = f1(L1(A)), r = V2(Z);
@@ -8339,11 +8339,11 @@ function E1(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) {
-  let V = d1(H);
+  let V = t1(H);
   for (; K(V) && !h1(V); ) {
     if (E1(V))
       return V;
-    V = d1(V);
+    V = t1(V);
   }
   return null;
 }
@@ -8365,7 +8365,7 @@ function g1(H) {
     scrollTop: H.pageYOffset
   };
 }
-function d1(H) {
+function t1(H) {
   if (J(H) === "html")
     return H;
   const V = (
@@ -8378,7 +8378,7 @@ function d1(H) {
   return $1(V) ? V.host : V;
 }
 function A2(H) {
-  const V = d1(H);
+  const V = t1(H);
   return h1(V) ? H.ownerDocument ? H.ownerDocument.body : H.body : K(V) && S1(V) ? V : A2(V);
 }
 function F1(H, V, C) {
@@ -8533,7 +8533,7 @@ function K1(H, V, C) {
   return O1(M);
 }
 function m2(H, V) {
-  const C = d1(H);
+  const C = t1(H);
   return C === V || !Y(C) || h1(C) ? !1 : I(C).position === "fixed" || m2(C, V);
 }
 function w5(H, V) {
@@ -8542,10 +8542,10 @@ function w5(H, V) {
     return C;
   let M = F1(H, [], !1).filter((e) => Y(e) && J(e) !== "body"), A = null;
   const L = I(H).position === "fixed";
-  let i = L ? d1(H) : H;
+  let i = L ? t1(H) : H;
   for (; Y(i) && !h1(i); ) {
     const e = I(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((u) => u !== i) : A = e, i = d1(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((u) => u !== i) : A = e, i = t1(i);
   }
   return V.set(H, M), M;
 }
@@ -8864,7 +8864,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = E({ value: "", label: "" }), L = t1([]), i = E(!1), e = E(""), d = E(), t = E(), u = E();
+    const C = H, M = V, A = E({ value: "", label: "" }), L = m1([]), i = E(!1), e = E(""), d = E(), t = E(), u = E();
     function Z(s, l) {
       var B, F, O;
       if (s.stopPropagation(), !C.disabled) {
@@ -8921,7 +8921,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       C.modelValue ? C.multiple ? L.push(C.modelValue) : (A.value = C.modelValue, e.value = C.modelValue.label) : (A.value = {}, L.splice(0, L.length));
     }
     function v(s) {
-      C.searchable && s(), !(C.multiple || C.taggable) && (e.value === "" && (A.value = {}), M("update:modelValue", ""));
+      C.searchable && s(), !(C.multiple || C.taggable) && e.value === "" && (A.value = {}, M("update:modelValue", ""));
     }
     function Q(s, l) {
       if (s.stopPropagation(), l(), C.multiple || C.taggable) {
@@ -8947,13 +8947,13 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
         "outside-click": "",
         placement: "bottom",
         resizable: "",
-        "tooltip-class": "w-max",
+        "tooltip-class": "w-full",
         "trigger-class": "w-full",
         triggers: ["click"],
         type: "dropdown",
         onHide: r
       }, {
-        default: n1(({ activators: B, updatePosition: F }) => [
+        default: r1(({ activators: B, updatePosition: F }) => [
           S("div", {
             ref_key: "dropdown",
             ref: d,
@@ -8980,7 +8980,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
                 }, null, 8, ["name"])) : c("", !0)
               ])
             ], 2)) : c("", !0),
-            C.taggable ? (m(), n("div", I5, [
+            C.taggable && L.length ? (m(), n("div", I5, [
               f(s.$slots, "tags", {
                 options: L,
                 removeOption: k,
@@ -8997,7 +8997,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
                 }, null, 8, ["label", "onClick:close"]))), 128))
               ])
             ])) : c("", !0),
-            C.multiple ? (m(), n("div", Q5, [
+            C.multiple && L.length ? (m(), n("div", Q5, [
               (m(!0), n(V1, null, A1(L, (O, R) => (m(), n("p", { key: R }, b(`${O.label},`), 1))), 128))
             ])) : c("", !0),
             X1(S("input", {
@@ -9014,7 +9014,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
               readonly: P.value,
               role: "presentation",
               type: "text",
-              onInput: (O) => v(F),
+              onInput: d1((O) => v(F), ["prevent"]),
               onKeydown: [
                 W1((O) => k(O, L[L.length - 1], F), ["backspace"]),
                 W1((O) => h(O, F), ["enter"])
@@ -9049,7 +9049,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
             ], 2)) : c("", !0)
           ], 10, W5)
         ]),
-        content: n1(({ hide: B, updatePosition: F }) => [
+        content: r1(({ hide: B, updatePosition: F }) => [
           S("ul", {
             class: p(["r-dropdown-options", {
               "r-dropdown-options--active": i.value,
@@ -9063,7 +9063,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
                 "r-dropdown-options__option--active": w(O),
                 "r-dropdown-options__option--disabled": O.disabled
               }]),
-              onClick: r1((R) => o(R, O, B, F), ["prevent"])
+              onClick: d1((R) => o(R, O, B, F), ["prevent"])
             }, [
               S("div", $5, [
                 f(s.$slots, "option-prepend", {}, () => [
@@ -9166,7 +9166,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       e.key === "Escape" && C.modelValue && C.outsideClick && M("update:modelValue", !1);
     }), (e, d) => X1((m(), n("div", {
       class: p(["r-modal-overlay", e.overlayClass]),
-      onClick: r1(i, ["stop"])
+      onClick: d1(i, ["stop"])
     }, [
       S("div", {
         "aria-modal": "true",
@@ -9263,7 +9263,8 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
       [`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
+      [C.top ? "r-snackbar__top" : "r-snackbar__bottom"]: !0,
+      "r-snackbar--closable": C.closable
     })), L = g(() => ({
       success: "mdiCheckCircle",
       error: "mdiAlertCircle",
@@ -9287,7 +9288,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
           $(x, {
             name: "mdiClose",
             size: 16,
-            onClick: e[0] || (e[0] = r1((d) => i.$emit("update:modelValue", !1), ["stop"]))
+            onClick: e[0] || (e[0] = d1((d) => i.$emit("update:modelValue", !1), ["stop"]))
           })
         ])
       ])) : c("", !0)
@@ -9317,7 +9318,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = t1({
+    const C = H, M = V, A = m1({
       checked: !1
     }), L = g(() => ({
       "r-switch": !0,
@@ -9374,7 +9375,7 @@ const _5 = ["aria-disabled"], E5 = ["innerHTML"], N5 = /* @__PURE__ */ T({
     ], 2));
   }
 });
-var o1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(o1 || {});
+var n1 = /* @__PURE__ */ ((H) => (H.DEFAULT = "default", H.TEXT = "text", H.ICON = "icon", H))(n1 || {});
 const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
   key: 0,
   class: "r-tab-item__label"
@@ -9382,7 +9383,7 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
   __name: "RTabItem",
   props: {
     id: {},
-    variant: { default: o1.DEFAULT },
+    variant: { default: n1.DEFAULT },
     label: { default: "" },
     prependIcon: { default: "" },
     appendIcon: { default: "" },
@@ -9414,10 +9415,10 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
       class: p(A.value),
       disabled: C.disabled,
       style: x1(L.value),
-      onClick: t[0] || (t[0] = r1((u) => i(C.id), ["stop"]))
+      onClick: t[0] || (t[0] = d1((u) => i(C.id), ["stop"]))
     }, [
       f(d.$slots, "prepend", {}, () => [
-        C.variant !== M1(o1).TEXT && C.prependIcon ? (m(), D(x, {
+        C.variant !== M1(n1).TEXT && C.prependIcon ? (m(), D(x, {
           key: 0,
           class: "r-tab-item__prepend-icon",
           name: C.prependIcon,
@@ -9428,18 +9429,18 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
         duration: 150,
         name: "fade"
       }, {
-        default: n1(() => [
-          C.variant !== M1(o1).ICON ? (m(), n("span", s3, b(C.label), 1)) : c("", !0)
+        default: r1(() => [
+          C.variant !== M1(n1).ICON ? (m(), n("span", s3, b(C.label), 1)) : c("", !0)
         ]),
         _: 1
       }),
       f(d.$slots, "append", {}, () => [
-        C.variant !== M1(o1).TEXT && C.appendIcon ? (m(), D(x, {
+        C.variant !== M1(n1).TEXT && C.appendIcon ? (m(), D(x, {
           key: 0,
           class: "r-tab-item__append-icon",
           name: C.appendIcon,
           size: 16,
-          onClick: r1(e, ["stop"])
+          onClick: d1(e, ["stop"])
         }, null, 8, ["name", "onClick"])) : c("", !0)
       ])
     ], 14, S3));
@@ -9515,7 +9516,7 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
   },
   emits: ["update:modelValue"],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = t1({
+    const C = H, M = V, A = m1({
       value: ""
     });
     function L(i) {
@@ -9592,7 +9593,7 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
     "click:clear"
   ],
   setup(H, { emit: V }) {
-    const C = H, M = V, A = E(), L = t1({
+    const C = H, M = V, A = E(), L = m1({
       value: ""
     }), i = E(C.type), e = {
       password: "mdiLock",
@@ -9748,7 +9749,7 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
             class: "r-breadcrumb__link",
             to: L.to
           }, {
-            default: n1(() => [
+            default: r1(() => [
               f(C.$slots, "item-icon", {}, () => [
                 L.icon ? (m(), D(x, {
                   key: 0,
@@ -9903,7 +9904,7 @@ const S3 = ["aria-disabled", "aria-selected", "disabled"], s3 = {
       C.disabled || C.mandatory && L.value.length === 1 && u || C.max && L.value.length === C.max && u || (C.multiple ? u ? L.value.push(t) : L.value = L.value.filter((Z) => Z !== t) : L.value = u ? [t] : [], M("update:modelValue", L.value));
     }
     return k1(`${w1}:select`, d), (t, u) => (m(), D(h2(A.value), null, {
-      default: n1(() => [
+      default: r1(() => [
         f(t.$slots, "default", {
           isSelected: e,
           select: d,