@volverjs/ui-vue 0.0.1-beta.2

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

@@ -0,0 +1,472 @@
+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

@@ -0,0 +1,2 @@
+(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/components/common/HintSlot.d.ts

@@ -0,0 +1,25 @@
+import { type Component, type ExtractPropTypes, type Slots } from 'vue';
+interface HintSlotProps {
+    hintLabel: {
+        type: StringConstructor;
+        default: '';
+        required: true;
+    };
+    modelValue: null;
+    valid: BooleanConstructor;
+    validLabel: (StringConstructor | ArrayConstructor)[];
+    error: BooleanConstructor;
+    errorLabel: (StringConstructor | ArrayConstructor)[];
+}
+interface HintSlotPropsWithLoading extends HintSlotProps {
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+}
+/**
+ * Return a vue component (HintSlot) to render and manage hint, errors, valid, loading state and messages
+ * @param {Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>} pProps vue props
+ * @param {Slots} pSlots vue slots
+ * @returns {Component} vue component
+ */
+export declare function HintSlotFactory(pProps: Readonly<ExtractPropTypes<HintSlotProps | HintSlotPropsWithLoading>>, pSlots: Slots): Component;
+export default HintSlotFactory;

package/dist/components/index.d.ts

@@ -0,0 +1,12 @@
+export { default as VvButton } from '@/components/VvButton/VvButton.vue';
+export { default as VvIcon } from '@/components/VvIcon/VvIcon.vue';
+export { default as VvBadge } from '@/components/VvBadge/VvBadge.vue';
+export { default as VvButtonGroup } from '@/components/VvButtonGroup/VvButtonGroup.vue';
+export { default as VvAccordion } from '@/components/VvAccordion/VvAccordion.vue';
+export { default as VvAccordionGroup } from '@/components/VvAccordionGroup/VvAccordionGroup.vue';
+export { default as VvBreadcrumb } from '@/components/VvBreadcrumb/VvBreadcrumb.vue';
+export { default as VvCard } from '@/components/VvCard/VvCard.vue';
+export { default as VvCheck } from '@/components/VvCheck/VvCheck.vue';
+export { default as VvCheckGroup } from '@/components/VvCheckGroup/VvCheckGroup.vue';
+export { default as VvDialog } from '@/components/VvDialog/VvDialog.vue';
+export { default as VvDropdown } from '@/components/VvDropdown/VvDropdown.vue';

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

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

package/dist/composables/group/types/IAccordionGroupState.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+import type IGroupState from './IGroupState';
+/**
+ * Stato condiviso per un gruppo di pulsanti
+ */
+export default interface IAccordionGroupState extends IGroupState {
+    iconRight: Ref<boolean>;
+    bordered: Ref<boolean>;
+    accordion: Ref<boolean>;
+}

package/dist/composables/group/types/IButtonGroupState.d.ts

@@ -0,0 +1,19 @@
+import type { Ref } from 'vue';
+import type IGroupState from './IGroupState';
+/**
+ * Stato condiviso per un gruppo di pulsanti
+ */
+export default interface IButtonGroupState extends IGroupState {
+    /**
+     * Singolo bottone selezionato - utilizzo un id (o un name)
+     */
+    modelValue: Ref<string | undefined>;
+    /**
+     * Stato disabilitato
+     */
+    disabled: Ref<boolean>;
+    /**
+     * True = gruppo di pulsanti è in modalità TOGGLE (come i radio buttons)
+     */
+    toggle: Ref<boolean>;
+}

package/dist/composables/group/types/IGroupState.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+/**
+ * Stato condiviso per un gruppo di elementi
+ */
+export default interface IGroupState {
+    [key: string]: Ref<any> | symbol;
+    /**
+     * Chiave usata per il provide del gruppo
+     */
+    key: symbol;
+}

package/dist/composables/group/types/IInputGroup.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+import type IGroupState from './IGroupState';
+/**
+ * Stato condiviso per in un gruppo di inputs
+ */
+export interface IInputGroupState extends IGroupState {
+    /**
+     * True = gruppo di elementi di input è in readonly
+     */
+    readonly: Ref<boolean>;
+}

package/dist/composables/group/useInjectedGroupState.d.ts

@@ -0,0 +1,10 @@
+import type IGroupState from './types/IGroupState';
+import { type Ref } from 'vue';
+/**
+ * Esegue l'inject dello stato condiviso da un componente padre.
+ */
+export declare function useInjectedGroupState<TGroup extends IGroupState>(groupKey: symbol): {
+    group: Ref<TGroup> | undefined;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    getGroupOrLocalRef: <T extends object>(propName: keyof TGroup, props: T, emit?: ((event: any, ...args: any[]) => void) | undefined) => import("vue").WritableComputedRef<any>;
+};

package/dist/composables/group/useProvideGroupState.d.ts

@@ -0,0 +1,6 @@
+import type IGroupState from './types/IGroupState';
+/**
+ * Condividi parte dello stato del componente con tutti i suoi figli.
+ * @param {IGroupState} groupState the group state with all group options
+ */
+export declare function useProvideGroupState<TGroup extends IGroupState>(groupState: TGroup): void;

package/dist/composables/icons/useComponentIcons.d.ts

@@ -0,0 +1,20 @@
+import type { Slot, Ref } from 'vue';
+interface ComponentIconProps {
+    icon: Ref<string>;
+    iconPosition: Ref<string>;
+}
+interface ComponentIconSlots {
+    iconLeft?: Slot | undefined;
+    iconRight?: Slot | undefined;
+    iconTop?: Slot | undefined;
+    iconBottom?: Slot | undefined;
+}
+export declare function useComponentIcons(props: ComponentIconProps, slots: ComponentIconSlots): {
+    icon: Ref<string>;
+    iconPosition: Ref<string>;
+    hasIconLeft: import("vue").ComputedRef<boolean>;
+    hasIconRight: import("vue").ComputedRef<boolean>;
+    hasIconTop: import("vue").ComputedRef<boolean>;
+    hasIconBottom: import("vue").ComputedRef<boolean>;
+};
+export {};

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

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

package/dist/composables/useModifiers.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+interface IBemModifiers {
+    [key: string]: Ref<boolean> | Ref<string | unknown[] | undefined> | undefined;
+    modifiers?: Ref<string | unknown[] | undefined> | undefined;
+}
+export declare function useBemModifiers(prefix: string, modifiers: IBemModifiers): {
+    bemCssClasses: import("vue").ComputedRef<object>;
+};
+export {};

package/dist/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const VV_BUTTON_GROUP: unique symbol;
+export declare const VV_RADIO_GROUP: unique symbol;
+export declare const VV_CHECK_GROUP: unique symbol;
+export declare const VV_ACCORDION_GROUP: unique symbol;