@volverjs/ui-vue 0.0.1-beta.8 → 0.0.1

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

@@ -0,0 +1,764 @@
+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) {
+  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) {
+        if (n == null)
+          return null;
+        o = o[e[a]];
+      }
+      return o;
+    }
+  } 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));
+}
+function Be(n) {
+  return typeof n == "string" || n instanceof String;
+}
+function se(n) {
+  var t, e;
+  if (n)
+    return (e = (t = n.match(
+      /[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 $e(n, t) {
+  const {
+    invalid: e,
+    valid: o,
+    hint: a,
+    loading: p
+  } = t, {
+    hintLabel: u,
+    modelValue: w,
+    valid: h,
+    validLabel: m,
+    invalid: l,
+    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)
+  ), C = s(
+    () => !!(m && m.value || o)
+  ), D = s(
+    () => !!(v != null && v.value && p || v != null && v.value && (S != null && S.value))
+  ), L = s(
+    () => y.value || C.value || T.value || D.value
+  );
+  return {
+    hasInvalid: T,
+    hasHint: y,
+    hasValid: C,
+    hasLoading: D,
+    HintSlot: {
+      name: "HintSlot",
+      props: {
+        params: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(x) {
+        const $ = s(() => {
+          const P = Me({
+            hintLabel: u,
+            modelValue: w,
+            valid: h,
+            validLabel: m,
+            invalid: l,
+            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 {
+          isVisible: L,
+          hasInvalid: T,
+          hasValid: C,
+          hintContent: $
+        };
+      },
+      render() {
+        if (this.isVisible)
+          return g(
+            "small",
+            {
+              role: this.hasInvalid || this.hasValid ? "alert" : void 0
+            },
+            this.hintContent
+          );
+      }
+    }
+  };
+}
+function Ue(n, t, e) {
+  const o = s(
+    () => !!(n != null && n.value && t.value === "left" || e != null && e.iconLeft)
+  ), a = 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)
+  ), u = s(
+    () => !!(n != null && n.value && t.value === "bottom" || e != null && e.iconBottom)
+  );
+  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,
+    hasIconTop: p,
+    hasIconBottom: u
+  };
+}
+function We(n, t) {
+  const { focused: e } = Ne(n);
+  return Ae(e, (o) => {
+    t(o ? "focus" : "blur", i(n));
+  }), {
+    focused: e
+  };
+}
+function Fe(n, t, e = 0) {
+  let o;
+  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);
+      }, 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);
+  return {
+    length: e,
+    gap: o,
+    formatted: a
+  };
+}
+function pe(n, t) {
+  const e = { [`${n}`]: !0 };
+  return {
+    bemCssClasses: s(() => Object.keys(t).reduce((a, p) => {
+      const u = i(t[p]) || !1;
+      if (!u)
+        return a;
+      if (p === "modifiers") {
+        const w = Array.isArray(u) ? u : u.split(" ");
+        return {
+          ...a,
+          ...w.reduce(
+            (h, m) => ({
+              ...h,
+              [`${n}--${se(m)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...a,
+          [`${n}--${se(p)}`]: u
+        };
+    }, e) || {})
+  };
+}
+const qe = "ds", ze = {
+  color: String,
+  width: {
+    type: [String, Number]
+  },
+  height: {
+    type: [String, Number]
+  },
+  name: {
+    type: String,
+    required: !0
+  },
+  provider: {
+    type: String
+  },
+  prefix: {
+    type: String,
+    default: "normal"
+  },
+  src: String,
+  horizontalFlip: Boolean,
+  verticalFlip: Boolean,
+  flip: String,
+  mode: String,
+  inline: Boolean,
+  rotate: [Number, String],
+  onLoad: Function,
+  svg: String,
+  modifiers: {
+    type: [String, Array]
+  }
+}, Xe = {
+  name: "VvIcon"
+}, A = /* @__PURE__ */ H({
+  ...Xe,
+  props: ze,
+  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))
+          return v;
+      })) || l;
+    });
+    function h(l) {
+      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");
+    }
+    function m(l) {
+      const c = h(l), b = (c == null ? void 0 : c.innerHTML.trim()) || "";
+      c && b && ke(`@${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({
+      key: 0,
+      class: i(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)
+    }), null, 16, ["class"])) : O("", !0);
+  }
+}), Ke = {
+  valid: Boolean,
+  validLabel: [String, Array]
+}, Ze = {
+  invalid: Boolean,
+  invalidLabel: [String, Array]
+}, Ge = {
+  loading: Boolean,
+  loadingLabel: String
+}, Ye = {
+  disabled: Boolean
+}, Je = {
+  readonly: Boolean
+}, Qe = {
+  modifiers: [String, Array]
+}, et = {
+  hintLabel: { type: String, default: "" }
+}, tt = {
+  count: {
+    type: [Boolean, String],
+    default: !1,
+    validator: (n) => [!0, !1, "limit", "countdown"].includes(n)
+  }
+}, nt = {
+  debounce: [Number, String]
+}, ue = {
+  LEFT: "left",
+  RIGHT: "right"
+}, rt = {
+  icon: { type: [String, Object] },
+  iconPosition: {
+    type: String,
+    validation: (n) => Object.values(ue).includes(n),
+    default: ue.RIGHT
+  }
+}, at = {
+  tabindex: { type: [String, Number], default: 0 }
+}, ot = {
+  id: [String, Number],
+  name: { type: String, required: !0 }
+}, it = {
+  ...ot,
+  ...at,
+  ...Ye,
+  ...Je,
+  ...Ke,
+  ...Ze,
+  ...et,
+  ...Ge,
+  ...Qe,
+  ...tt,
+  ...nt,
+  ...rt,
+  autofocus: Boolean,
+  autocomplete: { type: String, default: "off" },
+  minlength: Number,
+  maxlength: Number,
+  placeholder: String,
+  required: Boolean,
+  label: String,
+  floating: Boolean
+}, r = {
+  TEXT: "text",
+  PASSWORD: "password",
+  NUMBER: "number",
+  EMAIL: "email",
+  TEL: "tel",
+  URL: "url",
+  COLOR: "color",
+  SEARCH: "search",
+  DATE: "date",
+  TIME: "time",
+  DATETIME_LOCAL: "datetime-local",
+  MONTH: "month",
+  WEEK: "week"
+}, E = {
+  PASSWORD_SHOW: "eye-on",
+  PASSWORD_HIDE: "eye-off",
+  DATE: "calendar",
+  TIME: "time",
+  COLOR: "color",
+  SEARCH: "close"
+}, lt = ["update:modelValue", "focus", "blur", "keyup"], st = {
+  ...it,
+  modelValue: [String, Number],
+  type: {
+    type: String,
+    default: r.TEXT,
+    validator: (n) => Object.values(r).includes(n)
+  },
+  min: [Number, Date, String],
+  max: [Number, Date, String],
+  step: { type: [String, Number], default: 1 },
+  pattern: String,
+  multiple: Boolean,
+  iconShowPassword: {
+    type: String,
+    default: E.PASSWORD_SHOW
+  },
+  iconHidePassword: {
+    type: String,
+    default: E.PASSWORD_HIDE
+  },
+  iconClear: {
+    type: String,
+    default: E.SEARCH
+  },
+  labelStepUp: {
+    type: String,
+    default: "Increase value"
+  },
+  labelStepDown: {
+    type: String,
+    default: "Decrease value"
+  },
+  labelShowPassword: {
+    type: String,
+    default: "Show password"
+  },
+  labelHidePassword: {
+    type: String,
+    default: "Hide password"
+  },
+  labelClear: {
+    type: String,
+    default: "Clear"
+  }
+}, ce = H({
+  components: {
+    VvIcon: A
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    labelShow: {
+      type: String,
+      default: "Show password"
+    },
+    labelHide: {
+      type: String,
+      default: "Hide password"
+    },
+    iconShow: {
+      type: String,
+      default: E.PASSWORD_SHOW
+    },
+    iconHide: {
+      type: String,
+      default: E.PASSWORD_HIDE
+    }
+  },
+  emits: ["toggle-password"],
+  setup(n, { emit: t }) {
+    const e = B(!1), o = s(
+      () => e.value ? n.iconHide : n.iconShow
+    );
+    function a(p) {
+      p == null || p.stopPropagation(), n.disabled || (e.value = !e.value, t("toggle-password", e.value));
+    }
+    return {
+      active: e,
+      activeIcon: o,
+      onClick: a
+    };
+  },
+  render() {
+    const n = g(A, {
+      name: this.activeIcon,
+      class: "vv-input-text__action-icon"
+    });
+    return g(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.active ? this.labelHide : this.labelShow,
+        type: "button",
+        onClick: this.onClick
+      },
+      n
+    );
+  }
+}), Z = H({
+  components: {
+    VvIcon: A
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String
+    },
+    mode: {
+      type: String,
+      validator: (n) => ["up", "down"].includes(n),
+      default: "up"
+    }
+  },
+  emits: ["step-up", "step-down"],
+  setup(n, { emit: t }) {
+    const e = s(() => n.mode === "up");
+    return {
+      isUp: e,
+      onClick: (a) => {
+        a == null || a.stopPropagation(), n.disabled || t(e.value ? "step-up" : "step-down");
+      }
+    };
+  },
+  render() {
+    return g("button", {
+      class: [
+        "vv-input-text__action-chevron",
+        this.isUp && "vv-input-text__action-chevron-up"
+      ],
+      disabled: this.disabled,
+      ariaLabel: this.label,
+      onClick: this.onClick
+    });
+  }
+}), de = H({
+  components: {
+    VvIcon: A
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: "Clear"
+    },
+    icon: {
+      type: String,
+      default: "close"
+    }
+  },
+  emits: ["clear"],
+  setup(n, { emit: t }) {
+    function e(o) {
+      o == null || o.stopPropagation(), n.disabled || t("clear");
+    }
+    return {
+      onClick: e
+    };
+  },
+  render() {
+    const n = g(A, {
+      name: this.icon,
+      class: "vv-input-text__action-icon"
+    });
+    return g(
+      "button",
+      {
+        disabled: this.disabled,
+        class: "vv-input-text__action",
+        ariaLabel: this.label,
+        type: "button",
+        onClick: this.onClick
+      },
+      n
+    );
+  }
+});
+function G(n, t) {
+  return {
+    name: "VvInputTextActions",
+    components: {
+      VvIcon: A,
+      VvInputPasswordAction: ce,
+      VvInputStepAction: Z,
+      VvInputClearAction: de
+    },
+    setup() {
+      return {
+        isDisabled: s(() => t.disabled || t.readonly),
+        labelStepUp: t.labelStepUp,
+        labelStepDown: t.labelStepDown,
+        labelShowPassword: t.labelShowPassword,
+        labelHidePassword: t.labelHidePassword,
+        labelClear: t.labelClear,
+        iconShowPassword: t.iconShowPassword,
+        iconHidePassword: t.iconHidePassword
+      };
+    },
+    render() {
+      let e = null;
+      switch (n) {
+        case r.SEARCH: {
+          const { onClear: o } = this.$attrs;
+          e = [
+            g(de, {
+              disabled: this.isDisabled,
+              label: this.labelShowPassword,
+              onClear: o
+            })
+          ];
+          break;
+        }
+        case r.PASSWORD: {
+          const { onTogglePassword: o } = this.$attrs;
+          e = [
+            g(ce, {
+              disabled: this.isDisabled,
+              onTogglePassword: o,
+              labelShow: this.labelShowPassword,
+              labelHide: this.labelHidePassword,
+              iconShow: this.iconShowPassword,
+              iconHide: this.iconHidePassword
+            })
+          ];
+          break;
+        }
+        case r.NUMBER: {
+          const { onStepUp: o, onStepDown: a } = 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
+            }),
+            g(Z, {
+              mode: "down",
+              disabled: this.isDisabled || t.min !== void 0 && t.modelValue === t.min,
+              label: this.labelStepDown,
+              onStepUp: o,
+              onStepDown: a
+            })
+          ];
+          break;
+        }
+      }
+      return Array.isArray(e) ? g("div", { class: "vv-input-text__actions-group" }, e) : e;
+    }
+  };
+}
+const ut = ["for"], ct = { class: "vv-input-text__wrapper" }, dt = ["id"], pt = {
+  key: 0,
+  class: "vv-input-text__limit"
+}, vt = {
+  name: "VvInputText"
+}, gt = /* @__PURE__ */ H({
+  ...vt,
+  props: st,
+  emits: lt,
+  setup(n, { emit: t }) {
+    const e = n, o = Ce(), a = B(), {
+      icon: p,
+      iconPosition: u,
+      label: w,
+      modelValue: h,
+      count: m,
+      valid: l,
+      invalid: c,
+      loading: b
+    } = Y(e), v = s(() => String(e.id || xe())), 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);
+    }, Q = () => {
+      F.value && (a.value.stepDown(), y.value = i(a).value);
+    }, ve = s(() => e.type === r.SEARCH), ee = () => {
+      y.value = void 0;
+    }, { hasIconLeft: te, hasIconRight: U, hasIcon: ne } = Ue(
+      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 };
+        default:
+          return "";
+      }
+    }), { formatted: fe } = je(y, {
+      mode: e.count,
+      upperLimit: e.maxlength,
+      lowerLimit: e.minlength
+    }), F = s(() => !e.disabled && !e.readonly), me = s(
+      () => F.value ? e.tabindex : -1
+    ), re = s(() => !R(h)), Se = s(() => {
+      if (c.value === !0)
+        return !0;
+      if (l.value === !0)
+        return !1;
+    }), { bemCssClasses: he } = pe("vv-input-text", {
+      modifiers: e.modifiers,
+      valid: l,
+      invalid: c,
+      loading: b,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      iconLeft: te,
+      iconRight: U.value || !R(W),
+      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 = {
+        type: d,
+        name: e.name,
+        tabindex: me.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-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;
+    }), j = s(() => ({
+      valid: e.valid,
+      invalid: e.invalid,
+      modelValue: e.modelValue,
+      togglePassword: x,
+      stepUp: J,
+      stepDown: Q,
+      clear: ee
+    })), { HintSlot: be, hasHint: ye, hasInvalid: ae } = $e(e, o), we = G(
+      r.PASSWORD,
+      e
+    ), Ie = G(
+      r.NUMBER,
+      e
+    ), Ee = G(
+      r.SEARCH,
+      e
+    );
+    return De(() => {
+      e.autofocus && (C.value = !0);
+    }), (d, f) => (I(), z("div", {
+      class: Pe(i(he))
+    }, [
+      i(w) ? (I(), z("label", {
+        key: 0,
+        for: i(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({
+            key: 0,
+            class: "vv-input-text__icon-left"
+          }, i(ne)), null, 16)) : O("", !0)
+        ]),
+        _e(ie("input", k({
+          id: i(v),
+          ref_key: "input",
+          ref: a,
+          "onUpdate:modelValue": f[0] || (f[0] = (q) => Oe(y) ? y.value = q : null)
+        }, i(ge), {
+          onKeyup: f[1] || (f[1] = (q) => t("keyup", q))
+        }), null, 16, dt), [
+          [Re, i(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), {
+            key: 1,
+            onTogglePassword: x
+          })) : i(P) ? (I(), _(i(Ie), {
+            key: 2,
+            onStepUp: J,
+            onStepDown: Q
+          })) : i(ve) ? (I(), _(i(Ee), {
+            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)
+          ])
+        ])) : O("", !0)
+      ]),
+      Le(i(be), {
+        id: i(S),
+        class: "vv-input-text__hint"
+      }, null, 8, ["id"])
+    ], 2));
+  }
+});
+export {
+  gt as default
+};