energy-components 1.22.0 → 2.0.0-beta.0

package/dist/components/textArea.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as Q, mergeModels as W, useModel as X, toRefs as Y, ref as k, computed as s, createElementBlock as f, openBlock as o, normalizeClass as u, createElementVNode as r, withDirectives as Z, unref as e, vModelText as ee, renderSlot as S, createTextVNode as te, createBlock as z, createCommentVNode as i, mergeProps as F, toHandlers as T, toDisplayString as _ } from "vue";
-import { R as A } from "./icon-svg-K8-vLJgV.js";
-import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as L, mergeModels as O, useModel as Q, toRefs as W, ref as k, computed as s, createElementBlock as f, openBlock as o, normalizeClass as u, createElementVNode as r, withDirectives as X, unref as e, vModelText as Y, renderSlot as S, createTextVNode as Z, createBlock as q, createCommentVNode as i, mergeProps as z, toHandlers as D, toDisplayString as _ } from "vue";
+import { I as F } from "./icon-svg-DxlNo61Q.js";
+import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textArea.css';function V(t, p = !0, d = !0) {
   return p && !t.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : d && !/^[\w\s\u00C0-\u017F\-:.,;()¿?¡!%"'$€]+$/.test(t) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
 }
-const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "maxlength", "minlength", "rows", "disabled"], ne = ["for"], oe = { key: 0 }, se = { key: 0 }, ue = { key: 1 }, ie = { key: 0 }, de = /* @__PURE__ */ Q({
+const te = { class: "rds-e-textarea__input-container" }, ae = ["id", "name", "maxlength", "minlength", "rows", "disabled"], re = ["for"], le = { key: 0 }, ne = { key: 0 }, oe = { key: 1 }, se = { key: 0 }, ue = /* @__PURE__ */ L({
   __name: "text-area",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ O({
     /**
      * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
      */
@@ -136,34 +136,34 @@ const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "ma
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const p = t, d = X(t, "modelValue"), {
+    const p = t, d = Q(t, "modelValue"), {
       label: B,
       id: E,
       disabled: g,
       maxlength: x,
       minlength: C,
       modelValue: c,
-      icon: H,
+      icon: T,
       rightIcon: M,
-      helper: R,
+      helper: A,
       error: y,
-      helperText: P,
+      helperText: H,
       clearable: b,
       lengthError: w
-    } = Y(p), v = k(!1), m = k(!1), h = k(!1), j = () => {
+    } = W(p), v = k(!1), m = k(!1), h = k(!1), P = () => {
       h.value = !0;
-    }, K = () => {
+    }, j = () => {
       v.value = !1, m.value = !1, h.value = !1;
-    }, U = () => {
+    }, K = () => {
       v.value = !0, m.value = !h.value, h.value = !1;
-    }, N = s(() => c.value.length === x.value), I = s(() => c.value.length === 0 ? !1 : c.value.length < C.value), D = s(() => w.value && (N.value || I.value)), G = s(() => {
+    }, N = s(() => c.value.length === x.value), I = s(() => c.value.length === 0 ? !1 : c.value.length < C.value), $ = s(() => w.value && (N.value || I.value)), R = s(() => {
       const a = [];
-      return c.value && a.push("rds-e-textarea--filled"), y.value && a.push("rds-e-textarea--error"), g.value && a.push("rds-e-textarea--disabled"), D.value && a.push("rds-e-textarea--error"), a.join(" ");
-    }), J = () => {
+      return c.value && a.push("rds-e-textarea--filled"), y.value && a.push("rds-e-textarea--error"), g.value && a.push("rds-e-textarea--disabled"), $.value && a.push("rds-e-textarea--error"), a.join(" ");
+    }), U = () => {
       d.value = "";
     }, l = s(() => {
       const a = {
-        name: H.value,
+        name: T.value,
         class: "",
         events: {
           click: () => {
@@ -178,101 +178,98 @@ const re = { class: "rds-e-textarea__input-container" }, le = ["id", "name", "ma
         name: "close",
         class: "rds-e-textfield__icon--clear",
         events: {
-          click: () => J()
+          click: () => U()
         }
       }), n;
-    }), L = s(() => c.value.length);
-    return (a, n) => {
-      var $, q;
-      return o(), f("div", {
-        class: u(["rds-e-textarea", G.value])
+    }), G = s(() => c.value.length);
+    return (a, n) => (o(), f("div", {
+      class: u(["rds-e-textarea", R.value])
+    }, [
+      r("div", {
+        class: u(["rds-e-textarea__container", {
+          "rds-e-textarea__container--keyboard-focus": m.value,
+          "rds-e-textarea__container--active": v.value && !m.value
+        }]),
+        onMousedown: P
       }, [
-        r("div", {
-          class: u(["rds-e-textarea__container", {
-            "rds-e-textarea__container--keyboard-focus": m.value,
-            "rds-e-textarea__container--active": v.value && !m.value
-          }]),
-          onMousedown: j
-        }, [
-          r("div", re, [
-            Z(r("textarea", {
-              id: ($ = e(E)) == null ? void 0 : $.toString(),
-              "onUpdate:modelValue": n[0] || (n[0] = (O) => d.value = O),
-              type: "text",
-              class: u(["rds-e-textarea__input", { "rds-e-textarea__input--active": v.value }]),
-              name: t.name,
-              maxlength: e(x),
-              minlength: e(C),
-              rows: t.rows,
-              disabled: e(g),
-              onBlur: K,
-              onFocus: U
-            }, null, 42, le), [
-              [ee, d.value]
-            ]),
-            n[1] || (n[1] = r("div", { class: "rds-e-textarea__resize-handle" }, [
-              r("svg", {
-                width: "12",
-                height: "14",
-                viewBox: "0 0 12 14",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, [
-                r("path", {
-                  d: "M11 1V3C11 8.52285 6.52285 13 1 13V13",
-                  "stroke-width": "1.2",
-                  "stroke-linecap": "round"
-                })
-              ])
-            ], -1)),
-            r("label", {
-              for: (q = e(E)) == null ? void 0 : q.toString(),
-              class: u(["rds-e-textarea__label", {
-                "rds-e-textarea__label--with-icon": l.value.left.name,
-                "rds-e-textarea__label--active": v.value
-              }])
+        r("div", te, [
+          X(r("textarea", {
+            id: e(E)?.toString(),
+            "onUpdate:modelValue": n[0] || (n[0] = (J) => d.value = J),
+            type: "text",
+            class: u(["rds-e-textarea__input", { "rds-e-textarea__input--active": v.value }]),
+            name: t.name,
+            maxlength: e(x),
+            minlength: e(C),
+            rows: t.rows,
+            disabled: e(g),
+            onBlur: j,
+            onFocus: K
+          }, null, 42, ae), [
+            [Y, d.value]
+          ]),
+          n[1] || (n[1] = r("div", { class: "rds-e-textarea__resize-handle" }, [
+            r("svg", {
+              width: "12",
+              height: "14",
+              viewBox: "0 0 12 14",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
             }, [
-              S(a.$slots, "left-icon", {}, () => [
-                l.value.left.name ? (o(), z(A, F({
-                  key: 0,
-                  class: "rds-e-textarea__icon rds-e-textarea__icon--left",
-                  "aria-hidden": "true"
-                }, l.value.left, T(l.value.left.events)), null, 16)) : i("", !0)
-              ], !0),
-              te(" " + _(e(B)), 1)
-            ], 10, ne),
-            r("div", {
-              class: u(["rds-e-textarea__counter", {
-                "rds-e-textarea__counter--disabled": e(g),
-                "rds-e-textarea__counter--clearable": e(b)
-              }])
-            }, [
-              t.counter && !e(M) && !e(b) ? (o(), f("p", oe, _(L.value) + "/" + _(e(x)), 1)) : i("", !0),
-              S(a.$slots, "right-icon", {}, () => [
-                l.value.right.name ? (o(), z(A, F({
-                  key: 0,
-                  class: "rds-e-textarea__icon rds-e-textarea__icon--right",
-                  "aria-hidden": "true"
-                }, l.value.right, T(l.value.right.events)), null, 16)) : i("", !0)
-              ], !0)
-            ], 2)
-          ])
-        ], 34),
-        r("ul", {
-          class: u(["rds-e-textarea__helper", e(y) || D.value ? "rds-e-textarea__helper--error" : ""])
-        }, [
-          N.value && e(w) ? (o(), f("li", se, " Ha alcanzado el número máximo de carácteres ")) : i("", !0),
-          I.value && e(w) ? (o(), f("li", ue, " Ha alcanzado el número mínimo de carácteres ")) : i("", !0),
-          r("li", null, [
-            S(a.$slots, "helper-text", {}, () => [
-              e(R) || e(y) ? (o(), f("span", ie, _(e(P)), 1)) : i("", !0)
+              r("path", {
+                d: "M11 1V3C11 8.52285 6.52285 13 1 13V13",
+                "stroke-width": "1.2",
+                "stroke-linecap": "round"
+              })
+            ])
+          ], -1)),
+          r("label", {
+            for: e(E)?.toString(),
+            class: u(["rds-e-textarea__label", {
+              "rds-e-textarea__label--with-icon": l.value.left.name,
+              "rds-e-textarea__label--active": v.value
+            }])
+          }, [
+            S(a.$slots, "left-icon", {}, () => [
+              l.value.left.name ? (o(), q(F, z({
+                key: 0,
+                class: "rds-e-textarea__icon rds-e-textarea__icon--left",
+                "aria-hidden": "true"
+              }, l.value.left, D(l.value.left.events)), null, 16)) : i("", !0)
+            ], !0),
+            Z(" " + _(e(B)), 1)
+          ], 10, re),
+          r("div", {
+            class: u(["rds-e-textarea__counter", {
+              "rds-e-textarea__counter--disabled": e(g),
+              "rds-e-textarea__counter--clearable": e(b)
+            }])
+          }, [
+            t.counter && !e(M) && !e(b) ? (o(), f("p", le, _(G.value) + "/" + _(e(x)), 1)) : i("", !0),
+            S(a.$slots, "right-icon", {}, () => [
+              l.value.right.name ? (o(), q(F, z({
+                key: 0,
+                class: "rds-e-textarea__icon rds-e-textarea__icon--right",
+                "aria-hidden": "true"
+              }, l.value.right, D(l.value.right.events)), null, 16)) : i("", !0)
             ], !0)
-          ])
-        ], 2)
-      ], 2);
-    };
+          ], 2)
+        ])
+      ], 34),
+      r("ul", {
+        class: u(["rds-e-textarea__helper", e(y) || $.value ? "rds-e-textarea__helper--error" : ""])
+      }, [
+        N.value && e(w) ? (o(), f("li", ne, " Ha alcanzado el número máximo de carácteres ")) : i("", !0),
+        I.value && e(w) ? (o(), f("li", oe, " Ha alcanzado el número mínimo de carácteres ")) : i("", !0),
+        r("li", null, [
+          S(a.$slots, "helper-text", {}, () => [
+            e(A) || e(y) ? (o(), f("span", se, _(e(H)), 1)) : i("", !0)
+          ], !0)
+        ])
+      ], 2)
+    ], 2));
   }
-}), me = /* @__PURE__ */ ae(de, [["__scopeId", "data-v-b6c3c9f8"]]);
+}), ve = /* @__PURE__ */ ee(ue, [["__scopeId", "data-v-b6c3c9f8"]]);
 export {
-  me as default
+  ve as default
 };

package/dist/components/textField.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as ie, toRefs as ue, ref as c, computed as y, watch as P, onMounted as de, onBeforeUnmount as ce, createElementBlock as L, openBlock as m, normalizeClass as V, createElementVNode as g, createCommentVNode as _, renderSlot as T, createBlock as E, mergeProps as j, toHandlers as fe, unref as f, toDisplayString as W, withModifiers as ve } from "vue";
 import { g as me } from "./getInstance-GhoEcxLF.js";
-import { R as F, s as pe } from "./icon-svg-K8-vLJgV.js";
+import { I as F, s as pe } from "./icon-svg-DxlNo61Q.js";
 import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textField.css';const ye = { class: "rds-e-textfield__input-container" }, ge = ["id", "type", "maxlength", "minlength", "disabled", "value", "autocomplete", "readonly"], _e = ["for"], xe = {
   key: 0,
@@ -161,18 +161,18 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
     const o = l, u = i, {
       type: v,
       label: O,
-      disabled: B,
+      disabled: I,
       modelValue: x,
       icon: U,
       rightIcon: z,
       helper: H,
-      error: C,
+      error: B,
       helperText: G,
       clearable: J,
       password: b,
       autocomplete: Q,
       fullWidth: X
-    } = ue(o), a = c(null), p = c(!0), d = c(!1), w = c(!1), S = c(!1), Y = me(), h = c(""), n = c(!1), I = () => {
+    } = ue(o), a = c(null), p = c(!0), d = c(!1), w = c(!1), S = c(!1), Y = me(), h = c(""), n = c(!1), C = () => {
       if (a.value)
         if (v.value === "number") {
           const e = a.value, t = e.value !== "" || e.selectionStart !== null && e.selectionStart > 0 || e.validity.badInput;
@@ -199,14 +199,13 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
         }
         K === "" && !t.validity.badInput && (n.value = !1);
       } else t.value === "" && x.value === null && (k = null);
-      u("update:modelValue", k), I();
+      u("update:modelValue", k), C();
     }, le = () => {
       S.value = !0;
     }, D = () => {
-      var t;
-      const e = ((t = a.value) == null ? void 0 : t.value.trim()) || "";
-      n.value = e !== "", d.value = !1, w.value = !1, S.value = !1, e === "" && (h.value = ""), I();
-    }, R = () => {
+      const e = a.value?.value.trim() || "";
+      n.value = e !== "", d.value = !1, w.value = !1, S.value = !1, e === "" && (h.value = ""), C();
+    }, M = () => {
       d.value = !0, w.value = !S.value, S.value = !1;
     }, ae = (e) => {
       u("keydown", e);
@@ -218,7 +217,7 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
       u("change", e);
     }, re = y(() => {
       const e = [];
-      return h.value && e.push(h.value), (x.value !== null && String(x.value).trim().length > 0 || n.value || d.value) && e.push("rds-e-textfield--filled"), C.value && e.push("rds-e-textfield--error"), B.value && e.push("rds-e-textfield--disabled"), X.value && e.push("rds-e-textfield--full-width"), e.join(" ");
+      return h.value && e.push(h.value), (x.value !== null && String(x.value).trim().length > 0 || n.value || d.value) && e.push("rds-e-textfield--filled"), B.value && e.push("rds-e-textfield--error"), I.value && e.push("rds-e-textfield--disabled"), X.value && e.push("rds-e-textfield--full-width"), e.join(" ");
     });
     P(
       () => x.value,
@@ -277,7 +276,7 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
       (e) => p.value = !e,
       { immediate: !0 }
     );
-    const M = (e) => {
+    const R = (e) => {
       const t = pe.includes(e);
       return t || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), t;
     }, q = (e) => {
@@ -286,12 +285,12 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
       t.matches(":-webkit-autofill") && e.animationName.startsWith("onAutoFillStart") && t.value.trim().length > 0 && (h.value = "rds-e-textfield--filled", n.value = !0);
     };
     return de(() => {
-      a.value && (a.value.addEventListener("animationstart", q), I());
+      a.value && (a.value.addEventListener("animationstart", q), C());
     }), ce(() => {
       a.value && a.value.removeEventListener("animationstart", q);
     }), r({
       focus: () => {
-        a.value && (a.value.focus(), R());
+        a.value && (a.value.focus(), M());
       },
       blur: () => {
         a.value && (a.value.blur(), D());
@@ -312,7 +311,7 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
             name: "loading",
             class: "rds-e-textfield__icon--loading"
           })) : _("", !0),
-          s.value.left.name && M(s.value.left.name) && !l.loading ? (m(), E(F, j({
+          s.value.left.name && R(s.value.left.name) && !l.loading ? (m(), E(F, j({
             key: 1,
             class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": d.value }],
             "aria-hidden": "true"
@@ -327,13 +326,13 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
             class: "rds-e-textfield__input",
             maxlength: o.type === "number" ? void 0 : o.maxLength,
             minlength: o.type === "number" ? void 0 : o.minLength,
-            disabled: f(B),
+            disabled: f(I),
             value: o.modelValue === null ? "" : o.modelValue,
             autocomplete: ee.value,
             readonly: l.readonly,
             onInput: te,
             onBlur: D,
-            onFocus: R,
+            onFocus: M,
             onKeydown: ae,
             onKeyup: ne,
             onKeypress: oe,
@@ -341,12 +340,12 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
           }, null, 40, ge),
           g("label", {
             for: $.value,
-            class: V(["rds-e-textfield__label", f(B) ? "rds-e-textfield__label--disabled" : ""])
+            class: V(["rds-e-textfield__label", f(I) ? "rds-e-textfield__label--disabled" : ""])
           }, W(f(O)), 11, _e)
         ]),
         s.value.right.name || e.$slots["right-icon"] ? (m(), L("span", xe, [
           T(e.$slots, "right-icon", {}, () => [
-            s.value.right.name && M(s.value.right.name) ? (m(), E(F, j({
+            s.value.right.name && R(s.value.right.name) ? (m(), E(F, j({
               key: 0,
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
@@ -356,16 +355,16 @@ import './style/textField.css';const ye = { class: "rds-e-textfield__input-conta
           ], !0)
         ])) : _("", !0)
       ], 34),
-      f(H) || f(C) ? (m(), L("div", be, [
+      f(H) || f(B) ? (m(), L("div", be, [
         T(e.$slots, "helper-text", {}, () => [
           g("span", {
-            class: V(f(C) ? "rds-e-textfield__helper--error" : "")
+            class: V(f(B) ? "rds-e-textfield__helper--error" : "")
           }, W(f(G)), 3)
         ], !0)
       ])) : _("", !0)
     ], 2));
   }
-}), Be = /* @__PURE__ */ he(we, [["__scopeId", "data-v-f6902be3"]]);
+}), Ie = /* @__PURE__ */ he(we, [["__scopeId", "data-v-f6902be3"]]);
 export {
-  Be as default
+  Ie as default
 };

package/dist/components/toggle.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as T, toRefs as E, ref as L, onMounted as y, createElementBlock as B, openBlock as F, normalizeClass as g, createElementVNode as m, unref as u, toDisplayString as v } from "vue";
-import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/toggle.css';const R = ["id"], G = ["id"], H = ["id"], W = /* @__PURE__ */ T({
+import { defineComponent as T, toRefs as L, ref as R, onMounted as y, createElementBlock as V, openBlock as E, normalizeClass as n, createElementVNode as c, unref as i, toDisplayString as f } from "vue";
+import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/toggle.css';const B = ["id"], F = ["id"], I = ["id"], G = /* @__PURE__ */ T({
   __name: "toggle",
   props: {
     small: { type: Boolean },
@@ -14,18 +14,18 @@ import './style/toggle.css';const R = ["id"], G = ["id"], H = ["id"], W = /* @__
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: r }) {
-    const b = e, d = r, { modelValue: t, switchType: i, valueLeft: n, valueRight: a } = E(b), l = {
+  setup(e, { emit: h }) {
+    const r = e, a = h, { modelValue: d, switchType: u, valueLeft: g, valueRight: s } = L(r), l = {
       LEFT: "left",
       RIGHT: "right"
-    }, o = L(l.LEFT), c = (f) => {
-      d("update:modelValue", f);
+    }, t = R(l.LEFT), m = (v) => {
+      a("update:modelValue", v);
     };
     return y(() => {
-      i != null && i.value ? (d("update:modelValue", t == null ? void 0 : t.value), o.value = t != null && t.value ? l.RIGHT : l.LEFT) : (t == null ? void 0 : t.value) === (a == null ? void 0 : a.value) ? (d("update:modelValue", a == null ? void 0 : a.value), o.value = l.RIGHT) : (d("update:modelValue", n == null ? void 0 : n.value), o.value = l.LEFT);
-    }), (f, s) => (F(), B("div", {
+      u?.value ? (a("update:modelValue", d?.value), t.value = d?.value ? l.RIGHT : l.LEFT) : d?.value === s?.value ? (a("update:modelValue", s?.value), t.value = l.RIGHT) : (a("update:modelValue", g?.value), t.value = l.LEFT);
+    }), (v, o) => (E(), V("div", {
       id: e.id,
-      class: g(["rds-e-toggle", [
+      class: n(["rds-e-toggle", [
         {
           "rds-e-toggle--small-full-width": e.small && e.fullWidth,
           "rds-e-toggle--full-width": e.fullWidth && !e.small,
@@ -34,25 +34,25 @@ import './style/toggle.css';const R = ["id"], G = ["id"], H = ["id"], W = /* @__
         }
       ]])
     }, [
-      m("button", {
+      c("button", {
         id: e.id ? `${e.id}-left` : void 0,
-        class: g(["rds-e-toggle__tab", {
-          "rds-e-toggle__tab--active": o.value === l.LEFT
+        class: n(["rds-e-toggle__tab", {
+          "rds-e-toggle__tab--active": t.value === l.LEFT
         }]),
         type: "button",
-        onClick: s[0] || (s[0] = (h) => (c(u(i) ? !0 : u(n)), o.value = l.LEFT))
-      }, v(e.labelLeft), 11, G),
-      m("button", {
+        onClick: o[0] || (o[0] = (b) => (m(i(u) ? !0 : i(g)), t.value = l.LEFT))
+      }, f(e.labelLeft), 11, F),
+      c("button", {
         id: e.id ? `${e.id}-right` : void 0,
-        class: g(["rds-e-toggle__tab", {
-          "rds-e-toggle__tab--active": o.value === l.RIGHT
+        class: n(["rds-e-toggle__tab", {
+          "rds-e-toggle__tab--active": t.value === l.RIGHT
         }]),
         type: "button",
-        onClick: s[1] || (s[1] = (h) => (c(u(i) ? !1 : u(a)), o.value = l.RIGHT))
-      }, v(e.labelRight), 11, H)
-    ], 10, R));
+        onClick: o[1] || (o[1] = (b) => (m(i(u) ? !1 : i(s)), t.value = l.RIGHT))
+      }, f(e.labelRight), 11, I)
+    ], 10, B));
   }
-}), C = /* @__PURE__ */ I(W, [["__scopeId", "data-v-be1c5818"]]);
+}), k = /* @__PURE__ */ w(G, [["__scopeId", "data-v-be1c5818"]]);
 export {
-  C as default
+  k as default
 };