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

package/dist/components/VvTextarea/vv-textarea.es.js

@@ -1,548 +0,0 @@
-import { computed as m, unref as l, defineComponent as z, ref as F, toRefs as L, inject as ee, openBlock as $, createBlock as te, mergeProps as w, createCommentVNode as _, h as re, watch as Z, useSlots as ne, useAttrs as oe, onMounted as se, createElementBlock as E, toDisplayString as q, createElementVNode as V, renderSlot as D, normalizeProps as R, createVNode as P, withDirectives as ie, isRef as ae, vModelText as le, createTextVNode as ue } from "vue";
-import { iconExists as O, Icon as ce, addIcon as fe } from "@iconify/vue";
-import { toReactive as de, useFocus as me, refDebounced as pe, isString as M } from "@vueuse/core";
-const y = {
-  equals(e, r, t) {
-    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(r, t) : this.deepEquals(e, r);
-  },
-  deepEquals(e, r) {
-    if (e === r)
-      return !0;
-    if (e && r && typeof e == "object" && typeof r == "object") {
-      const t = Array.isArray(e), o = Array.isArray(r);
-      let n, s, i;
-      if (t && o) {
-        if (s = e.length, s != r.length)
-          return !1;
-        for (n = s; n-- !== 0; )
-          if (!this.deepEquals(e[n], r[n]))
-            return !1;
-        return !0;
-      }
-      if (t != o)
-        return !1;
-      const d = e instanceof Date, a = r instanceof Date;
-      if (d != a)
-        return !1;
-      if (d && a)
-        return e.getTime() == r.getTime();
-      const h = e instanceof RegExp, u = r instanceof RegExp;
-      if (h != u)
-        return !1;
-      if (h && u)
-        return e.toString() == r.toString();
-      const c = Object.keys(e);
-      if (s = c.length, s !== Object.keys(r).length)
-        return !1;
-      for (n = s; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, c[n]))
-          return !1;
-      for (n = s; n-- !== 0; )
-        if (i = c[n], !this.deepEquals(e[i], r[i]))
-          return !1;
-      return !0;
-    }
-    return e !== e && r !== r;
-  },
-  resolveFieldData(e, r) {
-    if (e && Object.keys(e).length && r) {
-      if (r.indexOf(".") === -1)
-        return e[r];
-      {
-        const t = r.split(".");
-        let o = e;
-        for (let n = 0, s = t.length; n < s; ++n) {
-          if (e == null)
-            return null;
-          o = o[t[n]];
-        }
-        return o;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, r) {
-    let t = -1;
-    if (r) {
-      for (let o = 0; o < r.length; o++)
-        if (this.equals(r[o], e)) {
-          t = o;
-          break;
-        }
-    }
-    return t;
-  },
-  contains(e, r) {
-    if (e != null && r && r.length) {
-      for (const t of r)
-        if (this.equals(e, t))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, r) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([t]) => r(t))
-    );
-  },
-  removeFromList(e, r) {
-    const t = this.findIndexInList(e, r);
-    return t > -1 ? r.filter((o, n) => n !== t) : r;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((r, t) => {
-      var o, n, s, i, d;
-      return this.isFunction(e[t]) ? r[t] = e[t]() : Array.isArray(e[t]) ? r[t] = e[t][0]() : (o = e[t]) != null && o.type && (Array.isArray(e[t].type) ? r[t] = ((n = e[t]) == null ? void 0 : n.default) || ((s = e[t]) == null ? void 0 : s.type[0]()) : r[t] = ((i = e[t]) == null ? void 0 : i.default) || ((d = e[t]) == null ? void 0 : d.type())), r;
-    }, {});
-  },
-  filterArray(e, r, t) {
-    return e.filter((o) => r.some((n) => typeof n == "string" ? o[t] == n : this.equals(
-      o[t],
-      n[t]
-    )));
-  },
-  kebabCase(e) {
-    var r, t;
-    if (e)
-      return (t = (r = e.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 : r.join("-")) == null ? void 0 : t.toLowerCase();
-  }
-}, ge = {
-  valid: Boolean,
-  validLabel: [String, Array]
-}, he = {
-  error: Boolean,
-  errorLabel: [String, Array]
-}, ye = {
-  loading: Boolean,
-  loadingLabel: String
-}, ve = {
-  modifiers: [String, Array]
-}, be = {
-  hintLabel: { type: String, default: "" }
-}, xe = {
-  limit: {
-    type: [Boolean, String],
-    default: !1,
-    validator: (e) => [!0, !1, "countdown"].includes(e)
-  }
-}, Se = {
-  id: String,
-  name: { type: String, required: !0 },
-  autocomplete: { type: String, default: "off" },
-  autofocus: Boolean,
-  minlength: Number,
-  maxlength: Number,
-  label: String,
-  placeholder: String,
-  required: Boolean,
-  disabled: Boolean,
-  readonly: Boolean
-}, Ae = {
-  debounce: Number
-}, H = {
-  LEFT: "left",
-  RIGHT: "right"
-}, _e = {
-  hard: "hard",
-  soft: "soft"
-}, Be = ["update:modelValue", "focus", "blur"], $e = {
-  ...ge,
-  ...he,
-  ...be,
-  ...ye,
-  ...ve,
-  ...xe,
-  ...Se,
-  ...Ae,
-  modelValue: null,
-  cols: { type: Number, default: 50 },
-  rows: { type: Number, default: 5 },
-  icon: { type: String, default: "" },
-  iconPosition: {
-    type: String,
-    validation: (e) => Object.values(H).includes(e),
-    default: H.RIGHT
-  },
-  floating: Boolean,
-  wrap: { type: String, default: _e.soft },
-  autoclear: Boolean,
-  resizable: Boolean
-}, we = {
-  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 Ce(e, r) {
-  const t = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: m(() => Object.keys(r).reduce((n, s) => {
-      const i = l(r[s]) || !1;
-      if (!i)
-        return n;
-      if (s === "modifiers") {
-        const d = Array.isArray(i) ? i : [i];
-        return {
-          ...n,
-          ...d.reduce(
-            (a, h) => ({
-              ...a,
-              [`${e}--${y.kebabCase(
-                h
-              )}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...n,
-          [`${e}--${y.kebabCase(s)}`]: i
-        };
-    }, t) || {})
-  };
-}
-function Ie(e, r) {
-  const t = { [`${e}`]: !0 };
-  return Object.keys(r).reduce((o, n) => {
-    const s = l(r[n]) || !1;
-    if (!s)
-      return o;
-    if (n === "modifiers") {
-      const i = Array.isArray(s) ? s : [s];
-      return {
-        ...o,
-        ...i.reduce(
-          (d, a) => ({
-            ...d,
-            [`${e}--${y.kebabCase(
-              a
-            )}`]: !0
-          }),
-          {}
-        )
-      };
-    } else
-      return {
-        ...o,
-        [`${e}--${y.kebabCase(n)}`]: s
-      };
-  }, t) || {};
-}
-const N = /* @__PURE__ */ z({
-  __name: "VvIcon",
-  props: we,
-  setup(e) {
-    const r = e, t = F(!0), { modifiers: o } = L(r), n = ee("ds"), { bemCssClasses: s } = Ce("vv-icon", {
-      modifiers: o
-    }), i = m(() => r.provider || (n == null ? void 0 : n.provider)), d = m(() => {
-      const u = r.name || "", c = `@${i.value}:${r.prefix}:${r.name}`;
-      return O(u) ? u : O(c) ? c : (n == null ? void 0 : n.iconsCollections.find((p) => {
-        const f = `@${i.value}:${p.prefix}:${u}`;
-        if (O(f))
-          return f;
-      })) || u;
-    });
-    function a(u) {
-      let c = null;
-      if (typeof window > "u") {
-        const { JSDOM: v } = require("jsdom");
-        c = new v().window;
-      }
-      return (c ? new c.DOMParser() : new window.DOMParser()).parseFromString(u, "text/html").querySelector("svg");
-    }
-    function h(u) {
-      const c = a(u), p = (c == null ? void 0 : c.innerHTML.trim()) || "";
-      c && p && fe(`@${i.value}:${r.prefix}:${r.name}`, {
-        body: p,
-        height: c.viewBox.baseVal.height,
-        width: c.viewBox.baseVal.width
-      });
-    }
-    return n && (r.src ? (t.value = !1, n.fetchIcon(r.src).then((u) => {
-      u && (h(u), t.value = !0);
-    }).catch((u) => {
-      throw new Error(`During fetch icon: ${u == null ? void 0 : u.message}`);
-    })) : r.svg && h(r.svg)), (u, c) => t.value ? ($(), te(l(ce), w({
-      key: 0,
-      class: l(s)
-    }, {
-      ...u.$props,
-      provider: l(i),
-      icon: l(d)
-    }), null, 16, ["class"])) : _("", !0);
-  }
-});
-function k(e) {
-  return Array.isArray(e) ? e.filter((r) => y.isString(r)).reduce((r, t) => r.length > 0 ? r + `
-` + t : t, "") : e;
-}
-function Ee(e, r) {
-  return {
-    name: "HintSlot",
-    props: {
-      params: { type: Object, default: () => {
-      } }
-    },
-    setup(t) {
-      const o = L(e), {
-        error: n,
-        valid: s,
-        hint: i,
-        loading: d
-      } = r, {
-        hintLabel: a,
-        modelValue: h,
-        valid: u,
-        validLabel: c,
-        error: p,
-        errorLabel: f
-      } = o, g = y.resolveFieldData(o, "loading"), v = y.resolveFieldData(
-        o,
-        "loadingLabel"
-      ), S = m(() => p.value ? !!(p.value && n || (f == null ? void 0 : f.value) && Array.isArray(f.value) && f.value.length > 0 || (f == null ? void 0 : f.value) && y.isNotEmpty(f.value)) : !1), C = m(() => !!(a && a.value || i || s || c && c.value || S.value || (g == null ? void 0 : g.value) && d || (g == null ? void 0 : g.value) && (v == null ? void 0 : v.value))), I = m(() => {
-        const A = de({
-          hintLabel: a,
-          modelValue: h,
-          valid: u,
-          validLabel: c,
-          error: p,
-          errorLabel: f,
-          loading: g,
-          loadingLabel: v,
-          ...t.params
-        });
-        return p != null && p.value ? (n == null ? void 0 : n(A)) || k(f == null ? void 0 : f.value) || (a == null ? void 0 : a.value) : u != null && u.value ? (s == null ? void 0 : s(A)) || k(c == null ? void 0 : c.value) || (a == null ? void 0 : a.value) : g != null && g.value ? (d == null ? void 0 : d(A)) || k(v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : (i == null ? void 0 : i(A)) || k(a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
-      });
-      return {
-        hasHint: C,
-        hintContent: I
-      };
-    },
-    render() {
-      if (this.hasHint)
-        return re(
-          "pre",
-          { style: { "white-space": "pre" } },
-          this.hintContent
-        );
-    }
-  };
-}
-function Pe(e, r, t) {
-  const o = m(
-    () => !!(e.value && r.value === "left" || t.iconLeft)
-  ), n = m(
-    () => !!(e.value && r.value === "right" || t.iconRight)
-  ), s = m(
-    () => !!(e.value && r.value === "top" || t.iconTop)
-  ), i = m(
-    () => !!(e.value && r.value === "bottom" || t.iconBottom)
-  );
-  return {
-    hasIconLeft: o,
-    hasIconRight: n,
-    hasIconTop: s,
-    hasIconBottom: i
-  };
-}
-function ke(e, r) {
-  const { focused: t } = me(e);
-  return Z(t, (o) => {
-    r(o ? "focus" : "blur", e.value);
-  }), {
-    focused: t
-  };
-}
-function De(e, r, t) {
-  const o = F(e == null ? void 0 : e.value), n = pe(
-    o,
-    r || 0
-  );
-  return Z(n, (s) => t("update:modelValue", s)), o;
-}
-function Oe(e, r) {
-  const t = m(() => {
-    const s = l(e);
-    return M(s) ? s.length : 0;
-  }), o = m(() => {
-    const s = l(e) || "";
-    return !M(s) || r.mode === !1 ? 0 : r.mode === !0 ? s.length : l(r.upperLimit) - s.length;
-  }), n = m(() => r.mode === !1 ? "" : r.mode === !0 && r.upperLimit && r.upperLimit > 0 ? `${o.value}/${l(r.upperLimit)}` : o.value);
-  return {
-    textLength: t,
-    textLimitLength: o,
-    formattedTextLimitLength: n
-  };
-}
-const Ne = ["for"], Fe = { class: "vv-textarea__wrapper" }, Le = {
-  key: 3,
-  class: "vv-textarea__limit"
-}, je = {
-  inheritAttrs: !1
-}, Re = /* @__PURE__ */ z({
-  ...je,
-  __name: "VvTextarea",
-  props: $e,
-  emits: Be,
-  setup(e, { emit: r }) {
-    const t = e, o = ne(), n = oe(), s = F(), { icon: i, iconPosition: d, label: a, modelValue: h, autoclear: u, limit: c } = L(t), p = t.id || t.name, f = `${t.name}-label`, g = `${t.name}-hint`, v = m(
-      () => t.floating && y.isEmpty(t.placeholder) ? " " : t.placeholder
-    ), S = De(h, t.debounce, r), { hasIconLeft: C, hasIconRight: I } = Pe(i, d, {
-      iconLeft: o["icon-left"],
-      iconRight: o["icon-right"]
-    }), { focused: A } = ke(s, r), { textLength: j, formattedTextLimitLength: W } = Oe(S, {
-      mode: t.limit,
-      upperLimit: t.maxlength || 0
-    }), G = m(() => [
-      Ie("vv-textarea", {
-        modifiers: t.modifiers,
-        readonly: t.readonly,
-        valid: t.valid,
-        invalid: t.error,
-        loading: t.loading,
-        iconLeft: C,
-        iconRight: I,
-        floating: t.floating && y.isNotEmpty(t.label),
-        dirty: y.isNotEmpty(h == null ? void 0 : h.value),
-        resizable: t.resizable
-      }),
-      n.class
-    ]), U = m(() => {
-      const x = y.pickBy(
-        n,
-        (b) => b.startsWith("data-")
-      );
-      return {
-        style: n.style,
-        ...x
-      };
-    }), J = m(() => {
-      const x = y.pickBy(
-        n,
-        (b) => b.startsWith("aria-")
-      );
-      return {
-        id: p,
-        placeholder: v.value,
-        name: t.name,
-        autocomplete: t.autocomplete,
-        disabled: t.disabled,
-        readonly: t.readonly,
-        minlength: t.minlength,
-        maxlength: t.maxlength,
-        cols: t.cols,
-        rows: t.rows,
-        required: t.required,
-        tabindex: n.tabindex,
-        "aria-invalid": t.error,
-        "aria-valid": !t.valid,
-        "aria-labeledby": f,
-        "aria-describedby": g,
-        "aria-errormessage": g,
-        ...x
-      };
-    }), T = m(() => {
-      const { modelValue: x, valid: b, error: B, maxlength: X, hintLabel: Y } = t;
-      return {
-        valid: b,
-        error: B,
-        modelValue: x,
-        hintLabel: Y,
-        maxlength: X,
-        textLength: j
-      };
-    }), K = Ee(t, o);
-    function Q() {
-      S.value = "";
-    }
-    return se(() => {
-      t.autofocus && (A.value = !0), console.log("Focused", A.value);
-    }), (x, b) => ($(), E("div", w(l(U), { class: l(G) }), [
-      l(a) ? ($(), E("label", {
-        key: 0,
-        id: f,
-        for: l(p)
-      }, q(l(a)), 9, Ne)) : _("", !0),
-      V("div", Fe, [
-        l(C) ? D(x.$slots, "icon-left", R(w({ key: 0 }, l(T))), () => [
-          P(N, {
-            class: "vv-textarea__icon-left",
-            name: l(i)
-          }, null, 8, ["name"])
-        ]) : _("", !0),
-        ie(V("textarea", w({
-          ref_key: "input",
-          ref: s,
-          "onUpdate:modelValue": b[0] || (b[0] = (B) => ae(S) ? S.value = B : null)
-        }, l(J), {
-          onInput: b[1] || (b[1] = (B) => r("input", B))
-        }), null, 16), [
-          [le, l(S)]
-        ]),
-        l(u) && l(j) > 0 ? ($(), E("button", {
-          key: 1,
-          class: "vv-button vv-button--ghost",
-          onClick: Q
-        }, [
-          P(N, { name: "clear-field" })
-        ])) : _("", !0),
-        l(I) ? D(x.$slots, "icon-right", R(w({ key: 2 }, l(T))), () => [
-          P(N, { name: l(i) }, null, 8, ["name"])
-        ]) : _("", !0),
-        l(c) ? ($(), E("span", Le, [
-          D(x.$slots, "limit", {}, () => [
-            ue(q(l(W)), 1)
-          ])
-        ])) : _("", !0)
-      ]),
-      P(l(K), {
-        id: g,
-        class: "vv-textarea__hint"
-      })
-    ], 16));
-  }
-});
-export {
-  Re as default
-};

package/dist/components/VvTextarea/vv-textarea.umd.js

@@ -1,2 +0,0 @@
-(function(e,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("vue"),require("@iconify/vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core"],S):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=S(e.vue,e.vue$1,e.core))})(this,function(e,S,C){"use strict";const y={equals(t,n,r){return r?this.resolveFieldData(t,r)===this.resolveFieldData(n,r):this.deepEquals(t,n)},deepEquals(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const r=Array.isArray(t),s=Array.isArray(n);let o,i,a;if(r&&s){if(i=t.length,i!=n.length)return!1;for(o=i;o--!==0;)if(!this.deepEquals(t[o],n[o]))return!1;return!0}if(r!=s)return!1;const d=t instanceof Date,l=n instanceof Date;if(d!=l)return!1;if(d&&l)return t.getTime()==n.getTime();const g=t instanceof RegExp,c=n instanceof RegExp;if(g!=c)return!1;if(g&&c)return t.toString()==n.toString();const u=Object.keys(t);if(i=u.length,i!==Object.keys(n).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(n,u[o]))return!1;for(o=i;o--!==0;)if(a=u[o],!this.deepEquals(t[a],n[a]))return!1;return!0}return t!==t&&n!==n},resolveFieldData(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const r=n.split(".");let s=t;for(let o=0,i=r.length;o<i;++o){if(t==null)return null;s=s[r[o]]}return s}}else return null},isFunction(t){return!!(t&&t.constructor&&t.call&&t.apply)},findIndexInList(t,n){let r=-1;if(n){for(let s=0;s<n.length;s++)if(this.equals(n[s],t)){r=s;break}}return r},contains(t,n){if(t!=null&&n&&n.length){for(const r of n)if(this.equals(t,r))return!0}return!1},isEmpty(t){return t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0},isNotEmpty(t){return!this.isEmpty(t)},pickBy(t,n){return Object.fromEntries(Object.entries(t).filter(([r])=>n(r)))},removeFromList(t,n){const r=this.findIndexInList(t,n);return r>-1?n.filter((s,o)=>o!==r):n},isString(t){return typeof t=="string"||t instanceof String},propsToObject(t){return Object.keys(t).reduce((n,r)=>{var s,o,i,a,d;return this.isFunction(t[r])?n[r]=t[r]():Array.isArray(t[r])?n[r]=t[r][0]():(s=t[r])!=null&&s.type&&(Array.isArray(t[r].type)?n[r]=((o=t[r])==null?void 0:o.default)||((i=t[r])==null?void 0:i.type[0]()):n[r]=((a=t[r])==null?void 0:a.default)||((d=t[r])==null?void 0:d.type())),n},{})},filterArray(t,n,r){return t.filter(s=>n.some(o=>typeof o=="string"?s[r]==o:this.equals(s[r],o[r])))},kebabCase(t){var n,r;if(t)return(r=(n=t.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:r.toLowerCase()}},D={valid:Boolean,validLabel:[String,Array]},V={error:Boolean,errorLabel:[String,Array]},O={loading:Boolean,loadingLabel:String},T={modifiers:[String,Array]},q={hintLabel:{type:String,default:""}},F={limit:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"countdown"].includes(t)}},L={id:String,name:{type:String,required:!0},autocomplete:{type:String,default:"off"},autofocus:Boolean,minlength:Number,maxlength:Number,label:String,placeholder:String,required:Boolean,disabled:Boolean,readonly:Boolean},j={debounce:Number},N={LEFT:"left",RIGHT:"right"},R={hard:"hard",soft:"soft"},M=["update:modelValue","focus","blur"],H={...D,...V,...q,...O,...T,...F,...L,...j,modelValue:null,cols:{type:Number,default:50},rows:{type:Number,default:5},icon:{type:String,default:""},iconPosition:{type:String,validation:t=>Object.values(N).includes(t),default:N.RIGHT},floating:Boolean,wrap:{type:String,default:R.soft},autoclear:Boolean,resizable:Boolean},z={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 Z(t,n){const r={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((o,i)=>{const a=e.unref(n[i])||!1;if(!a)return o;if(i==="modifiers"){const d=Array.isArray(a)?a:[a];return{...o,...d.reduce((l,g)=>({...l,[`${t}--${y.kebabCase(g)}`]:!0}),{})}}else return{...o,[`${t}--${y.kebabCase(i)}`]:a}},r)||{})}}function W(t,n){const r={[`${t}`]:!0};return Object.keys(n).reduce((s,o)=>{const i=e.unref(n[o])||!1;if(!i)return s;if(o==="modifiers"){const a=Array.isArray(i)?i:[i];return{...s,...a.reduce((d,l)=>({...d,[`${t}--${y.kebabCase(l)}`]:!0}),{})}}else return{...s,[`${t}--${y.kebabCase(o)}`]:i}},r)||{}}const P=e.defineComponent({__name:"VvIcon",props:z,setup(t){const n=t,r=e.ref(!0),{modifiers:s}=e.toRefs(n),o=e.inject("ds"),{bemCssClasses:i}=Z("vv-icon",{modifiers:s}),a=e.computed(()=>n.provider||(o==null?void 0:o.provider)),d=e.computed(()=>{const c=n.name||"",u=`@${a.value}:${n.prefix}:${n.name}`;return S.iconExists(c)?c:S.iconExists(u)?u:(o==null?void 0:o.iconsCollections.find(m=>{const f=`@${a.value}:${m.prefix}:${c}`;if(S.iconExists(f))return f}))||c});function l(c){let u=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");u=new h().window}return(u?new u.DOMParser:new window.DOMParser).parseFromString(c,"text/html").querySelector("svg")}function g(c){const u=l(c),m=(u==null?void 0:u.innerHTML.trim())||"";u&&m&&S.addIcon(`@${a.value}:${n.prefix}:${n.name}`,{body:m,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return o&&(n.src?(r.value=!1,o.fetchIcon(n.src).then(c=>{c&&(g(c),r.value=!0)}).catch(c=>{throw new Error(`During fetch icon: ${c==null?void 0:c.message}`)})):n.svg&&g(n.svg)),(c,u)=>r.value?(e.openBlock(),e.createBlock(e.unref(S.Icon),e.mergeProps({key:0,class:e.unref(i)},{...c.$props,provider:e.unref(a),icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("",!0)}});function k(t){return Array.isArray(t)?t.filter(n=>y.isString(n)).reduce((n,r)=>n.length>0?n+`
-`+r:r,""):t}function G(t,n){return{name:"HintSlot",props:{params:{type:Object,default:()=>{}}},setup(r){const s=e.toRefs(t),{error:o,valid:i,hint:a,loading:d}=n,{hintLabel:l,modelValue:g,valid:c,validLabel:u,error:m,errorLabel:f}=s,p=y.resolveFieldData(s,"loading"),h=y.resolveFieldData(s,"loadingLabel"),A=e.computed(()=>m.value?!!(m.value&&o||(f==null?void 0:f.value)&&Array.isArray(f.value)&&f.value.length>0||(f==null?void 0:f.value)&&y.isNotEmpty(f.value)):!1),E=e.computed(()=>!!(l&&l.value||a||i||u&&u.value||A.value||(p==null?void 0:p.value)&&d||(p==null?void 0:p.value)&&(h==null?void 0:h.value))),w=e.computed(()=>{const B=C.toReactive({hintLabel:l,modelValue:g,valid:c,validLabel:u,error:m,errorLabel:f,loading:p,loadingLabel:h,...r.params});return m!=null&&m.value?(o==null?void 0:o(B))||k(f==null?void 0:f.value)||(l==null?void 0:l.value):c!=null&&c.value?(i==null?void 0:i(B))||k(u==null?void 0:u.value)||(l==null?void 0:l.value):p!=null&&p.value?(d==null?void 0:d(B))||k(h==null?void 0:h.value)||(l==null?void 0:l.value):(a==null?void 0:a(B))||k(l==null?void 0:l.value)||(l==null?void 0:l.value)});return{hasHint:E,hintContent:w}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}function U(t,n,r){const s=e.computed(()=>!!(t.value&&n.value==="left"||r.iconLeft)),o=e.computed(()=>!!(t.value&&n.value==="right"||r.iconRight)),i=e.computed(()=>!!(t.value&&n.value==="top"||r.iconTop)),a=e.computed(()=>!!(t.value&&n.value==="bottom"||r.iconBottom));return{hasIconLeft:s,hasIconRight:o,hasIconTop:i,hasIconBottom:a}}function J(t,n){const{focused:r}=C.useFocus(t);return e.watch(r,s=>{n(s?"focus":"blur",t.value)}),{focused:r}}function K(t,n,r){const s=e.ref(t==null?void 0:t.value),o=C.refDebounced(s,n||0);return e.watch(o,i=>r("update:modelValue",i)),s}function Q(t,n){const r=e.computed(()=>{const i=e.unref(t);return C.isString(i)?i.length:0}),s=e.computed(()=>{const i=e.unref(t)||"";return!C.isString(i)||n.mode===!1?0:n.mode===!0?i.length:e.unref(n.upperLimit)-i.length}),o=e.computed(()=>n.mode===!1?"":n.mode===!0&&n.upperLimit&&n.upperLimit>0?`${s.value}/${e.unref(n.upperLimit)}`:s.value);return{textLength:r,textLimitLength:s,formattedTextLimitLength:o}}const X=["for"],Y={class:"vv-textarea__wrapper"},v={key:3,class:"vv-textarea__limit"},ee={inheritAttrs:!1};return e.defineComponent({...ee,__name:"VvTextarea",props:H,emits:M,setup(t,{emit:n}){const r=t,s=e.useSlots(),o=e.useAttrs(),i=e.ref(),{icon:a,iconPosition:d,label:l,modelValue:g,autoclear:c,limit:u}=e.toRefs(r),m=r.id||r.name,f=`${r.name}-label`,p=`${r.name}-hint`,h=e.computed(()=>r.floating&&y.isEmpty(r.placeholder)?" ":r.placeholder),A=K(g,r.debounce,n),{hasIconLeft:E,hasIconRight:w}=U(a,d,{iconLeft:s["icon-left"],iconRight:s["icon-right"]}),{focused:B}=J(i,n),{textLength:I,formattedTextLimitLength:te}=Q(A,{mode:r.limit,upperLimit:r.maxlength||0}),re=e.computed(()=>[W("vv-textarea",{modifiers:r.modifiers,readonly:r.readonly,valid:r.valid,invalid:r.error,loading:r.loading,iconLeft:E,iconRight:w,floating:r.floating&&y.isNotEmpty(r.label),dirty:y.isNotEmpty(g==null?void 0:g.value),resizable:r.resizable}),o.class]),ne=e.computed(()=>{const b=y.pickBy(o,x=>x.startsWith("data-"));return{style:o.style,...b}}),oe=e.computed(()=>{const b=y.pickBy(o,x=>x.startsWith("aria-"));return{id:m,placeholder:h.value,name:r.name,autocomplete:r.autocomplete,disabled:r.disabled,readonly:r.readonly,minlength:r.minlength,maxlength:r.maxlength,cols:r.cols,rows:r.rows,required:r.required,tabindex:o.tabindex,"aria-invalid":r.error,"aria-valid":!r.valid,"aria-labeledby":f,"aria-describedby":p,"aria-errormessage":p,...b}}),$=e.computed(()=>{const{modelValue:b,valid:x,error:_,maxlength:ae,hintLabel:le}=r;return{valid:x,error:_,modelValue:b,hintLabel:le,maxlength:ae,textLength:I}}),se=G(r,s);function ie(){A.value=""}return e.onMounted(()=>{r.autofocus&&(B.value=!0),console.log("Focused",B.value)}),(b,x)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(ne),{class:e.unref(re)}),[e.unref(l)?(e.openBlock(),e.createElementBlock("label",{key:0,id:f,for:e.unref(m)},e.toDisplayString(e.unref(l)),9,X)):e.createCommentVNode("",!0),e.createElementVNode("div",Y,[e.unref(E)?e.renderSlot(b.$slots,"icon-left",e.normalizeProps(e.mergeProps({key:0},e.unref($))),()=>[e.createVNode(P,{class:"vv-textarea__icon-left",name:e.unref(a)},null,8,["name"])]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({ref_key:"input",ref:i,"onUpdate:modelValue":x[0]||(x[0]=_=>e.isRef(A)?A.value=_:null)},e.unref(oe),{onInput:x[1]||(x[1]=_=>n("input",_))}),null,16),[[e.vModelText,e.unref(A)]]),e.unref(c)&&e.unref(I)>0?(e.openBlock(),e.createElementBlock("button",{key:1,class:"vv-button vv-button--ghost",onClick:ie},[e.createVNode(P,{name:"clear-field"})])):e.createCommentVNode("",!0),e.unref(w)?e.renderSlot(b.$slots,"icon-right",e.normalizeProps(e.mergeProps({key:2},e.unref($))),()=>[e.createVNode(P,{name:e.unref(a)},null,8,["name"])]):e.createCommentVNode("",!0),e.unref(u)?(e.openBlock(),e.createElementBlock("span",v,[e.renderSlot(b.$slots,"limit",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(te)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(se),{id:p,class:"vv-textarea__hint"})],16))}})});

package/dist/composables/debouncedInput/useDebouncedInput.d.ts

@@ -1,2 +0,0 @@
-import type { Ref } from 'vue';
-export declare function useDebouncedInput(inputText: Ref<any> | undefined, debounced: number | undefined, emit: (event: any, ...args: any[]) => void): Ref<any>;

package/dist/composables/focus/useComponentFocus.d.ts

@@ -1,7 +0,0 @@
-import type { Ref } from 'vue';
-/**
- *
- */
-export declare function useComponentFocus(inputTemplateRef: Ref<HTMLInputElement>, emit: (event: any, ...args: any[]) => void): {
-    focused: Ref<boolean>;
-};

package/dist/composables/options/useOptions.d.ts

@@ -1,5 +0,0 @@
-export declare function useOptions(props: any): {
-    options: import("vue").Ref<any>;
-    getOptionLabel: (o: any) => any;
-    getOptionValue: (o: any) => any;
-};

package/dist/composables/textLimit/useTextLimit.d.ts

@@ -1,14 +0,0 @@
-import { type Ref } from 'vue';
-interface useTextOptions {
-    mode: string | boolean;
-    upperLimit: number;
-}
-/**
- *
- */
-export declare function useTextLimit(inputText: Ref<string>, options: useTextOptions): {
-    textLength: import("vue").ComputedRef<number>;
-    textLimitLength: import("vue").ComputedRef<number>;
-    formattedTextLimitLength: import("vue").ComputedRef<string | number>;
-};
-export {};

package/dist/stories/Icon/IconList.vue.d.ts

@@ -1,44 +0,0 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-export default _default;

package/dist/stories/utils.d.ts

@@ -1,5 +0,0 @@
-declare type StorybookGroup = {
-    [key: string]: any;
-};
-export declare function toGroup(keys: string[], categoryName: string): StorybookGroup;
-export {};