@volverjs/ui-vue 0.0.1 → 0.0.3-beta.2

package/dist/components/VvInputText/VvInputText.es.js

@@ -1,28 +1,28 @@
-import { unref as i, toRefs as Y, computed as s, h as g, watch as Ae, defineComponent as H, ref as B, inject as Te, openBlock as I, createBlock as _, mergeProps as k, createCommentVNode as O, useSlots as Ce, onMounted as De, createElementBlock as z, normalizeClass as Pe, toDisplayString as oe, createElementVNode as ie, renderSlot as X, normalizeProps as M, guardReactiveProps as K, withDirectives as _e, isRef as Oe, vModelDynamic as Re, createTextVNode as He, createVNode as Le } from "vue";
-import { nanoid as xe } from "nanoid";
-import { toReactive as Me, useFocus as Ne } from "@vueuse/core";
-import { iconExists as N, Icon as Ve, addIcon as ke } from "@iconify/vue";
-function le(n, t) {
+import { unref as l, toRefs as Y, computed as s, h as g, watch as pe, defineComponent as H, ref as $, inject as Ce, openBlock as E, createBlock as P, mergeProps as B, createCommentVNode as O, useSlots as De, createElementBlock as z, normalizeClass as Pe, toDisplayString as ie, createElementVNode as le, renderSlot as X, normalizeProps as N, guardReactiveProps as K, withDirectives as _e, isRef as Oe, vModelDynamic as Re, createTextVNode as He, createVNode as Le } from "vue";
+import { toReactive as xe, useFocus as Ve, useElementVisibility as Ne } from "@vueuse/core";
+import { nanoid as ke } from "nanoid";
+import { iconExists as k, Icon as Me, addIcon as Be } from "@iconify/vue";
+function oe(n, t) {
   if (n && Object.keys(n).length && t) {
     if (t.indexOf(".") === -1)
       return n[t];
     {
       const e = t.split(".");
-      let o = n;
-      for (let a = 0, p = e.length; a < p; ++a) {
+      let i = n;
+      for (let r = 0, p = e.length; r < p; ++r) {
         if (n == null)
           return null;
-        o = o[e[a]];
+        i = i[e[r]];
       }
-      return o;
+      return i;
     }
   } else
     return null;
 }
 function R(n) {
-  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(i(n));
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(l(n));
 }
-function Be(n) {
+function $e(n) {
   return typeof n == "string" || n instanceof String;
 }
 function se(n) {
@@ -32,37 +32,37 @@ function se(n) {
       /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
     )) == null ? void 0 : t.join("-")) == null ? void 0 : e.toLowerCase();
 }
-function V(n) {
-  return Array.isArray(n) ? n.filter((t) => Be(t)).join(" ") : n;
+function M(n) {
+  return Array.isArray(n) ? n.filter((t) => $e(t)).join(" ") : n;
 }
-function $e(n, t) {
+function Ue(n, t) {
   const {
     invalid: e,
-    valid: o,
-    hint: a,
+    valid: i,
+    hint: r,
     loading: p
   } = t, {
     hintLabel: u,
     modelValue: w,
     valid: h,
     validLabel: m,
-    invalid: l,
+    invalid: o,
     invalidLabel: c,
     ...b
-  } = Y(n), v = le(b, "loading"), S = le(b, "loadingLabel"), T = s(() => l.value ? !!(l.value && e || c != null && c.value && Array.isArray(c.value) && c.value.length > 0 || c != null && c.value && !R(c)) : !1), y = s(
-    () => !!(u && u.value || a)
+  } = Y(n), v = oe(b, "loading"), S = oe(b, "loadingLabel"), T = s(() => o.value ? !!(o.value && e || c != null && c.value && Array.isArray(c.value) && c.value.length > 0 || c != null && c.value && !R(c)) : !1), y = s(
+    () => !!(u && u.value || r)
   ), C = s(
-    () => !!(m && m.value || o)
-  ), D = s(
-    () => !!(v != null && v.value && p || v != null && v.value && (S != null && S.value))
+    () => !!(m && m.value || i)
   ), L = s(
-    () => y.value || C.value || T.value || D.value
+    () => !!(v != null && v.value && p || v != null && v.value && (S != null && S.value))
+  ), _ = s(
+    () => y.value || C.value || T.value || L.value
   );
   return {
     hasInvalid: T,
     hasHint: y,
     hasValid: C,
-    hasLoading: D,
+    hasLoading: L,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -72,25 +72,25 @@ function $e(n, t) {
         }
       },
       setup(x) {
-        const $ = s(() => {
-          const P = Me({
+        const V = s(() => {
+          const D = xe({
             hintLabel: u,
             modelValue: w,
             valid: h,
             validLabel: m,
-            invalid: l,
+            invalid: o,
             invalidLabel: c,
             loading: v,
             loadingLabel: S,
             ...x.params
           });
-          return l != null && l.value ? (e == null ? void 0 : e(P)) || V(c == null ? void 0 : c.value) || (u == null ? void 0 : u.value) : h != null && h.value ? (o == null ? void 0 : o(P)) || V(m == null ? void 0 : m.value) || (u == null ? void 0 : u.value) : v != null && v.value ? (p == null ? void 0 : p(P)) || V(S == null ? void 0 : S.value) || (u == null ? void 0 : u.value) : (a == null ? void 0 : a(P)) || V(u == null ? void 0 : u.value) || (u == null ? void 0 : u.value);
+          return o != null && o.value ? (e == null ? void 0 : e(D)) || M(c == null ? void 0 : c.value) || (u == null ? void 0 : u.value) : h != null && h.value ? (i == null ? void 0 : i(D)) || M(m == null ? void 0 : m.value) || (u == null ? void 0 : u.value) : v != null && v.value ? (p == null ? void 0 : p(D)) || M(S == null ? void 0 : S.value) || (u == null ? void 0 : u.value) : (r == null ? void 0 : r(D)) || M(u == null ? void 0 : u.value) || (u == null ? void 0 : u.value);
         });
         return {
-          isVisible: L,
+          isVisible: _,
           hasInvalid: T,
           hasValid: C,
-          hintContent: $
+          hintContent: V
         };
       },
       render() {
@@ -106,10 +106,10 @@ function $e(n, t) {
     }
   };
 }
-function Ue(n, t, e) {
-  const o = s(
+function We(n, t, e) {
+  const i = s(
     () => !!(n != null && n.value && t.value === "left" || e != null && e.iconLeft)
-  ), a = s(
+  ), r = s(
     () => !!(n != null && n.value && t.value === "right" || e != null && e.iconRight)
   ), p = s(
     () => !!(n != null && n.value && t.value === "top" || e != null && e.iconTop)
@@ -118,50 +118,50 @@ function Ue(n, t, e) {
   );
   return {
     hasIcon: s(() => typeof (n == null ? void 0 : n.value) == "string" ? { name: n == null ? void 0 : n.value } : n == null ? void 0 : n.value),
-    hasIconLeft: o,
-    hasIconRight: a,
+    hasIconLeft: i,
+    hasIconRight: r,
     hasIconTop: p,
     hasIconBottom: u
   };
 }
-function We(n, t) {
-  const { focused: e } = Ne(n);
-  return Ae(e, (o) => {
-    t(o ? "focus" : "blur", i(n));
+function Fe(n, t) {
+  const { focused: e } = Ve(n);
+  return pe(e, (i) => {
+    t(i ? "focus" : "blur", l(n));
   }), {
     focused: e
   };
 }
-function Fe(n, t, e = 0) {
-  let o;
+function je(n, t, e = 0) {
+  let i;
   return typeof e == "string" && (e = parseInt(e)), s({
     get: () => n == null ? void 0 : n.value,
-    set: (a) => {
-      o && clearTimeout(o), o = setTimeout(() => {
-        t("update:modelValue", a);
+    set: (r) => {
+      i && clearTimeout(i), i = setTimeout(() => {
+        t("update:modelValue", r);
       }, e);
     }
   });
 }
-function je(n, t) {
-  const e = s(() => (i(n) ?? "").length), o = s(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), a = s(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? o.value === 0 ? void 0 : o : e.value);
+function qe(n, t) {
+  const e = s(() => (l(n) ?? "").length), i = s(() => (t == null ? void 0 : t.lowerLimit) !== void 0 && e.value < (t == null ? void 0 : t.lowerLimit) ? e.value - t.lowerLimit : (t == null ? void 0 : t.upperLimit) !== void 0 && e.value < (t == null ? void 0 : t.upperLimit) ? t.upperLimit - e.value : 0), r = s(() => (t == null ? void 0 : t.mode) === !1 ? "" : (t == null ? void 0 : t.mode) === "limit" && (t != null && t.upperLimit) ? `${e.value} / ${t.lowerLimit ? `${t.lowerLimit}-` : ""}${t.upperLimit}` : (t == null ? void 0 : t.mode) === "countdown" ? i.value === 0 ? void 0 : i : e.value);
   return {
     length: e,
-    gap: o,
-    formatted: a
+    gap: i,
+    formatted: r
   };
 }
-function pe(n, t) {
+function ve(n, t) {
   const e = { [`${n}`]: !0 };
   return {
-    bemCssClasses: s(() => Object.keys(t).reduce((a, p) => {
-      const u = i(t[p]) || !1;
+    bemCssClasses: s(() => Object.keys(t).reduce((r, p) => {
+      const u = l(t[p]) || !1;
       if (!u)
-        return a;
+        return r;
       if (p === "modifiers") {
         const w = Array.isArray(u) ? u : u.split(" ");
         return {
-          ...a,
+          ...r,
           ...w.reduce(
             (h, m) => ({
               ...h,
@@ -172,13 +172,13 @@ function pe(n, t) {
         };
       } else
         return {
-          ...a,
+          ...r,
           [`${n}--${se(p)}`]: u
         };
     }, e) || {})
   };
 }
-const qe = "ds", ze = {
+const ze = "ds", Xe = {
   color: String,
   width: {
     type: [String, Number]
@@ -209,120 +209,126 @@ const qe = "ds", ze = {
   modifiers: {
     type: [String, Array]
   }
-}, Xe = {
+}, Ke = {
   name: "VvIcon"
 }, A = /* @__PURE__ */ H({
-  ...Xe,
-  props: ze,
+  ...Ke,
+  props: Xe,
   setup(n) {
-    const t = n, e = B(!0), { modifiers: o } = Y(t), a = Te(qe), { bemCssClasses: p } = pe("vv-icon", {
-      modifiers: o
-    }), u = s(() => t.provider || (a == null ? void 0 : a.provider)), w = s(() => {
-      const l = t.name ?? "", c = `@${u.value}:${t.prefix}:${t.name}`;
-      return N(l) ? l : N(c) ? c : (a == null ? void 0 : a.iconsCollections.find((b) => {
-        const v = `@${u.value}:${b.prefix}:${l}`;
-        if (N(v))
+    const t = n, e = $(!0), { modifiers: i } = Y(t), r = Ce(ze), { bemCssClasses: p } = ve("vv-icon", {
+      modifiers: i
+    }), u = s(() => t.provider || (r == null ? void 0 : r.provider)), w = s(() => {
+      const o = t.name ?? "", c = `@${u.value}:${t.prefix}:${t.name}`;
+      return k(o) ? o : k(c) ? c : (r == null ? void 0 : r.iconsCollections.find((b) => {
+        const v = `@${u.value}:${b.prefix}:${o}`;
+        if (k(v))
           return v;
-      })) || l;
+      })) || o;
     });
-    function h(l) {
+    function h(o) {
       let c = null;
       if (typeof window > "u") {
         const { JSDOM: T } = require("jsdom");
         c = new T().window;
       }
-      return (c ? new c.DOMParser() : new window.DOMParser()).parseFromString(l, "text/html").querySelector("svg");
+      return (c ? new c.DOMParser() : new window.DOMParser()).parseFromString(o, "text/html").querySelector("svg");
     }
-    function m(l) {
-      const c = h(l), b = (c == null ? void 0 : c.innerHTML.trim()) || "";
-      c && b && ke(`@${u.value}:${t.prefix}:${t.name}`, {
+    function m(o) {
+      const c = h(o), b = (c == null ? void 0 : c.innerHTML.trim()) || "";
+      c && b && Be(`@${u.value}:${t.prefix}:${t.name}`, {
         body: b,
         height: c.viewBox.baseVal.height,
         width: c.viewBox.baseVal.width
       });
     }
-    return a && (t.src && !N(`@${u.value}:${t.prefix}:${t.name}`) ? (e.value = !1, a.fetchIcon(t.src).then((l) => {
-      l && (m(l), e.value = !0);
-    }).catch((l) => {
-      throw new Error(`During fetch icon: ${l == null ? void 0 : l.message}`);
-    })) : t.svg && m(t.svg)), (l, c) => e.value ? (I(), _(i(Ve), k({
+    return r && (t.src && !k(`@${u.value}:${t.prefix}:${t.name}`) ? (e.value = !1, r.fetchIcon(t.src).then((o) => {
+      o && (m(o), e.value = !0);
+    }).catch((o) => {
+      throw new Error(`During fetch icon: ${o == null ? void 0 : o.message}`);
+    })) : t.svg && m(t.svg)), (o, c) => e.value ? (E(), P(l(Me), B({
       key: 0,
-      class: i(p)
+      class: l(p)
     }, {
-      inline: l.inline,
-      width: l.width,
-      height: l.height,
-      horizontalFlip: l.horizontalFlip,
-      verticalFlip: l.verticalFlip,
-      flip: l.flip,
-      rotate: l.rotate,
-      color: l.color,
-      onLoad: l.onLoad,
-      icon: i(w)
+      inline: o.inline,
+      width: o.width,
+      height: o.height,
+      horizontalFlip: o.horizontalFlip,
+      verticalFlip: o.verticalFlip,
+      flip: o.flip,
+      rotate: o.rotate,
+      color: o.color,
+      onLoad: o.onLoad,
+      icon: l(w)
     }), null, 16, ["class"])) : O("", !0);
   }
-}), Ke = {
+}), Ze = {
   valid: Boolean,
   validLabel: [String, Array]
-}, Ze = {
+}, Ge = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, Ge = {
+}, Ye = {
   loading: Boolean,
   loadingLabel: String
-}, Ye = {
-  disabled: Boolean
 }, Je = {
-  readonly: Boolean
+  disabled: Boolean
 }, Qe = {
-  modifiers: [String, Array]
+  readonly: Boolean
 }, et = {
-  hintLabel: { type: String, default: "" }
+  modifiers: [String, Array]
 }, tt = {
+  hintLabel: { type: String, default: "" }
+}, nt = {
   count: {
     type: [Boolean, String],
     default: !1,
     validator: (n) => [!0, !1, "limit", "countdown"].includes(n)
   }
-}, nt = {
+}, rt = {
   debounce: [Number, String]
 }, ue = {
   LEFT: "left",
   RIGHT: "right"
-}, rt = {
+}, at = {
   icon: { type: [String, Object] },
   iconPosition: {
     type: String,
     validation: (n) => Object.values(ue).includes(n),
     default: ue.RIGHT
   }
-}, at = {
+}, it = {
   tabindex: { type: [String, Number], default: 0 }
+}, lt = {
+  floating: Boolean
 }, ot = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, it = {
+}, st = {
+  autofocus: Boolean
+}, ut = {
+  autocomplete: { type: String, default: "off" }
+}, ct = {
   ...ot,
-  ...at,
-  ...Ye,
+  ...st,
+  ...ut,
+  ...it,
   ...Je,
-  ...Ke,
+  ...Qe,
   ...Ze,
-  ...et,
   ...Ge,
-  ...Qe,
   ...tt,
+  ...Ye,
+  ...et,
   ...nt,
   ...rt,
-  autofocus: Boolean,
-  autocomplete: { type: String, default: "off" },
+  ...at,
+  ...lt,
   minlength: Number,
   maxlength: Number,
   placeholder: String,
   required: Boolean,
-  label: String,
-  floating: Boolean
-}, r = {
+  label: String
+}, a = {
   TEXT: "text",
   PASSWORD: "password",
   NUMBER: "number",
@@ -336,20 +342,20 @@ const qe = "ds", ze = {
   DATETIME_LOCAL: "datetime-local",
   MONTH: "month",
   WEEK: "week"
-}, E = {
+}, I = {
   PASSWORD_SHOW: "eye-on",
   PASSWORD_HIDE: "eye-off",
   DATE: "calendar",
   TIME: "time",
   COLOR: "color",
   SEARCH: "close"
-}, lt = ["update:modelValue", "focus", "blur", "keyup"], st = {
-  ...it,
+}, dt = ["update:modelValue", "focus", "blur", "keyup"], pt = {
+  ...ct,
   modelValue: [String, Number],
   type: {
     type: String,
-    default: r.TEXT,
-    validator: (n) => Object.values(r).includes(n)
+    default: a.TEXT,
+    validator: (n) => Object.values(a).includes(n)
   },
   min: [Number, Date, String],
   max: [Number, Date, String],
@@ -358,15 +364,15 @@ const qe = "ds", ze = {
   multiple: Boolean,
   iconShowPassword: {
     type: String,
-    default: E.PASSWORD_SHOW
+    default: I.PASSWORD_SHOW
   },
   iconHidePassword: {
     type: String,
-    default: E.PASSWORD_HIDE
+    default: I.PASSWORD_HIDE
   },
   iconClear: {
     type: String,
-    default: E.SEARCH
+    default: I.SEARCH
   },
   labelStepUp: {
     type: String,
@@ -407,25 +413,25 @@ const qe = "ds", ze = {
     },
     iconShow: {
       type: String,
-      default: E.PASSWORD_SHOW
+      default: I.PASSWORD_SHOW
     },
     iconHide: {
       type: String,
-      default: E.PASSWORD_HIDE
+      default: I.PASSWORD_HIDE
     }
   },
   emits: ["toggle-password"],
   setup(n, { emit: t }) {
-    const e = B(!1), o = s(
+    const e = $(!1), i = s(
       () => e.value ? n.iconHide : n.iconShow
     );
-    function a(p) {
+    function r(p) {
       p == null || p.stopPropagation(), n.disabled || (e.value = !e.value, t("toggle-password", e.value));
     }
     return {
       active: e,
-      activeIcon: o,
-      onClick: a
+      activeIcon: i,
+      onClick: r
     };
   },
   render() {
@@ -468,8 +474,8 @@ const qe = "ds", ze = {
     const e = s(() => n.mode === "up");
     return {
       isUp: e,
-      onClick: (a) => {
-        a == null || a.stopPropagation(), n.disabled || t(e.value ? "step-up" : "step-down");
+      onClick: (r) => {
+        r == null || r.stopPropagation(), n.disabled || t(e.value ? "step-up" : "step-down");
       }
     };
   },
@@ -504,8 +510,8 @@ const qe = "ds", ze = {
   },
   emits: ["clear"],
   setup(n, { emit: t }) {
-    function e(o) {
-      o == null || o.stopPropagation(), n.disabled || t("clear");
+    function e(i) {
+      i == null || i.stopPropagation(), n.disabled || t("clear");
     }
     return {
       onClick: e
@@ -553,23 +559,23 @@ function G(n, t) {
     render() {
       let e = null;
       switch (n) {
-        case r.SEARCH: {
-          const { onClear: o } = this.$attrs;
+        case a.SEARCH: {
+          const { onClear: i } = this.$attrs;
           e = [
             g(de, {
               disabled: this.isDisabled,
               label: this.labelShowPassword,
-              onClear: o
+              onClear: i
             })
           ];
           break;
         }
-        case r.PASSWORD: {
-          const { onTogglePassword: o } = this.$attrs;
+        case a.PASSWORD: {
+          const { onTogglePassword: i } = this.$attrs;
           e = [
             g(ce, {
               disabled: this.isDisabled,
-              onTogglePassword: o,
+              onTogglePassword: i,
               labelShow: this.labelShowPassword,
               labelHide: this.labelHidePassword,
               iconShow: this.iconShowPassword,
@@ -578,22 +584,22 @@ function G(n, t) {
           ];
           break;
         }
-        case r.NUMBER: {
-          const { onStepUp: o, onStepDown: a } = this.$attrs;
+        case a.NUMBER: {
+          const { onStepUp: i, onStepDown: r } = this.$attrs;
           e = [
             g(Z, {
               mode: "up",
               disabled: this.isDisabled || t.max !== void 0 && t.modelValue === t.max,
               label: this.labelStepUp,
-              onStepUp: o,
-              onStepDown: a
+              onStepUp: i,
+              onStepDown: r
             }),
             g(Z, {
               mode: "down",
               disabled: this.isDisabled || t.min !== void 0 && t.modelValue === t.min,
               label: this.labelStepDown,
-              onStepUp: o,
-              onStepDown: a
+              onStepUp: i,
+              onStepDown: r
             })
           ];
           break;
@@ -603,68 +609,72 @@ function G(n, t) {
     }
   };
 }
-const ut = ["for"], ct = { class: "vv-input-text__wrapper" }, dt = ["id"], pt = {
+const vt = ["for"], ft = { class: "vv-input-text__wrapper" }, mt = ["id"], St = {
   key: 0,
   class: "vv-input-text__limit"
-}, vt = {
+}, ht = {
   name: "VvInputText"
-}, gt = /* @__PURE__ */ H({
-  ...vt,
-  props: st,
-  emits: lt,
+}, Et = /* @__PURE__ */ H({
+  ...ht,
+  props: pt,
+  emits: dt,
   setup(n, { emit: t }) {
-    const e = n, o = Ce(), a = B(), {
+    const e = n, i = De(), r = $(), {
       icon: p,
       iconPosition: u,
       label: w,
       modelValue: h,
       count: m,
-      valid: l,
+      valid: o,
       invalid: c,
       loading: b
-    } = Y(e), v = s(() => String(e.id || xe())), S = s(() => `${v.value}-hint`), T = s(
+    } = Y(e), v = s(() => String(e.id || ke())), S = s(() => `${v.value}-hint`), T = s(
       () => e.floating && R(e.placeholder) ? " " : e.placeholder
-    ), y = Fe(h, t, e.debounce), { focused: C } = We(a, t), D = B(!1), L = s(() => e.type === r.PASSWORD), x = () => {
-      D.value = !D.value;
-    }, $ = s(
-      () => e.type === r.TIME || e.type === r.DATETIME_LOCAL || e.type === r.DATE || e.type === r.WEEK || e.type === r.MONTH
-    ), P = s(() => e.type === r.NUMBER), J = () => {
-      F.value && (a.value.stepUp(), y.value = i(a).value);
+    ), y = je(h, t, e.debounce), { focused: C } = Fe(r, t), L = Ne(r);
+    pe(L, (d) => {
+      d && e.autofocus && (C.value = !0);
+    });
+    const _ = $(!1), x = s(() => e.type === a.PASSWORD), V = () => {
+      _.value = !_.value;
+    }, D = s(
+      () => e.type === a.TIME || e.type === a.DATETIME_LOCAL || e.type === a.DATE || e.type === a.WEEK || e.type === a.MONTH
+    ), fe = s(() => e.type === a.NUMBER), J = () => {
+      F.value && (r.value.stepUp(), y.value = l(r).value);
     }, Q = () => {
-      F.value && (a.value.stepDown(), y.value = i(a).value);
-    }, ve = s(() => e.type === r.SEARCH), ee = () => {
+      F.value && (r.value.stepDown(), y.value = l(r).value);
+    }, me = s(() => e.type === a.SEARCH), ee = () => {
       y.value = void 0;
-    }, { hasIconLeft: te, hasIconRight: U, hasIcon: ne } = Ue(
+    }, { hasIconLeft: te, hasIconRight: U, hasIcon: ne } = We(
       p,
       u
     ), W = s(() => {
       switch (e.type) {
-        case r.COLOR:
-          return { name: E.COLOR };
-        case r.DATE:
-        case r.DATETIME_LOCAL:
-        case r.WEEK:
-        case r.MONTH:
-          return { name: E.DATE };
-        case r.TIME:
-          return { name: E.TIME };
+        case a.COLOR:
+          return { name: I.COLOR };
+        case a.DATE:
+        case a.DATETIME_LOCAL:
+        case a.WEEK:
+        case a.MONTH:
+          return { name: I.DATE };
+        case a.TIME:
+          return { name: I.TIME };
         default:
           return "";
       }
-    }), { formatted: fe } = je(y, {
+    }), { formatted: Se } = qe(y, {
       mode: e.count,
       upperLimit: e.maxlength,
       lowerLimit: e.minlength
-    }), F = s(() => !e.disabled && !e.readonly), me = s(
+    }), F = s(() => !e.disabled && !e.readonly), he = s(
       () => F.value ? e.tabindex : -1
-    ), re = s(() => !R(h)), Se = s(() => {
+    ), re = s(() => !R(h)), ge = s(() => {
       if (c.value === !0)
         return !0;
-      if (l.value === !0)
+      if (o.value === !0)
         return !1;
-    }), { bemCssClasses: he } = pe("vv-input-text", {
+    }), { bemCssClasses: be } = ve("vv-input-text", {
       modifiers: e.modifiers,
-      valid: l,
+      valid: o,
       invalid: c,
       loading: b,
       disabled: e.disabled,
@@ -674,91 +684,89 @@ const ut = ["for"], ct = { class: "vv-input-text__wrapper" }, dt = ["id"], pt =
       floating: e.floating && !R(e.label),
       dirty: re,
       focus: C
-    }), ge = s(() => {
-      const d = (() => L.value && D.value || $.value && !re.value && !C.value ? r.TEXT : e.type)(), f = {
+    }), ye = s(() => {
+      const d = (() => x.value && _.value || D.value && !re.value && !C.value ? a.TEXT : e.type)(), f = {
         type: d,
         name: e.name,
-        tabindex: me.value,
+        tabindex: he.value,
         disabled: e.disabled,
         readonly: e.readonly,
         required: e.required,
         autocomplete: e.autocomplete,
-        "aria-invalid": Se.value,
-        "aria-describedby": !ae.value && ye.value ? S.value : void 0,
+        "aria-invalid": ge.value,
+        "aria-describedby": !ae.value && Ee.value ? S.value : void 0,
         "aria-errormessage": ae.value ? S.value : void 0
       };
-      return (d === r.DATE || d === r.MONTH || d === r.WEEK || d === r.TIME || d === r.DATETIME_LOCAL || d === r.NUMBER) && (f.step = e.step, f.max = String(e.max), f.min = String(e.min)), (d === r.TEXT || d === r.SEARCH || d === r.URL || d === r.TEL || d === r.EMAIL || d === r.PASSWORD || d === r.NUMBER) && (f.placeholder = T.value), (d === r.TEXT || d === r.SEARCH || d === r.URL || d === r.TEL || d === r.EMAIL || d === r.PASSWORD) && (f.minlength = e.minlength, f.maxlength = e.maxlength, f.pattern = e.pattern), d === r.EMAIL && (f.multiple = e.multiple), f;
+      return (d === a.DATE || d === a.MONTH || d === a.WEEK || d === a.TIME || d === a.DATETIME_LOCAL || d === a.NUMBER) && (f.step = e.step, f.max = String(e.max), f.min = String(e.min)), (d === a.TEXT || d === a.SEARCH || d === a.URL || d === a.TEL || d === a.EMAIL || d === a.PASSWORD || d === a.NUMBER) && (f.placeholder = T.value), (d === a.TEXT || d === a.SEARCH || d === a.URL || d === a.TEL || d === a.EMAIL || d === a.PASSWORD) && (f.minlength = e.minlength, f.maxlength = e.maxlength, f.pattern = e.pattern), d === a.EMAIL && (f.multiple = e.multiple), f;
     }), j = s(() => ({
       valid: e.valid,
       invalid: e.invalid,
       modelValue: e.modelValue,
-      togglePassword: x,
+      togglePassword: V,
       stepUp: J,
       stepDown: Q,
       clear: ee
-    })), { HintSlot: be, hasHint: ye, hasInvalid: ae } = $e(e, o), we = G(
-      r.PASSWORD,
+    })), { HintSlot: we, hasHint: Ee, hasInvalid: ae } = Ue(e, i), Ie = G(
+      a.PASSWORD,
       e
-    ), Ie = G(
-      r.NUMBER,
+    ), Ae = G(
+      a.NUMBER,
       e
-    ), Ee = G(
-      r.SEARCH,
+    ), Te = G(
+      a.SEARCH,
       e
     );
-    return De(() => {
-      e.autofocus && (C.value = !0);
-    }), (d, f) => (I(), z("div", {
-      class: Pe(i(he))
+    return (d, f) => (E(), z("div", {
+      class: Pe(l(be))
     }, [
-      i(w) ? (I(), z("label", {
+      l(w) ? (E(), z("label", {
         key: 0,
-        for: i(v),
+        for: l(v),
         class: "vv-input-text__label"
-      }, oe(i(w)), 9, ut)) : O("", !0),
-      ie("div", ct, [
-        X(d.$slots, "before", M(K(i(j))), () => [
-          i(te) ? (I(), _(A, k({
+      }, ie(l(w)), 9, vt)) : O("", !0),
+      le("div", ft, [
+        X(d.$slots, "before", N(K(l(j))), () => [
+          l(te) ? (E(), P(A, B({
             key: 0,
             class: "vv-input-text__icon-left"
-          }, i(ne)), null, 16)) : O("", !0)
+          }, l(ne)), null, 16)) : O("", !0)
         ]),
-        _e(ie("input", k({
-          id: i(v),
+        _e(le("input", B({
+          id: l(v),
           ref_key: "input",
-          ref: a,
+          ref: r,
           "onUpdate:modelValue": f[0] || (f[0] = (q) => Oe(y) ? y.value = q : null)
-        }, i(ge), {
+        }, l(ye), {
           onKeyup: f[1] || (f[1] = (q) => t("keyup", q))
-        }), null, 16, dt), [
-          [Re, i(y)]
+        }), null, 16, mt), [
+          [Re, l(y)]
         ]),
-        X(d.$slots, "after", M(K(i(j))), () => [
-          i(U) || i(W) ? (I(), _(A, M(k({ key: 0 }, i(U) ? i(ne) : i(W))), null, 16)) : i(L) ? (I(), _(i(we), {
+        X(d.$slots, "after", N(K(l(j))), () => [
+          l(U) || l(W) ? (E(), P(A, N(B({ key: 0 }, l(U) ? l(ne) : l(W))), null, 16)) : l(x) ? (E(), P(l(Ie), {
             key: 1,
-            onTogglePassword: x
-          })) : i(P) ? (I(), _(i(Ie), {
+            onTogglePassword: V
+          })) : l(fe) ? (E(), P(l(Ae), {
             key: 2,
             onStepUp: J,
             onStepDown: Q
-          })) : i(ve) ? (I(), _(i(Ee), {
+          })) : l(me) ? (E(), P(l(Te), {
             key: 3,
             onClear: ee
           })) : O("", !0)
         ]),
-        i(m) ? (I(), z("span", pt, [
-          X(d.$slots, "count", M(K(i(j))), () => [
-            He(oe(i(fe)), 1)
+        l(m) ? (E(), z("span", St, [
+          X(d.$slots, "count", N(K(l(j))), () => [
+            He(ie(l(Se)), 1)
           ])
         ])) : O("", !0)
       ]),
-      Le(i(be), {
-        id: i(S),
+      Le(l(we), {
+        id: l(S),
         class: "vv-input-text__hint"
       }, null, 8, ["id"])
     ], 2));
   }
 });
 export {
-  gt as default
+  Et as default
 };