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

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

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

package/dist/components/VvTextarea/VvTextarea.umd.js

@@ -1 +1 @@
-(function(e,V){typeof exports=="object"&&typeof module<"u"?module.exports=V(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],V):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=V(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,V,D,S){"use strict";function A(r,n){if(r&&Object.keys(r).length&&n){if(n.indexOf(".")===-1)return r[n];{const t=n.split(".");let d=r;for(let a=0,c=t.length;a<c;++a){if(r==null)return null;d=d[t[a]]}return d}}else return null}function R(r){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(e.unref(r))}function O(r){return typeof r=="string"||r instanceof String}function E(r){var n,t;if(r)return(t=(n=r.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:n.join("-"))==null?void 0:t.toLowerCase()}function w(r){return Array.isArray(r)?r.filter(n=>O(n)).join(" "):r}function j(r,n){const{invalid:t,valid:d,hint:a,loading:c}=n,{hintLabel:s,modelValue:g,valid:p,validLabel:u,invalid:o,invalidLabel:i,...m}=e.toRefs(r),l=A(m,"loading"),f=A(m,"loadingLabel"),y=e.computed(()=>o.value?!!(o.value&&t||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!R(i)):!1),h=e.computed(()=>!!(s&&s.value||a)),b=e.computed(()=>!!(u&&u.value||d)),C=e.computed(()=>!!(l!=null&&l.value&&c||l!=null&&l.value&&(f!=null&&f.value))),B=e.computed(()=>h.value||b.value||y.value||C.value);return{hasInvalid:y,hasHint:h,hasValid:b,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(v){const I=e.computed(()=>{const P=D.toReactive({hintLabel:s,modelValue:g,valid:p,validLabel:u,invalid:o,invalidLabel:i,loading:l,loadingLabel:f,...v.params});return o!=null&&o.value?(t==null?void 0:t(P))||w(i==null?void 0:i.value)||(s==null?void 0:s.value):p!=null&&p.value?(d==null?void 0:d(P))||w(u==null?void 0:u.value)||(s==null?void 0:s.value):l!=null&&l.value?(c==null?void 0:c(P))||w(f==null?void 0:f.value)||(s==null?void 0:s.value):(a==null?void 0:a(P))||w(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:B,hasInvalid:y,hasValid:b,hintContent:I}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const z="ds",q={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]}};function H(r,n){const t={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((a,c)=>{const s=e.unref(n[c])||!1;if(!s)return a;if(c==="modifiers"){const g=Array.isArray(s)?s:s.split(" ");return{...a,...g.reduce((p,u)=>({...p,[`${r}--${E(u)}`]:!0}),{})}}else return{...a,[`${r}--${E(c)}`]:s}},t)||{})}}const M={name:"VvIcon"},$=e.defineComponent({...M,props:q,setup(r){const n=r,t=e.ref(!0),{modifiers:d}=e.toRefs(n),a=e.inject(z),{bemCssClasses:c}=H("vv-icon",{modifiers:d}),s=e.computed(()=>n.provider||(a==null?void 0:a.provider)),g=e.computed(()=>{const o=n.name??"",i=`@${s.value}:${n.prefix}:${n.name}`;return S.iconExists(o)?o:S.iconExists(i)?i:(a==null?void 0:a.iconsCollections.find(m=>{const l=`@${s.value}:${m.prefix}:${o}`;if(S.iconExists(l))return l}))||o});function p(o){let i=null;if(typeof window>"u"){const{JSDOM:y}=require("jsdom");i=new y().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function u(o){const i=p(o),m=(i==null?void 0:i.innerHTML.trim())||"";i&&m&&S.addIcon(`@${s.value}:${n.prefix}:${n.name}`,{body:m,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return a&&(n.src&&!S.iconExists(`@${s.value}:${n.prefix}:${n.name}`)?(t.value=!1,a.fetchIcon(n.src).then(o=>{o&&(u(o),t.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):n.svg&&u(n.svg)),(o,i)=>t.value?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(c)},{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:e.unref(g)}),null,16,["class"])):e.createCommentVNode("",!0)}}),L={valid:Boolean,validLabel:[String,Array]},Z={invalid:Boolean,invalidLabel:[String,Array]},G={loading:Boolean,loadingLabel:String},K={disabled:Boolean},J={readonly:Boolean},U={modifiers:[String,Array]},W={hintLabel:{type:String,default:""}},X={count:{type:[Boolean,String],default:!1,validator:r=>[!0,!1,"limit","countdown"].includes(r)}},Q={debounce:[Number,String]},T={LEFT:"left",RIGHT:"right"},Y={icon:{type:[String,Object]},iconPosition:{type:String,validation:r=>Object.values(T).includes(r),default:T.RIGHT}},ee={...{id:[String,Number],name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...{tabindex:{type:[String,Number],default:0}},...K,...J,...L,...Z,...W,...G,...U,...X,...Q,...Y,...{floating:Boolean},minlength:Number,maxlength:Number,placeholder:String,required:Boolean,label:String},te={hard:"hard",soft:"soft"},ne={true:!0,false:!1,default:"default"},oe=["update:modelValue","focus","blur","keyup"],re={...ee,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:te.soft},spellcheck:{type:[Boolean,String],default:ne.default},resizable:Boolean},se=["for"],ie={class:"vv-textarea__wrapper"},ae=["id"],le={key:0,class:"vv-textarea__limit"},ce={name:"VvTextarea"};return e.defineComponent({...ce,props:re,emits:oe,setup(r,{emit:n}){const t=r,d=useSlots(),a=ref(),{icon:c,iconPosition:s,label:g,modelValue:p,count:u,valid:o,invalid:i,loading:m}=toRefs(t),l=computed(()=>String(t.id||V.nanoid())),f=computed(()=>`${l.value}-hint`),y=computed(()=>t.floating&&isEmpty(t.placeholder)?" ":t.placeholder),h=useDebouncedInput(p,n,t.debounce),{hasIcon:b,hasIconLeft:C,hasIconRight:B}=useComponentIcon(c,s),{focused:v}=useComponentFocus(a,n),I=useElementVisibility(a);watch(I,x=>{x&&t.autofocus&&(v.value=!0)});const{formatted:P}=useTextCount(h,{mode:t.count,upperLimit:t.maxlength,lowerLimit:t.minlength}),de=computed(()=>!t.disabled&&!t.readonly),ue=computed(()=>de.value?t.tabindex:-1),fe=computed(()=>!isEmpty(p)),pe=computed(()=>{if(t.invalid===!0)return!0;if(t.valid===!0)return!1}),{HintSlot:me,hasHint:ge,hasInvalid:F}=j(t,d),{bemCssClasses:he}=useBemModifiers("vv-textarea",{modifiers:t.modifiers,valid:o,invalid:i,loading:m,disabled:t.disabled,readonly:t.readonly,iconLeft:C,iconRight:B,floating:t.floating&&!isEmpty(t.label),dirty:fe,focused:v,resizable:t.resizable}),ye=computed(()=>({name:t.name,placeholder:y.value,tabindex:ue.value,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,cols:t.cols,rows:t.rows,wrap:t.wrap,spellcheck:t.spellcheck,"aria-invalid":pe.value,"aria-describedby":!F.value&&ge.value?f.value:void 0,"aria-errormessage":F.value?f.value:void 0})),_=computed(()=>({valid:t.valid,invalid:t.invalid,modelValue:t.modelValue,hintLabel:t.hintLabel,maxlength:t.maxlength,minlength:t.minlength,clear:Se})),Se=()=>{h.value=void 0};return(x,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(he))},[e.unref(g)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(l),class:"vv-textarea__label"},e.toDisplayString(e.unref(g)),9,se)):e.createCommentVNode("",!0),e.createElementVNode("div",ie,[e.renderSlot(x.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.unref(C)?(e.openBlock(),e.createBlock($,e.mergeProps({key:0,class:"vv-textarea__icon-left"},e.unref(b)),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(l),ref_key:"textarea",ref:a,"onUpdate:modelValue":k[0]||(k[0]=N=>e.isRef(h)?h.value=N:null)},e.unref(ye),{onKeyup:k[1]||(k[1]=N=>n("keyup",N))}),null,16,ae),[[e.vModelText,e.unref(h)]]),e.renderSlot(x.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.unref(B)?(e.openBlock(),e.createBlock($,e.normalizeProps(e.mergeProps({key:0},e.unref(b))),null,16)):e.createCommentVNode("",!0)]),e.unref(u)?(e.openBlock(),e.createElementBlock("span",le,[e.renderSlot(x.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.createTextVNode(e.toDisplayString(e.unref(P)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(me),{id:e.unref(f),class:"vv-textarea__hint"},null,8,["id"])],2))}})});
+(function(e,V){typeof exports=="object"&&typeof module<"u"?module.exports=V(require("vue"),require("nanoid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@iconify/vue"],V):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=V(e.vue,e.nanoid,e.vue$1))})(this,function(e,V,S){"use strict";function w(l){return Array.isArray(l)?l.filter(i=>isString(i)).join(" "):l}function R(l,i){const{invalid:t,valid:f,hint:a,loading:m}=i,{hintLabel:r,modelValue:v,valid:p,validLabel:d,invalid:o,invalidLabel:n,...u}=toRefs(l),s=resolveFieldData(u,"loading"),c=resolveFieldData(u,"loadingLabel"),y=computed(()=>o.value?!!(o.value&&t||n!=null&&n.value&&Array.isArray(n.value)&&n.value.length>0||n!=null&&n.value&&!isEmpty(n)):!1),g=computed(()=>!!(r&&r.value||a)),P=computed(()=>!!(d&&d.value||f)),x=computed(()=>!!(s!=null&&s.value&&m||s!=null&&s.value&&(c!=null&&c.value))),I=computed(()=>g.value||P.value||y.value||x.value);return{hasInvalid:y,hasHint:g,hasValid:P,hasLoading:x,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(C){const N=computed(()=>{const b=toReactive({hintLabel:r,modelValue:v,valid:p,validLabel:d,invalid:o,invalidLabel:n,loading:s,loadingLabel:c,...C.params});return o!=null&&o.value?(t==null?void 0:t(b))||w(n==null?void 0:n.value)||(r==null?void 0:r.value):p!=null&&p.value?(f==null?void 0:f(b))||w(d==null?void 0:d.value)||(r==null?void 0:r.value):s!=null&&s.value?(m==null?void 0:m(b))||w(c==null?void 0:c.value)||(r==null?void 0:r.value):(a==null?void 0:a(b))||w(r==null?void 0:r.value)||(r==null?void 0:r.value)});return{isVisible:I,hasInvalid:y,hasValid:P,hintContent:N}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const $="ds",A={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]}},z={name:"VvIcon"},F=e.defineComponent({...z,props:A,setup(l){const i=l,t=ref(!0),{modifiers:f}=toRefs(i),a=inject($),{bemCssClasses:m}=useBemModifiers("vv-icon",{modifiers:f}),r=computed(()=>i.provider||(a==null?void 0:a.provider)),v=computed(()=>{const o=i.name??"",n=`@${r.value}:${i.prefix}:${i.name}`;return S.iconExists(o)?o:S.iconExists(n)?n:(a==null?void 0:a.iconsCollections.find(u=>{const s=`@${r.value}:${u.prefix}:${o}`;if(S.iconExists(s))return s}))||o});function p(o){let n=null;if(typeof window>"u"){const{JSDOM:y}=require("jsdom");n=new y().window}return(n?new n.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function d(o){const n=p(o),u=(n==null?void 0:n.innerHTML.trim())||"";n&&u&&S.addIcon(`@${r.value}:${i.prefix}:${i.name}`,{body:u,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return a&&(i.src&&!S.iconExists(`@${r.value}:${i.prefix}:${i.name}`)?(t.value=!1,a.fetchIcon(i.src).then(o=>{o&&(d(o),t.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):i.svg&&d(i.svg)),(o,n)=>e.unref(t)?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(m)},{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:e.unref(v)}),null,16,["class"])):e.createCommentVNode("",!0)}}),H={valid:Boolean,validLabel:[String,Array]},q={invalid:Boolean,invalidLabel:[String,Array]},O={loading:Boolean,loadingLabel:String},M={disabled:Boolean},j={readonly:Boolean},L={modifiers:[String,Array]},G={hintLabel:{type:String,default:""}},K={count:{type:[Boolean,String],default:!1,validator:l=>[!0,!1,"limit","countdown"].includes(l)}},J={debounce:[Number,String]},T={LEFT:"left",RIGHT:"right"},U={icon:{type:[String,Object]},iconPosition:{type:String,validation:l=>Object.values(T).includes(l),default:T.RIGHT}},W={...{id:[String,Number],name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...{tabindex:{type:[String,Number],default:0}},...M,...j,...H,...q,...G,...O,...L,...K,...J,...U,...{floating:Boolean},minlength:Number,maxlength:Number,placeholder:String,required:Boolean,label:String},X={hard:"hard",soft:"soft"},Q={true:!0,false:!1,default:"default"},Y=["update:modelValue","focus","blur","keyup"],Z={...W,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:X.soft},spellcheck:{type:[Boolean,String],default:Q.default},resizable:Boolean},ee=["for"],te={class:"vv-textarea__wrapper"},oe=["id"],ne={key:0,class:"vv-textarea__limit"},re={name:"VvTextarea"};return e.defineComponent({...re,props:Z,emits:Y,setup(l,{emit:i}){const t=l,f=useSlots(),a=ref(),{icon:m,iconPosition:r,label:v,modelValue:p,count:d,valid:o,invalid:n,loading:u}=toRefs(t),s=computed(()=>String(t.id||V.nanoid())),c=computed(()=>`${s.value}-hint`),y=computed(()=>t.floating&&isEmpty(t.placeholder)?" ":t.placeholder),g=useDebouncedInput(p,i,t.debounce),{hasIcon:P,hasIconLeft:x,hasIconRight:I}=useComponentIcon(m,r),{focused:C}=useComponentFocus(a,i),N=useElementVisibility(a);watch(N,B=>{B&&t.autofocus&&(C.value=!0)});const{formatted:b}=useTextCount(g,{mode:t.count,upperLimit:t.maxlength,lowerLimit:t.minlength}),ie=computed(()=>!t.disabled&&!t.readonly),se=computed(()=>ie.value?t.tabindex:-1),ae=computed(()=>!isEmpty(p)),le=computed(()=>{if(t.invalid===!0)return!0;if(t.valid===!0)return!1}),{HintSlot:ce,hasHint:de,hasInvalid:D}=R(t,f),{bemCssClasses:ue}=useBemModifiers("vv-textarea",{modifiers:t.modifiers,valid:o,invalid:n,loading:u,disabled:t.disabled,readonly:t.readonly,iconLeft:x,iconRight:I,floating:t.floating&&!isEmpty(t.label),dirty:ae,focused:C,resizable:t.resizable}),pe=computed(()=>({name:t.name,placeholder:y.value,tabindex:se.value,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,cols:t.cols,rows:t.rows,wrap:t.wrap,spellcheck:t.spellcheck,"aria-invalid":le.value,"aria-describedby":!D.value&&de.value?c.value:void 0,"aria-errormessage":D.value?c.value:void 0})),_=computed(()=>({valid:t.valid,invalid:t.invalid,modelValue:t.modelValue,hintLabel:t.hintLabel,maxlength:t.maxlength,minlength:t.minlength,clear:fe})),fe=()=>{g.value=void 0};return(B,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(ue))},[e.unref(v)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(s),class:"vv-textarea__label"},e.toDisplayString(e.unref(v)),9,ee)):e.createCommentVNode("",!0),e.createElementVNode("div",te,[e.renderSlot(B.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.unref(x)?(e.openBlock(),e.createBlock(F,e.mergeProps({key:0,class:"vv-textarea__icon-left"},e.unref(P)),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(s),ref_key:"textarea",ref:a,"onUpdate:modelValue":k[0]||(k[0]=E=>e.isRef(g)?g.value=E:null)},e.unref(pe),{onKeyup:k[1]||(k[1]=E=>i("keyup",E))}),null,16,oe),[[e.vModelText,e.unref(g)]]),e.renderSlot(B.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.unref(I)?(e.openBlock(),e.createBlock(F,e.normalizeProps(e.mergeProps({key:0},e.unref(P))),null,16)):e.createCommentVNode("",!0)]),e.unref(d)?(e.openBlock(),e.createElementBlock("span",ne,[e.renderSlot(B.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(_))),()=>[e.createTextVNode(e.toDisplayString(e.unref(b)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(ce),{id:e.unref(c),class:"vv-textarea__hint"},null,8,["id"])],2))}})});