energy-components 1.7.0 → 1.8.1

package/dist/components/tableslotedcomponent.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as w, toRefs as I, getCurrentInstance as ee, ref as p, computed as m, watchEffect as le, watch as te, onMounted as se, openBlock as n, createElementBlock as c, normalizeClass as u, createElementVNode as i, Fragment as g, renderList as x, renderSlot as h, createVNode as f, normalizeStyle as ae, toDisplayString as U, createCommentVNode as b, unref as C, Transition as O, withCtx as N, nextTick as oe } from "vue";
-import { R as ne } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as w, toRefs as I, getCurrentInstance as ee, ref as p, computed as m, watchEffect as le, watch as te, onMounted as se, createElementBlock as n, openBlock as c, normalizeClass as u, createElementVNode as i, createVNode as f, createCommentVNode as b, Fragment as g, renderList as x, renderSlot as h, normalizeStyle as ae, toDisplayString as U, unref as C, Transition as O, withCtx as N, nextTick as oe } from "vue";
+import { R as ne } from "./icon-svg-_WCkLP8-.js";
 import E from "./checkbox.es.js";
 import { g as ce } from "./getInstance-GhoEcxLF.js";
 import { _ as ie } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -15,7 +15,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
 }, pe = ["for"], fe = {
   key: 0,
   class: "loading-overlay"
-}, ye = ["onClick"], ve = ["column-key", "data-cell"], ge = ["title"], he = {
+}, ve = ["onClick"], ye = ["column-key", "data-cell"], ge = ["title"], he = {
   key: 0,
   class: "table__cell table__cell--shadow table__cell--right"
 }, $e = ["for"], me = ["colspan"], Ce = ["colspan"], Se = /* @__PURE__ */ w({
@@ -40,7 +40,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
   },
   emits: ["selectAll", "onClickCheckbox", "onItemExpansion", "onHeaderSort"],
   setup(L, { expose: j, emit: q }) {
-    const o = L, y = q, { item: k, listChecked: z, selectableKey: d } = I(o), S = ee(), F = p(), B = p(`table-${ce()}`), _ = p([]), $ = p([]), K = p([]), P = p(!0), G = m(() => {
+    const o = L, v = q, { item: k, listChecked: z, selectableKey: d } = I(o), S = ee(), F = p(), B = p(`table-${ce()}`), _ = p([]), $ = p([]), K = p([]), P = p(!0), G = m(() => {
       const e = "table";
       let t = e;
       return t = `${t} ${e}--${o.variant}`, o.condensed && (t = `${t} ${e}--condensed`), t;
@@ -51,7 +51,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }), Q = m(() => o.mockItems ? Array.from({ length: o.mockItems }, () => ({
       expandible: !1,
       visible: !1
-    })) : []), v = m(() => o.loading && _.value.length === 0 ? Q.value : _.value), W = (e) => {
+    })) : []), y = m(() => o.loading && _.value.length === 0 ? Q.value : _.value), W = (e) => {
       if (d != null && d.value) {
         const t = e[d.value];
         return z.value.includes(t);
@@ -60,7 +60,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }, X = (e) => {
       if (d != null && d.value) {
         const t = String(e[d.value]);
-        y("onClickCheckbox", t);
+        v("onClickCheckbox", t);
       }
     }, D = async (e, t = !1) => {
       var l;
@@ -71,14 +71,14 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
           );
           _.value = a;
         }
-        y("onItemExpansion", {
+        v("onItemExpansion", {
           ...e,
           visible: o.isMobileDevice ? e.visible : !e.visible,
           isMobileDevice: o.isMobileDevice
         }), t && (await oe(), (l = document.querySelector(".table__group--is-open")) == null || l.scrollIntoView({ behavior: "smooth" }));
       }
     }, Y = (e) => {
-      y("selectAll", e);
+      v("selectAll", e);
     }, A = (e) => e.align ? `table__cell--${e.align}` : "table__cell--left", Z = (e, t) => t === "actions" ? !1 : e.status === "BLOCKED" || e.status === "BUSINESS_BLOCK" || e.status === "PT_BLOCKED" ? !0 : !!e.$disabled, V = (e, t, l) => {
       var a, s;
       if (!t) return "---";
@@ -93,8 +93,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
       if ($.value.forEach((r) => {
         r.sortable && r.key !== t.key && (r.sort = "");
       }), t.sort = l[s], t.sort === "")
-        return y("onHeaderSort", {});
-      y("onHeaderSort", {
+        return v("onHeaderSort", {});
+      v("onHeaderSort", {
         sortBy: t.key,
         order: t.sort
       });
@@ -130,13 +130,13 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
     }), se(() => {
       var e;
       F.value = (e = S == null ? void 0 : S.vnode) == null ? void 0 : e.scopeId;
-    }), (e, t) => (n(), c("div", {
+    }), (e, t) => (c(), n("div", {
       class: u(["table__container", G.value])
     }, [
       i("table", null, [
-        e.hideHeaders ? b("", !0) : (n(), c("thead", de, [
+        e.hideHeaders ? b("", !0) : (c(), n("thead", de, [
           i("tr", null, [
-            (n(!0), c(g, null, x($.value, (l, a) => (n(), c("th", {
+            (c(!0), n(g, null, x($.value, (l, a) => (c(), n("th", {
               key: `header-${a}`,
               "data-header": `data-header-${l.key}`,
               class: u(["table__cell table__cell--heading body-1", [
@@ -150,7 +150,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
               onClick: (s) => R(s, l)
             }, [
               h(e.$slots, `header-${l.key}`, { item: l }, () => [
-                l.type === "selectAll" ? (n(), c(g, { key: 0 }, [
+                l.type === "selectAll" ? (c(), n(g, { key: 0 }, [
                   f(E, {
                     id: `checkbox_${l.key}`,
                     "is-checked": l.allSelected,
@@ -160,14 +160,14 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                     for: `checkbox_${l.key}`,
                     class: "rds-checkbox__label"
                   }, null, 8, ue)
-                ], 64)) : (n(), c("div", be, [
+                ], 64)) : (c(), n("div", be, [
                   i("span", {
                     style: ae({
                       color: (l == null ? void 0 : l.sort) !== "" ? "#00ADC3" : ""
                     }),
                     class: "rds-title-02"
                   }, U(l.text || ""), 5),
-                  l.sortable ? (n(), c("span", _e, [
+                  l.sortable ? (c(), n("span", _e, [
                     i("span", {
                       class: u(["table__sortable-icon--up sortable-icon", `${l.sort === "asc" ? "active" : ""}`])
                     }, "▲", 2),
@@ -178,7 +178,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                 ]))
               ], !0)
             ], 10, re))), 128)),
-            C(d) && !e.hideSelectAll ? (n(), c("th", ke, [
+            C(d) && !e.hideSelectAll ? (c(), n("th", ke, [
               f(E, {
                 id: `checkbox-all-${B.value}`,
                 class: "rds-checkbox table__checkbox",
@@ -197,13 +197,13 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
         }, [
           f(O, { name: "fade" }, {
             default: N(() => [
-              e.loading ? (n(), c("div", fe, [
+              e.loading ? (c(), n("div", fe, [
                 f(ne, { name: "loading" })
               ])) : b("", !0)
             ]),
             _: 1
           }),
-          v.value.length !== 0 ? (n(!0), c(g, { key: 0 }, x(v.value, (l, a) => (n(), c(g, {
+          y.value.length !== 0 ? (c(!0), n(g, { key: 0 }, x(y.value, (l, a) => (c(), n(g, {
             key: `row-${a}}`
           }, [
             i("tr", {
@@ -219,7 +219,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
               ]]),
               onClick: () => D(l)
             }, [
-              (n(!0), c(g, null, x($.value, (s, r) => (n(), c("td", {
+              (c(!0), n(g, null, x($.value, (s, r) => (c(), n("td", {
                 key: `column-${r}`,
                 "column-key": r,
                 "data-cell": `data-cell-${s.key}`,
@@ -241,8 +241,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                     title: V(s.key, String(l[s.key] || ""), a)
                   }, U(V(s.key, String(l[s.key] || ""), a)), 9, ge)
                 ], !0)
-              ], 10, ve))), 128)),
-              C(d) ? (n(), c("td", he, [
+              ], 10, ye))), 128)),
+              C(d) ? (c(), n("td", he, [
                 h(e.$slots, "td-checkbox", { item: l }, () => [
                   f(E, {
                     id: `add-${a}-${l[C(d)]}`,
@@ -257,8 +257,8 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                   }, null, 8, $e)
                 ], !0)
               ])) : b("", !0)
-            ], 10, ye),
-            v.value[a].visible ? (n(), c("tr", {
+            ], 10, ve),
+            y.value[a].visible ? (c(), n("tr", {
               key: 0,
               class: u(["table__group table__group--dropdown", [
                 {
@@ -276,7 +276,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
                 h(e.$slots, "expandible", { item: l }, void 0, !0)
               ], 10, me)
             ], 2)) : b("", !0),
-            v.value[a].visible ? (n(), c("tr", {
+            y.value[a].visible ? (c(), n("tr", {
               key: 1,
               class: "table__group--spacer",
               colspan: M(l).length
@@ -286,7 +286,7 @@ import './style/tableslotedcomponent.css';const de = { key: 0 }, re = ["data-hea
       ]),
       f(O, { name: "fade" }, {
         default: N(() => [
-          e.showEmptyState && !e.loading && v.value.length === 0 ? h(e.$slots, "empty", { key: 0 }, () => [
+          e.showEmptyState && !e.loading && y.value.length === 0 ? h(e.$slots, "empty", { key: 0 }, () => [
             t[0] || (t[0] = i("div", { class: "table__empty-state" }, [
               i("h3", { class: "rds-title-02" }, " No hay elementos a mostrar. ")
             ], -1))

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 S, toDisplayString as B } from "vue";
-import { R as f } from "./icon-svg-BmDOQ0kL.js";
+import { defineComponent as h, toRefs as x, computed as u, createElementBlock as $, openBlock as o, normalizeClass as r, createBlock as p, createCommentVNode as d, createTextVNode as S, unref as t, toDisplayString as B } from "vue";
+import { R as f } from "./icon-svg-_WCkLP8-.js";
 import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tag.css';const C = /* @__PURE__ */ h({
   __name: "tag",

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 I, mergeProps as q, toHandlers as T, createCommentVNode as i, createTextVNode as X, toDisplayString as u } from "vue";
-import { R as $ } from "./icon-svg-BmDOQ0kL.js";
+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-_WCkLP8-.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;

package/dist/components/textField.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as W, toRefs as X, ref as y, computed as d, watch as Y, openBlock as u, createElementBlock as x, normalizeClass as b, createElementVNode as c, renderSlot as k, createBlock as I, mergeProps as R, toHandlers as Z, createCommentVNode as m, unref as t, toDisplayString as T, withModifiers as ee } from "vue";
-import { g as te } from "./getInstance-GhoEcxLF.js";
-import { R as $, s as le } from "./icon-svg-BmDOQ0kL.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const oe = { class: "rds-e-textfield__container" }, ae = { class: "rds-e-textfield__input-container" }, re = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], se = ["for"], ie = {
+import { defineComponent as ee, toRefs as te, ref as w, computed as d, watch as le, createElementBlock as k, openBlock as p, normalizeClass as S, createElementVNode as m, renderSlot as N, createCommentVNode as y, createBlock as I, mergeProps as $, toHandlers as ne, unref as o, toDisplayString as C, withModifiers as ae } from "vue";
+import { g as oe } from "./getInstance-GhoEcxLF.js";
+import { R, s as re } from "./icon-svg-_WCkLP8-.js";
+import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textField.css';const ie = { class: "rds-e-textfield__container" }, ue = { class: "rds-e-textfield__input-container" }, de = ["id", "type", "maxlength", "minlength", "disabled", "value", "autocomplete", "readonly"], ce = ["for"], fe = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, de = { class: "rds-e-textfield__helper" }, ue = /* @__PURE__ */ W({
+}, pe = { class: "rds-e-textfield__helper" }, me = /* @__PURE__ */ ee({
   __name: "text-field",
   props: {
     /**
@@ -26,7 +26,7 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
      * v-model valor de entrada y salida
      */
     modelValue: {
-      type: String,
+      type: [String, Number, null],
       required: !0
     },
     /**
@@ -49,7 +49,7 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
     maxLength: {
       type: Number,
       default: 100,
-      validator: (l) => l < 0 ? (console.info("El valor de maxLength no puede ser menor a 0"), !1) : Number.isNaN(l) ? (console.info("El valor de maxLength debe ser un número"), !1) : !0
+      validator: (t) => t < 0 ? (console.info("El valor de maxLength no puede ser menor a 0"), !1) : Number.isNaN(t) ? (console.info("El valor de maxLength debe ser un número"), !1) : !0
     },
     /**
      * Número mínimo de caracteres permitidos en el campo de entrada.
@@ -57,7 +57,19 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
     minLength: {
       type: Number,
       default: 0,
-      validator: (l) => l < 0 ? (console.info("El valor de minLength no puede ser menor a 0"), !1) : Number.isNaN(l) ? (console.info("El valor de minLength debe ser un número"), !1) : !0
+      validator: (t) => t < 0 ? (console.info("El valor de minLength no puede ser menor a 0"), !1) : Number.isNaN(t) ? (console.info("El valor de minLength debe ser un número"), !1) : !0
+    },
+    /**
+     * Tipo del input HTML. Por defecto 'text'.
+     * Puede ser 'text' o 'number'. La prop 'password' tiene precedencia.
+     */
+    type: {
+      type: String,
+      default: "text",
+      validator: (t) => {
+        const r = ["text", "number", "password", "email", "tel", "url"], s = r.includes(t);
+        return s || console.warn(`[RDSTextfield]: El valor de la prop 'type' debe ser uno de: ${r.join(", ")}. Valor recibido: ${t}`), s;
+      }
     },
     /**
      * Nombre del icono que se mostrará dentro del campo de entrada.
@@ -117,60 +129,72 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
     autocomplete: {
       type: String,
       default: "off",
-      validator: (l, v) => {
-        const f = ["new-password", "current-password", "off"];
-        return v.password && !f.includes(l) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${f.join(", ")}`), !1) : !0;
+      validator: (t, r) => {
+        const s = ["new-password", "current-password", "off"];
+        return (r.password || r.type === "password") && !s.includes(t) ? (console.info(`[RDSTextfield]: El valor de autocomplete para un campo de contraseña debe ser uno de los siguientes: ${s.join(", ")}`), !1) : !0;
       }
     }
   },
   emits: ["update:modelValue", "keydown", "keyup", "keypress", "change"],
-  setup(l, { expose: v, emit: f }) {
-    const w = l, o = f, {
-      label: C,
-      disabled: p,
-      maxLength: S,
-      minLength: L,
-      modelValue: a,
-      icon: D,
+  setup(t, { expose: r, emit: s }) {
+    const n = t, i = s, {
+      type: v,
+      label: D,
+      disabled: h,
+      maxLength: F,
+      minLength: P,
+      modelValue: u,
+      icon: j,
       rightIcon: q,
-      helper: F,
-      error: h,
-      helperText: K,
-      clearable: j,
-      password: _,
-      autocomplete: P
-    } = X(w), r = y(null), s = y(!0), g = y(!1), z = te(), N = d(() => w.id || `text-field-${z}`), H = d(() => {
-      if (_.value)
-        return P.value;
-    }), M = (e) => {
-      o(
-        "update:modelValue",
-        e.target.value
-      );
-    }, V = () => {
-      g.value = !1;
-    }, B = () => {
-      g.value = !0;
-    }, U = (e) => {
-      o("keydown", e);
-    }, A = (e) => {
-      o("keyup", e);
-    }, G = (e) => {
-      o("keypress", e);
-    }, J = (e) => {
-      o("change", e);
-    }, O = d(() => !!(h.value || a.value.length && (a.value.length < L.value || a.value.length > S.value))), Q = d(() => {
+      helper: K,
+      error: x,
+      helperText: z,
+      clearable: A,
+      password: g,
+      autocomplete: H
+    } = te(n), c = w(null), f = w(!0), b = w(!1), M = oe(), V = d(() => n.id || `text-field-${M}`), U = d(() => g.value ? f.value ? "text" : "password" : v.value), G = d(() => {
+      if (g.value || v.value === "password")
+        return H.value;
+    }), J = (e) => {
+      const l = e.target;
+      let _ = l.value;
+      if (v.value === "number")
+        if (l.value.trim() === "")
+          _ = null;
+        else {
+          const B = Number.parseFloat(l.value);
+          _ = Number.isNaN(B) ? l.value : B;
+        }
+      else l.value === "" && u.value === null && (_ = null);
+      i("update:modelValue", _);
+    }, E = () => {
+      b.value = !1;
+    }, L = () => {
+      b.value = !0;
+    }, O = (e) => {
+      i("keydown", e);
+    }, Q = (e) => {
+      i("keyup", e);
+    }, W = (e) => {
+      i("keypress", e);
+    }, X = (e) => {
+      i("change", e);
+    }, Y = d(() => {
+      if (x.value) return !0;
+      const e = u.value === null || u.value === void 0 ? "" : String(u.value);
+      return e.length > 0 && (e.length < P.value || v.value !== "number" && e.length > F.value);
+    }), Z = d(() => {
       const e = [];
-      return a.value && e.push("rds-e-textfield--filled"), O.value && e.push("rds-e-textfield--error"), p.value && e.push("rds-e-textfield--disabled"), e.join(" ");
-    }), n = d(() => {
+      return u.value !== null && String(u.value).length > 0 && e.push("rds-e-textfield--filled"), Y.value && e.push("rds-e-textfield--error"), h.value && e.push("rds-e-textfield--disabled"), e.join(" ");
+    }), a = d(() => {
       const e = {
-        name: D.value,
+        name: j.value,
         class: "",
         events: {
           click: () => {
           }
         }
-      }, i = {
+      }, l = {
         left: {
           ...e
         },
@@ -179,20 +203,20 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
           name: q.value
         }
       };
-      return _.value ? {
+      return g.value ? {
         left: {
           ...e,
           name: null
         },
         right: {
           ...e,
-          name: s.value ? "eye_open" : "eye_close",
+          name: f.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => s.value = !s.value
+            click: () => f.value = !f.value
           }
         }
-      } : j.value ? {
+      } : A.value ? {
         left: {
           ...e
         },
@@ -201,87 +225,87 @@ import './style/textField.css';const oe = { class: "rds-e-textfield__container"
           name: "close",
           class: "rds-e-textfield__icon--clear",
           events: {
-            click: () => o("update:modelValue", "")
+            click: () => i("update:modelValue", "")
           }
         }
-      } : i;
+      } : l;
     });
-    Y(
-      _,
-      (e) => s.value = !e,
+    le(
+      g,
+      (e) => f.value = !e,
       { immediate: !0 }
     );
-    const E = (e) => {
-      const i = le.includes(e);
-      return i || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), i;
+    const T = (e) => {
+      const l = re.includes(e);
+      return l || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), l;
     };
-    return v({
+    return r({
       focus: () => {
-        r.value && (r.value.focus(), B());
+        c.value && (c.value.focus(), L());
       },
       blur: () => {
-        r.value && (r.value.blur(), V());
+        c.value && (c.value.blur(), E());
       }
-    }), (e, i) => (u(), x("div", {
-      class: b(["rds-e-textfield", Q.value])
+    }), (e, l) => (p(), k("div", {
+      class: S(["rds-e-textfield", Z.value])
     }, [
-      c("div", oe, [
-        k(e.$slots, "left-icon", {}, () => [
-          n.value.left.name && E(n.value.left.name) ? (u(), I($, R({
+      m("div", ie, [
+        N(e.$slots, "left-icon", {}, () => [
+          a.value.left.name && T(a.value.left.name) ? (p(), I(R, $({
             key: 0,
-            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": g.value }],
+            class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": b.value }],
             "aria-hidden": "true"
-          }, n.value.left, Z(n.value.left.events)), null, 16, ["class"])) : m("", !0)
+          }, a.value.left, ne(a.value.left.events)), null, 16, ["class"])) : y("", !0)
         ], !0),
-        c("div", ae, [
-          c("input", {
-            id: N.value,
+        m("div", ue, [
+          m("input", {
+            id: V.value,
             ref_key: "input",
-            ref: r,
-            type: s.value ? "text" : "password",
+            ref: c,
+            type: U.value,
             class: "rds-e-textfield__input",
-            maxLength: t(S),
-            minLength: t(L),
-            disabled: t(p),
-            value: t(a),
-            autocomplete: H.value,
-            readonly: l.readonly,
-            onInput: M,
-            onBlur: V,
-            onFocus: B,
-            onKeydown: U,
-            onKeyup: A,
-            onKeypress: G,
-            onChange: J
-          }, null, 40, re),
-          c("label", {
-            for: N.value,
-            class: b(["rds-e-textfield__label", t(p) ? "rds-e-textfield__label--disabled" : ""])
-          }, T(t(C)), 11, se)
+            maxlength: n.type === "number" ? void 0 : n.maxLength,
+            minlength: n.type === "number" ? void 0 : n.minLength,
+            disabled: o(h),
+            value: n.modelValue === null ? "" : n.modelValue,
+            autocomplete: G.value,
+            readonly: t.readonly,
+            onInput: J,
+            onBlur: E,
+            onFocus: L,
+            onKeydown: O,
+            onKeyup: Q,
+            onKeypress: W,
+            onChange: X
+          }, null, 40, de),
+          m("label", {
+            for: V.value,
+            class: S(["rds-e-textfield__label", o(h) ? "rds-e-textfield__label--disabled" : ""])
+          }, C(o(D)), 11, ce)
         ]),
-        n.value.right.name || e.$slots["right-icon"] ? (u(), x("span", ie, [
-          k(e.$slots, "right-icon", {}, () => [
-            n.value.right.name && E(n.value.right.name) ? (u(), I($, R({
+        a.value.right.name || e.$slots["right-icon"] ? (p(), k("span", fe, [
+          N(e.$slots, "right-icon", {}, () => [
+            a.value.right.name && T(a.value.right.name) ? (p(), I(R, $({
               key: 0,
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-            }, n.value.right, {
-              onClick: ee(n.value.right.events.click, ["stop"])
-            }), null, 16, ["onClick"])) : m("", !0)
+            }, a.value.right, {
+              onClick: ae(a.value.right.events.click, ["stop"])
+            }), null, 16, ["onClick"])) : y("", !0)
           ], !0)
-        ])) : m("", !0)
+        ])) : y("", !0)
       ]),
-      c("div", de, [
-        k(e.$slots, "helper-text", {}, () => [
-          (t(F) || t(h)) && !t(p) ? (u(), x("span", {
+      m("div", pe, [
+        N(e.$slots, "helper-text", {}, () => [
+          (o(K) || o(x)) && !o(h) ? (p(), k("span", {
             key: 0,
-            class: b(t(h) ? "rds-e-textfield__helper--error" : "")
-          }, T(t(K)), 3)) : m("", !0)
+            class: S(o(x) ? "rds-e-textfield__helper--error" : "")
+          }, C(o(z)), 3)) : y("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), ve = /* @__PURE__ */ ne(ue, [["__scopeId", "data-v-bf8d52de"]]);
+}), ye = /* @__PURE__ */ se(me, [["__scopeId", "data-v-a6ab314d"]]);
 export {
-  ve as default
+  ye as default
 };

package/dist/components/toggle.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, toRefs as E, ref as L, onMounted as _, openBlock as y, createElementBlock as B, normalizeClass as d, createElementVNode as p, unref as i, toDisplayString as m } from "vue";
+import { defineComponent as T, toRefs as E, ref as L, onMounted as _, createElementBlock as y, openBlock as B, normalizeClass as d, createElementVNode as p, unref as i, toDisplayString as m } from "vue";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/toggle.css';const I = /* @__PURE__ */ T({
   __name: "toggle",
@@ -22,7 +22,7 @@ import './style/toggle.css';const I = /* @__PURE__ */ T({
     };
     return _(() => {
       s != null && s.value ? (n("update:modelValue", e == null ? void 0 : e.value), a.value = e != null && e.value ? t.RIGHT : t.LEFT) : (e == null ? void 0 : e.value) === (o == null ? void 0 : o.value) ? (n("update:modelValue", o == null ? void 0 : o.value), a.value = t.RIGHT) : (n("update:modelValue", u == null ? void 0 : u.value), a.value = t.LEFT);
-    }), (l, r) => (y(), B("div", {
+    }), (l, r) => (B(), y("div", {
       class: d(["rds-e-toggle", [
         {
           "rds-e-toggle--full-width": l.fullWidth && !l.small,