energy-components 1.3.0 → 1.4.0-beta.0

package/dist/components/switch.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as v, ref as i, onMounted as k, onBeforeUnmount as y, openBlock as n, createElementBlock as c, normalizeClass as g, createElementVNode as r, renderSlot as p, createTextVNode as S, toDisplayString as B, createBlock as V, createCommentVNode as u } from "vue";
-import { I as x } from "./icon-svg-GoL3_ayS.js";
-import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/switch.css';const _ = ["id", "disabled", "checked"], N = ["for", "aria-label"], C = {
+import { defineComponent as y, mergeModels as c, useModel as g, ref as r, onMounted as S, onBeforeUnmount as B, openBlock as d, createElementBlock as u, normalizeClass as V, createElementVNode as m, renderSlot as p, createTextVNode as x, toDisplayString as E, createBlock as _, createCommentVNode as f } from "vue";
+import { R as C } from "./icon-svg-u9BWBbvW.js";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/switch.css';const N = ["id", "disabled", "checked"], D = ["for", "aria-label"], L = {
   key: 0,
   class: "rds-e-switch__label-text"
-}, L = /* @__PURE__ */ v({
+}, F = /* @__PURE__ */ y({
   __name: "switch",
-  props: {
+  props: /* @__PURE__ */ c({
     /**
      * ID del interruptor
      */
@@ -42,55 +42,59 @@ import './style/switch.css';const _ = ["id", "disabled", "checked"], N = ["for",
       type: Boolean,
       default: !1
     }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: m }) {
-    const f = e, l = m, a = i(!1), o = i(!1), h = () => {
-      o.value && (a.value = !0);
-    }, w = () => a.value = !1, s = (t) => {
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["update:checked"], ["update:modelValue"]),
+  setup(e, { emit: h }) {
+    const w = h, a = g(e, "modelValue"), l = r(!1), o = r(!1), b = () => {
+      o.value && (l.value = !0);
+    }, v = () => l.value = !1, s = (t) => {
       t.key === "Tab" && (o.value = !0);
-    }, d = () => {
+    }, i = () => {
       o.value = !1;
-    }, b = (t) => {
-      l("update:modelValue", t.target.checked);
+    }, k = (t) => {
+      const n = t.target.checked;
+      a.value = n, w("update:checked", n);
     };
-    return k(() => {
-      l("update:modelValue", f.checked), window.addEventListener("keydown", s), window.addEventListener("mousedown", d);
-    }), y(() => {
-      window.removeEventListener("keydown", s), window.removeEventListener("mousedown", d);
-    }), (t, D) => (n(), c("div", {
-      class: g(["rds-e-switch", { "rds-e-switch--focused": a.value }])
+    return S(() => {
+      window.addEventListener("keydown", s), window.addEventListener("mousedown", i);
+    }), B(() => {
+      window.removeEventListener("keydown", s), window.removeEventListener("mousedown", i);
+    }), (t, n) => (d(), u("div", {
+      class: V(["rds-e-switch", { "rds-e-switch--focused": l.value }])
     }, [
-      r("input", {
+      m("input", {
         id: e.id.toString(),
         class: "rds-e-switch__input",
         type: "checkbox",
         disabled: e.disabled,
-        checked: e.checked,
-        onChange: b,
-        onFocus: h,
-        onBlur: w
-      }, null, 40, _),
-      r("label", {
+        checked: a.value !== void 0 ? a.value : e.checked,
+        onChange: k,
+        onFocus: b,
+        onBlur: v
+      }, null, 40, N),
+      m("label", {
         class: "rds-e-switch__label",
         for: e.id.toString(),
         "aria-label": e.label
       }, [
-        e.label || t.$slots["text-label"] ? (n(), c("span", C, [
+        e.label || t.$slots["text-label"] ? (d(), u("span", L, [
           p(t.$slots, "text-label", {}, () => [
-            S(B(e.label), 1)
+            x(E(e.label), 1)
           ], !0),
-          e.icon ? (n(), V(x, {
+          e.icon ? (d(), _(C, {
             key: 0,
             name: e.icon,
             class: "rds-e-switch__label-icon",
             "aria-hidden": "true"
-          }, null, 8, ["name"])) : u("", !0)
-        ])) : u("", !0)
-      ], 8, N)
+          }, null, 8, ["name"])) : f("", !0)
+        ])) : f("", !0)
+      ], 8, D)
     ], 2));
   }
-}), M = /* @__PURE__ */ E(L, [["__scopeId", "data-v-5f2be083"]]);
+}), T = /* @__PURE__ */ M(F, [["__scopeId", "data-v-be80169d"]]);
 export {
-  M as default
+  T as default
 };

package/dist/components/tabBar.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as N, mergeModels as B, toRefs as W, useModel as K, ref as m, computed as h, onMounted as $, nextTick as D, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as S, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as V, withModifiers as A, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
-import { I as w } from "./icon-svg-GoL3_ayS.js";
+import { defineComponent as N, mergeModels as B, toRefs as W, useModel as D, ref as m, computed as h, onMounted as K, nextTick as $, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as R, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as S, withModifiers as V, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
+import { R as w } from "./icon-svg-u9BWBbvW.js";
 import { d as J } from "./functions-DIHwdgF0.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-e-top-bar__item-title" }, Z = {
@@ -62,9 +62,9 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
   }),
   emits: /* @__PURE__ */ B(["activeTabChanged"], ["update:activeTab"]),
   setup(o, { emit: v }) {
-    const i = o, M = v, {
+    const i = o, A = v, {
       options: r
-    } = W(i), R = K(o, "activeTab"), a = m(""), b = m(null), l = m(null);
+    } = W(i), M = D(o, "activeTab"), a = m(""), b = m(null), l = m(null);
     let p = [];
     const y = h(() => l.value ? l.value.scrollWidth > l.value.clientWidth : !1), z = h(() => r.value.findIndex((t) => t.id === a.value) > 0 && y.value), E = h(() => l.value ? r.value.findIndex((t) => t.id === a.value) < i.options.length - 1 && y.value : !1), k = (e) => {
       const t = i.options.find((n) => n.id === a.value);
@@ -92,15 +92,15 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
     const C = () => {
       T(a.value);
     };
-    return $(async () => {
-      await D(), b.value && (p = Array.from(
+    return K(async () => {
+      await $(), b.value && (p = Array.from(
         b.value.children
       )), a.value = i.options[0].id ?? "", window.addEventListener("resize", J(C, 200));
     }), F(() => {
       window.removeEventListener("resize", C);
     }), L(a, (e) => {
-      T(e), M("activeTabChanged", k(!1));
-    }), L(R, (e) => c(e)), (e, t) => (s(), d("div", {
+      T(e), A("activeTabChanged", k(!1));
+    }), L(M, (e) => c(e)), (e, t) => (s(), d("div", {
       class: u(["rds-e-top-bar", {
         "rds-e-top-bar--fluid": o.fluid,
         "rds-e-top-bar--divider": o.divider
@@ -114,7 +114,7 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
         ]),
         onClick: x
       }, [
-        S(w, {
+        R(w, {
           class: "rds-e-top-bar__icon",
           name: "arrow_left"
         })
@@ -140,8 +140,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
             tabindex: a.value === n.id ? 0 : -1,
             onClick: (te) => c(n.id),
             onKeydown: [
-              V(A(x, ["prevent"]), ["left"]),
-              V(A(I, ["prevent"]), ["right"])
+              S(V(x, ["prevent"]), ["left"]),
+              S(V(I, ["prevent"]), ["right"])
             ]
           }, [
             f("span", Y, [
@@ -163,7 +163,7 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
         ]),
         onClick: I
       }, [
-        S(w, {
+        R(w, {
           class: "rds-e-top-bar__icon",
           name: "arrow_right"
         })

package/dist/components/tag.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as h, toRefs as x, computed as u, openBlock as o, createElementBlock as $, normalizeClass as r, unref as t, createBlock as p, createCommentVNode as d, createTextVNode as B, toDisplayString as S } from "vue";
-import { I as f } from "./icon-svg-GoL3_ayS.js";
+import { defineComponent as h, toRefs as x, computed as u, openBlock as o, createElementBlock as $, normalizeClass as r, unref as t, createBlock as p, createCommentVNode as d, createTextVNode as S, toDisplayString as B } from "vue";
+import { R as f } from "./icon-svg-u9BWBbvW.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tag.css';const C = /* @__PURE__ */ h({
   __name: "tag",
@@ -76,7 +76,7 @@ import './style/tag.css';const C = /* @__PURE__ */ h({
         class: r(["rds-e-tag__icon", i.value]),
         "aria-hidden": "true"
       }, null, 8, ["name", "class"])) : d("", !0),
-      B(" " + S(t(_)) + " ", 1),
+      S(" " + B(t(_)) + " ", 1),
       t(c) ? (o(), p(f, {
         key: 1,
         name: "arrow_right",
@@ -85,7 +85,7 @@ import './style/tag.css';const C = /* @__PURE__ */ h({
       }, null, 8, ["class"])) : d("", !0)
     ], 2));
   }
-}), j = /* @__PURE__ */ k(C, [["__scopeId", "data-v-e784d437"]]);
+}), D = /* @__PURE__ */ k(C, [["__scopeId", "data-v-e784d437"]]);
 export {
-  j as default
+  D as default
 };

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
 };