energy-components 1.11.0 → 1.13.0

package/dist/components/textArea.es.js

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

package/dist/components/textField.es.js

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