energy-components 1.0.2 → 1.0.4

package/dist/components/accordion.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as R, toRefs as D, ref as l, watch as B, nextTick as q, inject as v, onMounted as N, onBeforeUnmount as V, openBlock as _, createElementBlock as w, createElementVNode as r, toDisplayString as h, unref as d, createBlock as A, mergeProps as H, createCommentVNode as P, createVNode as T, normalizeClass as y, renderSlot as j, createTextVNode as E } from "vue";
-import { R as I } from "./icon-svg-Cpx09myr.js";
+import { defineComponent as B, toRefs as D, ref as l, watch as N, nextTick as R, inject as v, onMounted as V, onBeforeUnmount as q, openBlock as _, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as I, createCommentVNode as P, createVNode as T, normalizeClass as y, renderSlot as j, createTextVNode as A } from "vue";
+import { I as E } from "./icon-svg-CEZ-L3iv.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordion.css';const b = { class: "rds-accordion" }, z = { class: "rds-accordion-title" }, L = { class: "rds-accordion-title_right" }, M = /* @__PURE__ */ R({
+import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { class: "rds-e-accordion-title" }, M = { class: "rds-e-accordion-title_right" }, U = /* @__PURE__ */ B({
   __name: "accordion",
   props: {
     /**
@@ -10,8 +10,7 @@ import './style/accordion.css';const b = { class: "rds-accordion" }, z = { class
      */
     id: {
       type: String,
-      required: !0,
-      validator: (o) => !o || o.trim().length > 0 ? (console.error("[RDSAccordion]: La propiedad id es requerida."), !1) : !0
+      required: !0
     },
     /**
      * El título del acordeón.
@@ -44,78 +43,78 @@ import './style/accordion.css';const b = { class: "rds-accordion" }, z = { class
     }
   },
   emits: ["update:open"],
-  setup(o, { expose: C, emit: S }) {
-    const n = o, k = S, { tag: a } = D(n), t = l(n.open), c = l(null), s = l(null), x = () => {
-      if (!c.value || !s.value) return;
+  setup(c, { expose: C, emit: k }) {
+    const o = c, x = k, { tag: a } = D(o), t = l(o.open), i = l(null), s = l(null), S = () => {
+      if (!i.value || !s.value) return;
       const e = s.value.scrollHeight;
-      c.value.style.maxHeight = t.value ? `${e}px` : "0px";
-    }, i = (e) => {
-      e === void 0 ? t.value = !t.value : t.value = e, k("update:open", t.value), x();
-    }, u = () => {
-      i(!0);
+      i.value.style.maxHeight = t.value ? `${e}px` : "0px";
+    }, r = (e) => {
+      e === void 0 ? t.value = !t.value : t.value = e, x("update:open", t.value), S();
     }, p = () => {
-      i(!1);
+      r(!0);
+    }, u = () => {
+      r(!1);
     };
-    B(
-      () => n.open,
-      (e) => q(() => {
-        i(e);
+    N(
+      () => o.open,
+      (e) => R(() => {
+        r(e);
       }),
       { immediate: !0 }
     );
-    const f = v("registerRDSAccordionChild"), m = v("unregisterRDSAccordionChild");
-    return N(() => {
-      f && f({
-        id: n.id,
-        open: u,
-        close: p
+    const m = v("registerRDSAccordionChild"), f = v("unregisterRDSAccordionChild");
+    return V(() => {
+      m && m({
+        id: o.id,
+        open: p,
+        close: u
       });
-    }), V(() => {
-      m && m(n.id);
+    }), q(() => {
+      f && f(o.id);
     }), C({
       /**
        * Abre el panel.
        */
-      openPanel: u,
+      openPanel: p,
       /**
        * Cierra el panel.
        */
-      closePanel: p
+      closePanel: u
     }), (e, g) => (_(), w("div", b, [
-      r("div", {
-        class: "rds-accordion-title_container",
-        onClick: g[0] || (g[0] = () => i())
+      n("div", {
+        class: "rds-e-accordion-title_container",
+        onClick: g[0] || (g[0] = () => r())
       }, [
-        r("span", z, h(o.title), 1),
-        r("div", L, [
-          d(a) && d(a).icon ? (_(), A(O, H({
+        n("span", z, h(c.title), 1),
+        n("div", M, [
+          d(a) && d(a).icon ? (_(), H(O, I({
             key: 0,
-            class: "rds-accordion-title_tag"
+            class: "rds-e-accordion-title_tag"
           }, d(a), { small: "" }), null, 16)) : P("", !0),
-          T(I, {
-            class: y(["rds-accordion-title_icon", { "rds-accordion-title_icon--open": t.value }]),
+          T(E, {
+            class: y(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
         ])
       ]),
-      r("div", {
+      n("div", {
         ref_key: "panel",
-        ref: c,
-        class: y(["rds-accordion-panel", { "rds-accordion-panel--open": t.value }])
+        ref: i,
+        class: y(["rds-e-accordion-panel", { "rds-e-accordion-panel--open": t.value }])
       }, [
-        r("div", {
+        n("div", {
           ref_key: "panelContent",
           ref: s,
-          class: "rds-accordion-panel_content"
+          class: "rds-e-accordion-panel_content"
         }, [
           j(e.$slots, "default", {}, () => [
-            E(h(o.content), 1)
+            A(h(c.content), 1)
           ], !0)
         ], 512)
       ], 2)
     ]));
   }
-}), K = /* @__PURE__ */ $(M, [["__scopeId", "data-v-1a4408f9"]]);
+}), L = /* @__PURE__ */ $(U, [["__scopeId", "data-v-150c3a24"]]);
 export {
-  K as default
+  L as default
 };

package/dist/components/accordionGroup.es.js

@@ -1,32 +1,32 @@
 import { defineComponent as s, ref as t, provide as r, openBlock as d, createElementBlock as i, renderSlot as a } from "vue";
 import { _ as p } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/accordionGroup.css';const u = { class: "rds-accordion-group" }, _ = /* @__PURE__ */ s({
+import './style/accordionGroup.css';const u = { class: "rds-e-accordion-group" }, _ = /* @__PURE__ */ s({
   __name: "accordion-group",
   setup(f, { expose: n }) {
-    const e = t([]);
-    return r("registerRDSAccordionChild", (o) => {
-      e.value.push(o);
-    }), r("unregisterRDSAccordionChild", (o) => {
-      const c = e.value.findIndex((l) => l.id === o);
-      c > -1 && e.value.splice(c, 1);
+    const o = t([]);
+    return r("registerRDSAccordionChild", (e) => {
+      o.value.push(e);
+    }), r("unregisterRDSAccordionChild", (e) => {
+      const c = o.value.findIndex((l) => l.id === e);
+      c > -1 && o.value.splice(c, 1);
     }), n({
       /**
        * Abre todos los paneles del acordeón
        */
       openAll: () => {
-        e.value.forEach((o) => o.open());
+        o.value.forEach((e) => e.open());
       },
       /**
        * Cierra todos los paneles del acordeón
        */
       closeAll: () => {
-        e.value.forEach((o) => o.close());
+        o.value.forEach((e) => e.close());
       }
-    }), (o, c) => (d(), i("div", u, [
-      a(o.$slots, "default", {}, void 0, !0)
+    }), (e, c) => (d(), i("div", u, [
+      a(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-a9d0f19c"]]);
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-97abd23e"]]);
 export {
   x as default
 };

package/dist/components/actionButton.es.js

@@ -53,12 +53,12 @@ import './style/actionButton.css';const p = /* @__PURE__ */ o({
     }
   },
   setup(e) {
-    return (t, i) => (a(), r(s, n({ class: "rds-btn--action" }, { ...t.$props, ...t.$attrs }, {
+    return (t, i) => (a(), r(s, n({ class: "rds-e-btn--action" }, { ...t.$props, ...t.$attrs }, {
       text: "",
       "is-action": ""
     }), null, 16));
   }
-}), f = /* @__PURE__ */ l(p, [["__scopeId", "data-v-3d4e563b"]]);
+}), f = /* @__PURE__ */ l(p, [["__scopeId", "data-v-782579da"]]);
 export {
   f as default
 };

package/dist/components/breadcrumbs.es.js

@@ -47,7 +47,7 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
       ];
     }, u = () => {
       s.trimItems && t.value.length > 3 ? m() : typeof s.items == "object" ? n.value = s.items : console.error("energy-components: The prop is not an Object");
-    }, _ = (e, a) => {
+    }, b = (e, a) => {
       const r = {
         ...e,
         inverse: o.value
@@ -56,14 +56,14 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
         arrow: !0,
         right: !0
       }), r;
-    }, b = (e) => ({
+    }, _ = (e) => ({
       click: (r) => {
         r.preventDefault(), r.stopPropagation(), e != null && e.clickable && v();
       }
     }), k = (e) => [
-      "rds-breadcrumbs__link",
-      e != null && e.active ? "rds-breadcrumbs__link--active" : "",
-      o.value && (e != null && e.active) ? "rds-breadcrumbs__link--inverse-active" : ""
+      "rds-e-breadcrumbs__link",
+      e != null && e.active ? "rds-e-breadcrumbs__link--active" : "",
+      o.value && (e != null && e.active) ? "rds-e-breadcrumbs__link--inverse-active" : ""
     ];
     return C(() => {
       u();
@@ -71,12 +71,12 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
       u();
     }), (e, a) => (c(!0), l(I, null, w(n.value, (r, i) => (c(), l("ul", {
       key: i,
-      class: x(["rds-breadcrumbs", `${B(o) ? "rds-breadcrumbs--inverse" : ""}`])
+      class: x(["rds-e-breadcrumbs", `${B(o) ? "rds-e-breadcrumbs--inverse" : ""}`])
     }, [
       j(N, E({
         class: k(r),
         ref_for: !0
-      }, _(r, i), P(b(r))), {
+      }, b(r, i), P(_(r))), {
         default: T(() => [
           r != null && r.clickable ? (c(), l("span", R, "...")) : D("", !0)
         ]),
@@ -84,7 +84,7 @@ import './style/breadcrumbs.css';const R = { key: 0 }, V = /* @__PURE__ */ g({
       }, 1040, ["class"])
     ], 2))), 128));
   }
-}), F = /* @__PURE__ */ O(V, [["__scopeId", "data-v-f010c3a0"]]);
+}), F = /* @__PURE__ */ O(V, [["__scopeId", "data-v-f9b5ced9"]]);
 export {
   F as default
 };

package/dist/components/button.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as B, toRefs as S, computed as l, openBlock as b, createElementBlock as x, unref as s, normalizeClass as m, createBlock as I, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as R } from "vue";
-import { R as V } from "./icon-svg-Cpx09myr.js";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-btn__text" }, w = /* @__PURE__ */ B({
+import { defineComponent as B, toRefs as I, computed as l, openBlock as v, createElementBlock as S, unref as s, normalizeClass as m, createBlock as x, createCommentVNode as k, createElementVNode as $, renderSlot as C, createTextVNode as N, toDisplayString as V } from "vue";
+import { I as E } from "./icon-svg-CEZ-L3iv.js";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-btn__text" }, R = /* @__PURE__ */ B({
   __name: "button",
   props: {
     /**
@@ -101,7 +101,7 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-bt
   setup(e) {
     const t = e, {
       text: o,
-      icon: n,
+      icon: a,
       type: r,
       variant: i,
       small: f,
@@ -110,35 +110,35 @@ import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-bt
       inverse: d,
       revertIcon: _,
       loading: p
-    } = S(t), c = l(() => p.value ? "loading" : n != null && n.value ? n == null ? void 0 : n.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), v = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
-      const a = ["rds-btn"];
-      return i.value && a.push(`rds-btn--${v.value}`), d.value && a.push(`rds-btn--${v.value}-inverse`), c.value && a.push(
-        o != null && o.value ? "rds-btn--with-icon" : "rds-btn--icon"
-      ), f.value && a.push("rds-btn--small"), _.value && a.push("rds-btn--revert"), u.value && a.push("rds-style-state-disabled"), p.value && a.push("rds-btn--loading"), y.value && a.push("rds-btn--mobile-width"), a.join(" ");
+    } = I(t), c = l(() => p.value ? "loading" : a != null && a.value ? a == null ? void 0 : a.value : ""), h = l(() => r.value && ["button", "submit", "reset"].includes(r.value) ? r.value : "button"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
+      const n = ["rds-e-btn"];
+      return i.value && n.push(`rds-e-btn--${b.value}`), d.value && n.push(`rds-e-btn--${b.value}-inverse`), c.value && n.push(
+        o != null && o.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
+      ), f.value && n.push("rds-e-btn--small"), _.value && n.push("rds-e-btn--revert"), u.value && n.push("rds-e-style-state-disabled"), p.value && n.push("rds-e-btn--loading"), y.value && n.push("rds-e-btn--mobile-width"), n.join(" ");
     });
-    return (a, W) => (b(), x("button", {
+    return (n, W) => (v(), S("button", {
       type: h.value,
       disabled: s(u),
       class: m(g.value)
     }, [
-      c.value ? (b(), I(V, {
+      c.value ? (v(), x(E, {
         key: 0,
         name: c.value,
         small: s(f),
-        class: m(["rds-btn__icon", [
-          s(d) ? `rds-btn__icon--${s(d)}` : "",
-          s(u) ? "rds-btn__icon--disabled" : ""
+        class: m(["rds-e-btn__icon", [
+          s(d) ? `rds-e-btn__icon--${s(d)}` : "",
+          s(u) ? "rds-e-btn__icon--disabled" : ""
         ]]),
         "aria-hidden": "true"
       }, null, 8, ["name", "small", "class"])) : k("", !0),
-      $("span", L, [
-        C(a.$slots, "default", {}, () => [
-          N(R(s(o)), 1)
+      $("span", D, [
+        C(n.$slots, "default", {}, () => [
+          N(V(s(o)), 1)
         ], !0)
       ])
-    ], 10, E));
+    ], 10, w));
   }
-}), F = /* @__PURE__ */ D(w, [["__scopeId", "data-v-238a49e9"]]);
+}), F = /* @__PURE__ */ L(R, [["__scopeId", "data-v-590609be"]]);
 export {
   F as default
 };

package/dist/components/card.es.js

@@ -0,0 +1,12 @@
+import { openBlock as r, createElementBlock as t, renderSlot as o } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/card.css';const d = {}, s = { class: "rds-e-card" };
+function n(e, a) {
+  return r(), t("div", s, [
+    o(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const l = /* @__PURE__ */ c(d, [["render", n], ["__scopeId", "data-v-6dfda4fc"]]);
+export {
+  l as default
+};

package/dist/components/checkbox.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as x, ref as d, watch as v, onMounted as y, onBeforeUnmount as w, openBlock as b, createElementBlock as g, normalizeClass as o, createElementVNode as n, renderSlot as S, createTextVNode as B, toDisplayString as C, createBlock as E, createCommentVNode as L } from "vue";
-import { R as V } from "./icon-svg-Cpx09myr.js";
+import { I as V } from "./icon-svg-CEZ-L3iv.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/checkbox.css';const D = ["id", "checked", "aria-label", "required", "disabled"], N = ["for"], q = /* @__PURE__ */ x({
+import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], q = ["for"], D = /* @__PURE__ */ x({
   __name: "checkbox",
   props: {
     /**
@@ -80,51 +80,51 @@ import './style/checkbox.css';const D = ["id", "checked", "aria-label", "require
       window.addEventListener("keydown", r), window.addEventListener("mousedown", i);
     }), w(() => {
       window.removeEventListener("keydown", r), window.removeEventListener("mousedown", i);
-    }), (a, R) => (b(), g("div", {
-      class: o(["rds-checkbox__container", { "rds-checkbox__container--focused": l.value }])
+    }), (a, I) => (b(), g("div", {
+      class: o(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": l.value }])
     }, [
       n("input", {
         id: e.id.toString(),
         checked: e.isChecked,
         "aria-label": e.accessibilityLabel,
         type: "checkbox",
-        class: o(["rds-checkbox", { "rds-checkbox--error": e.error }]),
+        class: o(["rds-e-checkbox", { "rds-e-checkbox--error": e.error }]),
         required: e.required,
         disabled: e.disabled,
         onChange: m,
         onFocus: h,
         onBlur: k
-      }, null, 42, D),
+      }, null, 42, N),
       n("label", {
         for: e.id.toString(),
-        class: o(["rds-checkbox__label", {
-          "rds-checkbox__label--disabled": e.disabled,
-          "rds-checkbox__label--checked": t.value
+        class: o(["rds-e-checkbox__label", {
+          "rds-e-checkbox__label--disabled": e.disabled,
+          "rds-e-checkbox__label--checked": t.value
         }])
       }, [
         S(a.$slots, "label-text", {}, () => [
           n("span", {
             class: o([
-              "rds-checkbox__label-box",
+              "rds-e-checkbox__label-box",
               {
-                "rds-checkbox__label-box--disabled": e.disabled,
-                "rds-checkbox__label-box--error": e.error
+                "rds-e-checkbox__label-box--disabled": e.disabled,
+                "rds-e-checkbox__label-box--error": e.error
               }
             ])
           }, [
             B(C(e.label) + " ", 1),
             e.icon ? (b(), E(V, {
               key: 0,
-              class: "rds-checkbox__label-box--icon",
+              class: "rds-e-checkbox__label-box--icon",
               name: e.icon,
               size: "sm"
             }, null, 8, ["name"])) : L("", !0)
           ], 2)
         ], !0)
-      ], 10, N)
+      ], 10, q)
     ], 2));
   }
-}), K = /* @__PURE__ */ _(q, [["__scopeId", "data-v-ea21fb50"]]);
+}), M = /* @__PURE__ */ _(D, [["__scopeId", "data-v-6beff478"]]);
 export {
-  K as default
+  M as default
 };