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

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

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

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

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

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/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;