energy-components 1.21.0 → 1.23.0

package/dist/components/textField.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as oe, toRefs as se, ref as c, computed as g, watch as q, onMounted as re, onBeforeUnmount as ie, createElementBlock as I, openBlock as p, normalizeClass as V, createElementVNode as _, createCommentVNode as x, renderSlot as L, createBlock as T, mergeProps as A, toHandlers as ue, unref as f, toDisplayString as K, withModifiers as de } from "vue";
-import { g as ce } from "./getInstance-GhoEcxLF.js";
-import { R as E, s as fe } from "./icon-svg-C8XeOnqu.js";
-import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const pe = { class: "rds-e-textfield__input-container" }, me = ["id", "type", "maxlength", "minlength", "disabled", "value", "autocomplete", "readonly"], he = ["for"], ye = {
+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 { _ 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,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, ge = {
+}, be = {
   key: 0,
   class: "rds-e-textfield__helper"
-}, _e = /* @__PURE__ */ oe({
+}, we = /* @__PURE__ */ ie({
   __name: "text-field",
   props: {
     /**
@@ -62,7 +62,7 @@ import './style/textField.css';const pe = { class: "rds-e-textfield__input-conta
     maxLength: {
       type: Number,
       required: !1,
-      validator: (t) => t == null ? !0 : typeof t != "number" || Number.isNaN(t) ? (console.info("El valor de maxLength debe ser un número"), !1) : t < 0 ? (console.info("El valor de maxLength no puede ser menor a 0"), !1) : !0
+      validator: (l) => l == null ? !0 : typeof l != "number" || Number.isNaN(l) ? (console.info("El valor de maxLength debe ser un número"), !1) : l < 0 ? (console.info("El valor de maxLength no puede ser menor a 0"), !1) : !0
     },
     /**
      * Número mínimo de caracteres permitidos en el campo de entrada.
@@ -71,7 +71,7 @@ import './style/textField.css';const pe = { class: "rds-e-textfield__input-conta
     minLength: {
       type: Number,
       required: !1,
-      validator: (t) => t == null ? !0 : typeof t != "number" || Number.isNaN(t) ? (console.info("El valor de minLength debe ser un número"), !1) : t < 0 ? (console.info("El valor de minLength no puede ser menor a 0"), !1) : !0
+      validator: (l) => l == null ? !0 : typeof l != "number" || Number.isNaN(l) ? (console.info("El valor de minLength debe ser un número"), !1) : l < 0 ? (console.info("El valor de minLength no puede ser menor a 0"), !1) : !0
     },
     /**
      * Tipo del input HTML. Por defecto 'text'.
@@ -80,9 +80,9 @@ import './style/textField.css';const pe = { class: "rds-e-textfield__input-conta
     type: {
       type: String,
       default: "text",
-      validator: (t) => {
-        const r = ["text", "number", "password", "email", "tel", "url"], i = r.includes(t);
-        return i || console.warn(`[RDSTextfield]: El valor de la prop 'type' debe ser uno de: ${r.join(", ")}. Valor recibido: ${t}`), i;
+      validator: (l) => {
+        const r = ["text", "number", "password", "email", "tel", "url"], i = r.includes(l);
+        return i || console.warn(`[RDSTextfield]: El valor de la prop 'type' debe ser uno de: ${r.join(", ")}. Valor recibido: ${l}`), i;
       }
     },
     /**
@@ -150,90 +150,97 @@ import './style/textField.css';const pe = { class: "rds-e-textfield__input-conta
     autocomplete: {
       type: String,
       default: "off",
-      validator: (t, r) => {
+      validator: (l, r) => {
         const i = ["new-password", "current-password", "off"];
-        return (r.password || r.type === "password") && !i.includes(t) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${i.join(", ")}`), !1) : !0;
+        return (r.password || r.type === "password") && !i.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${i.join(", ")}`), !1) : !0;
       }
     }
   },
   emits: ["update:modelValue", "clear", "keydown", "keyup", "keypress", "change"],
-  setup(t, { expose: r, emit: i }) {
-    const n = t, u = i, {
-      type: d,
-      label: P,
+  setup(l, { expose: r, emit: i }) {
+    const o = l, u = i, {
+      type: v,
+      label: O,
       disabled: B,
-      modelValue: v,
-      icon: j,
-      rightIcon: W,
-      helper: O,
+      modelValue: x,
+      icon: U,
+      rightIcon: z,
+      helper: H,
       error: C,
-      helperText: U,
-      clearable: z,
+      helperText: G,
+      clearable: J,
       password: b,
-      autocomplete: H,
-      fullWidth: G
-    } = se(n), l = c(null), m = c(!0), h = c(!1), w = c(!1), S = c(!1), J = ce(), k = c(""), y = c(!1), F = g(() => n.id || `text-field-${J}`), Q = g(() => b.value ? m.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(d.value) ? d.value : "text"), X = g(() => {
-      if (b.value || d.value === "password")
-        return H.value;
-    }), Y = (e) => {
-      const a = e.target;
-      let s = a.value;
-      if (d.value === "number") {
-        const N = a.value !== "" || a.selectionStart !== null && a.selectionStart > 0 || a.validity.badInput;
-        y.value = N;
+      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 = () => {
+      if (a.value)
+        if (v.value === "number") {
+          const e = a.value, t = e.value !== "" || e.selectionStart !== null && e.selectionStart > 0 || e.validity.badInput;
+          n.value = t;
+        } else
+          n.value = a.value.value !== "";
+    }, $ = y(() => o.id || `text-field-${Y}`), Z = y(() => b.value ? p.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(v.value) ? v.value : "text"), ee = y(() => {
+      if (b.value || v.value === "password")
+        return Q.value;
+    }), te = (e) => {
+      const t = e.target, K = t.value.trim();
+      let k = t.value;
+      if (v.value === "number") {
+        const N = t.value !== "" || t.selectionStart !== null && t.selectionStart > 0 || t.validity.badInput;
+        n.value = N;
       } else
-        y.value = a.value !== "";
-      if (d.value === "number")
-        if (a.value.trim() === "")
-          s = null;
+        n.value = t.value !== "";
+      if (v.value === "number") {
+        if (t.value.trim() === "")
+          k = null;
         else {
-          const N = Number.parseFloat(a.value);
-          s = Number.isNaN(N) ? a.value : N;
+          const N = Number.parseFloat(t.value);
+          k = Number.isNaN(N) ? t.value : N;
         }
-      else a.value === "" && v.value === null && (s = null);
-      u("update:modelValue", s);
-    }, Z = () => {
+        K === "" && !t.validity.badInput && (n.value = !1);
+      } else t.value === "" && x.value === null && (k = null);
+      u("update:modelValue", k), I();
+    }, le = () => {
       S.value = !0;
-    }, $ = () => {
-      if (h.value = !1, w.value = !1, S.value = !1, d.value === "number" && l.value) {
-        const e = l.value.value !== "" || l.value.selectionStart !== null && l.value.selectionStart > 0 || l.value.validity.badInput;
-        y.value = e;
-      }
     }, D = () => {
-      h.value = !0, w.value = !S.value, S.value = !1;
-    }, ee = (e) => {
+      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 = () => {
+      d.value = !0, w.value = !S.value, S.value = !1;
+    }, ae = (e) => {
       u("keydown", e);
-    }, te = (e) => {
+    }, ne = (e) => {
       u("keyup", e);
-    }, le = (e) => {
+    }, oe = (e) => {
       u("keypress", e);
-    }, ae = (e) => {
+    }, se = (e) => {
       u("change", e);
-    }, ne = g(() => {
+    }, re = y(() => {
       const e = [];
-      return k.value !== "" && e.push(k.value), (v.value !== null && String(v.value).length > 0 || y.value || h.value) && e.push("rds-e-textfield--filled"), v.value !== null && String(v.value).length > 0 && e.push("rds-e-textfield--filled"), C.value && e.push("rds-e-textfield--error"), B.value && e.push("rds-e-textfield--disabled"), G.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"), 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(" ");
     });
-    q(
-      () => v.value,
+    P(
+      () => x.value,
       (e) => {
-        e !== null && String(e).length > 0 && (k.value = "");
+        e !== null && String(e).length > 0 && (h.value = ""), (e === "" || e === null) && !d.value && (n.value = !1);
       }
     );
-    const o = g(() => {
+    const s = y(() => {
       const e = {
-        name: j.value,
+        name: U.value,
         class: "",
         events: {
           click: () => {
           }
         }
-      }, a = {
+      }, t = {
         left: {
           ...e
         },
         right: {
           ...e,
-          name: W.value
+          name: z.value
         }
       };
       return b.value ? {
@@ -243,13 +250,13 @@ import './style/textField.css';const pe = { class: "rds-e-textfield__input-conta
         },
         right: {
           ...e,
-          name: m.value ? "eye_open" : "eye_close",
+          name: p.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => m.value = !m.value
+            click: () => p.value = !p.value
           }
         }
-      } : z.value ? {
+      } : J.value ? {
         left: {
           ...e
         },
@@ -259,108 +266,106 @@ import './style/textField.css';const pe = { class: "rds-e-textfield__input-conta
           class: "rds-e-textfield__icon--clear",
           events: {
             click: () => {
-              u("update:modelValue", ""), u("clear");
+              u("update:modelValue", ""), a.value && (a.value.value = ""), d.value = !1, n.value = !1, a.value && a.value.blur(), u("clear");
             }
           }
         }
-      } : a;
+      } : t;
     });
-    q(
+    P(
       b,
-      (e) => m.value = !e,
+      (e) => p.value = !e,
       { immediate: !0 }
     );
-    const R = (e) => {
-      const a = fe.includes(e);
-      return a || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), a;
-    }, M = (e) => {
-      var s;
-      ((s = l.value) == null ? void 0 : s.matches(":-webkit-autofill")) && e.animationName.startsWith("onAutoFillStart") && (k.value = "rds-e-textfield--filled");
+    const M = (e) => {
+      const t = pe.includes(e);
+      return t || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), t;
+    }, q = (e) => {
+      const t = a.value;
+      if (!t) return;
+      t.matches(":-webkit-autofill") && e.animationName.startsWith("onAutoFillStart") && t.value.trim().length > 0 && (h.value = "rds-e-textfield--filled", n.value = !0);
     };
-    return re(() => {
-      if (l.value && (l.value.addEventListener("animationstart", M), d.value === "number")) {
-        const e = l.value.value !== "" || l.value.selectionStart !== null && l.value.selectionStart > 0 || l.value.validity.badInput;
-        y.value = e;
-      }
-    }), ie(() => {
-      l.value && l.value.removeEventListener("animationstart", M);
+    return de(() => {
+      a.value && (a.value.addEventListener("animationstart", q), I());
+    }), ce(() => {
+      a.value && a.value.removeEventListener("animationstart", q);
     }), r({
       focus: () => {
-        l.value && (l.value.focus(), D());
+        a.value && (a.value.focus(), R());
       },
       blur: () => {
-        l.value && (l.value.blur(), $());
+        a.value && (a.value.blur(), D());
       }
-    }), (e, a) => (p(), I("div", {
-      class: V(["rds-e-textfield", ne.value])
+    }), (e, t) => (m(), L("div", {
+      class: V(["rds-e-textfield", re.value])
     }, [
-      _("div", {
+      g("div", {
         class: V(["rds-e-textfield__container", {
           "rds-e-textfield__container--keyboard-focus": w.value,
-          "rds-e-textfield__container--active": h.value && !w.value
+          "rds-e-textfield__container--active": d.value && !w.value
         }]),
-        onMousedown: Z
+        onMousedown: le
       }, [
-        L(e.$slots, "left-icon", {}, () => [
-          t.loading ? (p(), T(E, {
+        T(e.$slots, "left-icon", {}, () => [
+          l.loading ? (m(), E(F, {
             key: 0,
             name: "loading",
             class: "rds-e-textfield__icon--loading"
-          })) : x("", !0),
-          o.value.left.name && R(o.value.left.name) && !t.loading ? (p(), T(E, A({
+          })) : _("", !0),
+          s.value.left.name && M(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": h.value }],
+            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": d.value }],
             "aria-hidden": "true"
-          }, o.value.left, ue(o.value.left.events)), null, 16, ["class"])) : x("", !0)
+          }, s.value.left, fe(s.value.left.events)), null, 16, ["class"])) : _("", !0)
         ], !0),
-        _("div", pe, [
-          _("input", {
-            id: F.value,
+        g("div", ye, [
+          g("input", {
+            id: $.value,
             ref_key: "input",
-            ref: l,
-            type: Q.value,
+            ref: a,
+            type: Z.value,
             class: "rds-e-textfield__input",
-            maxlength: n.type === "number" ? void 0 : n.maxLength,
-            minlength: n.type === "number" ? void 0 : n.minLength,
+            maxlength: o.type === "number" ? void 0 : o.maxLength,
+            minlength: o.type === "number" ? void 0 : o.minLength,
             disabled: f(B),
-            value: n.modelValue === null ? "" : n.modelValue,
-            autocomplete: X.value,
-            readonly: t.readonly,
-            onInput: Y,
-            onBlur: $,
-            onFocus: D,
-            onKeydown: ee,
-            onKeyup: te,
-            onKeypress: le,
-            onChange: ae
-          }, null, 40, me),
-          _("label", {
-            for: F.value,
+            value: o.modelValue === null ? "" : o.modelValue,
+            autocomplete: ee.value,
+            readonly: l.readonly,
+            onInput: te,
+            onBlur: D,
+            onFocus: R,
+            onKeydown: ae,
+            onKeyup: ne,
+            onKeypress: oe,
+            onChange: se
+          }, null, 40, ge),
+          g("label", {
+            for: $.value,
             class: V(["rds-e-textfield__label", f(B) ? "rds-e-textfield__label--disabled" : ""])
-          }, K(f(P)), 11, he)
+          }, W(f(O)), 11, _e)
         ]),
-        o.value.right.name || e.$slots["right-icon"] ? (p(), I("span", ye, [
-          L(e.$slots, "right-icon", {}, () => [
-            o.value.right.name && R(o.value.right.name) ? (p(), T(E, A({
+        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({
               key: 0,
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-            }, o.value.right, {
-              onClick: de(o.value.right.events.click, ["stop"])
-            }), null, 16, ["onClick"])) : x("", !0)
+            }, s.value.right, {
+              onClick: ve(s.value.right.events.click, ["stop"])
+            }), null, 16, ["onClick"])) : _("", !0)
           ], !0)
-        ])) : x("", !0)
+        ])) : _("", !0)
       ], 34),
-      f(O) || f(C) ? (p(), I("div", ge, [
-        L(e.$slots, "helper-text", {}, () => [
-          _("span", {
+      f(H) || f(C) ? (m(), L("div", be, [
+        T(e.$slots, "helper-text", {}, () => [
+          g("span", {
             class: V(f(C) ? "rds-e-textfield__helper--error" : "")
-          }, K(f(U)), 3)
+          }, W(f(G)), 3)
         ], !0)
-      ])) : x("", !0)
+      ])) : _("", !0)
     ], 2));
   }
-}), ke = /* @__PURE__ */ ve(_e, [["__scopeId", "data-v-a299198c"]]);
+}), Be = /* @__PURE__ */ he(we, [["__scopeId", "data-v-f6902be3"]]);
 export {
-  ke as default
+  Be as default
 };

package/dist/components/toggle.es.js

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

package/dist/components/tooltip.es.js

@@ -1,6 +1,6 @@
 import { defineComponent as q, toRefs as G, ref as u, computed as T, onBeforeUnmount as J, createElementBlock as x, openBlock as m, createElementVNode as v, createBlock as K, renderSlot as D, Teleport as Q, normalizeClass as N, createCommentVNode as O, unref as A, createVNode as Z, toDisplayString as E, createTextVNode as ee, nextTick as te } from "vue";
-import { a as oe, o as le, f as ae, s as ie, b as se, c as re, d as ne } from "./floating-ui.vue-oA1DfKeS.js";
-import { R as ue } from "./icon-svg-C8XeOnqu.js";
+import { a as oe, o as le, f as ae, s as ie, b as se, c as re, d as ne } from "./floating-ui.vue-DHEoOe5S.js";
+import { R as ue } from "./icon-svg-K8-vLJgV.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tooltip.css';const ce = ["id"], fe = {
   key: 0,