@volverjs/ui-vue 0.0.1-beta.11

package/dist/components/VvButton/VvButton.es.js

@@ -0,0 +1,420 @@
+import { computed as f, unref as y, defineComponent as D, ref as T, toRefs as R, inject as q, openBlock as b, createBlock as O, mergeProps as F, createCommentVNode as C, toRef as Z, useAttrs as z, resolveDynamicComponent as H, withCtx as J, renderSlot as A, createElementBlock as w, toDisplayString as j, Fragment as X, createTextVNode as K } from "vue";
+import { v4 as W } from "uuid";
+import { iconExists as E, Icon as Y, addIcon as ee } from "@iconify/vue";
+var _ = /* @__PURE__ */ ((e) => (e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(_ || {}), k = /* @__PURE__ */ ((e) => (e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e))(k || {}), P = /* @__PURE__ */ ((e) => (e._blank = "_blank", e._self = "_self", e._parent = "_parent", e._top = "_top", e))(P || {});
+const te = {
+  icon: String,
+  iconPosition: {
+    type: String,
+    default: "left",
+    validator: (e) => e in _
+  },
+  label: String,
+  loading: Boolean,
+  loadingIcon: { type: String, default: "eos-icons:bubble-loading" },
+  loadingLabel: {
+    type: String,
+    default: "Loading..."
+  },
+  to: {
+    type: [String, Object]
+  },
+  href: String,
+  target: {
+    type: String,
+    validator: (e) => e in P
+  },
+  block: Boolean,
+  active: Boolean,
+  rounded: Boolean,
+  disabled: Boolean,
+  fullBleed: Boolean,
+  action: Boolean,
+  actionQuiet: Boolean,
+  selected: Boolean,
+  modifiers: [Array, String]
+}, h = {
+  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, l, a;
+      if (n && o) {
+        if (l = e.length, l != t.length)
+          return !1;
+        for (r = l; r-- !== 0; )
+          if (!this.deepEquals(e[r], t[r]))
+            return !1;
+        return !0;
+      }
+      if (n != o)
+        return !1;
+      const u = e instanceof Date, c = t instanceof Date;
+      if (u != c)
+        return !1;
+      if (u && c)
+        return e.getTime() == t.getTime();
+      const v = e instanceof RegExp, s = t instanceof RegExp;
+      if (v != s)
+        return !1;
+      if (v && s)
+        return e.toString() == t.toString();
+      const i = Object.keys(e);
+      if (l = i.length, l !== Object.keys(t).length)
+        return !1;
+      for (r = l; r-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, i[r]))
+          return !1;
+      for (r = l; r-- !== 0; )
+        if (a = i[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, l = n.length; r < l; ++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, l, a, u;
+      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) || ((l = e[n]) == null ? void 0 : l.type[0]()) : t[n] = ((a = e[n]) == null ? void 0 : a.default) || ((u = e[n]) == null ? void 0 : u.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();
+  }
+}, ne = "ds", re = {
+  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 V(e, t) {
+  const n = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: f(() => Object.keys(t).reduce((r, l) => {
+      const a = y(t[l]) || !1;
+      if (!a)
+        return r;
+      if (l === "modifiers") {
+        const u = Array.isArray(a) ? a : [a];
+        return {
+          ...r,
+          ...u.reduce(
+            (c, v) => ({
+              ...c,
+              [`${e}--${h.kebabCase(
+                v
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...r,
+          [`${e}--${h.kebabCase(l)}`]: a
+        };
+    }, n) || {})
+  };
+}
+const I = /* @__PURE__ */ D({
+  __name: "VvIcon",
+  props: re,
+  setup(e) {
+    const t = e, n = T(!0), { modifiers: o } = R(t), r = q(ne), { bemCssClasses: l } = V("vv-icon", {
+      modifiers: o
+    }), a = f(() => t.provider || (r == null ? void 0 : r.provider)), u = f(() => {
+      const s = t.name || "", i = `@${a.value}:${t.prefix}:${t.name}`;
+      return E(s) ? s : E(i) ? i : (r == null ? void 0 : r.iconsCollections.find((d) => {
+        const g = `@${a.value}:${d.prefix}:${s}`;
+        if (E(g))
+          return g;
+      })) || s;
+    });
+    function c(s) {
+      let i = null;
+      if (typeof window > "u") {
+        const { JSDOM: S } = require("jsdom");
+        i = new S().window;
+      }
+      return (i ? new i.DOMParser() : new window.DOMParser()).parseFromString(s, "text/html").querySelector("svg");
+    }
+    function v(s) {
+      const i = c(s), d = (i == null ? void 0 : i.innerHTML.trim()) || "";
+      i && d && ee(`@${a.value}:${t.prefix}:${t.name}`, {
+        body: d,
+        height: i.viewBox.baseVal.height,
+        width: i.viewBox.baseVal.width
+      });
+    }
+    return r && (t.src ? (n.value = !1, r.fetchIcon(t.src).then((s) => {
+      s && (v(s), n.value = !0);
+    }).catch((s) => {
+      throw new Error(`During fetch icon: ${s == null ? void 0 : s.message}`);
+    })) : t.svg && v(t.svg)), (s, i) => n.value ? (b(), O(y(Y), F({
+      key: 0,
+      class: y(l)
+    }, {
+      ...s.$props,
+      provider: y(a),
+      icon: y(u)
+    }), null, 16, ["class"])) : C("", !0);
+  }
+});
+function oe(e) {
+  const t = q(e, void 0), n = f(() => h.isNotEmpty(t));
+  function o(r, l, a) {
+    if (t != null && t.value) {
+      const u = y(t.value)[r];
+      return f({
+        get() {
+          return u == null ? void 0 : u.value;
+        },
+        set(c) {
+          u.value = c;
+        }
+      });
+    } else {
+      const u = Z(l, r);
+      return f({
+        get() {
+          return u.value;
+        },
+        set(c) {
+          a && a(`update:${r}`, c);
+        }
+      });
+    }
+  }
+  return {
+    group: t,
+    isInGroup: n,
+    getGroupOrLocalRef: o
+  };
+}
+const ie = Symbol("VV_BUTTON_GROUP");
+function se(e) {
+  const { group: t, isInGroup: n, getGroupOrLocalRef: o } = oe(ie), { modifiers: r, fullBleed: l, iconPosition: a, icon: u, label: c, block: v, selected: s } = R(e), i = o("modelValue", e), d = o("disabled", e), g = o("toggle", e), p = o("rounded", e), S = o("action", e), $ = o("actionQuiet", e);
+  return {
+    modelValue: i,
+    disabled: d,
+    toggle: g,
+    isInGroup: n,
+    group: t,
+    modifiers: r,
+    action: S,
+    actionQuiet: $,
+    selected: s,
+    block: v,
+    rounded: p,
+    fullBleed: l,
+    iconPosition: a,
+    icon: u,
+    label: c
+  };
+}
+const le = {
+  key: 1,
+  class: "vv-button__label"
+}, ae = {
+  key: 1,
+  class: "vv-button__label"
+}, de = /* @__PURE__ */ D({
+  __name: "VvButton",
+  props: te,
+  setup(e) {
+    const t = e, n = z(), o = (n == null ? void 0 : n.name) || W(), {
+      modifiers: r,
+      action: l,
+      actionQuiet: a,
+      block: u,
+      rounded: c,
+      fullBleed: v,
+      iconPosition: s,
+      icon: i,
+      label: d,
+      modelValue: g,
+      disabled: p,
+      toggle: S,
+      isInGroup: $
+    } = se(t), L = f(() => {
+      switch (!0) {
+        case p.value:
+          return k.button;
+        case t.to !== void 0:
+          return k.routerLink;
+        case t.href !== void 0:
+          return k.a;
+        default:
+          return k.button;
+      }
+    }), x = f(() => S.value ? Array.isArray(g.value) ? h.contains(o, g.value) : h.equals(o, g.value) : t.active), N = f(() => S.value ? Array.isArray(g.value) ? h.contains(o, g.value) : h.equals(o, g.value) : t.selected), { bemCssClasses: G } = V("vv-button", {
+      modifiers: r,
+      active: x,
+      action: l,
+      actionQuiet: a,
+      selected: N,
+      block: u,
+      rounded: c,
+      fullBleed: v,
+      disabled: p,
+      reverse: f(
+        () => [_.right, _.bottom].includes(
+          s.value
+        )
+      ),
+      column: f(
+        () => [_.top, _.bottom].includes(
+          s.value
+        )
+      ),
+      iconOnly: f(() => (i == null ? void 0 : i.value) && !(d != null && d.value))
+    }), M = f(() => ({
+      ...U.value,
+      "aria-label": t.label || n["aria-label"],
+      "aria-disabled": p.value,
+      role: "button",
+      class: G.value,
+      to: t.to
+    })), U = f(() => {
+      const m = L.value === k.a;
+      let B = {};
+      return m && (B = p.value ? {
+        href: "javascript:;"
+      } : {
+        target: t.target,
+        href: t.href
+      }), B;
+    });
+    function Q() {
+      $.value && (g.value = o);
+    }
+    return (m, B) => (b(), O(H(y(L)), F(y(M), { onClickPassive: Q }), {
+      default: J(() => [
+        A(m.$slots, "default", {}, () => [
+          m.loading ? A(m.$slots, "loading", { key: 0 }, () => [
+            m.loadingIcon ? (b(), O(I, {
+              key: 0,
+              class: "vv-button__loading-icon",
+              name: m.loadingIcon
+            }, null, 8, ["name"])) : C("", !0),
+            m.loadingLabel ? (b(), w("span", le, j(m.loadingLabel), 1)) : C("", !0)
+          ]) : (b(), w(X, { key: 1 }, [
+            A(m.$slots, "before"),
+            y(i) ? (b(), O(I, {
+              key: 0,
+              class: "vv-button__icon",
+              name: y(i)
+            }, null, 8, ["name"])) : C("", !0),
+            y(d) ? (b(), w("span", ae, [
+              A(m.$slots, "label", {}, () => [
+                K(j(y(d)), 1)
+              ])
+            ])) : C("", !0),
+            A(m.$slots, "after")
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  de as default
+};

package/dist/components/VvButton/VvButton.umd.js

@@ -0,0 +1 @@
+(function(n,B){typeof exports=="object"&&typeof module<"u"?module.exports=B(require("vue"),require("uuid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","uuid","@iconify/vue"],B):(n=typeof globalThis<"u"?globalThis:n||self,n.VvButton=B(n.vue,n.uuid,n.vue$1))})(this,function(n,B,_){"use strict";var b=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(b||{}),k=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(k||{}),O=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(O||{});const j={icon:String,iconPosition:{type:String,default:"left",validator:e=>e in b},label:String,loading:Boolean,loadingIcon:{type:String,default:"eos-icons:bubble-loading"},loadingLabel:{type:String,default:"Loading..."},to:{type:[String,Object]},href:String,target:{type:String,validator:e=>e in O},block:Boolean,active:Boolean,rounded:Boolean,disabled:Boolean,fullBleed:Boolean,action:Boolean,actionQuiet:Boolean,selected:Boolean,modifiers:[Array,String]},y={equals(e,t,r){return r?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const r=Array.isArray(e),i=Array.isArray(t);let o,c,a;if(r&&i){if(c=e.length,c!=t.length)return!1;for(o=c;o--!==0;)if(!this.deepEquals(e[o],t[o]))return!1;return!0}if(r!=i)return!1;const u=e instanceof Date,f=t instanceof Date;if(u!=f)return!1;if(u&&f)return e.getTime()==t.getTime();const p=e instanceof RegExp,l=t instanceof RegExp;if(p!=l)return!1;if(p&&l)return e.toString()==t.toString();const s=Object.keys(e);if(c=s.length,c!==Object.keys(t).length)return!1;for(o=c;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,s[o]))return!1;for(o=c;o--!==0;)if(a=s[o],!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 r=t.split(".");let i=e;for(let o=0,c=r.length;o<c;++o){if(e==null)return null;i=i[r[o]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let r=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){r=i;break}}return r},contains(e,t){if(e!=null&&t&&t.length){for(const r of t)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,t){return Object.fromEntries(Object.entries(e).filter(([r])=>t(r)))},removeFromList(e,t){const r=this.findIndexInList(e,t);return r>-1?t.filter((i,o)=>o!==r):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,r)=>{var i,o,c,a,u;return this.isFunction(e[r])?t[r]=e[r]():Array.isArray(e[r])?t[r]=e[r][0]():(i=e[r])!=null&&i.type&&(Array.isArray(e[r].type)?t[r]=((o=e[r])==null?void 0:o.default)||((c=e[r])==null?void 0:c.type[0]()):t[r]=((a=e[r])==null?void 0:a.default)||((u=e[r])==null?void 0:u.type())),t},{})},filterArray(e,t,r){return e.filter(i=>t.some(o=>typeof o=="string"?i[r]==o:this.equals(i[r],o[r])))},kebabCase(e){var t,r;if(e)return(r=(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:r.toLowerCase()}},L="ds",V={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 E(e,t){const r={[`${e}`]:!0};return{bemCssClasses:n.computed(()=>Object.keys(t).reduce((o,c)=>{const a=n.unref(t[c])||!1;if(!a)return o;if(c==="modifiers"){const u=Array.isArray(a)?a:[a];return{...o,...u.reduce((f,p)=>({...f,[`${e}--${y.kebabCase(p)}`]:!0}),{})}}else return{...o,[`${e}--${y.kebabCase(c)}`]:a}},r)||{})}}const w=n.defineComponent({__name:"VvIcon",props:V,setup(e){const t=e,r=n.ref(!0),{modifiers:i}=n.toRefs(t),o=n.inject(L),{bemCssClasses:c}=E("vv-icon",{modifiers:i}),a=n.computed(()=>t.provider||(o==null?void 0:o.provider)),u=n.computed(()=>{const l=t.name||"",s=`@${a.value}:${t.prefix}:${t.name}`;return _.iconExists(l)?l:_.iconExists(s)?s:(o==null?void 0:o.iconsCollections.find(d=>{const m=`@${a.value}:${d.prefix}:${l}`;if(_.iconExists(m))return m}))||l});function f(l){let s=null;if(typeof window>"u"){const{JSDOM:S}=require("jsdom");s=new S().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function p(l){const s=f(l),d=(s==null?void 0:s.innerHTML.trim())||"";s&&d&&_.addIcon(`@${a.value}:${t.prefix}:${t.name}`,{body:d,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return o&&(t.src?(r.value=!1,o.fetchIcon(t.src).then(l=>{l&&(p(l),r.value=!0)}).catch(l=>{throw new Error(`During fetch icon: ${l==null?void 0:l.message}`)})):t.svg&&p(t.svg)),(l,s)=>r.value?(n.openBlock(),n.createBlock(n.unref(_.Icon),n.mergeProps({key:0,class:n.unref(c)},{...l.$props,provider:n.unref(a),icon:n.unref(u)}),null,16,["class"])):n.createCommentVNode("",!0)}});function q(e){const t=n.inject(e,void 0),r=n.computed(()=>y.isNotEmpty(t));function i(o,c,a){if(t!=null&&t.value){const u=n.unref(t.value)[o];return n.computed({get(){return u==null?void 0:u.value},set(f){u.value=f}})}else{const u=n.toRef(c,o);return n.computed({get(){return u.value},set(f){a&&a(`update:${o}`,f)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:i}}const D=Symbol("VV_BUTTON_GROUP");function I(e){const{group:t,isInGroup:r,getGroupOrLocalRef:i}=q(D),{modifiers:o,fullBleed:c,iconPosition:a,icon:u,label:f,block:p,selected:l}=n.toRefs(e),s=i("modelValue",e),d=i("disabled",e),m=i("toggle",e),h=i("rounded",e),S=i("action",e),C=i("actionQuiet",e);return{modelValue:s,disabled:d,toggle:m,isInGroup:r,group:t,modifiers:o,action:S,actionQuiet:C,selected:l,block:p,rounded:h,fullBleed:c,iconPosition:a,icon:u,label:f}}const R={key:1,class:"vv-button__label"},x={key:1,class:"vv-button__label"};return n.defineComponent({__name:"VvButton",props:j,setup(e){const t=e,r=n.useAttrs(),i=(r==null?void 0:r.name)||B.v4(),{modifiers:o,action:c,actionQuiet:a,block:u,rounded:f,fullBleed:p,iconPosition:l,icon:s,label:d,modelValue:m,disabled:h,toggle:S,isInGroup:C}=I(t),$=n.computed(()=>{switch(!0){case h.value:return k.button;case t.to!==void 0:return k.routerLink;case t.href!==void 0:return k.a;default:return k.button}}),P=n.computed(()=>S.value?Array.isArray(m.value)?y.contains(i,m.value):y.equals(i,m.value):t.active),F=n.computed(()=>S.value?Array.isArray(m.value)?y.contains(i,m.value):y.equals(i,m.value):t.selected),{bemCssClasses:N}=E("vv-button",{modifiers:o,active:P,action:c,actionQuiet:a,selected:F,block:u,rounded:f,fullBleed:p,disabled:h,reverse:n.computed(()=>[b.right,b.bottom].includes(l.value)),column:n.computed(()=>[b.top,b.bottom].includes(l.value)),iconOnly:n.computed(()=>(s==null?void 0:s.value)&&!(d!=null&&d.value))}),G=n.computed(()=>({...M.value,"aria-label":t.label||r["aria-label"],"aria-disabled":h.value,role:"button",class:N.value,to:t.to})),M=n.computed(()=>{const g=$.value===k.a;let A={};return g&&(A=h.value?{href:"javascript:;"}:{target:t.target,href:t.href}),A});function T(){C.value&&(m.value=i)}return(g,A)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(n.unref($)),n.mergeProps(n.unref(G),{onClickPassive:T}),{default:n.withCtx(()=>[n.renderSlot(g.$slots,"default",{},()=>[g.loading?n.renderSlot(g.$slots,"loading",{key:0},()=>[g.loadingIcon?(n.openBlock(),n.createBlock(w,{key:0,class:"vv-button__loading-icon",name:g.loadingIcon},null,8,["name"])):n.createCommentVNode("",!0),g.loadingLabel?(n.openBlock(),n.createElementBlock("span",R,n.toDisplayString(g.loadingLabel),1)):n.createCommentVNode("",!0)]):(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[n.renderSlot(g.$slots,"before"),n.unref(s)?(n.openBlock(),n.createBlock(w,{key:0,class:"vv-button__icon",name:n.unref(s)},null,8,["name"])):n.createCommentVNode("",!0),n.unref(d)?(n.openBlock(),n.createElementBlock("span",x,[n.renderSlot(g.$slots,"label",{},()=>[n.createTextVNode(n.toDisplayString(n.unref(d)),1)])])):n.createCommentVNode("",!0),n.renderSlot(g.$slots,"after")],64))])]),_:3},16))}})});

package/dist/components/VvButton/VvButton.vue.d.ts

@@ -0,0 +1,228 @@
+import { ButtonIconPosition } from './VvButton';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            disabled: boolean;
+            iconPosition: ButtonIconPosition;
+            loading: boolean;
+            loadingIcon: string;
+            loadingLabel: string;
+            block: boolean;
+            active: boolean;
+            rounded: boolean;
+            fullBleed: boolean;
+            action: boolean;
+            actionQuiet: boolean;
+            selected: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            icon: StringConstructor;
+            iconPosition: {
+                type: import("vue").PropType<ButtonIconPosition>;
+                default: ButtonIconPosition;
+                validator: (value: string) => boolean;
+            };
+            label: StringConstructor;
+            loading: BooleanConstructor;
+            loadingIcon: {
+                type: StringConstructor;
+                default: string;
+            };
+            loadingLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+            };
+            href: StringConstructor;
+            target: {
+                type: import("vue").PropType<import("./VvButton").ButtonTarget>;
+                validator: (value: string) => boolean;
+            };
+            block: BooleanConstructor;
+            active: BooleanConstructor;
+            rounded: BooleanConstructor;
+            disabled: BooleanConstructor;
+            fullBleed: BooleanConstructor;
+            action: BooleanConstructor;
+            actionQuiet: BooleanConstructor;
+            selected: BooleanConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "iconPosition" | "loading" | "loadingIcon" | "loadingLabel" | "block" | "active" | "rounded" | "fullBleed" | "action" | "actionQuiet" | "selected">;
+        $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<{
+            icon: StringConstructor;
+            iconPosition: {
+                type: import("vue").PropType<ButtonIconPosition>;
+                default: ButtonIconPosition;
+                validator: (value: string) => boolean;
+            };
+            label: StringConstructor;
+            loading: BooleanConstructor;
+            loadingIcon: {
+                type: StringConstructor;
+                default: string;
+            };
+            loadingLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+            };
+            href: StringConstructor;
+            target: {
+                type: import("vue").PropType<import("./VvButton").ButtonTarget>;
+                validator: (value: string) => boolean;
+            };
+            block: BooleanConstructor;
+            active: BooleanConstructor;
+            rounded: BooleanConstructor;
+            disabled: BooleanConstructor;
+            fullBleed: BooleanConstructor;
+            action: BooleanConstructor;
+            actionQuiet: BooleanConstructor;
+            selected: BooleanConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            disabled: boolean;
+            iconPosition: ButtonIconPosition;
+            loading: boolean;
+            loadingIcon: string;
+            loadingLabel: string;
+            block: boolean;
+            active: boolean;
+            rounded: boolean;
+            fullBleed: boolean;
+            action: boolean;
+            actionQuiet: boolean;
+            selected: boolean;
+        }, {}, 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<{
+        icon: StringConstructor;
+        iconPosition: {
+            type: import("vue").PropType<ButtonIconPosition>;
+            default: ButtonIconPosition;
+            validator: (value: string) => boolean;
+        };
+        label: StringConstructor;
+        loading: BooleanConstructor;
+        loadingIcon: {
+            type: StringConstructor;
+            default: string;
+        };
+        loadingLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+        };
+        href: StringConstructor;
+        target: {
+            type: import("vue").PropType<import("./VvButton").ButtonTarget>;
+            validator: (value: string) => boolean;
+        };
+        block: BooleanConstructor;
+        active: BooleanConstructor;
+        rounded: BooleanConstructor;
+        disabled: BooleanConstructor;
+        fullBleed: BooleanConstructor;
+        action: BooleanConstructor;
+        actionQuiet: BooleanConstructor;
+        selected: BooleanConstructor;
+        modifiers: (StringConstructor | ArrayConstructor)[];
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    icon: StringConstructor;
+    iconPosition: {
+        type: import("vue").PropType<ButtonIconPosition>;
+        default: ButtonIconPosition;
+        validator: (value: string) => boolean;
+    };
+    label: StringConstructor;
+    loading: BooleanConstructor;
+    loadingIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    href: StringConstructor;
+    target: {
+        type: import("vue").PropType<import("./VvButton").ButtonTarget>;
+        validator: (value: string) => boolean;
+    };
+    block: BooleanConstructor;
+    active: BooleanConstructor;
+    rounded: BooleanConstructor;
+    disabled: BooleanConstructor;
+    fullBleed: BooleanConstructor;
+    action: BooleanConstructor;
+    actionQuiet: BooleanConstructor;
+    selected: BooleanConstructor;
+    modifiers: (StringConstructor | ArrayConstructor)[];
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+    iconPosition: ButtonIconPosition;
+    loading: boolean;
+    loadingIcon: string;
+    loadingLabel: string;
+    block: boolean;
+    active: boolean;
+    rounded: boolean;
+    fullBleed: boolean;
+    action: boolean;
+    actionQuiet: boolean;
+    selected: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default: (_: {}) => any;
+        loading: (_: {}) => any;
+        before: (_: {}) => any;
+        label: (_: {}) => any;
+        after: (_: {}) => any;
+    };
+});
+export default _default;

package/dist/components/VvButton/useButtonGroupProps.d.ts

@@ -0,0 +1,23 @@
+import type IButtonGroupState from '../../composables/group/types/IButtonGroupState';
+import type { VvButtonPropsTypes } from './VvButton';
+/**
+ * Estreae tutte le prop del componente VvButton che possono essere
+ * "sovrascritte" quando il buttone si trova in un gruppo.
+ */
+export declare function toButtonRefs(props: VvButtonPropsTypes): {
+    modelValue: import("vue").WritableComputedRef<any>;
+    disabled: import("vue").WritableComputedRef<any>;
+    toggle: import("vue").WritableComputedRef<any>;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    group: import("vue").Ref<IButtonGroupState> | undefined;
+    modifiers: import("vue").Ref<string | unknown[] | undefined> | undefined;
+    action: import("vue").WritableComputedRef<any>;
+    actionQuiet: import("vue").WritableComputedRef<any>;
+    selected: import("vue").Ref<boolean>;
+    block: import("vue").Ref<boolean>;
+    rounded: import("vue").WritableComputedRef<any>;
+    fullBleed: import("vue").Ref<boolean>;
+    iconPosition: import("vue").Ref<import("./VvButton").ButtonIconPosition>;
+    icon: import("vue").Ref<string | undefined> | undefined;
+    label: import("vue").Ref<string | undefined> | undefined;
+};