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

package/dist/components/VvTextarea/VvTextarea.es.js

@@ -1,68 +1,68 @@
-import { unref as s, toRefs as j, computed as i, h as le, watch as oe, defineComponent as J, ref as U, inject as ie, openBlock as w, createBlock as E, mergeProps as k, createCommentVNode as P, useSlots as ue, onMounted as se, createElementBlock as D, normalizeClass as ce, toDisplayString as z, createElementVNode as M, renderSlot as O, normalizeProps as _, guardReactiveProps as R, withDirectives as de, isRef as fe, vModelText as ve, createTextVNode as me, createVNode as ge } from "vue";
-import { nanoid as he } from "nanoid";
-import { toReactive as pe, useFocus as ye } from "@vueuse/core";
-import { iconExists as B, Icon as be, addIcon as Se } from "@iconify/vue";
-function q(r, t) {
-  if (r && Object.keys(r).length && t) {
+import { unref as a, toRefs as G, computed as v, h as ne, defineComponent as K, ref as re, inject as se, openBlock as P, createBlock as T, mergeProps as k, createCommentVNode as C, createElementBlock as D, normalizeClass as ie, toDisplayString as H, createElementVNode as z, renderSlot as O, normalizeProps as _, guardReactiveProps as R, withDirectives as ae, isRef as le, vModelText as ue, createTextVNode as ce, createVNode as de } from "vue";
+import { nanoid as pe } from "nanoid";
+import { toReactive as fe } from "@vueuse/core";
+import { iconExists as B, Icon as me, addIcon as ve } from "@iconify/vue";
+function M(n, t) {
+  if (n && Object.keys(n).length && t) {
     if (t.indexOf(".") === -1)
-      return r[t];
+      return n[t];
     {
       const e = t.split(".");
-      let u = r;
-      for (let l = 0, d = e.length; l < d; ++l) {
-        if (r == null)
+      let c = n;
+      for (let i = 0, u = e.length; i < u; ++i) {
+        if (n == null)
           return null;
-        u = u[e[l]];
+        c = c[e[i]];
       }
-      return u;
+      return c;
     }
   } else
     return null;
 }
-function A(r) {
-  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(s(r));
+function ge(n) {
+  return ((t) => t == null || t === "" || Array.isArray(t) && t.length === 0 || !(t instanceof Date) && typeof t == "object" && Object.keys(t).length === 0)(a(n));
 }
-function we(r) {
-  return typeof r == "string" || r instanceof String;
+function he(n) {
+  return typeof n == "string" || n instanceof String;
 }
-function Z(r) {
+function q(n) {
   var t, e;
-  if (r)
-    return (e = (t = r.match(
+  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(r) {
-  return Array.isArray(r) ? r.filter((t) => we(t)).join(" ") : r;
+function A(n) {
+  return Array.isArray(n) ? n.filter((t) => he(t)).join(" ") : n;
 }
-function Ie(r, t) {
+function ye(n, t) {
   const {
     invalid: e,
-    valid: u,
-    hint: l,
-    loading: d
+    valid: c,
+    hint: i,
+    loading: u
   } = t, {
-    hintLabel: a,
-    modelValue: h,
-    valid: m,
-    validLabel: f,
-    invalid: n,
-    invalidLabel: o,
-    ...g
-  } = j(r), c = q(g, "loading"), v = q(g, "loadingLabel"), y = i(() => n.value ? !!(n.value && e || o != null && o.value && Array.isArray(o.value) && o.value.length > 0 || o != null && o.value && !A(o)) : !1), p = i(
-    () => !!(a && a.value || l)
-  ), b = i(
-    () => !!(f && f.value || u)
-  ), I = i(
-    () => !!(c != null && c.value && d || c != null && c.value && (v != null && v.value))
-  ), C = i(
-    () => p.value || b.value || y.value || I.value
+    hintLabel: r,
+    modelValue: g,
+    valid: f,
+    validLabel: d,
+    invalid: o,
+    invalidLabel: s,
+    ...m
+  } = G(n), l = M(m, "loading"), p = M(m, "loadingLabel"), y = v(() => o.value ? !!(o.value && e || s != null && s.value && Array.isArray(s.value) && s.value.length > 0 || s != null && s.value && !ge(s)) : !1), h = v(
+    () => !!(r && r.value || i)
+  ), b = v(
+    () => !!(d && d.value || c)
+  ), w = v(
+    () => !!(l != null && l.value && u || l != null && l.value && (p != null && p.value))
+  ), V = v(
+    () => h.value || b.value || y.value || w.value
   );
   return {
     hasInvalid: y,
-    hasHint: p,
+    hasHint: h,
     hasValid: b,
-    hasLoading: I,
+    hasLoading: w,
     HintSlot: {
       name: "HintSlot",
       props: {
@@ -71,23 +71,23 @@ function Ie(r, t) {
           default: () => ({})
         }
       },
-      setup($) {
-        const N = i(() => {
-          const S = pe({
-            hintLabel: a,
-            modelValue: h,
-            valid: m,
-            validLabel: f,
-            invalid: n,
-            invalidLabel: o,
-            loading: c,
-            loadingLabel: v,
-            ...$.params
+      setup(x) {
+        const N = v(() => {
+          const S = fe({
+            hintLabel: r,
+            modelValue: g,
+            valid: f,
+            validLabel: d,
+            invalid: o,
+            invalidLabel: s,
+            loading: l,
+            loadingLabel: p,
+            ...x.params
           });
-          return n != null && n.value ? (e == null ? void 0 : e(S)) || V(o == null ? void 0 : o.value) || (a == null ? void 0 : a.value) : m != null && m.value ? (u == null ? void 0 : u(S)) || V(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : c != null && c.value ? (d == null ? void 0 : d(S)) || V(v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : (l == null ? void 0 : l(S)) || V(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
+          return o != null && o.value ? (e == null ? void 0 : e(S)) || A(s == null ? void 0 : s.value) || (r == null ? void 0 : r.value) : f != null && f.value ? (c == null ? void 0 : c(S)) || A(d == null ? void 0 : d.value) || (r == null ? void 0 : r.value) : l != null && l.value ? (u == null ? void 0 : u(S)) || A(p == null ? void 0 : p.value) || (r == null ? void 0 : r.value) : (i == null ? void 0 : i(S)) || A(r == null ? void 0 : r.value) || (r == null ? void 0 : r.value);
         });
         return {
-          isVisible: C,
+          isVisible: V,
           hasInvalid: y,
           hasValid: b,
           hintContent: N
@@ -95,7 +95,7 @@ function Ie(r, t) {
       },
       render() {
         if (this.isVisible)
-          return le(
+          return ne(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -106,79 +106,7 @@ function Ie(r, t) {
     }
   };
 }
-function Pe(r, t, e) {
-  const u = i(
-    () => !!(r != null && r.value && t.value === "left" || e != null && e.iconLeft)
-  ), l = i(
-    () => !!(r != null && r.value && t.value === "right" || e != null && e.iconRight)
-  ), d = i(
-    () => !!(r != null && r.value && t.value === "top" || e != null && e.iconTop)
-  ), a = i(
-    () => !!(r != null && r.value && t.value === "bottom" || e != null && e.iconBottom)
-  );
-  return {
-    hasIcon: i(() => typeof (r == null ? void 0 : r.value) == "string" ? { name: r == null ? void 0 : r.value } : r == null ? void 0 : r.value),
-    hasIconLeft: u,
-    hasIconRight: l,
-    hasIconTop: d,
-    hasIconBottom: a
-  };
-}
-function Ce(r, t) {
-  const { focused: e } = ye(r);
-  return oe(e, (u) => {
-    t(u ? "focus" : "blur", s(r));
-  }), {
-    focused: e
-  };
-}
-function $e(r, t, e = 0) {
-  let u;
-  return typeof e == "string" && (e = parseInt(e)), i({
-    get: () => r == null ? void 0 : r.value,
-    set: (l) => {
-      u && clearTimeout(u), u = setTimeout(() => {
-        t("update:modelValue", l);
-      }, e);
-    }
-  });
-}
-function xe(r, t) {
-  const e = i(() => (s(r) ?? "").length), u = i(() => (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), l = i(() => (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" ? u.value === 0 ? void 0 : u : e.value);
-  return {
-    length: e,
-    gap: u,
-    formatted: l
-  };
-}
-function W(r, t) {
-  const e = { [`${r}`]: !0 };
-  return {
-    bemCssClasses: i(() => Object.keys(t).reduce((l, d) => {
-      const a = s(t[d]) || !1;
-      if (!a)
-        return l;
-      if (d === "modifiers") {
-        const h = Array.isArray(a) ? a : a.split(" ");
-        return {
-          ...l,
-          ...h.reduce(
-            (m, f) => ({
-              ...m,
-              [`${r}--${Z(f)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...l,
-          [`${r}--${Z(d)}`]: a
-        };
-    }, e) || {})
-  };
-}
-const _e = "ds", Be = {
+const be = "ds", Se = {
   color: String,
   width: {
     type: [String, Number]
@@ -209,187 +137,225 @@ const _e = "ds", Be = {
   modifiers: {
     type: [String, Array]
   }
-}, Ve = {
+};
+function Pe(n, t) {
+  const e = { [`${n}`]: !0 };
+  return {
+    bemCssClasses: v(() => Object.keys(t).reduce((i, u) => {
+      const r = a(t[u]) || !1;
+      if (!r)
+        return i;
+      if (u === "modifiers") {
+        const g = Array.isArray(r) ? r : r.split(" ");
+        return {
+          ...i,
+          ...g.reduce(
+            (f, d) => ({
+              ...f,
+              [`${n}--${q(d)}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...i,
+          [`${n}--${q(u)}`]: r
+        };
+    }, e) || {})
+  };
+}
+const we = {
   name: "VvIcon"
-}, G = /* @__PURE__ */ J({
-  ...Ve,
-  props: Be,
-  setup(r) {
-    const t = r, e = U(!0), { modifiers: u } = j(t), l = ie(_e), { bemCssClasses: d } = W("vv-icon", {
-      modifiers: u
-    }), a = i(() => t.provider || (l == null ? void 0 : l.provider)), h = i(() => {
-      const n = t.name ?? "", o = `@${a.value}:${t.prefix}:${t.name}`;
-      return B(n) ? n : B(o) ? o : (l == null ? void 0 : l.iconsCollections.find((g) => {
-        const c = `@${a.value}:${g.prefix}:${n}`;
-        if (B(c))
-          return c;
-      })) || n;
+}, L = /* @__PURE__ */ K({
+  ...we,
+  props: Se,
+  setup(n) {
+    const t = n, e = re(!0), { modifiers: c } = G(t), i = se(be), { bemCssClasses: u } = Pe("vv-icon", {
+      modifiers: c
+    }), r = v(() => t.provider || (i == null ? void 0 : i.provider)), g = v(() => {
+      const o = t.name ?? "", s = `@${r.value}:${t.prefix}:${t.name}`;
+      return B(o) ? o : B(s) ? s : (i == null ? void 0 : i.iconsCollections.find((m) => {
+        const l = `@${r.value}:${m.prefix}:${o}`;
+        if (B(l))
+          return l;
+      })) || o;
     });
-    function m(n) {
-      let o = null;
+    function f(o) {
+      let s = null;
       if (typeof window > "u") {
         const { JSDOM: y } = require("jsdom");
-        o = new y().window;
+        s = new y().window;
       }
-      return (o ? new o.DOMParser() : new window.DOMParser()).parseFromString(n, "text/html").querySelector("svg");
+      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(o, "text/html").querySelector("svg");
     }
-    function f(n) {
-      const o = m(n), g = (o == null ? void 0 : o.innerHTML.trim()) || "";
-      o && g && Se(`@${a.value}:${t.prefix}:${t.name}`, {
-        body: g,
-        height: o.viewBox.baseVal.height,
-        width: o.viewBox.baseVal.width
+    function d(o) {
+      const s = f(o), m = (s == null ? void 0 : s.innerHTML.trim()) || "";
+      s && m && ve(`@${r.value}:${t.prefix}:${t.name}`, {
+        body: m,
+        height: s.viewBox.baseVal.height,
+        width: s.viewBox.baseVal.width
       });
     }
-    return l && (t.src && !B(`@${a.value}:${t.prefix}:${t.name}`) ? (e.value = !1, l.fetchIcon(t.src).then((n) => {
-      n && (f(n), e.value = !0);
-    }).catch((n) => {
-      throw new Error(`During fetch icon: ${n == null ? void 0 : n.message}`);
-    })) : t.svg && f(t.svg)), (n, o) => e.value ? (w(), E(s(be), k({
+    return i && (t.src && !B(`@${r.value}:${t.prefix}:${t.name}`) ? (e.value = !1, i.fetchIcon(t.src).then((o) => {
+      o && (d(o), e.value = !0);
+    }).catch((o) => {
+      throw new Error(`During fetch icon: ${o == null ? void 0 : o.message}`);
+    })) : t.svg && d(t.svg)), (o, s) => e.value ? (P(), T(a(me), k({
       key: 0,
-      class: s(d)
+      class: a(u)
     }, {
-      inline: n.inline,
-      width: n.width,
-      height: n.height,
-      horizontalFlip: n.horizontalFlip,
-      verticalFlip: n.verticalFlip,
-      flip: n.flip,
-      rotate: n.rotate,
-      color: n.color,
-      onLoad: n.onLoad,
-      icon: s(h)
-    }), null, 16, ["class"])) : P("", !0);
+      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: a(g)
+    }), null, 16, ["class"])) : C("", !0);
   }
-}), ke = {
+}), $e = {
   valid: Boolean,
   validLabel: [String, Array]
-}, Ae = {
+}, Ce = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, Ne = {
+}, Ve = {
   loading: Boolean,
   loadingLabel: String
-}, Te = {
+}, xe = {
   disabled: Boolean
-}, Fe = {
+}, Ie = {
   readonly: Boolean
-}, Le = {
+}, _e = {
   modifiers: [String, Array]
-}, De = {
+}, Be = {
   hintLabel: { type: String, default: "" }
-}, Oe = {
+}, Ae = {
   count: {
     type: [Boolean, String],
     default: !1,
-    validator: (r) => [!0, !1, "limit", "countdown"].includes(r)
+    validator: (n) => [!0, !1, "limit", "countdown"].includes(n)
   }
-}, Re = {
+}, ke = {
   debounce: [Number, String]
-}, K = {
+}, Z = {
   LEFT: "left",
   RIGHT: "right"
-}, Ee = {
+}, Ne = {
   icon: { type: [String, Object] },
   iconPosition: {
     type: String,
-    validation: (r) => Object.values(K).includes(r),
-    default: K.RIGHT
+    validation: (n) => Object.values(Z).includes(n),
+    default: Z.RIGHT
   }
-}, je = {
+}, Ee = {
   tabindex: { type: [String, Number], default: 0 }
-}, He = {
+}, Fe = {
+  floating: Boolean
+}, De = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, ze = {
-  ...He,
-  ...je,
-  ...Te,
-  ...Fe,
-  ...ke,
-  ...Ae,
+}, Oe = {
+  autofocus: Boolean
+}, Re = {
+  autocomplete: { type: String, default: "off" }
+}, Te = {
   ...De,
-  ...Ne,
-  ...Le,
   ...Oe,
   ...Re,
   ...Ee,
-  autofocus: Boolean,
-  autocomplete: { type: String, default: "off" },
+  ...xe,
+  ...Ie,
+  ...$e,
+  ...Ce,
+  ...Be,
+  ...Ve,
+  ..._e,
+  ...Ae,
+  ...ke,
+  ...Ne,
+  ...Fe,
   minlength: Number,
   maxlength: Number,
   placeholder: String,
   required: Boolean,
-  label: String,
-  floating: Boolean
-}, Me = {
+  label: String
+}, je = {
   hard: "hard",
   soft: "soft"
-}, qe = {
+}, He = {
   true: !0,
   false: !1,
   default: "default"
-}, Ze = ["update:modelValue", "focus", "blur", "keyup"], Ge = {
-  ...ze,
+}, ze = ["update:modelValue", "focus", "blur", "keyup"], Me = {
+  ...Te,
   modelValue: String,
   cols: { type: [String, Number], default: 20 },
   rows: { type: [String, Number], default: 2 },
-  wrap: { type: String, default: Me.soft },
-  spellcheck: { type: [Boolean, String], default: qe.default },
+  wrap: { type: String, default: je.soft },
+  spellcheck: { type: [Boolean, String], default: He.default },
   resizable: Boolean
-}, Ke = ["for"], Je = { class: "vv-textarea__wrapper" }, Ue = ["id"], We = {
+}, qe = ["for"], Le = { class: "vv-textarea__wrapper" }, Ze = ["id"], Ge = {
   key: 0,
   class: "vv-textarea__limit"
-}, Xe = {
+}, Ke = {
   name: "VvTextarea"
-}, rt = /* @__PURE__ */ J({
-  ...Xe,
-  props: Ge,
-  emits: Ze,
-  setup(r, { emit: t }) {
-    const e = r, u = ue(), l = U(), {
-      icon: d,
-      iconPosition: a,
-      label: h,
-      modelValue: m,
-      count: f,
-      valid: n,
-      invalid: o,
-      loading: g
-    } = j(e), c = i(() => String(e.id || he())), v = i(() => `${c.value}-hint`), y = i(
-      () => e.floating && A(e.placeholder) ? " " : e.placeholder
-    ), p = $e(m, t, e.debounce), { hasIcon: b, hasIconLeft: I, hasIconRight: C } = Pe(
-      d,
-      a
-    ), { focused: $ } = Ce(l, t), { formatted: N } = xe(p, {
+}, Qe = /* @__PURE__ */ K({
+  ...Ke,
+  props: Me,
+  emits: ze,
+  setup(n, { emit: t }) {
+    const e = n, c = useSlots(), i = ref(), {
+      icon: u,
+      iconPosition: r,
+      label: g,
+      modelValue: f,
+      count: d,
+      valid: o,
+      invalid: s,
+      loading: m
+    } = toRefs(e), l = computed(() => String(e.id || pe())), p = computed(() => `${l.value}-hint`), y = computed(
+      () => e.floating && isEmpty(e.placeholder) ? " " : e.placeholder
+    ), h = useDebouncedInput(f, t, e.debounce), { hasIcon: b, hasIconLeft: w, hasIconRight: V } = useComponentIcon(
+      u,
+      r
+    ), { focused: x } = useComponentFocus(i, t), N = useElementVisibility(i);
+    watch(N, ($) => {
+      $ && e.autofocus && (x.value = !0);
+    });
+    const { formatted: S } = useTextCount(h, {
       mode: e.count,
       upperLimit: e.maxlength,
       lowerLimit: e.minlength
-    }), S = i(() => !e.disabled && !e.readonly), X = i(
-      () => S.value ? e.tabindex : -1
-    ), Q = i(() => !A(m)), Y = i(() => {
+    }), J = computed(() => !e.disabled && !e.readonly), U = computed(
+      () => J.value ? e.tabindex : -1
+    ), W = computed(() => !isEmpty(f)), X = computed(() => {
       if (e.invalid === !0)
         return !0;
       if (e.valid === !0)
         return !1;
-    }), { HintSlot: ee, hasHint: te, hasInvalid: H } = Ie(e, u), { bemCssClasses: re } = W("vv-textarea", {
+    }), { HintSlot: Q, hasHint: Y, hasInvalid: j } = ye(e, c), { bemCssClasses: ee } = useBemModifiers("vv-textarea", {
       modifiers: e.modifiers,
-      valid: n,
-      invalid: o,
-      loading: g,
+      valid: o,
+      invalid: s,
+      loading: m,
       disabled: e.disabled,
       readonly: e.readonly,
-      iconLeft: I,
-      iconRight: C,
-      floating: e.floating && !A(e.label),
-      dirty: Q,
-      focused: $,
+      iconLeft: w,
+      iconRight: V,
+      floating: e.floating && !isEmpty(e.label),
+      dirty: W,
+      focused: x,
       resizable: e.resizable
-    }), ne = i(
+    }), te = computed(
       () => ({
         name: e.name,
         placeholder: y.value,
-        tabindex: X.value,
+        tabindex: U.value,
         disabled: e.disabled,
         readonly: e.readonly,
         required: e.required,
@@ -400,64 +366,62 @@ const _e = "ds", Be = {
         rows: e.rows,
         wrap: e.wrap,
         spellcheck: e.spellcheck,
-        "aria-invalid": Y.value,
-        "aria-describedby": !H.value && te.value ? v.value : void 0,
-        "aria-errormessage": H.value ? v.value : void 0
+        "aria-invalid": X.value,
+        "aria-describedby": !j.value && Y.value ? p.value : void 0,
+        "aria-errormessage": j.value ? p.value : void 0
       })
-    ), T = i(() => ({
+    ), E = computed(() => ({
       valid: e.valid,
       invalid: e.invalid,
       modelValue: e.modelValue,
       hintLabel: e.hintLabel,
       maxlength: e.maxlength,
       minlength: e.minlength,
-      clear: ae
-    })), ae = () => {
-      p.value = void 0;
+      clear: oe
+    })), oe = () => {
+      h.value = void 0;
     };
-    return se(() => {
-      e.autofocus && ($.value = !0);
-    }), (F, x) => (w(), D("div", {
-      class: ce(s(re))
+    return ($, I) => (P(), D("div", {
+      class: ie(a(ee))
     }, [
-      s(h) ? (w(), D("label", {
+      a(g) ? (P(), D("label", {
         key: 0,
-        for: s(c),
+        for: a(l),
         class: "vv-textarea__label"
-      }, z(s(h)), 9, Ke)) : P("", !0),
-      M("div", Je, [
-        O(F.$slots, "before", _(R(s(T))), () => [
-          s(I) ? (w(), E(G, k({
+      }, H(a(g)), 9, qe)) : C("", !0),
+      z("div", Le, [
+        O($.$slots, "before", _(R(a(E))), () => [
+          a(w) ? (P(), T(L, k({
             key: 0,
             class: "vv-textarea__icon-left"
-          }, s(b)), null, 16)) : P("", !0)
+          }, a(b)), null, 16)) : C("", !0)
         ]),
-        de(M("textarea", k({
-          id: s(c),
+        ae(z("textarea", k({
+          id: a(l),
           ref_key: "textarea",
-          ref: l,
-          "onUpdate:modelValue": x[0] || (x[0] = (L) => fe(p) ? p.value = L : null)
-        }, s(ne), {
-          onKeyup: x[1] || (x[1] = (L) => t("keyup", L))
-        }), null, 16, Ue), [
-          [ve, s(p)]
+          ref: i,
+          "onUpdate:modelValue": I[0] || (I[0] = (F) => le(h) ? h.value = F : null)
+        }, a(te), {
+          onKeyup: I[1] || (I[1] = (F) => t("keyup", F))
+        }), null, 16, Ze), [
+          [ue, a(h)]
         ]),
-        O(F.$slots, "after", _(R(s(T))), () => [
-          s(C) ? (w(), E(G, _(k({ key: 0 }, s(b))), null, 16)) : P("", !0)
+        O($.$slots, "after", _(R(a(E))), () => [
+          a(V) ? (P(), T(L, _(k({ key: 0 }, a(b))), null, 16)) : C("", !0)
         ]),
-        s(f) ? (w(), D("span", We, [
-          O(F.$slots, "count", _(R(s(T))), () => [
-            me(z(s(N)), 1)
+        a(d) ? (P(), D("span", Ge, [
+          O($.$slots, "count", _(R(a(E))), () => [
+            ce(H(a(S)), 1)
           ])
-        ])) : P("", !0)
+        ])) : C("", !0)
       ]),
-      ge(s(ee), {
-        id: s(v),
+      de(a(Q), {
+        id: a(p),
         class: "vv-textarea__hint"
       }, null, 8, ["id"])
     ], 2));
   }
 });
 export {
-  rt as default
+  Qe as default
 };