energy-components 1.16.0 → 1.17.0

package/dist/components/accordion.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as R, toRefs as B, ref as s, watch as D, nextTick as N, inject as v, onMounted as V, onBeforeUnmount as q, createElementBlock as w, openBlock as _, createElementVNode as n, toDisplayString as h, createBlock as H, createCommentVNode as P, createVNode as T, unref as d, mergeProps as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
-import { R as I } from "./icon-svg-BU0OQFKH.js";
+import { R as I } from "./icon-svg-arye8CV8.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/accordion.css';const b = ["id"], z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ R({

package/dist/components/avatar.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, computed as a, createElementBlock as s, openBlock as n, withKeys as o, normalizeStyle as u, normalizeClass as k, createBlock as _, createCommentVNode as b, toDisplayString as z } from "vue";
-import { R as C } from "./icon-svg-BU0OQFKH.js";
+import { R as C } from "./icon-svg-arye8CV8.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/avatar.css';const A = ["id", "aria-label"], B = ["src", "alt"], D = {
   key: 1,

package/dist/components/button.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as x, toRefs as I, computed as r, createElementBlock as $, openBlock as b, normalizeClass as m, unref as n, createBlock as k, createCommentVNode as C, createElementVNode as N, renderSlot as R, createTextVNode as V, toDisplayString as D } from "vue";
-import { R as E } from "./icon-svg-BU0OQFKH.js";
+import { R as E } from "./icon-svg-arye8CV8.js";
 import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/button.css';const w = ["id", "type", "disabled"], W = { class: "rds-e-btn__text" }, j = /* @__PURE__ */ x({
   __name: "button",

package/dist/components/checkbox.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as V, computed as r, ref as c, watch as _, onMounted as D, onBeforeUnmount as E, createElementBlock as L, openBlock as u, normalizeClass as d, createElementVNode as b, renderSlot as N, createTextVNode as R, createBlock as x, createCommentVNode as T, toDisplayString as q, withCtx as U, createVNode as z } from "vue";
-import { R as y } from "./icon-svg-BU0OQFKH.js";
+import { R as y } from "./icon-svg-arye8CV8.js";
 import I from "./tooltip.es.js";
 import { g as F } from "./getInstance-GhoEcxLF.js";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";

package/dist/components/collapsable.es.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-Bi5q6Y3n.js";
+import { _ as f } from "./collapsable.scss_vue_type_style_index_0_src_true_lang-C2ohjDhp.js";
 export {
   f as default
 };

package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-Bi5q6Y3n.js → collapsable.scss_vue_type_style_index_0_src_true_lang-C2ohjDhp.js}

@@ -1,5 +1,5 @@
 import { defineComponent as w, ref as d, computed as r, watch as f, nextTick as c, createElementBlock as B, openBlock as m, normalizeClass as i, createElementVNode as a, withKeys as C, createBlock as S, createCommentVNode as $, createVNode as I, toDisplayString as v, renderSlot as N, createTextVNode as V } from "vue";
-import { R as h } from "./icon-svg-BU0OQFKH.js";
+import { R as h } from "./icon-svg-arye8CV8.js";
 import './style/collapsable.css';const H = ["id", "aria-expanded", "aria-controls", "disabled"], x = { class: "rds-e-collapsable__header-title" }, D = { class: "rds-e-collapsable__header-title-text" }, E = ["id", "aria-labelledby"], W = /* @__PURE__ */ w({
   __name: "collapsable",
   props: {

package/dist/components/directAccess.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, toRefs as E, computed as o, createBlock as d, openBlock as l, resolveDynamicComponent as I, unref as t, normalizeClass as N, withCtx as O, renderSlot as u, createElementVNode as m, createCommentVNode as b, createElementBlock as T, normalizeStyle as w, toDisplayString as V } from "vue";
-import { R as S } from "./icon-svg-BU0OQFKH.js";
+import { R as S } from "./icon-svg-arye8CV8.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/directAccess.css';const A = { class: "rds-e-direct-access__artwork-container" }, M = ["src", "alt", "aria-hidden"], F = { class: "rds-e-direct-access__text-container" }, G = { class: "rds-e-direct-access__text" }, H = /* @__PURE__ */ j({
   __name: "direct-access",

package/dist/components/dragAndDrop.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, ref as _, computed as c, createElementBlock as b, openBlock as x, withModifiers as f, normalizeClass as q, createElementVNode as u, renderSlot as L, createVNode as M, createCommentVNode as z, toDisplayString as D } from "vue";
 import { g as A } from "./getInstance-GhoEcxLF.js";
-import { R as U } from "./icon-svg-BU0OQFKH.js";
+import { R as U } from "./icon-svg-arye8CV8.js";
 import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/dragAndDrop.css';const O = ["id", "accept", "multiple", "disabled"], P = ["for"], j = { class: "rds-e-drag-and-drop__icon-wrapper" }, G = { class: "rds-e-drag-and-drop__text-container" }, H = { class: "rds-e-drag-and-drop__text" }, J = {
   key: 0,

package/dist/components/dropdown.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as fe, mergeModels as J, toRefs as ve, useModel as ye, ref as D, computed as i, provide as U, onMounted as be, nextTick as F, onBeforeUnmount as we, createElementBlock as w, openBlock as u, normalizeClass as T, unref as a, createVNode as S, mergeProps as Q, withModifiers as n, createSlots as X, withCtx as d, createElementVNode as c, createCommentVNode as O, createBlock as K, renderSlot as v, Fragment as ge, toDisplayString as E } from "vue";
+import { defineComponent as me, mergeModels as J, toRefs as ve, useModel as ye, ref as D, computed as i, provide as _, onMounted as be, nextTick as F, onBeforeUnmount as we, createElementBlock as w, openBlock as u, normalizeClass as T, unref as a, createVNode as S, mergeProps as Q, withModifiers as r, createSlots as X, withCtx as d, createElementVNode as c, createCommentVNode as O, createBlock as K, renderSlot as v, Fragment as ge, toDisplayString as E } from "vue";
 import he from "./multiselect.es.js";
 import ke from "./checkbox.es.js";
 import { _ as $e } from "./radio-group.vue_vue_type_script_setup_true_lang-DpguLlRK.js";
 import Ce from "./radioButton.es.js";
-import { R as Y } from "./icon-svg-BU0OQFKH.js";
+import { R as Y } from "./icon-svg-arye8CV8.js";
 import Z from "./textField.es.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Ve = { class: "rds-e-dropdown__option--prepend" }, Be = { class: "rds-e-dropdown__option--content" }, Ae = {
+import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__option" }, xe = { class: "rds-e-dropdown__option-container" }, Be = { class: "rds-e-dropdown__option--prepend" }, Ve = { class: "rds-e-dropdown__option--content" }, Ae = {
   key: 0,
   class: "rds-e-dropdown__option-detail"
 }, Re = { key: 1 }, Fe = {
@@ -15,7 +15,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
 }, Te = { class: "rds-e-dropdown__before-list-container" }, Ee = {
   key: 1,
   class: "rds-e-dropdown__before-list"
-}, Le = { class: "rds-e-dropdown__before-list-container" }, Me = { class: "rds-e-dropdown__after-list" }, je = { class: "rds-e-dropdown__after-list-container" }, Ie = /* @__PURE__ */ fe({
+}, Le = { class: "rds-e-dropdown__before-list-container" }, Me = { class: "rds-e-dropdown__after-list" }, je = { class: "rds-e-dropdown__after-list-container" }, Ie = /* @__PURE__ */ me({
   __name: "dropdown",
   props: /* @__PURE__ */ J({
     /**
@@ -176,6 +176,13 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
     inverse: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Indica si el dropdown está en estado de carga.
+     */
+    loading: {
+      type: Boolean,
+      default: !1
     }
   }, {
     modelValue: {
@@ -191,13 +198,13 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       multiple: $,
       options: h,
       textOnly: j
-    } = ve(s), r = ye(o, "modelValue"), p = D([]), m = D(), y = D(), I = D(""), _ = D(!1);
-    let V = !1;
-    const te = () => {
-      _.value = !0;
-    }, le = i(() => {
+    } = ve(s), n = ye(o, "modelValue"), p = D([]), f = D(), y = D(), I = D(""), q = D(!1);
+    let B = !1;
+    const le = () => {
+      q.value = !0;
+    }, te = i(() => {
       var e;
-      return ((e = m.value) == null ? void 0 : e.isOpen) ?? !1;
+      return ((e = f.value) == null ? void 0 : e.isOpen) ?? !1;
     }), C = i(() => s.autocomplete && Object.keys(s.autocomplete).length > 0), oe = i(() => ({
       id: s.autocomplete.id || `autocomplete-${s.id}`,
       label: s.autocomplete.label || s.label,
@@ -210,40 +217,40 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       helperText: s.autocomplete.helperText ?? "",
       readonly: s.autocomplete.readonly ?? !1
     }));
-    U("registerDropdownFocusElement", (e) => {
+    _("registerDropdownFocusElement", (e) => {
       e && !p.value.includes(e) && p.value.push(e);
-    }), U("unregisterDropdownFocusElement", (e) => {
-      const t = p.value.findIndex((l) => l === e);
-      t > -1 && p.value.splice(t, 1);
-    }), U("isFocusWithinDropdown", (e) => {
-      const t = p.value.some((f) => f === e || f.contains(e)), l = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
-      return t || l;
+    }), _("unregisterDropdownFocusElement", (e) => {
+      const l = p.value.findIndex((t) => t === e);
+      l > -1 && p.value.splice(l, 1);
+    }), _("isFocusWithinDropdown", (e) => {
+      const l = p.value.some((m) => m === e || m.contains(e)), t = e.classList && (e.classList.contains("rds-e-dropdown__before-list") || e.closest(".rds-e-dropdown__before-list") || e.classList.contains("multiselect") || e.closest(".multiselect"));
+      return l || t;
     });
     const H = i({
-      get: () => r.value && typeof r.value == "object" && !Array.isArray(r.value) ? r.value.id : typeof r.value == "string" || typeof r.value == "number" ? r.value : null,
+      get: () => n.value && typeof n.value == "object" && !Array.isArray(n.value) ? n.value.id : typeof n.value == "string" || typeof n.value == "number" ? n.value : null,
       set: (e) => {
-        const t = h.value.find((l) => typeof l == "object" ? l.id === e : l === e);
-        r.value = t || null;
+        const l = h.value.find((t) => typeof t == "object" ? t.id === e : t === e);
+        n.value = l || null;
       }
-    }), se = i(() => (h.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), re = i(() => !$.value || s.closeOnSelect), q = i({
-      get: () => r.value ? s.multiple ? Array.isArray(r.value) ? r.value.length > M.value ? s.limitText(M.value) : r.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof r.value == "object" ? r.value.label : typeof r.value == "string" ? r.value : "" : "",
+    }), se = i(() => (h.value ?? []).every((e) => typeof e == "object" && (e == null ? void 0 : e.id) && (e == null ? void 0 : e.label))), ne = i(() => !$.value || s.closeOnSelect), N = i({
+      get: () => n.value ? s.multiple ? Array.isArray(n.value) ? n.value.length > M.value ? s.limitText(M.value) : n.value.map((e) => typeof e == "string" ? e : e.label).join(", ") : "" : typeof n.value == "object" ? n.value.label : typeof n.value == "string" ? n.value : "" : "",
       set: () => null
-    }), ne = i(() => ({
+    }), re = i(() => ({
       "rds-e-dropdown-input": !0,
       "rds-e-dropdown--disabled": x.value,
       "rds-e-dropdown--small": s.small
-    })), ae = i(() => s.openDirection !== "auto" ? s.openDirection : ""), N = i(() => {
+    })), ae = i(() => s.openDirection !== "auto" ? s.openDirection : ""), U = i(() => {
       const e = {};
       return se.value && Object.assign(e, {
         "track-by": "id",
         label: "label"
       }), e;
-    }), de = i(() => C.value && s.autocomplete.autocompleteFilter ? h.value.filter((e) => s.autocomplete.autocompleteFilter(e, I.value)) : h.value), B = (e) => {
-      if (r.value === e) return !0;
-      if (Array.isArray(r.value)) {
-        if (typeof e == "string") return r.value.includes(e);
-        if (N.value.label)
-          return r.value.some((t) => t.id === e.id);
+    }), de = i(() => C.value && s.autocomplete.autocompleteFilter ? h.value.filter((e) => s.autocomplete.autocompleteFilter(e, I.value)) : h.value), V = (e) => {
+      if (n.value === e) return !0;
+      if (Array.isArray(n.value)) {
+        if (typeof e == "string") return n.value.includes(e);
+        if (U.value.label)
+          return n.value.some((l) => l.id === e.id);
       }
       return !1;
     }, ie = (e) => {
@@ -258,50 +265,50 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       F(() => {
         if ($.value) {
           const e = h.value.filter(
-            (t) => B(t)
+            (l) => V(l)
           ) || [];
           k("change", e);
         } else {
           const e = h.value.find(
-            (t) => B(t)
+            (l) => V(l)
           );
           k("change", [e]);
         }
       });
     }, P = (e) => {
-      m.value.select(e), V = !0;
+      f.value.select(e), B = !0;
     }, A = () => {
-      m.value.activate();
+      f.value.activate();
     }, R = () => {
-      m.value.deactivate();
+      f.value.deactivate();
     }, W = () => {
-      m.value.toggle(), V = !0;
+      f.value.toggle(), B = !0;
     }, z = () => {
-      le.value ? R() : A();
-    }, me = () => {
-      C.value && y.value && (te(), A(), F(() => {
+      te.value ? R() : A();
+    }, fe = () => {
+      C.value && y.value && (le(), A(), F(() => {
         y.value.focus();
       }));
     }, G = (e) => {
-      var f, g;
-      if (V) {
-        V = !1;
+      var m, g;
+      if (B) {
+        B = !1;
         return;
       }
-      const t = e.target, l = !((g = (f = m.value) == null ? void 0 : f.$el) != null && g.contains(t));
-      if (_.value) {
-        const b = y.value && !y.value.$el.contains(t) && !t.closest(".rds-e-dropdown__before-list");
-        l && b && (_.value = !1, R());
-      } else l && R();
+      const l = e.target, t = !((g = (m = f.value) == null ? void 0 : m.$el) != null && g.contains(l));
+      if (q.value) {
+        const b = y.value && !y.value.$el.contains(l) && !l.closest(".rds-e-dropdown__before-list");
+        t && b && (q.value = !1, R());
+      } else t && R();
     };
     return be(() => {
       var e;
-      (e = m.value) != null && e.$el && p.value.push(m.value.$el), F(() => {
-        var t;
-        if (C.value && ((t = y.value) != null && t.$el)) {
+      (e = f.value) != null && e.$el && p.value.push(f.value.$el), F(() => {
+        var l;
+        if (C.value && ((l = y.value) != null && l.$el)) {
           p.value.push(y.value.$el);
-          const l = y.value.$el.closest(".rds-e-dropdown__before-list");
-          l && !p.value.includes(l) && p.value.push(l);
+          const t = y.value.$el.closest(".rds-e-dropdown__before-list");
+          t && !p.value.includes(t) && p.value.push(t);
         }
       }), document.addEventListener("click", G);
     }), we(() => {
@@ -315,7 +322,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
        * Cierra el dropdown
        */
       deactivate: R
-    }), (e, t) => (u(), w("div", {
+    }), (e, l) => (u(), w("div", {
       class: T(["rds-e-dropdown", {
         "rds-e-dropdown--text-only": a(j),
         "rds-e-dropdown--inverse": o.inverse
@@ -323,12 +330,12 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
     }, [
       S(he, Q({
         ref_key: "multiselect",
-        ref: m,
-        modelValue: r.value,
-        "onUpdate:modelValue": t[12] || (t[12] = (l) => r.value = l),
-        class: ne.value,
+        ref: f,
+        modelValue: n.value,
+        "onUpdate:modelValue": l[12] || (l[12] = (t) => n.value = t),
+        class: re.value,
         options: de.value,
-        "close-on-select": re.value,
+        "close-on-select": ne.value,
         "show-labels": !1,
         disabled: a(x),
         multiple: a($),
@@ -338,53 +345,54 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
         "open-direction": ae.value,
         limit: a(M),
         "limit-text": o.limitText
-      }, N.value, {
+      }, U.value, {
         "append-to-body": o.appendToBody,
         "text-only": a(j),
         onOpen: ie,
         onClose: ue,
         onSelect: ce,
         "onUpdate:modelValue": pe,
-        onFocus: t[13] || (t[13] = n(() => A(), ["prevent"])),
-        onBlur: n(() => null, ["prevent"])
+        onFocus: l[13] || (l[13] = r(() => A(), ["prevent"])),
+        onBlur: r(() => null, ["prevent"])
       }), X({
-        selection: d(({ isOpen: l }) => [
+        selection: d(({ isOpen: t }) => [
           a(j) ? (u(), w("div", {
             key: 0,
             id: `multiselect-dropdown-${o.id}`,
             class: T([o.customTriggerClass, "rds-e-dropdown__text-only"]),
-            onMousedown: n(z, ["prevent", "stop"])
+            onMousedown: r(z, ["prevent", "stop"])
           }, [
-            c("span", null, E(q.value || o.label), 1),
+            c("span", null, E(N.value || o.label), 1),
             S(a(Y), {
               name: "arrow_down",
               "aria-hidden": "true",
               class: T(["rds-e-dropdown__input-caret", {
-                "rds-e-dropdown__input-caret--open": l
+                "rds-e-dropdown__input-caret--open": t
               }]),
-              onMousedown: n(z, ["prevent", "stop"])
+              onMousedown: r(z, ["prevent", "stop"])
             }, null, 8, ["class"])
           ], 42, Se)) : (u(), K(a(Z), {
             key: 1,
             id: `multiselect-dropdown-${o.id}`,
-            modelValue: q.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (f) => q.value = f),
+            modelValue: N.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (m) => N.value = m),
             class: "rds-e-dropdown__input",
             label: o.label,
             error: o.error,
             helper: o.helper,
             "helper-text": o.helperText,
+            loading: o.loading,
             readonly: "",
-            onMousedown: n(W, ["prevent"])
+            onMousedown: r(W, ["prevent"])
           }, X({
             "right-icon": d(() => [
               S(a(Y), {
                 name: "arrow_down",
                 "aria-hidden": "true",
                 class: T(["rds-e-dropdown__input-caret", {
-                  "rds-e-dropdown__input-caret--open": l
+                  "rds-e-dropdown__input-caret--open": t
                 }]),
-                onMousedown: n(W, ["prevent", "stop"])
+                onMousedown: r(W, ["prevent", "stop"])
               }, null, 8, ["class"])
             ]),
             _: 2
@@ -396,57 +404,57 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["id", "modelValue", "label", "error", "helper", "helper-text"]))
+          ]), 1032, ["id", "modelValue", "label", "error", "helper", "helper-text", "loading"]))
         ]),
         placeholder: d(() => [
-          t[14] || (t[14] = c("span", null, null, -1))
+          l[14] || (l[14] = c("span", null, null, -1))
         ]),
-        option: d(({ option: l, search: f, index: g }) => [
+        option: d(({ option: t, search: m, index: g }) => [
           c("div", Oe, [
             c("div", xe, [
-              c("div", Ve, [
+              c("div", Be, [
                 a($) ? (u(), K(a(ke), {
                   key: 0,
-                  id: `${g}-${l.id}`,
+                  id: `${g}-${t.id}`,
                   small: o.small,
-                  "is-checked": B(l),
-                  disabled: a(x) || (l == null ? void 0 : l.$isDisabled) || !1,
-                  onClick: n((b) => P(l), ["prevent", "stop"])
+                  "is-checked": V(t),
+                  disabled: a(x) || (t == null ? void 0 : t.$isDisabled) || !1,
+                  onClick: r((b) => P(t), ["prevent", "stop"])
                 }, null, 8, ["id", "small", "is-checked", "disabled", "onClick"])) : !a($) && o.showRadio ? (u(), K(a($e), {
                   key: 1,
                   modelValue: H.value,
-                  "onUpdate:modelValue": t[1] || (t[1] = (b) => H.value = b),
+                  "onUpdate:modelValue": l[1] || (l[1] = (b) => H.value = b),
                   "group-name": `group-${o.id}`
                 }, {
                   default: d(() => [
                     S(a(Ce), {
-                      id: `${g}-${typeof l == "object" ? l.id : g}`,
+                      id: `${g}-${typeof t == "object" ? t.id : g}`,
                       small: o.small,
-                      option: typeof l == "object" ? l.id : l,
-                      checked: B(l),
-                      disabled: a(x) || (l == null ? void 0 : l.$isDisabled) || !1,
-                      onClick: n((b) => P(l), ["prevent", "stop"])
+                      option: typeof t == "object" ? t.id : t,
+                      checked: V(t),
+                      disabled: a(x) || (t == null ? void 0 : t.$isDisabled) || !1,
+                      onClick: r((b) => P(t), ["prevent", "stop"])
                     }, null, 8, ["id", "small", "option", "checked", "disabled", "onClick"])
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "group-name"])) : O("", !0)
               ]),
-              c("div", Be, [
-                v(e.$slots, "singleLabel", { option: l }, () => {
+              c("div", Ve, [
+                v(e.$slots, "singleLabel", { option: t }, () => {
                   var b;
                   return [
-                    (b = N.value) != null && b.label ? (u(), w(ge, { key: 0 }, [
-                      c("span", null, E(l.label), 1),
-                      l != null && l.detail ? (u(), w("span", Ae, E(l.detail), 1)) : O("", !0)
-                    ], 64)) : (u(), w("span", Re, E(l), 1))
+                    (b = U.value) != null && b.label ? (u(), w(ge, { key: 0 }, [
+                      c("span", null, E(t.label), 1),
+                      t != null && t.detail ? (u(), w("span", Ae, E(t.detail), 1)) : O("", !0)
+                    ], 64)) : (u(), w("span", Re, E(t), 1))
                   ];
                 }, !0)
               ])
             ]),
             e.$slots.optionAppend ? (u(), w("div", Fe, [
               v(e.$slots, "optionAppend", {
-                option: l,
-                search: f,
+                option: t,
+                search: m,
                 index: g
               }, void 0, !0)
             ])) : O("", !0)
@@ -470,8 +478,8 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
         } : void 0,
         e.$slots.noResult ? {
           name: "noResult",
-          fn: d(({ search: l }) => [
-            v(e.$slots, "noResult", { search: l }, void 0, !0)
+          fn: d(({ search: t }) => [
+            v(e.$slots, "noResult", { search: t }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
@@ -488,20 +496,20 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
             C.value ? (u(), w("div", {
               key: 0,
               class: "rds-e-dropdown__before-list",
-              onMousedown: t[5] || (t[5] = n(() => {
+              onMousedown: l[5] || (l[5] = r(() => {
               }, ["stop"])),
-              onClick: n(me, ["stop"]),
-              onBlur: t[6] || (t[6] = n(() => {
+              onClick: r(fe, ["stop"]),
+              onBlur: l[6] || (l[6] = r(() => {
               }, ["stop"])),
-              onFocus: t[7] || (t[7] = n(() => {
+              onFocus: l[7] || (l[7] = r(() => {
               }, ["stop"])),
-              onKeydown: t[8] || (t[8] = n(() => {
+              onKeydown: l[8] || (l[8] = r(() => {
               }, ["stop"])),
-              onKeyup: t[9] || (t[9] = n(() => {
+              onKeyup: l[9] || (l[9] = r(() => {
               }, ["stop"])),
-              onKeypress: t[10] || (t[10] = n(() => {
+              onKeypress: l[10] || (l[10] = r(() => {
               }, ["stop"])),
-              onChange: t[11] || (t[11] = n(() => {
+              onChange: l[11] || (l[11] = r(() => {
               }, ["stop"]))
             }, [
               c("div", Te, [
@@ -509,12 +517,12 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
                   ref_key: "textFieldInput",
                   ref: y,
                   modelValue: I.value,
-                  "onUpdate:modelValue": t[2] || (t[2] = (l) => I.value = l)
+                  "onUpdate:modelValue": l[2] || (l[2] = (t) => I.value = t)
                 }, oe.value, {
                   "full-width": "",
-                  onMousedown: t[3] || (t[3] = n(() => {
+                  onMousedown: l[3] || (l[3] = r(() => {
                   }, ["stop", "prevent"])),
-                  onFocus: t[4] || (t[4] = n(() => {
+                  onFocus: l[4] || (l[4] = r(() => {
                   }, ["stop"]))
                 }), null, 16, ["modelValue"])
               ])
@@ -541,7 +549,7 @@ import './style/dropdown.css';const Se = ["id"], Oe = { class: "rds-e-dropdown__
       ]), 1040, ["modelValue", "class", "options", "close-on-select", "disabled", "multiple", "max-height", "small", "open-direction", "limit", "limit-text", "append-to-body", "text-only"])
     ], 2));
   }
-}), ze = /* @__PURE__ */ De(Ie, [["__scopeId", "data-v-571e3275"]]);
+}), ze = /* @__PURE__ */ De(Ie, [["__scopeId", "data-v-e408ffba"]]);
 export {
   ze as default
 };

package/dist/components/fileUploadItem.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as M, ref as N, computed as c, createElementBlock as l, openBlock as o, normalizeClass as $, createElementVNode as r, renderSlot as v, createVNode as p, createCommentVNode as n, toDisplayString as m, withModifiers as I } from "vue";
-import { R as g } from "./icon-svg-BU0OQFKH.js";
+import { R as g } from "./icon-svg-arye8CV8.js";
 import z from "./progressBar.es.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/fileUploadItem.css';const R = ["id"], w = { class: "rds-e-file-upload-item__icon-container" }, E = { class: "rds-e-file-upload-item__details" }, F = { class: "rds-e-file-upload-item__info-wrapper" }, x = { class: "rds-e-file-upload-item__name" }, D = {

package/dist/components/filterChip.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as g, ref as b, computed as s, createElementBlock as a, openBlock as l, normalizeClass as y, createCommentVNode as r, createElementVNode as k, createBlock as c, toDisplayString as n } from "vue";
-import { R as o } from "./icon-svg-BU0OQFKH.js";
+import { R as o } from "./icon-svg-arye8CV8.js";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterChip.css';const _ = ["id", "disabled"], I = {
   key: 0,

package/dist/components/filterTag.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as u, ref as m, createElementBlock as b, openBlock as g, withKeys as s, normalizeClass as v, createElementVNode as x, createVNode as p, toDisplayString as y, withModifiers as l } from "vue";
-import { R as S } from "./icon-svg-BU0OQFKH.js";
+import { R as S } from "./icon-svg-arye8CV8.js";
 import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/filterTag.css';const w = ["id", "aria-disabled", "tabindex"], _ = { class: "rds-e-filter-tag__text" }, k = /* @__PURE__ */ u({
   __name: "filter-tag",