energy-components 1.6.0-beta.1 → 1.7.0

package/dist/components/accordion.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, toRefs as D, ref as l, watch as N, nextTick as R, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, 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-pUb3-FXk.js";
+import { defineComponent as R, toRefs as B, ref as l, watch as D, nextTick as N, inject as _, onMounted as V, onBeforeUnmount as q, openBlock as v, createElementBlock as w, createElementVNode as n, toDisplayString as h, unref as d, createBlock as H, mergeProps as P, createCommentVNode as T, createVNode as j, normalizeClass as y, renderSlot as A, createTextVNode as E } from "vue";
+import { R as I } from "./icon-svg-BmDOQ0kL.js";
 import O from "./tag.es.js";
 import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-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({
+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__ */ R({
   __name: "accordion",
   props: {
     /**
@@ -43,21 +43,21 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
     }
   },
   emits: ["update:open"],
-  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 = () => {
+  setup(c, { expose: C, emit: S }) {
+    const o = c, k = S, { tag: a } = B(o), t = l(o.open), i = l(null), s = l(null), x = () => {
       if (!i.value || !s.value) return;
       const e = s.value.scrollHeight;
       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();
+      e === void 0 ? t.value = !t.value : t.value = e, k("update:open", t.value), x();
     }, u = () => {
       r(!0);
     }, p = () => {
       r(!1);
     };
-    N(
+    D(
       () => o.open,
-      (e) => R(() => {
+      (e) => N(() => {
         r(e);
       }),
       { immediate: !0 }
@@ -87,11 +87,11 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
       }, [
         n("span", z, h(c.title), 1),
         n("div", M, [
-          d(a) && d(a).icon ? (v(), H(O, I({
+          d(a) && d(a).icon ? (v(), H(O, P({
             key: 0,
             class: "rds-e-accordion-title_tag"
-          }, d(a), { small: "" }), null, 16)) : P("", !0),
-          T(E, {
+          }, d(a), { small: "" }), null, 16)) : T("", !0),
+          j(I, {
             class: y(["rds-e-accordion-title_icon", { "rds-e-accordion-title_icon--open": t.value }]),
             name: "arrow_down"
           }, null, 8, ["class"])
@@ -107,8 +107,8 @@ import './style/accordion.css';const b = { class: "rds-e-accordion" }, z = { cla
           ref: s,
           class: "rds-e-accordion-panel_content"
         }, [
-          j(e.$slots, "default", {}, () => [
-            A(h(c.content), 1)
+          A(e.$slots, "default", {}, () => [
+            E(h(c.content), 1)
           ], !0)
         ], 512)
       ], 2)

package/dist/components/button.es.js

@@ -1,7 +1,7 @@
-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-pUb3-FXk.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({
+import { defineComponent as B, toRefs as S, computed as l, openBlock as b, createElementBlock as x, unref as o, 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-BmDOQ0kL.js";
+import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/button.css';const E = ["type", "disabled"], L = { class: "rds-e-btn__text" }, w = /* @__PURE__ */ B({
   __name: "button",
   props: {
     /**
@@ -42,15 +42,15 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-
     /**
      * <span>Variante del botón</span>
      * <br>
-     *`['primary', 'secondary', 'ghost']`
+     *`['primary', 'secondary', 'ghost', 'commercial']`
      */
     variant: {
       type: String,
       default: "primary",
       validator(e) {
-        const t = ["primary", "secondary", "ghost"].includes(e);
+        const t = ["primary", "secondary", "ghost", "commercial"].includes(e);
         return t || console.info(
-          `La variante ${e} no es válida. Las variantes válidas son: primary, secondary, ghost`
+          `La variante ${e} no es válida. Las variantes válidas son: primary, secondary, ghost, commercial`
         ), t;
       }
     },
@@ -99,7 +99,7 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-
   },
   setup(e) {
     const t = e, {
-      text: o,
+      text: s,
       icon: n,
       type: r,
       variant: i,
@@ -109,35 +109,35 @@ import './style/button.css';const w = ["type", "disabled"], D = { class: "rds-e-
       inverse: d,
       revertIcon: _,
       loading: p
-    } = I(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"), b = l(() => ["primary", "secondary", "ghost"].includes(i.value) ? i.value : "primary"), g = l(() => {
+    } = 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", "commercial"].includes(i.value) ? i.value : "primary"), g = l(() => {
       const a = ["rds-e-btn"];
-      return i.value && a.push(`rds-e-btn--${b.value}`), d.value && a.push(`rds-e-btn--${b.value}-inverse`), c.value && a.push(
-        o != null && o.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
+      return i.value && a.push(`rds-e-btn--${v.value}`), d.value && a.push(`rds-e-btn--${v.value}-inverse`), c.value && a.push(
+        s != null && s.value ? "rds-e-btn--with-icon" : "rds-e-btn--icon"
       ), f.value && a.push("rds-e-btn--small"), _.value && a.push("rds-e-btn--revert"), u.value && a.push("rds-e-style-state-disabled"), p.value && a.push("rds-e-btn--loading"), y.value && a.push("rds-e-btn--mobile-width"), a.join(" ");
     });
-    return (a, W) => (v(), S("button", {
+    return (a, W) => (b(), x("button", {
       type: h.value,
-      disabled: s(u),
+      disabled: o(u),
       class: m(g.value)
     }, [
-      c.value ? (v(), x(E, {
+      c.value ? (b(), I(V, {
         key: 0,
         name: c.value,
-        small: s(f),
+        small: o(f),
         class: m(["rds-e-btn__icon", [
-          s(d) ? `rds-e-btn__icon--${s(d)}` : "",
-          s(u) ? "rds-e-btn__icon--disabled" : ""
+          o(d) ? `rds-e-btn__icon--${o(d)}` : "",
+          o(u) ? "rds-e-btn__icon--disabled" : ""
         ]]),
         "aria-hidden": "true"
       }, null, 8, ["name", "small", "class"])) : k("", !0),
-      $("span", D, [
+      $("span", L, [
         C(a.$slots, "default", {}, () => [
-          N(V(s(o)), 1)
+          N(R(o(s)), 1)
         ], !0)
       ])
-    ], 10, w));
+    ], 10, E));
   }
-}), T = /* @__PURE__ */ L(R, [["__scopeId", "data-v-a17b5b56"]]);
+}), T = /* @__PURE__ */ D(w, [["__scopeId", "data-v-ad01f4e1"]]);
 export {
   T 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 { I as V } from "./icon-svg-pUb3-FXk.js";
+import { R as V } from "./icon-svg-BmDOQ0kL.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/checkbox.css';const N = ["id", "checked", "aria-label", "required", "disabled"], q = ["for"], D = /* @__PURE__ */ x({
+import './style/checkbox.css';const D = ["id", "checked", "aria-label", "required", "disabled"], N = ["for"], q = /* @__PURE__ */ x({
   __name: "checkbox",
   props: {
     /**
@@ -80,7 +80,7 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
       window.addEventListener("keydown", r), window.addEventListener("mousedown", i);
     }), w(() => {
       window.removeEventListener("keydown", r), window.removeEventListener("mousedown", i);
-    }), (a, I) => (b(), g("div", {
+    }), (a, R) => (b(), g("div", {
       class: o(["rds-e-checkbox__container", { "rds-e-checkbox__container--focused": l.value }])
     }, [
       n("input", {
@@ -94,7 +94,7 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
         onChange: m,
         onFocus: h,
         onBlur: k
-      }, null, 42, N),
+      }, null, 42, D),
       n("label", {
         for: e.id.toString(),
         class: o(["rds-e-checkbox__label", {
@@ -121,10 +121,10 @@ import './style/checkbox.css';const N = ["id", "checked", "aria-label", "require
             }, null, 8, ["name"])) : L("", !0)
           ], 2)
         ], !0)
-      ], 10, q)
+      ], 10, N)
     ], 2));
   }
-}), M = /* @__PURE__ */ _(D, [["__scopeId", "data-v-6beff478"]]);
+}), K = /* @__PURE__ */ _(q, [["__scopeId", "data-v-6beff478"]]);
 export {
-  M as default
+  K as default
 };