@rocketui/vue 0.2.90 → 0.2.92

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

@@ -2524,6 +2524,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     selectAllText: string;
     disableDeselect: boolean;
     maxVisibleChips: number;
+    persistent: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     clear: (...args: any[]) => void;
@@ -2556,6 +2557,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     selectAllText: string;
     disableDeselect: boolean;
     maxVisibleChips: number;
+    persistent: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -2568,6 +2570,7 @@ export declare const RDropdown: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_
     clearable: boolean;
     options: any;
     tooltipClass: string;
+    persistent: boolean;
     modelValue: any;
     placeholder: string;
     chips: boolean;
@@ -3539,6 +3542,14 @@ declare interface SelectProps {
      * <Dropdown :maxVisibleChips="3" />
      */
     maxVisibleChips?: number;
+    /**
+     * Persistent dropdown
+     * @type {boolean}
+     * @default false
+     * @example
+     * <Dropdown :persistent="true" />
+     */
+    persistent?: boolean;
 }
 
 declare interface Tab {

package/dist/rocket-ui-vue.js

@@ -7722,7 +7722,7 @@ const x2 = {
           id: `${l.value}`,
           class: "r-checkbox-texts__label",
           "data-disabled": C.disabled,
-          for: C.id
+          for: l.value
         }, v(C.label), 9, l5),
         C.hideDetails ? g("", !0) : (m(), a("div", {
           key: 0,
@@ -8995,7 +8995,8 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
     showSelectAll: { type: Boolean, default: !1 },
     selectAllText: { default: "Select all" },
     disableDeselect: { type: Boolean, default: !1 },
-    maxVisibleChips: { default: 2 }
+    maxVisibleChips: { default: 2 },
+    persistent: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "clear", "removeOption"],
   setup(H, { emit: V }) {
@@ -9052,14 +9053,18 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       document.querySelectorAll(".r-dropdown--active").forEach((G) => {
         var B1;
         if (G.id !== ((B1 = B.value) == null ? void 0 : B1.id) && G.classList.contains("r-dropdown--active")) {
-          const H2 = n(G);
+          const H2 = n(
+            G
+          );
           H2 && o(H2), G.childNodes.forEach((V1) => {
             V1 != null && V1.classList && (Object == null || Object.values(V1 == null ? void 0 : V1.classList).filter((N1) => N1.includes("--active")).forEach((N1) => {
               V1 == null || V1.classList.remove(N1);
             }));
           }), G.classList.remove("r-dropdown--active");
         }
-      }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), M.value = !1, (X = B.value) == null || X.blur(), (p = y.value) == null || p.blur(), d.value && o(d.value)) : (s == null || s.classList.add("r-dropdown--active"), M.value = !0, (Q = B.value) == null || Q.focus(), (k1 = y.value) == null || k1.focus(), d.value || (d.value = n(c.value || B.value)), d.value && u(d.value), s == null || s.childNodes.forEach((G) => {
+      }), s != null && s.classList.contains("r-dropdown--active") ? (s.classList.remove("r-dropdown--active"), M.value = !1, (X = B.value) == null || X.blur(), (p = y.value) == null || p.blur(), d.value && o(d.value)) : (s == null || s.classList.add("r-dropdown--active"), M.value = !0, (Q = B.value) == null || Q.focus(), (k1 = y.value) == null || k1.focus(), d.value || (d.value = n(
+        c.value || B.value
+      )), d.value && u(d.value), s == null || s.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`);
         }));
@@ -9080,7 +9085,9 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           if (!L.value.find((Q) => Q.value === s.value))
             L.value.push(s);
           else {
-            const Q = L.value.findIndex((k1) => k1.value === s.value);
+            const Q = L.value.findIndex(
+              (k1) => k1.value === s.value
+            );
             L.value.splice(Q, 1), i("removeOption", s);
           }
           e.value = "", C.searchable && ((p = y.value) == null || p.focus());
@@ -9100,7 +9107,9 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       if (t instanceof KeyboardEvent && t.key !== "Backspace" || e.value !== "")
         return;
       t.stopPropagation(), P();
-      const X = L.value.findIndex((p) => p.value === s.value);
+      const X = L.value.findIndex(
+        (p) => p.value === s.value
+      );
       L.value.splice(X, 1), i("removeOption", s), i("update:modelValue", L.value);
     }
     function J(t, s) {
@@ -9111,7 +9120,9 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       const P = e.value;
       if (P === "")
         return;
-      S.value.find((Q) => Q.label === P) || (L.value.push({ value: P, label: P }), e.value = "", (p = y.value) == null || p.focus());
+      S.value.find(
+        (Q) => Q.label === P
+      ) || (L.value.push({ value: P, label: P }), e.value = "", (p = y.value) == null || p.focus());
     }
     function h(t) {
       var s;
@@ -9140,7 +9151,10 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
     }
     const j = f(() => !C.multiple || !Array.isArray(C.modelValue) ? [] : C.modelValue.slice(0, C.maxVisibleChips)), z = f(() => !C.multiple || !Array.isArray(C.modelValue) ? 0 : Math.max(0, C.modelValue.length - C.maxVisibleChips));
     return o2(() => {
-      N(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1");
+      N(), navigator.userAgent.includes("iPhone") && document.querySelector("[name=viewport]").setAttribute(
+        "content",
+        "width=device-width, initial-scale=1, maximum-scale=1"
+      );
     }), W(
       L,
       (t) => {
@@ -9149,9 +9163,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
       {
         deep: !0
       }
-    ), W(() => b.value, (t) => {
-      N();
-    }), q1(() => {
+    ), W(
+      () => b.value,
+      (t) => {
+        N();
+      }
+    ), q1(() => {
       M.value && d.value && o(d.value);
     }), (t, s) => (m(), a("div", {
       id: t.id,
@@ -9169,6 +9186,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         "tooltip-class": ["w-full", C.tooltipClass],
         "trigger-class": "w-full",
         triggers: ["click"],
+        persistent: C.persistent,
         type: "dropdown",
         onHide: s[1] || (s[1] = (P) => {
           _(P);
@@ -9266,7 +9284,11 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 type: "text",
                 onInput: r1((p) => l1(P), ["prevent"]),
                 onKeydown: [
-                  L2((p) => $(p, L.value[L.value.length - 1], P), ["backspace"]),
+                  L2((p) => $(
+                    p,
+                    L.value[L.value.length - 1],
+                    P
+                  ), ["backspace"]),
                   L2((p) => J(p, P), ["enter"])
                 ]
               }, null, 42, u3), [
@@ -9325,7 +9347,12 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
                 "r-dropdown-options__option--active": L.value.length === F.value.length,
                 "r-dropdown-options__option--disabled": !1
               }]),
-              onClick: r1((p) => x(p, { label: C.selectAllText, value: "select-all" }, P, X), ["prevent"])
+              onClick: r1((p) => x(
+                p,
+                { label: C.selectAllText, value: "select-all" },
+                P,
+                X
+              ), ["prevent"])
             }, [
               Z("div", O3, [
                 Z("p", f3, v(C.selectAllText), 1)
@@ -9412,7 +9439,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
           ], 10, c3)
         ]),
         _: 3
-      }, 8, ["id", "disabled", "tooltip-class"]),
+      }, 8, ["id", "disabled", "tooltip-class", "persistent"]),
       t.$props.hideDetails ? g("", !0) : (m(), a("div", {
         key: 0,
         id: `${t.id}-details`,
@@ -9741,7 +9768,7 @@ const i3 = ["id", "aria-disabled"], A3 = ["innerHTML"], e3 = ["id"], d3 = ["id"]
         Z("label", {
           id: `${M.value}`,
           class: "r-switch-texts__label",
-          for: C.id
+          for: M.value
         }, v(C.label), 9, j3),
         C.hideDetails ? g("", !0) : (m(), a("div", {
           key: 0,
@@ -9930,9 +9957,9 @@ const C0 = ["id", "aria-disabled", "aria-selected", "disabled"], H0 = { key: 0 }
         key: 0,
         id: `${M.value}`,
         class: "r-textarea__label",
-        for: "textarea",
+        for: M.value,
         text: C.label
-      }, null, 8, ["id", "text"])) : g("", !0),
+      }, null, 8, ["id", "for", "text"])) : g("", !0),
       Z("textarea", E1(e.$attrs, {
         id: `${M.value}`,
         class: ["r-textarea", {