@rocketui/vue 0.3.0 → 0.3.1-beta

package/dist/rocket-ui-vue.js

@@ -8170,9 +8170,9 @@ const D5 = (H) => ({
     const Z = p2(n), o = {
       x: C,
       y: i
-    }, a = H2(A), S = C2(a), v = await M.getDimensions(l), B = a === "y", y = B ? "top" : "left", u = B ? "bottom" : "right", w = B ? "clientHeight" : "clientWidth", _ = L.reference[S] + L.reference[a] - o[a] - L.floating[S], D = o[a] - L.reference[a], z = await (M.getOffsetParent == null ? void 0 : M.getOffsetParent(l));
-    let W = z ? z[w] : 0;
-    (!W || !await (M.isElement == null ? void 0 : M.isElement(z))) && (W = e.floating[w] || L.floating[S]);
+    }, a = H2(A), S = C2(a), v = await M.getDimensions(l), B = a === "y", y = B ? "top" : "left", u = B ? "bottom" : "right", w = B ? "clientHeight" : "clientWidth", _ = L.reference[S] + L.reference[a] - o[a] - L.floating[S], D = o[a] - L.reference[a], U = await (M.getOffsetParent == null ? void 0 : M.getOffsetParent(l));
+    let W = U ? U[w] : 0;
+    (!W || !await (M.isElement == null ? void 0 : M.isElement(U))) && (W = e.floating[w] || L.floating[S]);
     const J = _ / 2 - D / 2, k = W / 2 - v[S] / 2 - 1, N = f1(Z[y], k), Q = f1(Z[u], k), x = N, l1 = W - v[S] - Q, I = W / 2 - v[S] / 2 + J, q = q1(x, I, l1), j = !d.arrow && g1(A) != null && I != q && L.reference[S] / 2 - (I < x ? N : Q) - v[S] / 2 < 0, C1 = j ? I < x ? I - x : I - l1 : 0;
     return {
       [a]: o[a] + C1,
@@ -8212,11 +8212,11 @@ const D5 = (H) => ({
         return {};
       const y = o1(A), u = o1(e) === e, w = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), _ = o || (u || !v ? [x1(e)] : P5(e));
       !o && S !== "none" && _.push(...F5(e, v, S, w));
-      const D = [e, ..._], z = await E1(V, B), W = [];
+      const D = [e, ..._], U = await E1(V, B), W = [];
       let J = ((i = L.flip) == null ? void 0 : i.overflows) || [];
-      if (n && W.push(z[y]), Z) {
+      if (n && W.push(U[y]), Z) {
         const x = y5(A, M, w);
-        W.push(z[x[0]], z[x[1]]);
+        W.push(U[x[0]], U[x[1]]);
       }
       if (J = [...J, {
         placement: A,
@@ -8857,7 +8857,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
       C.triggers.includes(M1.Hover) && B();
     }
     function B() {
-      const { placement: u, offset: w, padding: _, disabled: D, showDelay: z, type: W } = C;
+      const { placement: u, offset: w, padding: _, disabled: D, showDelay: U, type: W } = C;
       D || A3(
         A,
         L,
@@ -8865,7 +8865,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
         u,
         w,
         _,
-        z,
+        U,
         W
       );
     }
@@ -9048,25 +9048,25 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
       u.value && (M.value ? u.value.dataset.rOriginalOverflow || (u.value.dataset.rOriginalOverflow = u.value.style.overflowY || "", u.value.style.overflowY = "hidden") : u.value.dataset.rOriginalOverflow !== void 0 && (u.value.style.overflowY = u.value.dataset.rOriginalOverflow, delete u.value.dataset.rOriginalOverflow));
     }
     function _(t) {
-      var X, p, G, B1;
+      var X, p, z, B1;
       if (C.disabled)
         return;
       const c = document.getElementById(t);
-      document.querySelectorAll(".r-dropdown--active").forEach((U) => {
+      document.querySelectorAll(".r-dropdown--active").forEach((G) => {
         var b1;
-        if (U.id !== ((b1 = a.value) == null ? void 0 : b1.id) && U.classList.contains("r-dropdown--active")) {
+        if (G.id !== ((b1 = a.value) == null ? void 0 : b1.id) && G.classList.contains("r-dropdown--active")) {
           const c1 = l(
-            U
+            G
           );
-          c1 && c1.dataset.rOriginalOverflow !== void 0 && (c1.style.overflowY = c1.dataset.rOriginalOverflow, delete c1.dataset.rOriginalOverflow), U.childNodes.forEach((L1) => {
+          c1 && c1.dataset.rOriginalOverflow !== void 0 && (c1.style.overflowY = c1.dataset.rOriginalOverflow, delete c1.dataset.rOriginalOverflow), G.childNodes.forEach((L1) => {
             L1 != null && L1.classList && (Object == null || Object.values(L1 == null ? void 0 : L1.classList).filter((U1) => U1.includes("--active")).forEach((U1) => {
               L1 == null || L1.classList.remove(U1);
             }));
-          }), U.classList.remove("r-dropdown--active");
+          }), G.classList.remove("r-dropdown--active");
         }
-      }), c != null && c.classList.contains("r-dropdown--active") ? (c.classList.remove("r-dropdown--active"), M.value = !1, (X = a.value) == null || X.blur(), (p = S.value) == null || p.blur()) : (c == null || c.classList.add("r-dropdown--active"), M.value = !0, (G = a.value) == null || G.focus(), (B1 = S.value) == null || B1.focus(), c == null || c.childNodes.forEach((U) => {
-        U != null && U.classList && (Object == null || Object.values(U == null ? void 0 : U.classList).forEach((b1) => {
-          U == null || U.classList.add(`${b1}--active`);
+      }), c != null && c.classList.contains("r-dropdown--active") ? (c.classList.remove("r-dropdown--active"), M.value = !1, (X = a.value) == null || X.blur(), (p = S.value) == null || p.blur()) : (c == null || c.classList.add("r-dropdown--active"), M.value = !0, (z = a.value) == null || z.focus(), (B1 = S.value) == null || B1.focus(), c == null || c.childNodes.forEach((G) => {
+        G != null && G.classList && (Object == null || Object.values(G == null ? void 0 : G.classList).forEach((b1) => {
+          G == null || G.classList.add(`${b1}--active`);
         }));
       }));
     }
@@ -9074,7 +9074,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
       const c = document.getElementById(t);
       c == null || c.classList.remove("r-dropdown--active"), M.value = !1;
     }
-    function z() {
+    function U() {
       var t;
       (t = B.value) == null || t.call(B);
     }
@@ -9086,15 +9086,10 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
           return;
         }
         if (C.multiple) {
-          if (!L.value.find((G) => G.value === c.value))
-            L.value.push(c);
-          else {
-            const G = L.value.findIndex(
-              (B1) => B1.value === c.value
-            );
-            L.value.splice(G, 1), i("removeOption", c);
-          }
-          e.value = "", C.searchable && ((p = S.value) == null || p.focus());
+          const z = L.value.findIndex(
+            (B1) => B1.value === c.value
+          );
+          z === -1 ? L.value.push({ ...c }) : (L.value.splice(z, 1), i("removeOption", c)), e.value = "", C.searchable && ((p = S.value) == null || p.focus());
           return;
         }
         J(t, c), C.closeOnSelect && P();
@@ -9125,7 +9120,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
       if (P === "")
         return;
       Z.value.find(
-        (G) => G.label === P
+        (z) => z.label === P
       ) || (L.value.push({ value: P, label: P }), e.value = "", (p = S.value) == null || p.focus());
     }
     function Q(t) {
@@ -9134,7 +9129,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
     }
     const x = h(() => !C.searchable || A.value.label === e.value || !C.innerSearch && C.searchable ? Z.value : Z.value.filter((c) => c.label.toLowerCase().includes(e.value.toLowerCase()))), l1 = h(() => !C.searchable);
     function I() {
-      o.value ? C.multiple ? L.value = o.value : (A.value = o.value, e.value = o.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
+      o.value ? C.multiple ? L.value = Array.isArray(o.value) ? o.value.map((t) => ({ ...t })) : [] : (A.value = { ...o.value }, e.value = o.value.label) : (A.value = {}, L.value.splice(0, L.value.length));
     }
     function q(t) {
       C.searchable && t(), !C.multiple && e.value === "" && (A.value = {}, i("update:modelValue", ""), i("removeOption", A.value));
@@ -9151,7 +9146,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
         L.value.splice(0, L.value.length);
         return;
       }
-      L.value = x.value;
+      L.value = [...x.value];
     }
     const Q1 = h(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), G1 = h(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
     return a2(() => {
@@ -9195,7 +9190,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
           key: 0,
           id: `${t.id}-overlay`,
           class: "r-dropdown-overlay",
-          onClick: z
+          onClick: U
         }, null, 8, n3)) : f("", !0)
       ])),
       H1(l3, {
@@ -9271,7 +9266,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
                       ghost: "",
                       label: p.label,
                       variant: "primary",
-                      "onClick:close": (G) => k(G, p, P)
+                      "onClick:close": (z) => k(z, p, P)
                     }, null, 8, ["id", "label", "onClick:close"]))), 128)),
                     g(t.$slots, "remaining-count", {
                       id: `${t.id}-remaining-count`,
@@ -9283,10 +9278,10 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
                         class: "r-dropdown__remaining-count-text"
                       }, " +" + b(G1.value), 9, S3)) : f("", !0)
                     ])
-                  ], 64)) : C.multiple ? (m(!0), r(A1, { key: 1 }, n1(L.value, (p, G) => (m(), r("span", {
-                    id: `${t.id}-selected-option-${G}`,
+                  ], 64)) : C.multiple ? (m(!0), r(A1, { key: 1 }, n1(L.value, (p, z) => (m(), r("span", {
+                    id: `${t.id}-selected-option-${z}`,
                     key: p.value
-                  }, b(p.label) + " " + b(G < L.value.length - 1 ? ", " : ""), 9, s3))), 128)) : f("", !0)
+                  }, b(p.label) + " " + b(z < L.value.length - 1 ? ", " : ""), 9, s3))), 128)) : f("", !0)
                 ], 8, u3)
               ]),
               Z2(s("input", {
@@ -9407,7 +9402,7 @@ const e3 = ["id", "aria-disabled"], d3 = ["innerHTML"], t3 = ["id"], m3 = ["id"]
                   "r-dropdown-options__option--disabled": p.disabled,
                   "r-dropdown-options__option--deselect": Q(p) && C.disableDeselect
                 }]),
-                onClick: a1((G) => W(G, p, P, X), ["prevent"])
+                onClick: a1((z) => W(z, p, P, X), ["prevent"])
               }, [
                 g(t.$slots, "option", {
                   id: `${t.id}-option-${p.value}`,
@@ -10093,7 +10088,7 @@ const M0 = ["id", "aria-disabled", "aria-selected", "disabled"], i0 = { key: 0 }
     function D(k) {
       L.value = k.target.value, i("input", k);
     }
-    function z() {
+    function U() {
       var k;
       if (o.value) {
         L.value = "", (k = A.value) == null || k.focus(), i("click:clear", {
@@ -10186,7 +10181,7 @@ const M0 = ["id", "aria-disabled", "aria-selected", "disabled"], i0 = { key: 0 }
               id: `${u.value}-append-icon`,
               name: M.value === "password" ? "mdiEyeOutline" : "mdiEyeOffOutline",
               size: 20,
-              onClick: z
+              onClick: U
             }, null, 8, ["id", "name"])) : f("", !0),
             y.value && !k.$slots.append || Z.value ? (m(), R(T, {
               key: 1,
@@ -10194,7 +10189,7 @@ const M0 = ["id", "aria-disabled", "aria-selected", "disabled"], i0 = { key: 0 }
               class: O(v.value),
               name: `${y.value}`,
               size: 20,
-              onClick: z
+              onClick: U
             }, null, 8, ["id", "class", "name"])) : f("", !0)
           ])
         ], 10, Z0),