@volverjs/ui-vue 0.0.2 → 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 ie, watch as J, defineComponent as U, ref as W, inject as ue, openBlock as w, createBlock as R, mergeProps as k, createCommentVNode as C, useSlots as se, createElementBlock as D, normalizeClass as ce, toDisplayString as z, createElementVNode as M, renderSlot as O, normalizeProps as _, guardReactiveProps as E, 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, useElementVisibility as be } from "@vueuse/core";
-import { iconExists as B, Icon as Se, addIcon as we } 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 N(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 Ie(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 A(r) {
-  return Array.isArray(r) ? r.filter((t) => Ie(t)).join(" ") : r;
+function A(n) {
+  return Array.isArray(n) ? n.filter((t) => he(t)).join(" ") : n;
 }
-function Pe(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 && !N(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))
-  ), $ = 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: {
@@ -72,30 +72,30 @@ function Pe(r, t) {
         }
       },
       setup(x) {
-        const F = i(() => {
-          const S = pe({
-            hintLabel: a,
-            modelValue: h,
-            valid: m,
-            validLabel: f,
-            invalid: n,
-            invalidLabel: o,
-            loading: c,
-            loadingLabel: v,
+        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)) || A(o == null ? void 0 : o.value) || (a == null ? void 0 : a.value) : m != null && m.value ? (u == null ? void 0 : u(S)) || A(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : c != null && c.value ? (d == null ? void 0 : d(S)) || A(v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : (l == null ? void 0 : l(S)) || A(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: $,
+          isVisible: V,
           hasInvalid: y,
           hasValid: b,
-          hintContent: F
+          hintContent: N
         };
       },
       render() {
         if (this.isVisible)
-          return ie(
+          return ne(
             "small",
             {
               role: this.hasInvalid || this.hasValid ? "alert" : void 0
@@ -106,79 +106,7 @@ function Pe(r, t) {
     }
   };
 }
-function Ce(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 $e(r, t) {
-  const { focused: e } = ye(r);
-  return J(e, (u) => {
-    t(u ? "focus" : "blur", s(r));
-  }), {
-    focused: e
-  };
-}
-function xe(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 Ve(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" && (t != null && t.upperLimit) ? `${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 X(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,197 +137,225 @@ const _e = "ds", Be = {
   modifiers: {
     type: [String, Array]
   }
-}, Ae = {
+};
+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__ */ U({
-  ...Ae,
-  props: Be,
-  setup(r) {
-    const t = r, e = W(!0), { modifiers: u } = j(t), l = ue(_e), { bemCssClasses: d } = X("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 && we(`@${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(), R(s(Se), 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)
+      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]
-}, Ne = {
+}, Ce = {
   invalid: Boolean,
   invalidLabel: [String, Array]
-}, Fe = {
+}, Ve = {
   loading: Boolean,
   loadingLabel: String
-}, Le = {
+}, xe = {
   disabled: Boolean
-}, Te = {
+}, Ie = {
   readonly: Boolean
-}, De = {
+}, _e = {
   modifiers: [String, Array]
-}, Oe = {
+}, Be = {
   hintLabel: { type: String, default: "" }
-}, Ee = {
+}, 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"
-}, je = {
+}, 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
   }
-}, He = {
+}, Ee = {
   tabindex: { type: [String, Number], default: 0 }
-}, ze = {
+}, Fe = {
   floating: Boolean
-}, Me = {
+}, De = {
   id: [String, Number],
   name: { type: String, required: !0 }
-}, qe = {
+}, Oe = {
   autofocus: Boolean
-}, Ze = {
+}, Re = {
   autocomplete: { type: String, default: "off" }
-}, Ge = {
-  ...Me,
-  ...qe,
-  ...Ze,
-  ...He,
-  ...Le,
-  ...Te,
+}, Te = {
+  ...De,
+  ...Oe,
+  ...Re,
+  ...Ee,
+  ...xe,
+  ...Ie,
+  ...$e,
+  ...Ce,
+  ...Be,
+  ...Ve,
+  ..._e,
+  ...Ae,
   ...ke,
   ...Ne,
-  ...Oe,
   ...Fe,
-  ...De,
-  ...Ee,
-  ...Re,
-  ...je,
-  ...ze,
   minlength: Number,
   maxlength: Number,
   placeholder: String,
   required: Boolean,
   label: String
-}, Ke = {
+}, je = {
   hard: "hard",
   soft: "soft"
-}, Je = {
+}, He = {
   true: !0,
   false: !1,
   default: "default"
-}, Ue = ["update:modelValue", "focus", "blur", "keyup"], We = {
-  ...Ge,
+}, 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: Ke.soft },
-  spellcheck: { type: [Boolean, String], default: Je.default },
+  wrap: { type: String, default: je.soft },
+  spellcheck: { type: [Boolean, String], default: He.default },
   resizable: Boolean
-}, Xe = ["for"], Qe = { class: "vv-textarea__wrapper" }, Ye = ["id"], et = {
+}, qe = ["for"], Le = { class: "vv-textarea__wrapper" }, Ze = ["id"], Ge = {
   key: 0,
   class: "vv-textarea__limit"
-}, tt = {
+}, Ke = {
   name: "VvTextarea"
-}, ot = /* @__PURE__ */ U({
-  ...tt,
-  props: We,
-  emits: Ue,
-  setup(r, { emit: t }) {
-    const e = r, u = se(), l = W(), {
-      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 && N(e.placeholder) ? " " : e.placeholder
-    ), p = xe(m, t, e.debounce), { hasIcon: b, hasIconLeft: I, hasIconRight: $ } = Ce(
-      d,
-      a
-    ), { focused: x } = $e(l, t), F = be(l);
-    J(F, (P) => {
-      P && e.autofocus && (x.value = !0);
+}, 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 } = Ve(p, {
+    const { formatted: S } = useTextCount(h, {
       mode: e.count,
       upperLimit: e.maxlength,
       lowerLimit: e.minlength
-    }), Q = i(() => !e.disabled && !e.readonly), Y = i(
-      () => Q.value ? e.tabindex : -1
-    ), ee = i(() => !N(m)), te = 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: re, hasHint: ne, hasInvalid: H } = Pe(e, u), { bemCssClasses: ae } = X("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: $,
-      floating: e.floating && !N(e.label),
-      dirty: ee,
+      iconLeft: w,
+      iconRight: V,
+      floating: e.floating && !isEmpty(e.label),
+      dirty: W,
       focused: x,
       resizable: e.resizable
-    }), le = i(
+    }), te = computed(
       () => ({
         name: e.name,
         placeholder: y.value,
-        tabindex: Y.value,
+        tabindex: U.value,
         disabled: e.disabled,
         readonly: e.readonly,
         required: e.required,
@@ -410,11 +366,11 @@ const _e = "ds", Be = {
         rows: e.rows,
         wrap: e.wrap,
         spellcheck: e.spellcheck,
-        "aria-invalid": te.value,
-        "aria-describedby": !H.value && ne.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
       })
-    ), L = i(() => ({
+    ), E = computed(() => ({
       valid: e.valid,
       invalid: e.invalid,
       modelValue: e.modelValue,
@@ -423,49 +379,49 @@ const _e = "ds", Be = {
       minlength: e.minlength,
       clear: oe
     })), oe = () => {
-      p.value = void 0;
+      h.value = void 0;
     };
-    return (P, V) => (w(), D("div", {
-      class: ce(s(ae))
+    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, Xe)) : C("", !0),
-      M("div", Qe, [
-        O(P.$slots, "before", _(E(s(L))), () => [
-          s(I) ? (w(), R(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)) : C("", !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": V[0] || (V[0] = (T) => fe(p) ? p.value = T : null)
-        }, s(le), {
-          onKeyup: V[1] || (V[1] = (T) => t("keyup", T))
-        }), null, 16, Ye), [
-          [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(P.$slots, "after", _(E(s(L))), () => [
-          s($) ? (w(), R(G, _(k({ key: 0 }, s(b))), null, 16)) : C("", !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", et, [
-          O(P.$slots, "count", _(E(s(L))), () => [
-            me(z(s(S)), 1)
+        a(d) ? (P(), D("span", Ge, [
+          O($.$slots, "count", _(R(a(E))), () => [
+            ce(H(a(S)), 1)
           ])
         ])) : C("", !0)
       ]),
-      ge(s(re), {
-        id: s(v),
+      de(a(Q), {
+        id: a(p),
         class: "vv-textarea__hint"
       }, null, 8, ["id"])
     ], 2));
   }
 });
 export {
-  ot as default
+  Qe as default
 };