@rocketui/vue 0.2.42-alpha.1 → 0.2.42-alpha.3

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 w, createVNode as q, computed as g, createCommentVNode as O, mergeProps as C2, createBlock as E, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as p2, onMounted as H2, Teleport as O2, withCtx as k1, withDirectives as V2, withModifiers as A1, withKeys as $1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, normalizeStyle as W1, 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 g, createCommentVNode as O, mergeProps as C2, createBlock as E, watch as G, getCurrentScope as s2, onScopeDispose as c2, ref as N, watchEffect as p2, onMounted as H2, Teleport as O2, withCtx as k1, withDirectives as V2, withModifiers as A1, withKeys as $1, vModelText as f2, createTextVNode as S1, onUnmounted as h2, normalizeStyle as W1, 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",
@@ -7347,7 +7347,7 @@ const b2 = {
         onClick: (d) => M(e)
       }, [
         f(i.$slots, "title", { accordion: A }, () => [
-          S("div", T2, w(A.title), 1)
+          S("div", T2, v(A.title), 1)
         ]),
         S("div", F2, [
           f(i.$slots, "icon", {
@@ -7359,7 +7359,7 @@ const b2 = {
       ], 8, P2),
       S("div", R2, [
         f(i.$slots, "content", {}, () => [
-          S("span", null, w(A.content), 1)
+          S("span", null, v(A.content), 1)
         ])
       ])
     ], 10, y2))), 128));
@@ -7409,8 +7409,8 @@ const b2 = {
       ]),
       S("div", D2, [
         f(e.$slots, "content", {}, () => [
-          S("p", _2, w(C.title), 1),
-          C.description ? (m(), Z("p", E2, w(C.description), 1)) : O("", !0)
+          S("p", _2, v(C.title), 1),
+          C.description ? (m(), Z("p", E2, v(C.description), 1)) : O("", !0)
         ])
       ]),
       C.closable ? (m(), Z("div", W2, [
@@ -7454,7 +7454,7 @@ const b2 = {
         V.type === "text" ? (m(), Z("p", {
           key: 0,
           class: p(["r-avatar__text", { [`r-avatar__text--${V.size}`]: !0 }])
-        }, w(L(V.text)), 3)) : (m(), Z("img", {
+        }, v(L(V.text)), 3)) : (m(), Z("img", {
           key: 1,
           alt: V.alt,
           class: p(["r-avatar__image", {
@@ -7659,9 +7659,9 @@ const b2 = {
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
           for: C.id
-        }, w(C.label), 9, j2),
+        }, v(C.label), 9, j2),
         C.hideDetails ? O("", !0) : (m(), Z("div", X2, [
-          C.errorMsg ? (m(), Z("p", Y2, w(C.errorMsg), 1)) : (m(), Z("p", J2, w(C.hint), 1))
+          C.errorMsg ? (m(), Z("p", Y2, v(C.errorMsg), 1)) : (m(), Z("p", J2, v(C.hint), 1))
         ]))
       ])
     ]));
@@ -7714,7 +7714,7 @@ const b2 = {
         ]),
         S("span", {
           class: p(["r-chip__content__label", [C.noWrap && "whitespace-nowrap"]])
-        }, w(C.label), 3)
+        }, v(C.label), 3)
       ]),
       f(d.$slots, "append", {
         disabled: C.disabled
@@ -7980,7 +7980,7 @@ const Z5 = async (H, V, C) => {
   } = K1(t, M, d), o = M, l = {}, u = 0;
   for (let k = 0; k < e.length; k++) {
     const {
-      name: v,
+      name: w,
       fn: B
     } = e[k], {
       x: b,
@@ -8003,8 +8003,8 @@ const Z5 = async (H, V, C) => {
     });
     if (n = b ?? n, r = F ?? r, l = {
       ...l,
-      [v]: {
-        ...l[v],
+      [w]: {
+        ...l[w],
         ...R
       }
     }, P && u <= 50) {
@@ -8043,8 +8043,8 @@ async function v1(H, V) {
     elementContext: r = "floating",
     altBoundary: o = !1,
     padding: l = 0
-  } = l1(V, H), u = e2(l), v = e[o ? r === "floating" ? "reference" : "floating" : r], B = w1(await L.getClippingRect({
-    element: (C = await (L.isElement == null ? void 0 : L.isElement(v))) == null || C ? v : v.contextElement || await (L.getDocumentElement == null ? void 0 : L.getDocumentElement(e.floating)),
+  } = l1(V, H), u = e2(l), w = e[o ? r === "floating" ? "reference" : "floating" : r], B = 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,
     strategy: d
@@ -8091,7 +8091,7 @@ const u5 = (H) => ({
     const r = e2(n), o = {
       x: C,
       y: M
-    }, l = I1(i), u = N1(l), k = await A.getDimensions(t), v = l === "y", B = v ? "top" : "left", b = v ? "bottom" : "right", F = v ? "clientHeight" : "clientWidth", R = L.reference[u] + L.reference[l] - o[l] - L.floating[u], P = o[l] - L.reference[l], U = await (A.getOffsetParent == null ? void 0 : A.getOffsetParent(t));
+    }, l = I1(i), u = N1(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], P = 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 - P / 2, I = W / 2 - k[u] / 2 - 1, M1 = a1(r[B], I), a = a1(r[b], I), s = M1, y = W - k[u] - a, T = W / 2 - k[u] / 2 + h, c = D1(s, T, y), _ = !d.arrow && s1(i) != null && T != c && L.reference[u] / 2 - (T < s ? M1 : a) - k[u] / 2 < 0, $ = _ ? T < s ? T - s : T - y : 0;
@@ -8127,13 +8127,13 @@ const u5 = (H) => ({
         fallbackStrategy: l = "bestFit",
         fallbackAxisSideDirection: u = "none",
         flipAlignment: k = !0,
-        ...v
+        ...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 P = [e, ...R], U = await v1(V, v), W = [];
+      const P = [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) {
         const s = l5(i, A, F);
@@ -8289,11 +8289,11 @@ const p5 = function(H) {
         mainAxis: L = !0,
         crossAxis: A = !1,
         limiter: e = {
-          fn: (v) => {
+          fn: (w) => {
             let {
               x: B,
               y: b
-            } = v;
+            } = w;
             return {
               x: B,
               y: b
@@ -8307,11 +8307,11 @@ const p5 = function(H) {
       }, n = await v1(V, d), r = y1(i1(i)), o = A2(r);
       let l = t[o], u = t[r];
       if (L) {
-        const v = o === "y" ? "top" : "left", B = o === "y" ? "bottom" : "right", b = l + n[v], F = l - n[B];
+        const w = o === "y" ? "top" : "left", B = o === "y" ? "bottom" : "right", b = l + n[w], F = l - n[B];
         l = D1(b, l, F);
       }
       if (A) {
-        const v = r === "y" ? "top" : "left", B = r === "y" ? "bottom" : "right", b = u + n[v], F = u - n[B];
+        const w = r === "y" ? "top" : "left", B = r === "y" ? "bottom" : "right", b = u + n[w], F = u - n[B];
         u = D1(b, u, F);
       }
       const k = e.fn({
@@ -8467,7 +8467,7 @@ 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), v = u.getBoundingClientRect(), B = K(u), b = v.left + (u.clientLeft + parseFloat(B.paddingLeft)) * k.x, F = v.top + (u.clientTop + parseFloat(B.paddingTop)) * k.y;
+      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;
     }
   }
@@ -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: v, y: B } = r.arrow, b = {
+      const { x: w, y: B } = r.arrow, b = {
         top: "bottom",
         right: "left",
         bottom: "top",
@@ -8707,7 +8707,7 @@ async function W5({ value: H }, { value: V }, { value: C }, M, i, L, A = 300, e)
         /* Right */
       }[n.split("-")[0]];
       Object.assign(C.style, {
-        left: d != null ? `${v}px` : "",
+        left: d != null ? `${w}px` : "",
         top: t != null ? `${B}px` : "",
         right: "",
         bottom: "",
@@ -8773,7 +8773,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       const { placement: b, offset: F, padding: R, disabled: P, showDelay: U, type: W } = C;
       P || W5(i, L, A, b, F, R, U, W);
     }
-    const v = g(() => ({
+    const w = g(() => ({
       "r-tooltip": !0,
       "r-tooltip--dark": C.dark && !C.light,
       "r-tooltip--light": C.light
@@ -8823,7 +8823,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           id: J(e),
           ref_key: "tooltip",
           ref: L,
-          class: p([v.value, B.tooltipClass]),
+          class: p([w.value, B.tooltipClass]),
           "data-show": "false",
           role: "tooltip"
         }, [
@@ -8837,7 +8837,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 "r-tooltip__content--dark": C.dark,
                 "r-tooltip__content--light": C.light
               }])
-            }, w(C.text), 3)) : O("", !0),
+            }, v(C.text), 3)) : O("", !0),
             C.text ? (m(), Z("div", {
               key: 1,
               id: "arrow",
@@ -8941,9 +8941,13 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       const s = document.getElementById(a);
       s == null || s.classList.remove("r-dropdown--active"), A.value = !1;
     }
-    function v(a, s, y, T) {
+    function w(a, s, y, T) {
       var c;
       if (T(), !s.disabled) {
+        if (s.value === "select-all") {
+          M1();
+          return;
+        }
         if (C.multiple) {
           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;
@@ -8993,8 +8997,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       }
       i.value = {}, e.value = "", M("update:modelValue", "");
     }
-    function M1(a, s) {
-      if (s(), L.value.length === P.value.length) {
+    function M1() {
+      if (L.value.length === P.value.length) {
         L.value.splice(0, L.value.length);
         return;
       }
@@ -9002,9 +9006,15 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
     }
     return H2(() => {
       W(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
-    }), G(L, (a) => {
-      M("update:modelValue", a);
-    }), G(() => n.value, (a) => {
+    }), G(
+      L,
+      (a) => {
+        M("update:modelValue", a);
+      },
+      {
+        deep: !0
+      }
+    ), G(() => n.value, (a) => {
       W();
     }), (a, s) => (m(), Z("div", {
       ref_key: "wrapper",
@@ -9073,7 +9083,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                   "no-wrap": "",
                   variant: "primary",
                   "onClick:close": ($) => b($, c, y)
-                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", z5, w(`${c.label}, `), 1))
+                }, null, 8, ["clearable", "label", "onClick:close"])) : (m(), Z("p", z5, v(`${c.label}, `), 1))
               ])), 128)),
               V2(S("input", {
                 id: C.id,
@@ -9145,10 +9155,10 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 "r-dropdown-options__option--active": L.value.length === P.value.length,
                 "r-dropdown-options__option--disabled": !1
               }]),
-              onClick: A1((c) => M1(c, T), ["prevent"])
+              onClick: A1((c) => w(c, { label: C.selectAllText, value: "select-all" }, y, T), ["prevent"])
             }, [
               S("div", X5, [
-                S("p", Y5, w(C.selectAllText), 1)
+                S("p", Y5, v(C.selectAllText), 1)
               ]),
               L.value.length === P.value.length && !C.hideOptionCheckIcon ? (m(), E(D, {
                 key: 0,
@@ -9166,7 +9176,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                 "r-dropdown-options__option--active": R(c),
                 "r-dropdown-options__option--disabled": c.disabled
               }]),
-              onClick: A1((_) => v(_, c, y, T), ["prevent"])
+              onClick: A1((_) => w(_, c, y, T), ["prevent"])
             }, [
               f(a.$slots, "option", {
                 disabled: c.disabled,
@@ -9189,7 +9199,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
                     class: p(["r-dropdown-options__option__label", {
                       "r-dropdown-options__option__label--active": R(c)
                     }])
-                  }, w(c.label), 3)
+                  }, v(c.label), 3)
                 ]),
                 f(a.$slots, "option-append", {
                   disabled: c.disabled,
@@ -9207,7 +9217,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
             ], 10, C3))), 128)),
             P.value.length === 0 ? (m(), Z("li", V3, [
               f(a.$slots, "not-options", {}, () => [
-                S1(w(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
+                S1(v(C.multiple ? "No options hit to enter for create" : C.noOptionsText), 1)
               ])
             ])) : O("", !0)
           ], 2)
@@ -9215,8 +9225,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
         _: 3
       }, 8, ["tooltip-class"]),
       a.$props.hideDetails ? O("", !0) : (m(), Z("div", L3, [
-        C.errorMsg ? (m(), Z("div", M3, w(C.errorMsg), 1)) : O("", !0),
-        C.hint ? (m(), Z("div", i3, w(C.hint), 1)) : O("", !0)
+        C.errorMsg ? (m(), Z("div", M3, v(C.errorMsg), 1)) : O("", !0),
+        C.hint ? (m(), Z("div", i3, v(C.hint), 1)) : O("", !0)
       ]))
     ], 512));
   }
@@ -9235,7 +9245,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       for: V.for
     }, [
       f(C.$slots, "default", {}, () => [
-        S1(w(V.text), 1)
+        S1(v(V.text), 1)
       ])
     ], 8, e3));
   }
@@ -9299,8 +9309,8 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
               name: C.icon
             }, null, 8, ["name"])
           ])) : O("", !0),
-          C.title ? (m(), Z("div", o3, w(C.title), 1)) : O("", !0),
-          C.description ? (m(), Z("div", n3, w(C.description), 1)) : O("", !0)
+          C.title ? (m(), Z("div", o3, v(C.title), 1)) : O("", !0),
+          C.description ? (m(), Z("div", n3, v(C.description), 1)) : O("", !0)
         ]),
         S("div", r3, [
           f(e.$slots, "default")
@@ -9401,7 +9411,7 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
       ]),
       S("div", s3, [
         f(A.$slots, "default", {}, () => [
-          S1(w(C.text), 1)
+          S1(v(C.text), 1)
         ])
       ]),
       C.closable ? (m(), Z("div", {
@@ -9491,9 +9501,9 @@ const N5 = ["aria-disabled"], I5 = ["innerHTML"], Q5 = ["id"], G5 = /* @__PURE__
           id: `${C.id}-label`,
           class: "r-switch-texts__label",
           for: C.id
-        }, w(C.label), 9, O3),
+        }, v(C.label), 9, O3),
         C.hideDetails ? O("", !0) : (m(), Z("div", f3, [
-          C.errorMsg ? (m(), Z("p", h3, w(C.errorMsg), 1)) : (m(), Z("p", g3, w(C.hint), 1))
+          C.errorMsg ? (m(), Z("p", h3, v(C.errorMsg), 1)) : (m(), Z("p", g3, v(C.hint), 1))
         ]))
       ], 2)
     ], 2));
@@ -9550,7 +9560,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         f(d.$slots, "default", {
           label: C.label
         }, () => [
-          S1(w(C.label), 1)
+          S1(v(C.label), 1)
         ])
       ])) : O("", !0),
       f(d.$slots, "append", {
@@ -9680,7 +9690,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
         onInput: L
       }), null, 16, v3),
       C.hideDetails ? O("", !0) : (m(), Z("div", y3, [
-        C.errorMsg ? (m(), Z("p", P3, w(C.errorMsg), 1)) : (m(), Z("p", T3, w(C.hint), 1))
+        C.errorMsg ? (m(), Z("p", P3, v(C.errorMsg), 1)) : (m(), Z("p", T3, v(C.hint), 1))
       ]))
     ]));
   }
@@ -9754,7 +9764,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
       "r-textfield__append-icon": !0,
       "r-textfield__append-icon--clear": o.value,
       "r-textfield__append-icon--error": r.value
-    })), v = g(() => {
+    })), w = g(() => {
       const { prependIcon: h, type: I } = C;
       return h === "none" ? "" : h || e[I];
     }), B = g(() => {
@@ -9823,10 +9833,10 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
             error: r.value,
             loading: C.loading
           }, () => [
-            v.value ? (m(), E(D, {
+            w.value ? (m(), E(D, {
               key: 0,
               class: p(u.value),
-              name: v.value,
+              name: w.value,
               size: 20
             }, null, 8, ["class", "name"])) : O("", !0)
           ]),
@@ -9861,8 +9871,8 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
           ])
         ], 2),
         C.hideDetails ? O("", !0) : (m(), Z("div", D3, [
-          C.errorMsg ? (m(), Z("p", _3, w(C.errorMsg), 1)) : O("", !0),
-          !C.errorMsg && C.hint ? (m(), Z("p", E3, w(C.hint), 1)) : O("", !0)
+          C.errorMsg ? (m(), Z("p", _3, v(C.errorMsg), 1)) : O("", !0),
+          !C.errorMsg && C.hint ? (m(), Z("p", E3, v(C.hint), 1)) : O("", !0)
         ]))
       ])
     ]));
@@ -9896,7 +9906,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
                   name: L.icon
                 }, null, 8, ["name"])) : O("", !0)
               ]),
-              L.onlyIcon ? O("", !0) : (m(), Z("span", N3, w(L.title), 1))
+              L.onlyIcon ? O("", !0) : (m(), Z("span", N3, v(L.title), 1))
             ]),
             _: 2
           }, 1032, ["to"]),
@@ -9979,7 +9989,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
     }, [
       S("div", I3, [
         S("div", Q3, [
-          S("span", null, w(C.itemsPerPageText), 1),
+          S("span", null, v(C.itemsPerPageText), 1),
           q(A3, {
             modelValue: i.value,
             "onUpdate:modelValue": [
@@ -9992,7 +10002,7 @@ const k3 = ["aria-disabled", "aria-selected", "disabled"], B3 = { key: 0 }, b3 =
             options: C.perPageOptions
           }, null, 8, ["modelValue", "options"])
         ]),
-        S("span", G3, w(e.value), 1),
+        S("span", G3, v(e.value), 1),
         S("button", {
           class: "r-pagination__paginator__first",
           disabled: t.value,