energy-components 1.19.0-beta.0 → 1.20.0-beta.0

package/dist/components/textField.es.js

@@ -1,14 +1,14 @@
-import { defineComponent as re, toRefs as ie, ref as f, computed as v, watch as A, onMounted as ue, onBeforeUnmount as de, createElementBlock as V, openBlock as p, normalizeClass as S, createElementVNode as g, createCommentVNode as y, renderSlot as B, createBlock as E, mergeProps as M, toHandlers as ce, unref as c, toDisplayString as K, withModifiers as fe } from "vue";
-import { g as ve } from "./getInstance-GhoEcxLF.js";
-import { R as T, s as pe } from "./icon-svg-arye8CV8.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"], ye = ["for"], _e = {
+import { defineComponent as ne, toRefs as oe, ref as c, computed as v, watch as q, onMounted as se, onBeforeUnmount as re, createElementBlock as B, openBlock as f, normalizeClass as S, createElementVNode as m, createCommentVNode as h, renderSlot as L, createBlock as T, mergeProps as M, toHandlers as ie, unref as d, toDisplayString as A, withModifiers as ue } from "vue";
+import { g as de } from "./getInstance-GhoEcxLF.js";
+import { R as E, s as ce } from "./icon-svg-arye8CV8.js";
+import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/textField.css';const pe = { class: "rds-e-textfield__input-container" }, ve = ["id", "type", "maxlength", "minlength", "disabled", "value", "autocomplete", "readonly"], me = ["for"], he = {
   key: 0,
   class: "rds-e-textfield__icon rds-e-textfield__icon--right"
-}, xe = {
+}, ye = {
   key: 0,
   class: "rds-e-textfield__helper"
-}, be = /* @__PURE__ */ re({
+}, ge = /* @__PURE__ */ ne({
   __name: "text-field",
   props: {
     /**
@@ -56,19 +56,22 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
     },
     /**
      * Número máximo de caracteres permitidos en el campo de entrada.
+     * Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
+     * Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio.
      */
     maxLength: {
       type: Number,
-      default: 100,
-      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
+      required: !1,
+      validator: (t) => t == null ? !0 : typeof t != "number" || Number.isNaN(t) ? (console.info("El valor de maxLength debe ser un número"), !1) : t < 0 ? (console.info("El valor de maxLength no puede ser menor a 0"), !1) : !0
     },
     /**
      * Número mínimo de caracteres permitidos en el campo de entrada.
+     * Si no se especifica, no se añade el atributo `minlength` al `<input>`.
      */
     minLength: {
       type: Number,
-      default: 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
+      required: !1,
+      validator: (t) => t == null ? !0 : typeof t != "number" || Number.isNaN(t) ? (console.info("El valor de minLength debe ser un número"), !1) : t < 0 ? (console.info("El valor de minLength no puede ser menor a 0"), !1) : !0
     },
     /**
      * Tipo del input HTML. Por defecto 'text'.
@@ -156,67 +159,61 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
   emits: ["update:modelValue", "clear", "keydown", "keyup", "keypress", "change"],
   setup(t, { expose: s, emit: r }) {
     const n = t, i = r, {
-      type: m,
-      label: P,
+      type: y,
+      label: K,
       disabled: N,
-      maxLength: j,
-      minLength: q,
-      modelValue: u,
-      icon: W,
-      rightIcon: O,
-      helper: U,
-      error: L,
-      helperText: z,
-      clearable: H,
+      modelValue: g,
+      icon: P,
+      rightIcon: j,
+      helper: W,
+      error: V,
+      helperText: O,
+      clearable: U,
       password: _,
-      autocomplete: G,
-      fullWidth: J
-    } = ie(n), a = f(null), h = f(!0), x = f(!1), b = f(!1), w = f(!1), Q = ve(), k = f(""), I = v(() => n.id || `text-field-${Q}`), X = v(() => _.value ? h.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(m.value) ? m.value : "text"), Y = v(() => {
-      if (_.value || m.value === "password")
-        return G.value;
-    }), Z = (e) => {
+      autocomplete: z,
+      fullWidth: H
+    } = oe(n), a = c(null), p = c(!0), x = c(!1), b = c(!1), w = c(!1), G = de(), k = c(""), I = v(() => n.id || `text-field-${G}`), J = v(() => _.value ? p.value ? "text" : "password" : ["text", "number", "password", "email", "tel", "url"].includes(y.value) ? y.value : "text"), Q = v(() => {
+      if (_.value || y.value === "password")
+        return z.value;
+    }), X = (e) => {
       const l = e.target;
-      let d = l.value;
-      if (m.value === "number")
+      let u = l.value;
+      if (y.value === "number")
         if (l.value.trim() === "")
-          d = null;
+          u = null;
         else {
           const R = Number.parseFloat(l.value);
-          d = Number.isNaN(R) ? l.value : R;
+          u = Number.isNaN(R) ? l.value : R;
         }
-      else l.value === "" && u.value === null && (d = null);
-      i("update:modelValue", d);
-    }, ee = () => {
+      else l.value === "" && g.value === null && (u = null);
+      i("update:modelValue", u);
+    }, Y = () => {
       w.value = !0;
     }, C = () => {
       x.value = !1, b.value = !1, w.value = !1;
     }, $ = () => {
       x.value = !0, b.value = !w.value, w.value = !1;
-    }, te = (e) => {
+    }, Z = (e) => {
       i("keydown", e);
-    }, le = (e) => {
+    }, ee = (e) => {
       i("keyup", e);
-    }, ae = (e) => {
+    }, te = (e) => {
       i("keypress", e);
-    }, ne = (e) => {
+    }, le = (e) => {
       i("change", e);
-    }, oe = v(() => {
-      if (L.value) return !0;
-      const e = u.value === null || u.value === void 0 ? "" : String(u.value);
-      return e.length > 0 && (e.length < q.value || m.value !== "number" && e.length > j.value);
-    }), se = v(() => {
+    }, ae = v(() => {
       const e = [];
-      return k.value !== "" && e.push(k.value), u.value !== null && String(u.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(" ");
+      return k.value !== "" && e.push(k.value), g.value !== null && String(g.value).length > 0 && e.push("rds-e-textfield--filled"), V.value && e.push("rds-e-textfield--error"), N.value && e.push("rds-e-textfield--disabled"), H.value && e.push("rds-e-textfield--full-width"), e.join(" ");
     });
-    A(
-      () => u.value,
+    q(
+      () => g.value,
       (e) => {
         e !== null && String(e).length > 0 && (k.value = "");
       }
     );
     const o = v(() => {
       const e = {
-        name: W.value,
+        name: P.value,
         class: "",
         events: {
           click: () => {
@@ -228,7 +225,7 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
         },
         right: {
           ...e,
-          name: O.value
+          name: j.value
         }
       };
       return _.value ? {
@@ -238,13 +235,13 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
         },
         right: {
           ...e,
-          name: h.value ? "eye_open" : "eye_close",
+          name: p.value ? "eye_open" : "eye_close",
           class: "rds-e-textfield__icon--password",
           events: {
-            click: () => h.value = !h.value
+            click: () => p.value = !p.value
           }
         }
-      } : H.value ? {
+      } : U.value ? {
         left: {
           ...e
         },
@@ -260,21 +257,21 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
         }
       } : l;
     });
-    A(
+    q(
       _,
-      (e) => h.value = !e,
+      (e) => p.value = !e,
       { immediate: !0 }
     );
     const D = (e) => {
-      const l = pe.includes(e);
+      const l = ce.includes(e);
       return l || console.warn(`[RDSTextfield]: El icono "${e}" no es un icono válido.`), l;
     }, F = (e) => {
-      var d;
-      ((d = a.value) == null ? void 0 : d.matches(":-webkit-autofill")) && e.animationName.startsWith("onAutoFillStart") && (k.value = "rds-e-textfield--filled");
+      var u;
+      ((u = a.value) == null ? void 0 : u.matches(":-webkit-autofill")) && e.animationName.startsWith("onAutoFillStart") && (k.value = "rds-e-textfield--filled");
     };
-    return ue(() => {
+    return se(() => {
       a.value && a.value.addEventListener("animationstart", F);
-    }), de(() => {
+    }), re(() => {
       a.value && a.value.removeEventListener("animationstart", F);
     }), s({
       focus: () => {
@@ -283,76 +280,76 @@ import './style/textField.css';const he = { class: "rds-e-textfield__input-conta
       blur: () => {
         a.value && (a.value.blur(), C());
       }
-    }), (e, l) => (p(), V("div", {
-      class: S(["rds-e-textfield", se.value])
+    }), (e, l) => (f(), B("div", {
+      class: S(["rds-e-textfield", ae.value])
     }, [
-      g("div", {
+      m("div", {
         class: S(["rds-e-textfield__container", {
           "rds-e-textfield__container--keyboard-focus": b.value,
           "rds-e-textfield__container--active": x.value && !b.value
         }]),
-        onMousedown: ee
+        onMousedown: Y
       }, [
-        B(e.$slots, "left-icon", {}, () => [
-          t.loading ? (p(), E(T, {
+        L(e.$slots, "left-icon", {}, () => [
+          t.loading ? (f(), T(E, {
             key: 0,
             name: "loading",
             class: "rds-e-textfield__icon--loading"
-          })) : y("", !0),
-          o.value.left.name && D(o.value.left.name) && !t.loading ? (p(), E(T, M({
+          })) : h("", !0),
+          o.value.left.name && D(o.value.left.name) && !t.loading ? (f(), T(E, M({
             key: 1,
             class: ["rds-e-textfield__icon rds-e-textfield__icon--left", { "rds-e-textfield__icon--hidden": x.value }],
             "aria-hidden": "true"
-          }, o.value.left, ce(o.value.left.events)), null, 16, ["class"])) : y("", !0)
+          }, o.value.left, ie(o.value.left.events)), null, 16, ["class"])) : h("", !0)
         ], !0),
-        g("div", he, [
-          g("input", {
+        m("div", pe, [
+          m("input", {
             id: I.value,
             ref_key: "input",
             ref: a,
-            type: X.value,
+            type: J.value,
             class: "rds-e-textfield__input",
             maxlength: n.type === "number" ? void 0 : n.maxLength,
             minlength: n.type === "number" ? void 0 : n.minLength,
-            disabled: c(N),
+            disabled: d(N),
             value: n.modelValue === null ? "" : n.modelValue,
-            autocomplete: Y.value,
+            autocomplete: Q.value,
             readonly: t.readonly,
-            onInput: Z,
+            onInput: X,
             onBlur: C,
             onFocus: $,
-            onKeydown: te,
-            onKeyup: le,
-            onKeypress: ae,
-            onChange: ne
-          }, null, 40, ge),
-          g("label", {
+            onKeydown: Z,
+            onKeyup: ee,
+            onKeypress: te,
+            onChange: le
+          }, null, 40, ve),
+          m("label", {
             for: I.value,
-            class: S(["rds-e-textfield__label", c(N) ? "rds-e-textfield__label--disabled" : ""])
-          }, K(c(P)), 11, ye)
+            class: S(["rds-e-textfield__label", d(N) ? "rds-e-textfield__label--disabled" : ""])
+          }, A(d(K)), 11, me)
         ]),
-        o.value.right.name || e.$slots["right-icon"] ? (p(), V("span", _e, [
-          B(e.$slots, "right-icon", {}, () => [
-            o.value.right.name && D(o.value.right.name) ? (p(), E(T, M({
+        o.value.right.name || e.$slots["right-icon"] ? (f(), B("span", he, [
+          L(e.$slots, "right-icon", {}, () => [
+            o.value.right.name && D(o.value.right.name) ? (f(), T(E, M({
               key: 0,
               "aria-hidden": "true",
               class: "rds-e-textfield__icon rds-e-textfield__icon--right"
             }, o.value.right, {
-              onClick: fe(o.value.right.events.click, ["stop"])
-            }), null, 16, ["onClick"])) : y("", !0)
+              onClick: ue(o.value.right.events.click, ["stop"])
+            }), null, 16, ["onClick"])) : h("", !0)
           ], !0)
-        ])) : y("", !0)
+        ])) : h("", !0)
       ], 34),
-      c(U) || c(L) ? (p(), V("div", xe, [
-        B(e.$slots, "helper-text", {}, () => [
-          g("span", {
-            class: S(c(L) ? "rds-e-textfield__helper--error" : "")
-          }, K(c(z)), 3)
+      d(W) || d(V) ? (f(), B("div", ye, [
+        L(e.$slots, "helper-text", {}, () => [
+          m("span", {
+            class: S(d(V) ? "rds-e-textfield__helper--error" : "")
+          }, A(d(O)), 3)
         ], !0)
-      ])) : y("", !0)
+      ])) : h("", !0)
     ], 2));
   }
-}), Le = /* @__PURE__ */ me(be, [["__scopeId", "data-v-9a36ddb2"]]);
+}), ke = /* @__PURE__ */ fe(ge, [["__scopeId", "data-v-47e21ff5"]]);
 export {
-  Le as default
+  ke as default
 };

package/dist/components/tooltip.es.js

@@ -1,11 +1,11 @@
-import { defineComponent as J, toRefs as K, ref as r, computed as _, onBeforeUnmount as Q, createElementBlock as y, openBlock as c, createElementVNode as p, createBlock as Z, renderSlot as C, Teleport as ee, normalizeClass as M, createCommentVNode as D, unref as N, createVNode as te, toDisplayString as O, createTextVNode as oe, nextTick as le } from "vue";
-import { a as ae, c as se, o as ie, f as re, s as ne, b as de, d as ue } from "./floating-ui.vue-DWAG1g94.js";
-import { R as ce } from "./icon-svg-arye8CV8.js";
-import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tooltip.css';const fe = ["id"], me = {
+import { defineComponent as q, toRefs as G, ref as u, computed as T, onBeforeUnmount as J, createElementBlock as x, openBlock as m, createElementVNode as v, createBlock as K, renderSlot as D, Teleport as Q, normalizeClass as N, createCommentVNode as O, unref as A, createVNode as Z, toDisplayString as E, createTextVNode as ee, nextTick as te } from "vue";
+import { a as oe, o as le, f as ae, s as ie, b as se, c as re, d as ne } from "./floating-ui.vue-oA1DfKeS.js";
+import { R as ue } from "./icon-svg-arye8CV8.js";
+import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/tooltip.css';const ce = ["id"], fe = {
   key: 0,
   class: "rds-e-tooltip__header"
-}, ve = { class: "rds-e-tooltip__title" }, he = { class: "rds-e-tooltip__content" }, _e = /* @__PURE__ */ J({
+}, pe = { class: "rds-e-tooltip__title" }, me = { class: "rds-e-tooltip__content" }, ve = /* @__PURE__ */ q({
   __name: "tooltip",
   props: {
     /**
@@ -111,145 +111,147 @@ import './style/tooltip.css';const fe = ["id"], me = {
      */
     "hide"
   ],
-  setup(l, { expose: E, emit: H }) {
-    const a = l, n = H, { large: g, fullWidth: V, title: s, inverse: j } = K(a), d = r(), i = r(), f = r(), e = r(!0), T = r("");
-    let o = null, m = !1, v = !1, t = null;
-    const x = _(() => Math.min(Math.max(a.hideDelay, 0), 3e3)), I = _(() => ({
+  setup(a, { expose: H, emit: V }) {
+    const o = a, d = V, { large: S, fullWidth: j, title: i, inverse: I } = G(o), c = u(), s = u(), r = u(), e = u(!0), h = u("");
+    let l = null, _ = !1, y = !1, t = null;
+    const b = T(() => Math.min(Math.max(o.hideDelay, 0), 3e3)), U = T(() => ({
       "rds-e-tooltip__tooltip": !0,
       "rds-e-tooltip__tooltip-hidden": e.value,
-      "rds-e-tooltip__tooltip--large": g.value,
-      "rds-e-tooltip__tooltip--inverse": j.value
-    })), w = async () => {
-      const { x: u, y: k, middlewareData: F, placement: B } = await se(
-        d.value,
-        i.value,
+      "rds-e-tooltip__tooltip--large": S.value,
+      "rds-e-tooltip__tooltip--inverse": I.value
+    })), k = async () => {
+      const n = [
+        le(o.offsetSpace),
+        ae(),
+        ie(),
+        se({
+          apply({ availableHeight: f, availableWidth: p, elements: w }) {
+            Object.assign(w.floating.style, {
+              maxWidth: j.value ? `${Math.max(0, p)}px` : "380px",
+              width: "max-content",
+              maxHeight: `${Math.max(0, f)}px`
+            });
+          }
+        })
+      ];
+      !o.hideArrow && r.value && n.push(re({
+        element: r.value,
+        padding: S.value ? 16 : 8
+      }));
+      const { x: $, y: Y, middlewareData: C, placement: M } = await ne(
+        c.value,
+        s.value,
         {
-          placement: a.placement,
-          middleware: [
-            ie(a.offsetSpace),
-            re(),
-            ne(),
-            de({
-              apply({ availableHeight: Y, availableWidth: q, elements: G }) {
-                Object.assign(G.floating.style, {
-                  maxWidth: V.value ? `${Math.max(0, q)}px` : "380px",
-                  width: "max-content",
-                  maxHeight: `${Math.max(0, Y)}px`
-                });
-              }
-            }),
-            ue({
-              element: f.value,
-              padding: g.value ? 16 : 8
-            })
-          ]
+          placement: o.placement,
+          middleware: n
         }
       );
-      Object.assign(i.value.style, {
-        left: `${u}px`,
-        top: `${k}px`
-      });
-      const { x: R, y: $ } = F.arrow, X = {
-        left: "right",
-        right: "left",
-        bottom: "top",
-        top: "bottom"
-      };
-      T.value = `rds-e-tooltip__tooltip-arrow--${B}`, Object.assign(f.value.style, {
-        left: R != null ? `${R}px` : "",
-        top: $ != null ? `${$}px` : "",
-        bottom: "",
-        right: "",
-        [X[B.split("-")[0]]]: "-4px"
-      });
-    }, U = () => {
-      clearTimeout(o), e.value ? e.value = !0 : (e.value = !0, n("hide"));
-    }, S = () => {
-      s != null && s.value || (e.value ? e.value = !0 : (e.value = !0, n("hide"))), clearTimeout(o);
-    }, h = () => {
-      a.suppressed || (clearTimeout(o), e.value = !1, n("show"), le(() => {
-        w(), a.autoUpdate && d.value && i.value && (t == null || t(), t = ae(
-          d.value,
-          i.value,
+      if (Object.assign(s.value.style, {
+        left: `${$}px`,
+        top: `${Y}px`
+      }), !o.hideArrow && r.value && C.arrow) {
+        const { x: f, y: p } = C.arrow, w = {
+          left: "right",
+          right: "left",
+          bottom: "top",
+          top: "bottom"
+        };
+        h.value = `rds-e-tooltip__tooltip-arrow--${M}`, Object.assign(r.value.style, {
+          left: f != null ? `${f}px` : "",
+          top: p != null ? `${p}px` : "",
+          bottom: "",
+          right: "",
+          [w[M.split("-")[0]]]: "-4px"
+        });
+      } else o.hideArrow && (h.value = "");
+    }, W = () => {
+      clearTimeout(l), e.value ? e.value = !0 : (e.value = !0, d("hide"));
+    }, B = () => {
+      i != null && i.value || (e.value ? e.value = !0 : (e.value = !0, d("hide"))), clearTimeout(l);
+    }, g = () => {
+      o.suppressed || (clearTimeout(l), e.value = !1, d("show"), te(() => {
+        k(), o.autoUpdate && c.value && s.value && (t == null || t(), t = oe(
+          c.value,
+          s.value,
           () => {
-            w();
+            k();
           }
         ));
       }));
-    }, W = () => {
-      v = !0, h();
     }, z = () => {
-      v = !1, o = setTimeout(() => {
-        m || S();
-      }, x.value);
-    }, A = () => {
-      m = !0, clearTimeout(o);
+      y = !0, g();
     }, L = () => {
-      m = !1, v || (o = setTimeout(() => {
-        S();
-      }, x.value));
-    }, b = () => {
-      e.value || (e.value = !0, n("hide"), t && (t(), t = null));
+      y = !1, l = setTimeout(() => {
+        _ || B();
+      }, b.value);
     }, P = () => {
-      b();
+      _ = !0, clearTimeout(l);
+    }, F = () => {
+      _ = !1, y || (l = setTimeout(() => {
+        B();
+      }, b.value));
+    }, R = () => {
+      e.value || (e.value = !0, d("hide"), t && (t(), t = null));
+    }, X = () => {
+      R();
     };
-    return E({
-      show: h,
-      hide: b,
-      isOpen: _(() => !e.value)
-    }), Q(() => {
-      clearTimeout(o), t && (t(), t = null);
-    }), (u, k) => (c(), y("div", {
-      id: l.id,
+    return H({
+      show: g,
+      hide: R,
+      isOpen: T(() => !e.value)
+    }), J(() => {
+      clearTimeout(l), t && (t(), t = null);
+    }), (n, $) => (m(), x("div", {
+      id: a.id,
       class: "rds-e-tooltip"
     }, [
-      p("div", {
+      v("div", {
         ref_key: "referenceRef",
-        ref: d,
+        ref: c,
         class: "rds-e-tooltip__trigger",
-        onBlur: U,
-        onFocus: h,
-        onMouseenter: W,
-        onMouseleave: z
+        onBlur: W,
+        onFocus: g,
+        onMouseenter: z,
+        onMouseleave: L
       }, [
-        C(u.$slots, "default", {}, void 0, !0)
+        D(n.$slots, "default", {}, void 0, !0)
       ], 544),
-      (c(), Z(ee, {
-        to: l.teleportTo,
-        disabled: !l.teleportTo
+      (m(), K(Q, {
+        to: a.teleportTo,
+        disabled: !a.teleportTo
       }, [
-        p("div", {
+        v("div", {
           ref_key: "floatingRef",
-          ref: i,
-          class: M(I.value),
-          onMouseenter: A,
-          onMouseleave: L
+          ref: s,
+          class: N(U.value),
+          onMouseenter: P,
+          onMouseleave: F
         }, [
-          N(s) ? (c(), y("div", me, [
-            p("h3", ve, O(N(s)), 1),
-            te(ce, {
+          A(i) ? (m(), x("div", fe, [
+            v("h3", pe, E(A(i)), 1),
+            Z(ue, {
               name: "close",
               "aria-hidden": "true",
               class: "rds-e-tooltip__icon",
-              onClick: P
+              onClick: X
             })
-          ])) : D("", !0),
-          p("div", he, [
-            C(u.$slots, "tooltip-content", {}, () => [
-              oe(O(l.content), 1)
+          ])) : O("", !0),
+          v("div", me, [
+            D(n.$slots, "tooltip-content", {}, () => [
+              ee(E(a.content), 1)
             ], !0)
           ]),
-          l.hideArrow ? D("", !0) : (c(), y("div", {
+          a.hideArrow ? O("", !0) : (m(), x("div", {
             key: 1,
             ref_key: "arrowRef",
-            ref: f,
-            class: M(["rds-e-tooltip__tooltip-arrow", T.value])
+            ref: r,
+            class: N(["rds-e-tooltip__tooltip-arrow", h.value])
           }, null, 2))
         ], 34)
       ], 8, ["to", "disabled"]))
-    ], 8, fe));
+    ], 8, ce));
   }
-}), we = /* @__PURE__ */ pe(_e, [["__scopeId", "data-v-5a12657d"]]);
+}), we = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-0165a45d"]]);
 export {
   we as default
 };