energy-components 1.6.0-beta.1 → 1.7.0

package/dist/components/multiselectcontentwrapper.es.js

@@ -0,0 +1,140 @@
+import { openBlock as o, createElementBlock as c, normalizeClass as m, withModifiers as u, normalizeStyle as b, createElementVNode as a, renderSlot as i, createTextVNode as g, toDisplayString as h, createCommentVNode as r, Fragment as S, renderList as y, withDirectives as _, vShow as f } from "vue";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/multiselectcontentwrapper.css';const w = {
+  name: "MultiselectContentWrapper",
+  props: {
+    teleported: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: [String, Number],
+      default: () => `multiselect-${Date.now()}-${Math.floor(Math.random() * 1e3)}`
+      // Valor por defecto único
+    },
+    multiple: Boolean,
+    max: [Number, Boolean],
+    internalValue: Array,
+    filteredOptions: Array,
+    isSelected: Function,
+    optionHighlight: Function,
+    select: Function,
+    pointerSet: Function,
+    selectLabelText: String,
+    selectedLabelText: String,
+    deselectLabelText: String,
+    tagPlaceholder: String,
+    groupSelect: Boolean,
+    selectGroupLabelText: String,
+    deselectGroupLabelText: String,
+    getOptionLabel: Function,
+    groupHighlight: Function,
+    selectGroup: Function,
+    options: Array,
+    hasOptionGroup: Boolean,
+    search: String,
+    loading: Boolean,
+    showNoResults: Boolean,
+    showNoOptions: Boolean,
+    small: Boolean,
+    contentStyle: Object,
+    customStyle: Object
+  },
+  emits: ["focus"]
+}, O = ["id", "aria-multiselectable"], M = { key: 0 }, v = { class: "multiselect__option" }, T = ["aria-selected", "id", "role"], x = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], B = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], F = { class: "multiselect__option" }, N = { class: "multiselect__option" };
+function k(l, n, e, G, C, D) {
+  return o(), c("div", {
+    class: m([
+      "multiselect__content-wrapper",
+      { "multiselect__content-wrapper--small": e.small },
+      e.teleported ? "multiselect__content-wrapper--teleported" : ""
+    ]),
+    onFocus: n[0] || (n[0] = (t) => l.$emit("focus")),
+    tabindex: "-1",
+    onMousedown: n[1] || (n[1] = u(() => {
+    }, ["prevent"])),
+    style: b(e.customStyle),
+    ref: "wrapper"
+  }, [
+    a("ul", {
+      class: "multiselect__content",
+      style: b(e.contentStyle),
+      role: "listbox",
+      id: "listbox-" + (e.teleported ? "teleported-" : "") + e.id,
+      "aria-multiselectable": e.multiple
+    }, [
+      i(l.$slots, "beforeList", {}, void 0, !0),
+      e.multiple && e.max === e.internalValue.length ? (o(), c("li", M, [
+        a("span", v, [
+          i(l.$slots, "maxElements", {}, () => [
+            g("Maximum of " + h(e.max) + " options selected. First remove a selected option to select another.", 1)
+          ], !0)
+        ])
+      ])) : r("", !0),
+      !e.max || e.internalValue.length < e.max ? (o(!0), c(S, { key: 1 }, y(e.filteredOptions, (t, s) => (o(), c("li", {
+        class: "multiselect__element",
+        key: s,
+        "aria-selected": e.isSelected(t),
+        id: e.id + "-" + s,
+        role: t && (t.$isLabel || t.$isDisabled) ? null : "option"
+      }, [
+        t && (t.$isLabel || t.$isDisabled) ? r("", !0) : (o(), c("span", {
+          key: 0,
+          class: m([e.optionHighlight(s, t), "multiselect__option"]),
+          onClick: u((d) => e.select(t), ["stop"]),
+          onMouseenter: u((d) => e.pointerSet(s), ["self"]),
+          "data-select": t && t.isTag ? e.tagPlaceholder : e.selectLabelText,
+          "data-selected": e.selectedLabelText,
+          "data-deselect": e.deselectLabelText
+        }, [
+          i(l.$slots, "option", {
+            option: t,
+            search: e.search,
+            index: s
+          }, () => [
+            a("span", null, h(e.getOptionLabel(t)), 1)
+          ], !0)
+        ], 42, x)),
+        t && (t.$isLabel || t.$isDisabled) ? (o(), c("span", {
+          key: 1,
+          "data-select": e.groupSelect && e.selectGroupLabelText,
+          "data-deselect": e.groupSelect && e.deselectGroupLabelText,
+          class: m([e.groupHighlight(s, t), "multiselect__option"]),
+          onMouseenter: u((d) => e.groupSelect && e.pointerSet(s), ["self"]),
+          onMousedown: u((d) => e.selectGroup(t), ["prevent"])
+        }, [
+          i(l.$slots, "option", {
+            option: t,
+            search: e.search,
+            index: s
+          }, () => [
+            a("span", null, h(e.getOptionLabel(t)), 1)
+          ], !0)
+        ], 42, B)) : r("", !0)
+      ], 8, T))), 128)) : r("", !0),
+      _(a("li", null, [
+        a("span", F, [
+          i(l.$slots, "noResult", { search: e.search }, () => [
+            n[2] || (n[2] = g("No elements found. Consider changing the search query."))
+          ], !0)
+        ])
+      ], 512), [
+        [f, e.showNoResults && e.filteredOptions.length === 0 && e.search && !e.loading]
+      ]),
+      _(a("li", null, [
+        a("span", N, [
+          i(l.$slots, "noOptions", {}, () => [
+            n[3] || (n[3] = g("List is empty."))
+          ], !0)
+        ])
+      ], 512), [
+        [f, e.showNoOptions && (e.options.length === 0 || e.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !e.loading]
+      ]),
+      i(l.$slots, "afterList", {}, void 0, !0)
+    ], 12, O)
+  ], 38);
+}
+const A = /* @__PURE__ */ L(w, [["render", k], ["__scopeId", "data-v-b87add6b"]]);
+export {
+  A as default
+};

package/dist/components/pagination.es.js

@@ -1,160 +1,203 @@
-import { defineComponent as L, toRefs as S, ref as k, computed as s, watchEffect as j, onMounted as w, openBlock as o, createElementBlock as m, createElementVNode as d, createBlock as h, createCommentVNode as f, createVNode as P, Fragment as D, renderList as F, toDisplayString as b, unref as R } from "vue";
-import g from "./actionButton.es.js";
-import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/pagination.css';const V = { class: "rds-e-pagination-container rds-flex" }, q = { class: "rds-e-pagination" }, A = {
+import { defineComponent as j, toRefs as V, ref as A, computed as u, onBeforeMount as T, openBlock as o, createElementBlock as g, createElementVNode as f, createBlock as C, createCommentVNode as h, createVNode as P, Fragment as U, renderList as z, toDisplayString as k, unref as G } from "vue";
+import c from "./actionButton.es.js";
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/pagination.css';const J = { class: "rds-e-pagination-container rds-flex" }, K = { class: "rds-e-pagination" }, O = {
   key: 0,
   class: "rds-e-pagination-leyend"
-}, O = /* @__PURE__ */ L({
+}, Q = /* @__PURE__ */ j({
   __name: "pagination",
   props: {
     /**
-     * La página actual que se está visualizando.
+     * La página actual que se está visualizando. Usada para inicializar el componente.
      */
     currentPage: {
       type: Number,
       required: !0
     },
     /**
-     * Habilita la opción de "saltar" a una página específica de la paginación.
+     * Habilita los botones para "saltar" a la primera y última página.
      */
     jumpTo: {
       type: Boolean,
       default: !1
     },
     /**
-     * Marca la paginación como seleccionada.
-     */
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Ocultar la leyenda de paginación
+     * Oculta la leyenda "Mostrando resultados X-Y de Z".
+     * Solo tiene efecto si se usa la prop `totalItems`.
      */
     hideLeyend: {
       type: Boolean,
       default: !1
     },
     /**
-     * El número total de items
+     * El número total de items a paginar.
+     * Requerido si no se proporciona `totalPages`. Habilita la leyenda.
      */
     totalItems: {
       type: Number,
-      required: !0
+      required: !1,
+      default: void 0
     },
     /**
-     * Items por página
+     * Número de items a mostrar por página.
+     * Usado para calcular el total de páginas (si se usa `totalItems`) y el offset/end en el evento.
      */
     itemsPerPage: {
       type: Number,
       default: 10
+    },
+    /**
+     * El número total de páginas.
+     * Usado como fallback si `totalItems` no se proporciona.
+     */
+    totalPages: {
+      type: Number,
+      required: !1,
+      default: void 0
+    },
+    /**
+     * Controla si el número de la página activa se resalta visualmente.
+     * El resaltado requiere que esta prop sea true.
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Desactiva el evento por defecto de la paginación al cargar el componente.
+     * Si se desactiva, la carga de datos debe manejarse manualmente la primera vez que se carga el componente.
+     */
+    disableFirstLoad: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["pageChanged"],
-  setup(u, { expose: _, emit: x }) {
-    const n = u, B = x, {
-      itemsPerPage: p,
-      totalItems: C
-    } = S(n), I = k(!0), l = k(n.currentPage), N = s(() => (n.currentPage - 1) * n.itemsPerPage + 1), $ = s(() => {
-      const a = n.currentPage * n.itemsPerPage;
-      return a > n.totalItems ? n.totalItems : a;
-    }), r = s(() => Math.ceil(n.totalItems / n.itemsPerPage)), v = s(() => n.currentPage === 1), c = s(() => n.currentPage === r.value), M = s(() => {
-      const a = [], t = n.currentPage;
-      if (t === 1)
-        for (let e = 1; e <= Math.min(3, r.value); e++)
-          a.push(e);
-      else if (t === r.value)
-        for (let e = Math.max(1, r.value - 2); e <= r.value; e++)
-          a.push(e);
-      else
-        a.push(t - 1, t, t + 1);
-      return a;
-    }), E = (a) => {
-      "navigator" in a && (a.navigator === "next" && !c.value && (l.value = l.value + 1), a.navigator === "prev" && !v.value && (l.value = l.value - 1), a.navigator === "first" && !v.value && (l.value = 1), a.navigator === "last" && !c.value && (l.value = r.value)), "page" in a && a.page !== void 0 && (l.value = a.page);
-    }, i = (a = {}, t = !1) => {
-      E(a);
-      let e = 0;
-      l.value > 1 && (e = (l.value - 1) * p.value);
-      const y = e + p.value;
-      B("pageChanged", {
-        ...a,
-        page: l.value,
-        offset: e,
-        end: y,
-        limit: p,
-        reset: t
-      });
+  setup(p, { expose: N, emit: w }) {
+    const m = p, L = w, {
+      itemsPerPage: v,
+      totalItems: e,
+      totalPages: r,
+      hideLeyend: M,
+      disableFirstLoad: S
+    } = V(m), l = A(m.currentPage), d = u(() => typeof (e == null ? void 0 : e.value) == "number" && e.value >= 0), b = u(() => d.value && typeof (e == null ? void 0 : e.value) == "number" ? e.value <= 0 || v.value <= 0 ? 1 : Math.ceil(e.value / v.value) : typeof (r == null ? void 0 : r.value) == "number" && r.value > 0 ? r.value : (typeof (r == null ? void 0 : r.value) > "u" && typeof (e == null ? void 0 : e.value) > "u" && console.warn("[RDSPagination] Props `totalItems` o `totalPages` son requeridas."), 1)), $ = u(() => d.value && !M.value && typeof (e == null ? void 0 : e.value) == "number" && e.value > 0), F = u(() => !d.value || typeof (e == null ? void 0 : e.value) != "number" || e.value === 0 ? 0 : (l.value - 1) * v.value + 1), q = u(() => {
+      if (!d.value || typeof (e == null ? void 0 : e.value) != "number") return 0;
+      const t = l.value * v.value;
+      return Math.min(t, e.value);
+    }), _ = u(() => l.value === 1), B = u(() => l.value === b.value), D = u(() => {
+      const t = [], a = b.value, n = l.value;
+      if (a <= 3)
+        for (let i = 1; i <= a; i++)
+          t.push(i);
+      else n === 1 ? t.push(1, 2, Math.min(3, a)) : n === a ? t.push(Math.max(1, a - 2), a - 1, a) : t.push(n - 1, n, n + 1);
+      return [...new Set(t)].filter((i) => i >= 1 && i <= a);
+    }), E = (t) => {
+      let a = l.value;
+      const n = b.value;
+      if ("navigator" in t)
+        switch (t.navigator) {
+          case "next":
+            l.value < n && (a = l.value + 1);
+            break;
+          case "prev":
+            l.value > 1 && (a = l.value - 1);
+            break;
+          case "first":
+            l.value !== 1 && (a = 1);
+            break;
+          case "last":
+            l.value !== n && (a = n);
+            break;
+        }
+      else "page" in t && typeof t.page == "number" && t.page >= 1 && t.page <= n && t.page !== l.value && (a = t.page);
+      return a !== l.value ? (l.value = a, !0) : !1;
+    }, s = (t, a = !1) => {
+      if (E(t) || a) {
+        const i = v.value, y = (l.value - 1) * i;
+        let x = y + i;
+        d.value && typeof (e == null ? void 0 : e.value) == "number" && (x = Math.min(y + i, e.value));
+        const R = {
+          ...t,
+          page: l.value,
+          offset: y,
+          limit: i,
+          end: x,
+          reset: a || void 0
+        };
+        L("pageChanged", R);
+      }
     };
-    return _({
-      resetPagination: () => i({ page: 1 }, !0)
-    }), j(() => {
-      n.currentPage === r.value && (I.value = !1);
-    }), w(() => {
-      i();
-    }), (a, t) => (o(), m("div", V, [
-      d("ul", q, [
-        d("li", null, [
-          u.jumpTo ? (o(), h(g, {
+    return T(() => {
+      S.value || s({ navigator: "first", page: 1 });
+    }), N({
+      /** Resetea la paginación a la primera página y emite el evento pageChanged. */
+      resetPagination: () => {
+        l.value !== 1 && s({ page: 1 }, !0);
+      }
+    }), (t, a) => (o(), g("div", J, [
+      f("ul", K, [
+        f("li", null, [
+          p.jumpTo ? (o(), C(c, {
             key: 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "back",
             "aria-label": "First Page",
-            disabled: v.value,
-            onClick: t[0] || (t[0] = (e) => i({ navigator: "first" }))
-          }, null, 8, ["disabled"])) : f("", !0)
+            disabled: _.value,
+            onClick: a[0] || (a[0] = (n) => s({ navigator: "first" }))
+          }, null, 8, ["disabled"])) : h("", !0)
         ]),
-        d("li", null, [
-          P(g, {
+        f("li", null, [
+          P(c, {
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "arrow_left",
             "aria-label": "Prev page",
-            disabled: v.value,
-            onClick: t[1] || (t[1] = (e) => i({ navigator: "prev" }))
+            disabled: _.value,
+            onClick: a[1] || (a[1] = (n) => s({ navigator: "prev" }))
           }, null, 8, ["disabled"])
         ]),
-        (o(!0), m(D, null, F(M.value, (e) => (o(), m("li", { key: e }, [
-          P(g, {
+        (o(!0), g(U, null, z(D.value, (n) => (o(), g("li", { key: n }, [
+          P(c, {
             class: "rds-e-pagination__item",
-            variant: e === u.currentPage ? "primary" : "ghost",
+            variant: n === l.value && m.selected ? "primary" : "ghost",
             small: "",
-            text: String(e),
+            text: String(n),
             icon: "",
-            "aria-label": `page number ${e}`,
-            onClick: (y) => i({ page: e })
+            "aria-label": `page number ${n}`,
+            onClick: (i) => s({ page: n })
           }, null, 8, ["variant", "text", "aria-label", "onClick"])
         ]))), 128)),
-        d("li", null, [
-          P(g, {
+        f("li", null, [
+          P(c, {
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             icon: "arrow_right",
             small: "",
             "aria-label": "next page",
-            disabled: c.value,
-            onClick: t[2] || (t[2] = (e) => i({ navigator: "next" }))
+            disabled: B.value,
+            onClick: a[2] || (a[2] = (n) => s({ navigator: "next" }))
           }, null, 8, ["disabled"])
         ]),
-        d("li", null, [
-          u.jumpTo ? (o(), h(g, {
+        f("li", null, [
+          p.jumpTo ? (o(), C(c, {
             key: 0,
             class: "rds-e-pagination__actionBtn",
             variant: "ghost",
             small: "",
             icon: "last",
             "aria-label": "last page",
-            disabled: c.value,
-            onClick: t[3] || (t[3] = (e) => i({ navigator: "last" }))
-          }, null, 8, ["disabled"])) : f("", !0)
+            disabled: B.value,
+            onClick: a[3] || (a[3] = (n) => s({ navigator: "last" }))
+          }, null, 8, ["disabled"])) : h("", !0)
         ])
       ]),
-      u.hideLeyend ? f("", !0) : (o(), m("p", A, " Mostrando resultados " + b(N.value) + "-" + b($.value) + " de " + b(R(C)), 1))
+      $.value ? (o(), g("p", O, " Mostrando resultados " + k(F.value) + "-" + k(q.value) + " de " + k(G(e)), 1)) : h("", !0)
     ]));
   }
-}), J = /* @__PURE__ */ T(O, [["__scopeId", "data-v-d95e9a0a"]]);
+}), Z = /* @__PURE__ */ H(Q, [["__scopeId", "data-v-78eeeb8a"]]);
 export {
-  J as default
+  Z as default
 };

package/dist/components/persistentToast.es.js

@@ -1,10 +1,10 @@
 import { defineComponent as v, toRefs as y, computed as g, openBlock as t, createElementBlock as s, normalizeClass as h, createElementVNode as i, createVNode as a, createCommentVNode as o, toDisplayString as c, renderSlot as l } from "vue";
-import { I as d } from "./icon-svg-pUb3-FXk.js";
+import { R as d } from "./icon-svg-BmDOQ0kL.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/persistentToast.css';const $ = { class: "alert" }, C = {
+import './style/persistentToast.css';const $ = { class: "alert" }, S = {
   key: 0,
   class: "rds-e-persistent-toast__custom-icon-block"
-}, S = { class: "rds-e-persistent-toast__wrapper" }, q = { class: "rds-e-persistent-toast__title__wrapper" }, w = {
+}, C = { class: "rds-e-persistent-toast__wrapper" }, q = { class: "rds-e-persistent-toast__title__wrapper" }, w = {
   key: 0,
   class: "rds-e-persistent-toast__title rds-mb-03"
 }, b = {
@@ -16,7 +16,7 @@ import './style/persistentToast.css';const $ = { class: "alert" }, C = {
 }, B = {
   key: 0,
   class: "rds-e-persistent-toast__action-section"
-}, I = /* @__PURE__ */ v({
+}, N = /* @__PURE__ */ v({
   __name: "persistent-toast",
   props: {
     /**
@@ -92,19 +92,19 @@ import './style/persistentToast.css';const $ = { class: "alert" }, C = {
     ), f = () => {
       m("onCloseToastAction");
     };
-    return (n, N) => (t(), s("div", {
+    return (n, R) => (t(), s("div", {
       class: h(["rds-e-persistent-toast", p.value]),
       role: "alert"
     }, [
       i("div", $, [
-        e.icon ? (t(), s("div", C, [
+        e.icon ? (t(), s("div", S, [
           a(d, {
             name: e.icon,
             class: "rds-e-persistent-toast__custom-icon",
             "aria-hidden": "true"
           }, null, 8, ["name"])
         ])) : o("", !0),
-        i("div", S, [
+        i("div", C, [
           i("div", q, [
             e.title ? (t(), s("div", w, c(e.title), 1)) : o("", !0),
             e.message && !n.$slots["content-section"] ? (t(), s("p", b, c(e.message), 1)) : o("", !0),
@@ -130,7 +130,7 @@ import './style/persistentToast.css';const $ = { class: "alert" }, C = {
       ])) : o("", !0)
     ], 2));
   }
-}), z = /* @__PURE__ */ k(I, [["__scopeId", "data-v-9599464c"]]);
+}), E = /* @__PURE__ */ k(N, [["__scopeId", "data-v-9599464c"]]);
 export {
-  z as default
+  E as default
 };

package/dist/components/quantitySelector.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as I, mergeModels as c, useModel as V, ref as i, openBlock as w, createElementBlock as B, normalizeClass as r, createElementVNode as o, createVNode as m, withDirectives as f, vShow as v, vModelText as b } from "vue";
-import { I as y } from "./icon-svg-pUb3-FXk.js";
-import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/quantitySelector.css';const D = ["disabled"], M = ["disabled"], S = ["disabled"], x = ["disabled"], z = /* @__PURE__ */ I({
+import { defineComponent as V, mergeModels as c, useModel as w, ref as i, openBlock as B, createElementBlock as I, normalizeClass as r, createElementVNode as o, createVNode as m, withDirectives as f, vShow as v, vModelText as b } from "vue";
+import { R as y } from "./icon-svg-BmDOQ0kL.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/quantitySelector.css';const _ = ["disabled"], M = ["disabled"], S = ["disabled"], x = ["disabled"], R = /* @__PURE__ */ V({
   __name: "quantity-selector",
   props: /* @__PURE__ */ c({
     /**
@@ -52,7 +52,7 @@ import './style/quantitySelector.css';const D = ["disabled"], M = ["disabled"],
   }),
   emits: /* @__PURE__ */ c(["onClickPlus", "onClickMinus", "onChange", "onDelete"], ["update:modelValue"]),
   setup(l, { emit: p }) {
-    const h = l, n = p, e = V(l, "modelValue"), s = i(!1), u = i(null), k = i(null), C = () => {
+    const h = l, n = p, e = w(l, "modelValue"), s = i(!1), u = i(null), k = i(null), C = () => {
       e.value < 99 && (e.value++, n("onChange", e.value)), n("onClickPlus");
     }, q = () => {
       h.deleteButton && e.value !== 0 ? (n("onDelete"), e.value = 0, n("onChange", e.value)) : e.value > 0 && (e.value--, n("onChange", e.value)), n("onClickMinus");
@@ -66,7 +66,7 @@ import './style/quantitySelector.css';const D = ["disabled"], M = ["disabled"],
       }
       s.value = !1;
     };
-    return (t, a) => (w(), B("div", {
+    return (t, a) => (B(), I("div", {
       class: r(["rds-e-quantity-selector", {
         "rds-e-quantity-selector--disabled": l.disabled,
         "rds-e-quantity-selector--small": l.size === "small",
@@ -84,7 +84,7 @@ import './style/quantitySelector.css';const D = ["disabled"], M = ["disabled"],
         m(y, {
           name: l.deleteButton && e.value !== 0 ? "delete" : "minus"
         }, null, 8, ["name"])
-      ], 10, D),
+      ], 10, _),
       f(o("input", {
         ref_key: "mainInput",
         ref: k,
@@ -137,7 +137,7 @@ import './style/quantitySelector.css';const D = ["disabled"], M = ["disabled"],
       ], 10, x)
     ], 2));
   }
-}), P = /* @__PURE__ */ _(z, [["__scopeId", "data-v-e9c62df7"]]);
+}), A = /* @__PURE__ */ D(R, [["__scopeId", "data-v-e9c62df7"]]);
 export {
-  P as default
+  A as default
 };

package/dist/components/radioButton.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
-import { I as C } from "./icon-svg-pUb3-FXk.js";
-import { g as I } from "./getInstance-GhoEcxLF.js";
-import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ R({
+import { defineComponent as B, ref as f, computed as m, inject as i, onMounted as _, onBeforeUnmount as D, openBlock as r, createElementBlock as b, normalizeClass as n, createElementVNode as v, unref as E, toDisplayString as N, createCommentVNode as w, createBlock as x } from "vue";
+import { R as C } from "./icon-svg-BmDOQ0kL.js";
+import { g as G } from "./getInstance-GhoEcxLF.js";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "checked"], $ = ["for"], j = /* @__PURE__ */ B({
   __name: "radio-button",
   props: {
     /**
@@ -50,17 +50,17 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
     }
   },
   setup(e) {
-    const o = e, d = f(!1), t = f(!1), y = I(), l = m(() => o.id || `input-${y}`), a = i("radioGroupValue"), p = i("radioGroupName");
+    const o = e, d = f(!1), t = f(!1), y = G(), l = m(() => o.id || `input-${y}`), a = i("radioGroupValue"), p = i("radioGroupName");
     a || console.warn("RDSRadioButton debe estar dentro de un RDSRadioGroup");
-    const k = i("validateId");
-    o.id && !k(o.id) && console.warn(
+    const S = i("validateId");
+    o.id && !S(o.id) && console.warn(
       `RDSRadioButton con id ${o.id} tiene un id duplicado. Se generará un id único.`
     );
-    const S = m(() => (a == null ? void 0 : a.value) === o.option), g = () => {
+    const k = m(() => (a == null ? void 0 : a.value) === o.option), R = () => {
       !o.disabled && a && (a.value = o.option);
-    }, h = () => {
+    }, g = () => {
       t.value && (d.value = !0);
-    }, B = () => d.value = !1, s = (u) => {
+    }, h = () => d.value = !1, s = (u) => {
       u.key === "Tab" && (t.value = !0);
     }, c = () => {
       t.value = !1;
@@ -79,10 +79,10 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
         class: n(`rds-e-radio ${e.error ? " rds-e-radio--error" : ""}`),
         name: E(p),
         disabled: e.disabled,
-        checked: S.value,
-        onChange: g,
-        onFocus: h,
-        onBlur: B
+        checked: k.value,
+        onChange: R,
+        onFocus: g,
+        onBlur: h
       }, null, 42, L),
       v("label", {
         for: l.value,
@@ -101,7 +101,7 @@ import './style/radioButton.css';const L = ["id", "value", "name", "disabled", "
       ], 10, $)
     ], 2));
   }
-}), V = /* @__PURE__ */ G(j, [["__scopeId", "data-v-c8280e86"]]);
+}), V = /* @__PURE__ */ I(j, [["__scopeId", "data-v-c8280e86"]]);
 export {
   V as default
 };

package/dist/components/selectionChip.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as r, ref as h, computed as s, openBlock as p, createElementBlock as u, normalizeClass as f, createVNode as g, createElementVNode as m, toDisplayString as _ } from "vue";
-import { I as b } from "./icon-svg-pUb3-FXk.js";
+import { R as b } from "./icon-svg-BmDOQ0kL.js";
 import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, x = /* @__PURE__ */ r({
+import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-selection-chip__text" }, S = /* @__PURE__ */ r({
   __name: "selection-chip",
   props: {
     /**
@@ -65,7 +65,7 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
     }), d = () => {
       e.disabled || c("onClickChip", e.filterValue);
     };
-    return (t, B) => (p(), u("button", {
+    return (t, x) => (p(), u("button", {
       ref_key: "chipRef",
       ref: o,
       class: f(a.value),
@@ -81,7 +81,7 @@ import './style/selectionChip.css';const C = ["disabled"], k = { class: "rds-e-s
       m("span", k, _(i.text), 1)
     ], 10, C));
   }
-}), I = /* @__PURE__ */ y(x, [["__scopeId", "data-v-9b7aba98"]]);
+}), V = /* @__PURE__ */ y(S, [["__scopeId", "data-v-9b7aba98"]]);
 export {
-  I as default
+  V as default
 };