energy-components 1.3.0 → 1.4.0

package/dist/components/textArea.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as G, mergeModels as J, useModel as K, toRefs as L, ref as O, computed as o, openBlock as s, createElementBlock as f, normalizeClass as h, createElementVNode as a, withDirectives as Q, unref as e, vModelText as W, renderSlot as y, createBlock as M, mergeProps as q, toHandlers as T, createCommentVNode as i, createTextVNode as X, toDisplayString as u } from "vue";
-import { I as $ } from "./icon-svg-GoL3_ayS.js";
+import { defineComponent as G, mergeModels as J, useModel as K, toRefs as L, ref as O, computed as o, openBlock as s, createElementBlock as f, normalizeClass as h, createElementVNode as a, withDirectives as Q, unref as e, vModelText as W, renderSlot as y, createBlock as I, mergeProps as q, toHandlers as T, createCommentVNode as i, createTextVNode as X, toDisplayString as u } from "vue";
+import { R as $ } from "./icon-svg-u9BWBbvW.js";
 import { _ as Y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textArea.css';function b(t, _ = !0, d = !0) {
   return _ && !t.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : d && !/^[\w\-:]+$/.test(t) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
@@ -138,23 +138,23 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
   setup(t) {
     const _ = t, d = K(t, "modelValue"), {
       label: w,
-      id: k,
+      id: S,
       disabled: p,
       maxlength: m,
       minlength: g,
       modelValue: c,
       icon: A,
-      rightIcon: S,
-      helper: z,
+      rightIcon: k,
+      helper: D,
       error: x,
-      helperText: D,
+      helperText: R,
       clearable: V,
-      lengthError: F
-    } = L(_), v = O(!1), P = () => {
+      lengthError: z
+    } = L(_), v = O(!1), F = () => {
       v.value = !1;
-    }, j = () => {
+    }, P = () => {
       v.value = !0;
-    }, B = o(() => c.value.length === m.value), E = o(() => c.value.length === 0 ? !1 : c.value.length < g.value), N = o(() => F.value && (B.value || E.value)), H = o(() => {
+    }, B = o(() => c.value.length === m.value), E = o(() => c.value.length === 0 ? !1 : c.value.length < g.value), N = o(() => z.value && (B.value || E.value)), j = o(() => {
       const r = [];
       return c.value && r.push("rds-e-textarea--filled"), x.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), N.value && r.push("rds-e-textarea--error"), r.join(" ");
     }), l = o(() => {
@@ -167,7 +167,7 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
         }
       }, n = {
         left: { ...r },
-        right: { ...r, name: S.value }
+        right: { ...r, name: k.value }
       };
       return V.value && (n.right = {
         ...r,
@@ -177,16 +177,16 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
           click: () => d.value = ""
         }
       }), n;
-    }), R = o(() => c.value.length);
+    }), H = o(() => c.value.length);
     return (r, n) => {
-      var C, I;
+      var C, M;
       return s(), f("div", {
-        class: h(["rds-e-textarea", H.value])
+        class: h(["rds-e-textarea", j.value])
       }, [
         a("div", Z, [
           a("div", ee, [
             Q(a("textarea", {
-              id: (C = e(k)) == null ? void 0 : C.toString(),
+              id: (C = e(S)) == null ? void 0 : C.toString(),
               "onUpdate:modelValue": n[0] || (n[0] = (U) => d.value = U),
               type: "text",
               class: h(["rds-e-textarea__input", { "rds-e-textarea__input--active": v.value }]),
@@ -195,8 +195,8 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
               minlength: e(g),
               rows: t.rows,
               disabled: e(p),
-              onBlur: P,
-              onFocus: j
+              onBlur: F,
+              onFocus: P
             }, null, 42, te), [
               [W, d.value]
             ]),
@@ -216,14 +216,14 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
               ])
             ], -1)),
             a("label", {
-              for: (I = e(k)) == null ? void 0 : I.toString(),
+              for: (M = e(S)) == null ? void 0 : M.toString(),
               class: h(["rds-e-textarea__label", {
                 "rds-e-textarea__label--with-icon": l.value.left.name,
                 "rds-e-textarea__label--active": v.value
               }])
             }, [
               y(r.$slots, "left-icon", {}, () => [
-                l.value.left.name ? (s(), M($, q({
+                l.value.left.name ? (s(), I($, q({
                   key: 0,
                   class: ["rds-e-textarea__icon rds-e-textarea__icon--left", { "rds-e-textarea__icon--hidden": v.value }],
                   "aria-hidden": "true"
@@ -237,9 +237,9 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
                 "rds-e-textarea__counter--clearable": e(V)
               }])
             }, [
-              t.counter && !e(S) ? (s(), f("p", ae, u(R.value) + "/" + u(e(m)), 1)) : i("", !0),
+              t.counter && !e(k) ? (s(), f("p", ae, u(H.value) + "/" + u(e(m)), 1)) : i("", !0),
               y(r.$slots, "right-icon", {}, () => [
-                l.value.right.name && !l.value.left.name ? (s(), M($, q({
+                l.value.right.name && !l.value.left.name ? (s(), I($, q({
                   key: 0,
                   class: "rds-e-textarea__icon rds-e-textarea__icon--right",
                   "aria-hidden": "true"
@@ -255,7 +255,7 @@ const Z = { class: "rds-e-textarea__container" }, ee = { class: "rds-e-textarea_
           E.value ? (s(), f("li", ne, " Min text length is " + u(e(g)), 1)) : i("", !0),
           a("li", null, [
             y(r.$slots, "helper-text", {}, () => [
-              e(z) || e(x) ? (s(), f("span", se, u(e(D)), 1)) : i("", !0)
+              e(D) || e(x) ? (s(), f("span", se, u(e(R)), 1)) : i("", !0)
             ], !0)
           ])
         ], 2)

package/dist/components/textField.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as M, toRefs as U, ref as w, computed as s, watch as A, openBlock as u, createElementBlock as v, normalizeClass as h, createElementVNode as i, renderSlot as _, createBlock as G, mergeProps as L, toHandlers as J, createCommentVNode as g, unref as t, toDisplayString as S, createVNode as K, withModifiers as O } from "vue";
-import { g as Q } from "./getInstance-GhoEcxLF.js";
-import { I as B } from "./icon-svg-GoL3_ayS.js";
-import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const X = { class: "rds-e-textfield__container" }, Y = { class: "rds-e-textfield__input-container" }, Z = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], ee = ["for"], te = {
+import { defineComponent as G, toRefs as J, ref as N, computed as i, watch as O, openBlock as c, createElementBlock as v, normalizeClass as _, createElementVNode as d, renderSlot as g, createBlock as Q, mergeProps as S, toHandlers as W, createCommentVNode as y, unref as t, toDisplayString as L, createVNode as X, withModifiers as Y } from "vue";
+import { g as Z } from "./getInstance-GhoEcxLF.js";
+import { R as B } from "./icon-svg-u9BWBbvW.js";
+import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textField.css';const te = { class: "rds-e-textfield__container" }, le = { class: "rds-e-textfield__input-container" }, re = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], ae = ["for"], ne = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, le = { class: "rds-e-textfield__helper" }, re = /* @__PURE__ */ M({
+}, oe = { class: "rds-e-textfield__helper" }, se = /* @__PURE__ */ G({
   __name: "text-field",
   props: {
     /**
@@ -117,44 +117,52 @@ import './style/textField.css';const X = { class: "rds-e-textfield__container" }
     autocomplete: {
       type: String,
       default: "off",
-      validator: (l, c) => {
-        const a = ["new-password", "current-password", "off"];
-        return c.password && !a.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${a.join(", ")}`), !1) : !0;
+      validator: (l, f) => {
+        const n = ["new-password", "current-password", "off"];
+        return f.password && !n.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${n.join(", ")}`), !1) : !0;
       }
     }
   },
-  emits: ["update:modelValue"],
-  setup(l, { emit: c }) {
-    const a = l, x = c, {
+  emits: ["update:modelValue", "keydown", "keyup", "keypress", "change"],
+  setup(l, { emit: f }) {
+    const n = l, r = f, {
       label: V,
-      disabled: d,
-      maxLength: y,
+      disabled: u,
+      maxLength: x,
       minLength: b,
       modelValue: o,
       icon: E,
       rightIcon: I,
-      helper: T,
-      error: f,
-      helperText: $,
-      clearable: C,
-      password: p,
-      autocomplete: R
-    } = U(a), n = w(!0), m = w(!1), q = Q(), N = s(() => a.id || `text-field-${q}`), D = s(() => {
-      if (p.value)
-        return R.value;
+      helper: C,
+      error: p,
+      helperText: R,
+      clearable: T,
+      password: m,
+      autocomplete: $
+    } = J(n), s = N(!0), h = N(!1), D = Z(), k = i(() => n.id || `text-field-${D}`), q = i(() => {
+      if (m.value)
+        return $.value;
     }), F = (e) => {
-      x(
+      r(
         "update:modelValue",
         e.target.value
       );
+    }, K = () => {
+      h.value = !1;
     }, j = () => {
-      m.value = !1;
-    }, P = () => {
-      m.value = !0;
-    }, z = s(() => !!(f.value || o.value.length && (o.value.length < b.value || o.value.length > y.value))), H = s(() => {
+      h.value = !0;
+    }, P = (e) => {
+      r("keydown", e);
+    }, z = (e) => {
+      r("keyup", e);
+    }, H = (e) => {
+      r("keypress", e);
+    }, M = (e) => {
+      r("change", e);
+    }, U = i(() => !!(p.value || o.value.length && (o.value.length < b.value || o.value.length > x.value))), A = i(() => {
       const e = [];
-      return o.value && e.push("rds-e-textfield--filled"), z.value && e.push("rds-e-textfield--error"), d.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), r = s(() => {
+      return o.value && e.push("rds-e-textfield--filled"), U.value && e.push("rds-e-textfield--error"), u.value && e.push("rds-e-textfield--disabled"), e.join(" ");
+    }), a = i(() => {
       const e = {
         name: E.value,
         class: "",
@@ -162,7 +170,7 @@ import './style/textField.css';const X = { class: "rds-e-textfield__container" }
           click: () => {
           }
         }
-      }, k = {
+      }, w = {
         left: {
           ...e
         },
@@ -171,20 +179,20 @@ import './style/textField.css';const X = { class: "rds-e-textfield__container" }
           name: I.value
         }
       };
-      return p.value ? {
+      return m.value ? {
         left: {
           ...e,
           name: null
         },
         right: {
           ...e,
-          name: n.value ? "eye_open" : "eye_close",
+          name: s.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => n.value = !n.value
+            click: () => s.value = !s.value
           }
         }
-      } : C.value ? {
+      } : T.value ? {
         left: {
           ...e
         },
@@ -193,68 +201,72 @@ import './style/textField.css';const X = { class: "rds-e-textfield__container" }
           name: "close",
           class: "rds-e-textfield__icon--clear",
           events: {
-            click: () => x("update:modelValue", "")
+            click: () => r("update:modelValue", "")
           }
         }
-      } : k;
+      } : w;
     });
-    return A(
-      p,
-      (e) => n.value = !e,
+    return O(
+      m,
+      (e) => s.value = !e,
       { immediate: !0 }
-    ), (e, k) => (u(), v("div", {
-      class: h(["rds-e-textfield", H.value])
+    ), (e, w) => (c(), v("div", {
+      class: _(["rds-e-textfield", A.value])
     }, [
-      i("div", X, [
-        _(e.$slots, "left-icon", {}, () => [
-          r.value.left.name ? (u(), G(B, L({
+      d("div", te, [
+        g(e.$slots, "left-icon", {}, () => [
+          a.value.left.name ? (c(), Q(B, S({
             key: 0,
-            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": m.value }],
+            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": h.value }],
             "aria-hidden": "true"
-          }, r.value.left, J(r.value.left.events)), null, 16, ["class"])) : g("", !0)
+          }, a.value.left, W(a.value.left.events)), null, 16, ["class"])) : y("", !0)
         ], !0),
-        i("div", Y, [
-          i("input", {
-            id: N.value,
-            type: n.value ? "text" : "password",
+        d("div", le, [
+          d("input", {
+            id: k.value,
+            type: s.value ? "text" : "password",
             class: "rds-e-textfield__input",
-            maxLength: t(y),
+            maxLength: t(x),
             minLength: t(b),
-            disabled: t(d),
+            disabled: t(u),
             value: t(o),
-            autocomplete: D.value,
+            autocomplete: q.value,
             readonly: l.readonly,
             onInput: F,
-            onBlur: j,
-            onFocus: P
-          }, null, 40, Z),
-          i("label", {
-            for: N.value,
-            class: h(["rds-e-textfield__label", t(d) ? "rds-e-textfield__label--disabled" : ""])
-          }, S(t(V)), 11, ee)
+            onBlur: K,
+            onFocus: j,
+            onKeydown: P,
+            onKeyup: z,
+            onKeypress: H,
+            onChange: M
+          }, null, 40, re),
+          d("label", {
+            for: k.value,
+            class: _(["rds-e-textfield__label", t(u) ? "rds-e-textfield__label--disabled" : ""])
+          }, L(t(V)), 11, ae)
         ]),
-        r.value.right.name || e.$slots["right-icon"] ? (u(), v("span", te, [
-          _(e.$slots, "right-icon", {}, () => [
-            K(B, L({
+        a.value.right.name || e.$slots["right-icon"] ? (c(), v("span", ne, [
+          g(e.$slots, "right-icon", {}, () => [
+            X(B, S({
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-            }, r.value.right, {
-              onClick: O(r.value.right.events.click, ["stop"])
+            }, a.value.right, {
+              onClick: Y(a.value.right.events.click, ["stop"])
             }), null, 16, ["onClick"])
           ], !0)
-        ])) : g("", !0)
+        ])) : y("", !0)
       ]),
-      i("div", le, [
-        _(e.$slots, "helper-text", {}, () => [
-          (t(T) || t(f)) && !t(d) ? (u(), v("span", {
+      d("div", oe, [
+        g(e.$slots, "helper-text", {}, () => [
+          (t(C) || t(p)) && !t(u) ? (c(), v("span", {
             key: 0,
-            class: h(t(f) ? "rds-e-textfield__helper--error" : "")
-          }, S(t($)), 3)) : g("", !0)
+            class: _(t(p) ? "rds-e-textfield__helper--error" : "")
+          }, L(t(R)), 3)) : y("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), ie = /* @__PURE__ */ W(re, [["__scopeId", "data-v-ec322549"]]);
+}), fe = /* @__PURE__ */ ee(se, [["__scopeId", "data-v-b490642c"]]);
 export {
-  ie as default
+  fe as default
 };