@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1 +1 @@
-(function(t,d){typeof exports=="object"&&typeof module<"u"?module.exports=d(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],d):(t=typeof globalThis<"u"?globalThis:t||self,t.VvButton=d(t.vue,t.vue$1))})(this,function(t,d){"use strict";const D={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]}},A={name:"VvIcon"},C=t.defineComponent({...A,props:D,setup(e){const s=e,i=ref(!0),l=useVolver(),{modifiers:f}=toRefs(s),k=useBemModifiers("vv-icon",f),b=computed(()=>s.provider||(l==null?void 0:l.provider)),B=computed(()=>{const o=s.name??"",n=`@${b.value}:${s.prefix}:${s.name}`;return d.iconExists(o)?o:d.iconExists(n)?n:(l==null?void 0:l.iconsCollections.find(c=>{const v=`@${b.value}:${c.prefix}:${o}`;if(d.iconExists(v))return v}))||o});function y(o){let n=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");n=new h().window}return(n?new n.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function a(o){const n=y(o),c=(n==null?void 0:n.innerHTML.trim())||"";n&&c&&d.addIcon(`@${b.value}:${s.prefix}:${s.name}`,{body:c,height:n.viewBox.baseVal.height,width:n.viewBox.baseVal.width})}return l&&(s.src&&!d.iconExists(`@${b.value}:${s.prefix}:${s.name}`)?(i.value=!1,l.fetchIcon(s.src).then(o=>{o&&(a(o),i.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):s.svg&&a(s.svg)),(o,n)=>t.unref(i)?(t.openBlock(),t.createBlock(t.unref(d.Icon),t.mergeProps({key:0,class:t.unref(k)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:o.rotate,color:o.color,onLoad:o.onLoad,icon:t.unref(B)}),null,16,["class"])):t.createCommentVNode("",!0)}});var p=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(p||{}),I=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(I||{}),w=(e=>(e.before="before",e.after="after",e))(w||{});const E=Symbol.for("buttonGroup"),F={disabled:Boolean},q={modifiers:[String,Array]};w.before;const G={unselectable:{type:Boolean,default:!0}},R={id:[String,Number]};p.bottom;var P=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(P||{}),m=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(m||{}),$=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))($||{});const x=["update:modelValue"],z={...R,...q,...F,...G,icon:[String,Object],iconPosition:{type:String,default:p.left,validator:e=>Object.values(p).includes(e)},label:[String,Number],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=>Object.values($).includes(e)},active:Boolean,pressed:Boolean,rel:{type:String,default:"noopener noreferrer"},type:{type:String,default:"button",validator:e=>Object.values(P).includes(e)},toggle:{type:Boolean,default:!1},modelValue:String};function U(e,s){var S;const{group:i,isInGroup:l,getGroupOrLocalRef:f}=useInjectedGroupState(E),{id:k,iconPosition:b,icon:B,label:y,pressed:a,modifiers:o}=toRefs(e),n=f("modelValue",e,s),c=f("disabled",e),v=f("toggle",e),_=f("unselectable",e),h=((S=i==null?void 0:i.value)==null?void 0:S.multiple)??ref(!1),g=computed(()=>{var u;const V=o!=null&&o.value?Array.isArray(o.value)?o.value:[o.value]:[],O=(u=i==null?void 0:i.value.itemModifiers)!=null&&u.value?Array.isArray(i.value.itemModifiers.value)?i.value.itemModifiers.value:[i.value.itemModifiers.value]:[];return[...V,...O]});return{group:i,isInGroup:l,modelValue:n,disabled:c,toggle:v,unselectable:_,multiple:h,id:k,modifiers:g,pressed:a,iconPosition:b,icon:B,label:y}}const J={key:1,class:"vv-button__label"},T={key:1,class:"vv-button__label"},H={name:"VvButton"};return t.defineComponent({...H,props:z,emits:x,setup(e,{expose:s,emit:i}){const l=e,f=useAttrs(),k=useSlots(),{id:b,modifiers:B,iconPosition:y,icon:a,label:o,modelValue:n,disabled:c,toggle:v,unselectable:_}=U(l,i),h=useUniqueId(b),g=computed(()=>(f==null?void 0:f.name)||h.value),S=useVolver(),V=ref(null);s({$el:V});const{reference:O,bus:u,aria:j}=useInjectedDropdownTrigger();watch(()=>V.value,r=>{O&&(O.value=r)});const{role:K}=useInjectedDropdownAction(),N=computed(()=>{switch(!0){case c.value:return m.button;case l.to!==void 0:return S!=null&&S.nuxt?m.nuxtLink:m.routerLink;case l.href!==void 0:return m.a;default:return m.button}}),L=computed(()=>v.value?Array.isArray(n.value)?contains(g.value,n.value):equals(g.value,n.value):l.pressed),W=useBemModifiers("vv-button",B,computed(()=>({active:l.active,pressed:L.value,disabled:c.value,reverse:[p.right,p.bottom].includes(y.value),column:[p.top,p.bottom].includes(y.value),iconOnly:Boolean((a==null?void 0:a.value)&&!(o!=null&&o.value)&&!k.default)}))),Y=computed(()=>typeof(a==null?void 0:a.value)=="string"?{name:a==null?void 0:a.value}:a==null?void 0:a.value),Q=computed(()=>{const r={...j==null?void 0:j.value,"aria-pressed":L.value?!0:void 0,class:W.value,role:K};switch(N.value){case m.a:return{...r,role:r.role??"button",href:l.href,target:l.target,rel:l.rel};case m.routerLink:case m.nuxtLink:return{...r,role:r.role??"button",to:l.to,target:l.target};default:return{...r,type:l.type,disabled:c.value}}}),X=r=>{if(u==null||u.emit("click",r),v.value){if(Array.isArray(n.value)){if(contains(g.value,n.value)){_.value&&(n.value=n.value.filter(M=>M!==g.value));return}n.value.push(g.value);return}if(equals(g,n.value)&&_.value){n.value=void 0;return}n.value=g.value}},Z=r=>{u==null||u.emit("mouseover",r)},ee=r=>{u==null||u.emit("mouseleave",r)};return(r,M)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(t.unref(N)),t.mergeProps(t.unref(Q),{id:t.unref(h),ref_key:"$el",ref:V,onClickPassive:X,onMouseoverPassive:Z,onMouseleavePassive:ee}),{default:t.withCtx(()=>[t.renderSlot(r.$slots,"default",{},()=>[r.loading?t.renderSlot(r.$slots,"loading",{key:0},()=>[r.loadingIcon?(t.openBlock(),t.createBlock(C,{key:0,class:"vv-button__loading-icon",name:r.loadingIcon},null,8,["name"])):t.createCommentVNode("",!0),r.loadingLabel?(t.openBlock(),t.createElementBlock("span",J,t.toDisplayString(r.loadingLabel),1)):t.createCommentVNode("",!0)]):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.renderSlot(r.$slots,"before"),t.unref(a)?(t.openBlock(),t.createBlock(C,t.mergeProps({key:0,class:"vv-button__icon"},t.unref(Y)),null,16)):t.createCommentVNode("",!0),t.unref(o)?(t.openBlock(),t.createElementBlock("span",T,[t.renderSlot(r.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(t.unref(o)),1)])])):t.createCommentVNode("",!0),t.renderSlot(r.$slots,"after")],64))])]),_:3},16,["id"]))}})});
+(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@iconify/vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","nanoid"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButton=b(e.vue,e.vue$1,e.nanoid))})(this,function(e,b,M){"use strict";const F={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]}};var S=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(S||{}),C=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(C||{}),j=(t=>(t.before="before",t.after="after",t))(j||{}),I=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(I||{}),k=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(k||{}),E=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(E||{});const T=Symbol.for("volver"),G=Symbol.for("buttonGroup"),q=Symbol.for("dropdownTrigger"),J=Symbol.for("dropdownAction");function N(){return e.inject(T)}function w(t,n,s){return e.computed(()=>{const o={[t]:!0},l=typeof(n==null?void 0:n.value)=="string"?n.value.split(" "):n==null?void 0:n.value;return l&&Array.isArray(l)&&l.forEach(c=>{o[`${t}--${c}`]=!0}),s&&Object.keys(s.value).forEach(c=>{o[`${t}--${c}`]=e.unref(s.value[c])}),o})}const z={name:"VvIcon"},A=e.defineComponent({...z,props:F,setup(t){const n=t,s=e.ref(!0),o=N(),{modifiers:l}=e.toRefs(n),c=w("vv-icon",l),m=e.computed(()=>n.provider||(o==null?void 0:o.provider)),d=e.computed(()=>{const r=n.name??"",i=`@${m.value}:${n.prefix}:${n.name}`;return b.iconExists(r)?r:b.iconExists(i)?i:(o==null?void 0:o.iconsCollections.find(g=>{const h=`@${m.value}:${g.prefix}:${r}`;if(b.iconExists(h))return h}))||r});function p(r){let i=null;if(typeof window>"u"){const{JSDOM:v}=require("jsdom");i=new v().window}return(i?new i.DOMParser:new window.DOMParser).parseFromString(r,"text/html").querySelector("svg")}function a(r){const i=p(r),g=(i==null?void 0:i.innerHTML.trim())||"";i&&g&&b.addIcon(`@${m.value}:${n.prefix}:${n.name}`,{body:g,height:i.viewBox.baseVal.height,width:i.viewBox.baseVal.width})}return o&&(n.src&&!b.iconExists(`@${m.value}:${n.prefix}:${n.name}`)?(s.value=!1,o.fetchIcon(n.src).then(r=>{r&&(a(r),s.value=!0)}).catch(r=>{throw new Error(`During fetch icon: ${r==null?void 0:r.message}`)})):n.svg&&a(n.svg)),(r,i)=>e.unref(s)?(e.openBlock(),e.createBlock(e.unref(b.Icon),e.mergeProps({key:0,class:e.unref(c)},{inline:r.inline,width:r.width,height:r.height,horizontalFlip:r.horizontalFlip,verticalFlip:r.verticalFlip,flip:r.flip,rotate:r.rotate,color:r.color,onLoad:r.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("",!0)}}),K={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(E).includes(t)},rel:{type:String,default:"noopener noreferrer"}},U={loading:Boolean,loadingLabel:{type:String,default:"Loading..."}},Y={disabled:Boolean},W={active:Boolean},H={pressed:Boolean},x={label:[String,Number]},Q={modifiers:[String,Array]};j.before;const X={unselectable:{type:Boolean,default:!0}},Z={id:[String,Number]};S.bottom;const D={...Y,...x,...H,...W,...K,type:{type:String,default:I.button,validator:t=>Object.values(I).includes(t)}},ee=["click","mouseover","mouseleave"],te=D;function ne(){return e.inject(q,{})}function re(){return e.inject(J,{})}const oe={name:"VvAction"},se=e.defineComponent({...oe,props:te,emits:ee,setup(t,{expose:n,emit:s}){const o=t,l=N(),c=e.ref(null);n({$el:c});const{reference:m,bus:d,aria:p,expanded:a}=ne();e.watch(()=>c.value,u=>{m&&(m.value=u)});const r=e.computed(()=>o.pressed||(a==null?void 0:a.value)),{role:i}=re(),g=e.computed(()=>{switch(!0){case o.disabled:return k.button;case o.to!==void 0:return l!=null&&l.nuxt?k.nuxtLink:k.routerLink;case o.href!==void 0:return k.a;default:return k.button}}),h=e.computed(()=>{const u={...p==null?void 0:p.value,"aria-pressed":r.value?!0:void 0,role:i};switch(g.value){case k.a:return{...u,href:o.href,target:o.target,rel:o.rel};case k.routerLink:case k.nuxtLink:return{...u,to:o.to,target:o.target};default:return{...u,type:o.type,disabled:o.disabled}}}),O=u=>{if(o.disabled){u.preventDefault();return}d==null||d.emit("click",u),s("click",u)},v=u=>{d==null||d.emit("mouseover",u),s("mouseover",u)},y=u=>{d==null||d.emit("mouseleave",u),s("mouseleave",u)};return(u,B)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(g)),e.mergeProps(e.unref(h),{ref_key:"element",ref:c,class:{active:u.active,pressed:e.unref(r),disabled:u.disabled},onClickPassive:O,onMouseoverPassive:v,onMouseleavePassive:y}),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(u.label),1)])]),_:3},16,["class"]))}});function P(t,n,s){return s?L(t,s)===L(n,s):V(t,n)}function V(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const s=Array.isArray(t),o=Array.isArray(n);let l,c,m;if(s&&o){if(c=t.length,c!=n.length)return!1;for(l=c;l--!==0;)if(!V(t[l],n[l]))return!1;return!0}if(s!=o)return!1;const d=t instanceof Date,p=n instanceof Date;if(d!=p)return!1;if(d&&p)return t.getTime()==n.getTime();const a=t instanceof RegExp,r=n instanceof RegExp;if(a!=r)return!1;if(a&&r)return t.toString()==n.toString();const i=Object.keys(t);if(c=i.length,c!==Object.keys(n).length)return!1;for(l=c;l--!==0;)if(!Object.prototype.hasOwnProperty.call(n,i[l]))return!1;for(l=c;l--!==0;)if(m=i[l],!V(t[m],n[m]))return!1;return!0}return t!==t&&n!==n}function L(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const s=n.split(".");let o=t;for(let l=0,c=s.length;l<c;++l){if(t==null)return null;o=o[s[l]]}return o}}else return null}function R(t,n){if(t!=null&&n&&n.length){for(const s of n)if(P(t,s))return!0}return!1}function le(t){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(e.unref(t))}function ie(t){const n=e.inject(t,void 0),s=e.computed(()=>!le(n));function o(l,c,m){if(n!=null&&n.value){const p=e.unref(n.value)[l];return e.computed({get(){return p==null?void 0:p.value},set(a){p.value=a}})}const d=e.toRef(c,l);return e.computed({get(){return d.value},set(p){m&&m(`update:${l}`,p)}})}return{group:n,isInGroup:s,getGroupOrLocalRef:o}}const ae=["update:modelValue"],ce={...D,...Z,...Q,...X,...U,icon:[String,Object],iconPosition:{type:String,default:S.left,validator:t=>Object.values(S).includes(t)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},modelValue:String};function ue(t,n){var u;const{group:s,isInGroup:o,getGroupOrLocalRef:l}=ie(G),{id:c,iconPosition:m,icon:d,label:p,pressed:a,modifiers:r}=e.toRefs(t),i=l("modelValue",t,n),g=l("disabled",t),h=l("toggle",t),O=l("unselectable",t),v=((u=s==null?void 0:s.value)==null?void 0:u.multiple)??e.ref(!1),y=e.computed(()=>{var _;const B=r!=null&&r.value?Array.isArray(r.value)?r.value:r.value.split(" "):[],$=(_=s==null?void 0:s.value.itemModifiers)!=null&&_.value?Array.isArray(s.value.itemModifiers.value)?s.value.itemModifiers.value:s.value.itemModifiers.value.split(" "):[];return[...B,...$]});return{group:s,isInGroup:o,modelValue:i,disabled:g,toggle:h,unselectable:O,multiple:v,id:c,modifiers:y,pressed:a,iconPosition:m,icon:d,label:p}}const fe=t=>e.computed(()=>String((t==null?void 0:t.value)||M.nanoid())),de={key:1,class:"vv-button__label"},pe={key:1,class:"vv-button__label"},me={name:"VvButton"};return e.defineComponent({...me,props:ce,emits:ae,setup(t,{expose:n,emit:s}){const o=t,l=e.useAttrs(),c=e.useSlots(),{id:m,modifiers:d,iconPosition:p,icon:a,label:r,modelValue:i,disabled:g,toggle:h,unselectable:O}=ue(o,s),v=fe(m),y=e.computed(()=>(l==null?void 0:l.name)||v.value),u=e.ref(null),B=e.computed(()=>{var f;return(f=u.value)==null?void 0:f.$el});n({$el:B});const $=e.computed(()=>h.value?Array.isArray(i.value)?R(y.value,i.value):P(y.value,i.value):o.pressed),_=w("vv-button",d,e.computed(()=>({reverse:[S.right,S.bottom].includes(p.value),column:[S.top,S.bottom].includes(p.value),"icon-only":Boolean((a==null?void 0:a.value)&&!(r!=null&&r.value)&&!c.default)}))),ge=e.computed(()=>typeof(a==null?void 0:a.value)=="string"?{name:a==null?void 0:a.value}:a==null?void 0:a.value),ye=()=>{if(h.value){if(Array.isArray(i.value)){if(R(y.value,i.value)){O.value&&(i.value=i.value.filter(f=>f!==y.value));return}i.value.push(y.value);return}if(P(y.value,i.value)&&O.value){i.value=void 0;return}i.value=y.value}};return(f,he)=>(e.openBlock(),e.createBlock(se,e.mergeProps({disabled:e.unref(g),pressed:e.unref($),active:f.active,type:f.type,to:f.to,href:f.href,target:f.target,rel:f.rel},{id:e.unref(v),ref_key:"element",ref:u,class:e.unref(_),onClick:ye}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{},()=>[f.loading?e.renderSlot(f.$slots,"loading",{key:0},()=>[f.loadingIcon?(e.openBlock(),e.createBlock(A,{key:0,class:"vv-button__loading-icon",name:f.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),f.loadingLabel?(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(f.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(f.$slots,"before"),e.unref(a)?(e.openBlock(),e.createBlock(A,e.mergeProps({key:0,class:"vv-button__icon"},e.unref(ge)),null,16)):e.createCommentVNode("",!0),e.unref(r)?(e.openBlock(),e.createElementBlock("span",pe,[e.renderSlot(f.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(r)),1)])])):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"after")],64))])]),_:3},16,["id","class"]))}})});

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

@@ -6,49 +6,49 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: Side;
         validator: (value: Side) => boolean;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
     loadingIcon: {
         type: StringConstructor;
         default: string;
     };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: StringConstructor;
+    loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
+    type: {
+        type: StringConstructor;
+        default: import("@/constants").ButtonType;
+        validator: (value: import("@/constants").ButtonType) => boolean;
+    };
     to: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     href: StringConstructor;
     target: {
-        type: import("vue").PropType<import("@/components/VvButton").ButtonTarget>;
-        validator: (value: import("@/components/VvButton").ButtonTarget) => boolean;
+        type: import("vue").PropType<import("@/constants").AnchorTarget>;
+        validator: (value: import("@/constants").AnchorTarget) => boolean;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
     rel: {
         type: StringConstructor;
         default: string;
     };
-    type: {
-        type: StringConstructor;
-        default: import("@/components/VvButton").ButtonType;
-        validator: (value: import("@/components/VvButton").ButtonType) => boolean;
-    };
-    toggle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: StringConstructor;
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
-    id: (StringConstructor | NumberConstructor)[];
 }, {
-    $el: import("vue").Ref<HTMLElement | null>;
+    $el: import("vue").ComputedRef<HTMLElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: (StringConstructor | ObjectConstructor)[];
     iconPosition: {
@@ -56,60 +56,60 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: Side;
         validator: (value: Side) => boolean;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
     loadingIcon: {
         type: StringConstructor;
         default: string;
     };
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: StringConstructor;
+    loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
+    type: {
+        type: StringConstructor;
+        default: import("@/constants").ButtonType;
+        validator: (value: import("@/constants").ButtonType) => boolean;
+    };
     to: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     href: StringConstructor;
     target: {
-        type: import("vue").PropType<import("@/components/VvButton").ButtonTarget>;
-        validator: (value: import("@/components/VvButton").ButtonTarget) => boolean;
+        type: import("vue").PropType<import("@/constants").AnchorTarget>;
+        validator: (value: import("@/constants").AnchorTarget) => boolean;
     };
-    active: BooleanConstructor;
-    pressed: BooleanConstructor;
     rel: {
         type: StringConstructor;
         default: string;
     };
-    type: {
-        type: StringConstructor;
-        default: import("@/components/VvButton").ButtonType;
-        validator: (value: import("@/components/VvButton").ButtonType) => boolean;
-    };
-    toggle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: StringConstructor;
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     disabled: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
-    id: (StringConstructor | NumberConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     type: string;
-    iconPosition: Side;
-    loading: boolean;
-    loadingIcon: string;
-    loadingLabel: string;
+    rel: string;
     active: boolean;
     pressed: boolean;
-    rel: string;
+    iconPosition: Side;
+    loadingIcon: string;
     toggle: boolean;
+    loading: boolean;
+    loadingLabel: string;
     unselectable: boolean;
 }>, {
     default: (_: {}) => any;

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

@@ -1,23 +1,6 @@
 import type { Ref, PropType, ExtractPropTypes } from 'vue';
 import type { ButtonGroupState } from '@/types/group';
 import { Side } from '@/constants';
-export declare enum ButtonType {
-    button = "button",
-    submit = "submit",
-    reset = "reset"
-}
-export declare enum ButtonTag {
-    nuxtLink = "nuxt-link",
-    routerLink = "router-link",
-    a = "a",
-    button = "button"
-}
-export declare enum ButtonTarget {
-    _blank = "_blank",
-    _self = "_self",
-    _parent = "_parent",
-    _top = "_top"
-}
 export declare const VvButtonEvents: string[];
 export declare const VvButtonProps: {
     /**
@@ -32,14 +15,6 @@ export declare const VvButtonProps: {
         default: Side;
         validator: (value: Side) => boolean;
     };
-    /**
-     * Button label
-     */
-    label: (StringConstructor | NumberConstructor)[];
-    /**
-     * Loading status
-     */
-    loading: BooleanConstructor;
     /**
      * Loading icon
      */
@@ -47,63 +22,43 @@ export declare const VvButtonProps: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Loading label
-     */
+    toggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: StringConstructor;
+    loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
-     * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
-     */
+    unselectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modifiers: PropType<string | string[]>;
+    id: (StringConstructor | NumberConstructor)[];
+    type: {
+        type: StringConstructor;
+        default: import("@/constants").ButtonType;
+        validator: (value: import("@/constants").ButtonType) => boolean;
+    };
     to: {
         type: (StringConstructor | ObjectConstructor)[];
     };
-    /**
-     * Link href
-     */
     href: StringConstructor;
-    /**
-     * Link target
-     */
     target: {
-        type: PropType<ButtonTarget>;
-        validator: (value: ButtonTarget) => boolean;
+        type: PropType<import("@/constants").AnchorTarget>;
+        validator: (value: import("@/constants").AnchorTarget) => boolean;
     };
-    active: BooleanConstructor;
-    /**
-     * Button pressed mode
-     */
-    pressed: BooleanConstructor;
-    /**
-     * Link rel
-     */
     rel: {
         type: StringConstructor;
         default: string;
     };
-    /**
-     * Button type
-     */
-    type: {
-        type: StringConstructor;
-        default: ButtonType;
-        validator: (value: ButtonType) => boolean;
-    };
-    toggle: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modelValue: StringConstructor;
-    unselectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     disabled: BooleanConstructor;
-    modifiers: PropType<string | string[]>;
-    id: (StringConstructor | NumberConstructor)[];
 };
 export type VvButtonPropsTypes = ExtractPropTypes<typeof VvButtonProps>;
 /**

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -1,28 +1,80 @@
-import { defineComponent as b, openBlock as y, createElementBlock as g, normalizeClass as v, unref as B, renderSlot as O } from "vue";
-var a = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(a || {}), s = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(s || {}), l = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(l || {});
-const S = Symbol.for("buttonGroup"), V = {
+import { isRef as O, provide as _, computed as d, unref as f, defineComponent as S, toRefs as j, watchEffect as E, openBlock as V, createElementBlock as A, normalizeClass as h, renderSlot as k } from "vue";
+var u = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(u || {}), c = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(c || {}), i = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(i || {}), p = /* @__PURE__ */ ((t) => (t.button = "button", t.submit = "submit", t.reset = "reset", t))(p || {}), b = /* @__PURE__ */ ((t) => (t._blank = "_blank", t._self = "_self", t._parent = "_parent", t._top = "_top", t))(b || {});
+const G = Symbol.for("buttonGroup"), C = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (t) => Object.values(b).includes(t)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, y = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, h = {
+}, N = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, P = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, $ = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, M = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
 };
-l.before;
-const _ = {
+i.before;
+const R = {
   /**
    * If true the input will be unselectable
    */
   unselectable: { type: Boolean, default: !0 }
 };
-a.bottom;
-const j = {
-  ...h,
-  ...V,
-  ..._,
+u.bottom;
+({
+  ...y,
+  ...$,
+  ...P,
+  ...N,
+  ...C,
+  /**
+   * Button type
+   */
+  type: p.button
+});
+const U = {
+  ...M,
+  ...y,
+  ...R,
   /**
    * String or String[] of css classes (modifiers) that will be provided to each button'
    */
@@ -30,48 +82,71 @@ const j = {
   toggle: { type: Boolean, default: !1 },
   multiple: { type: Boolean, default: !1 },
   modelValue: { type: [String, Array], default: void 0 }
-}, A = ["update:modelValue"], E = {
+}, z = ["update:modelValue"];
+function I(t) {
+  if (Object.keys(t).some(
+    (e) => e !== "key" && !O(t[e])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  _(
+    t.key,
+    d(() => t)
+  );
+}
+function L(t, e, o) {
+  return d(() => {
+    const l = {
+      [t]: !0
+    }, n = typeof (e == null ? void 0 : e.value) == "string" ? e.value.split(" ") : e == null ? void 0 : e.value;
+    return n && Array.isArray(n) && n.forEach((a) => {
+      l[`${t}--${a}`] = !0;
+    }), o && Object.keys(o.value).forEach((a) => {
+      l[`${t}--${a}`] = f(o.value[a]);
+    }), l;
+  });
+}
+const D = {
   name: "VvButtonGroup"
-}, N = /* @__PURE__ */ b({
-  ...E,
-  props: j,
-  emits: A,
-  setup(t, { emit: u }) {
-    const e = t, {
-      disabled: n,
-      toggle: i,
-      modifiers: d,
-      multiple: r,
-      unselectable: f,
-      itemModifiers: p
-    } = toRefs(e);
-    watchEffect(() => {
-      typeof e.modelValue == "string" && r.value && console.warn(
+}, K = /* @__PURE__ */ S({
+  ...D,
+  props: U,
+  emits: z,
+  setup(t, { emit: e }) {
+    const o = t, {
+      disabled: l,
+      toggle: n,
+      modifiers: a,
+      multiple: s,
+      unselectable: v,
+      itemModifiers: m
+    } = j(o);
+    E(() => {
+      typeof o.modelValue == "string" && s.value && console.warn(
         "[VvButtonGroup]: modelValue is a string but multiple is true."
       );
     });
-    const c = computed({
-      get: () => r.value ? e.modelValue : Array.isArray(e.modelValue) ? e.modelValue[0] : e.modelValue,
-      set: (o) => (o !== void 0 && (Array.isArray(e.modelValue) || r.value) && !Array.isArray(o) && (o = [o]), u("update:modelValue", o))
+    const g = d({
+      get: () => s.value ? o.modelValue : Array.isArray(o.modelValue) ? o.modelValue[0] : o.modelValue,
+      set: (r) => (r !== void 0 && (Array.isArray(o.modelValue) || s.value) && !Array.isArray(r) && (r = [r]), e("update:modelValue", r))
     });
-    useProvideGroupState({
-      key: S,
-      modelValue: c,
-      disabled: n,
-      toggle: i,
-      multiple: r,
-      unselectable: f,
-      itemModifiers: p
+    I({
+      key: G,
+      modelValue: g,
+      disabled: l,
+      toggle: n,
+      multiple: s,
+      unselectable: v,
+      itemModifiers: m
     });
-    const m = useBemModifiers("vv-button-group", d);
-    return (o, G) => (y(), g("div", {
-      class: v(B(m)),
+    const B = L("vv-button-group", a);
+    return (r, F) => (V(), A("div", {
+      class: h(f(B)),
       role: "group"
     }, [
-      O(o.$slots, "default")
+      k(r.$slots, "default")
     ], 2));
   }
 });
 export {
-  N as default
+  K as default
 };

package/dist/components/VvButtonGroup/VvButtonGroup.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=o(e.vue))})(this,function(e){"use strict";var o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),s=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(s||{}),n=(t=>(t.before="before",t.after="after",t))(n||{});const u=Symbol.for("buttonGroup"),i={disabled:Boolean},d={modifiers:[String,Array]};n.before;const f={unselectable:{type:Boolean,default:!0}};o.bottom;const p={...d,...i,...f,itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},c=["update:modelValue"],m={name:"VvButtonGroup"};return e.defineComponent({...m,props:p,emits:c,setup(t,{emit:y}){const r=t,{disabled:b,toggle:g,modifiers:v,multiple:a,unselectable:B,itemModifiers:h}=toRefs(r);watchEffect(()=>{typeof r.modelValue=="string"&&a.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const O=computed({get:()=>a.value?r.modelValue:Array.isArray(r.modelValue)?r.modelValue[0]:r.modelValue,set:l=>(l!==void 0&&(Array.isArray(r.modelValue)||a.value)&&!Array.isArray(l)&&(l=[l]),y("update:modelValue",l))});useProvideGroupState({key:u,modelValue:O,disabled:b,toggle:g,multiple:a,unselectable:B,itemModifiers:h});const S=useBemModifiers("vv-button-group",v);return(l,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(S)),role:"group"},[e.renderSlot(l.$slots,"default")],2))}})});
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.VvButtonGroup=n(e.vue))})(this,function(e){"use strict";var n=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(n||{}),f=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(f||{}),p=(t=>(t.before="before",t.after="after",t))(p||{}),d=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(d||{}),c=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(c||{});const y=Symbol.for("buttonGroup"),m={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(c).includes(t)},rel:{type:String,default:"noopener noreferrer"}},b={disabled:Boolean},g={active:Boolean},v={pressed:Boolean},B={label:[String,Number]},_={modifiers:[String,Array]};p.before;const O={unselectable:{type:Boolean,default:!0}};n.bottom,{...b,...B,...v,...g,...m,type:d.button};const S={..._,...b,...O,itemModifiers:{type:[String,Array],default:void 0},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:void 0}},j=["update:modelValue"];function h(t){if(Object.keys(t).some(o=>o!=="key"&&!e.isRef(t[o])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}function E(t,o,r){return e.computed(()=>{const s={[t]:!0},u=typeof(o==null?void 0:o.value)=="string"?o.value.split(" "):o==null?void 0:o.value;return u&&Array.isArray(u)&&u.forEach(l=>{s[`${t}--${l}`]=!0}),r&&Object.keys(r.value).forEach(l=>{s[`${t}--${l}`]=e.unref(r.value[l])}),s})}const V={name:"VvButtonGroup"};return e.defineComponent({...V,props:S,emits:j,setup(t,{emit:o}){const r=t,{disabled:s,toggle:u,modifiers:l,multiple:i,unselectable:A,itemModifiers:k}=e.toRefs(r);e.watchEffect(()=>{typeof r.modelValue=="string"&&i.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const G=e.computed({get:()=>i.value?r.modelValue:Array.isArray(r.modelValue)?r.modelValue[0]:r.modelValue,set:a=>(a!==void 0&&(Array.isArray(r.modelValue)||i.value)&&!Array.isArray(a)&&(a=[a]),o("update:modelValue",a))});h({key:y,modelValue:G,disabled:s,toggle:u,multiple:i,unselectable:A,itemModifiers:k});const C=E("vv-button-group",l);return(a,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(C)),role:"group"},[e.renderSlot(a.$slots,"default")],2))}})});

package/dist/components/VvCard/VvCard.es.js

@@ -1,41 +1,54 @@
-import { defineComponent as i, openBlock as s, createElementBlock as t, normalizeClass as c, unref as f, renderSlot as o, createTextVNode as m, toDisplayString as p, createCommentVNode as r } from "vue";
-const u = {
+import { computed as v, unref as d, defineComponent as p, toRefs as f, openBlock as n, createElementBlock as l, normalizeClass as _, renderSlot as c, createTextVNode as $, toDisplayString as i, createCommentVNode as u } from "vue";
+const y = {
   title: String,
   modifiers: [String, Array]
-}, v = {
+};
+function h(o, t, s) {
+  return v(() => {
+    const r = {
+      [o]: !0
+    }, e = typeof (t == null ? void 0 : t.value) == "string" ? t.value.split(" ") : t == null ? void 0 : t.value;
+    return e && Array.isArray(e) && e.forEach((a) => {
+      r[`${o}--${a}`] = !0;
+    }), s && Object.keys(s.value).forEach((a) => {
+      r[`${o}--${a}`] = d(s.value[a]);
+    }), r;
+  });
+}
+const C = {
   key: 0,
   class: "vv-card__header"
-}, _ = {
+}, k = {
   key: 1,
   class: "vv-card__content"
-}, h = {
+}, m = {
   key: 2,
   class: "vv-card__footer"
-}, C = {
+}, g = {
   name: "VvCard"
-}, y = /* @__PURE__ */ i({
-  ...C,
-  props: u,
-  setup(n) {
-    const a = n, { modifiers: l } = toRefs(a), d = useBemModifiers("vv-card", l);
-    return (e, $) => (s(), t("article", {
-      class: c(f(d))
+}, S = /* @__PURE__ */ p({
+  ...g,
+  props: y,
+  setup(o) {
+    const t = o, { modifiers: s } = f(t), r = h("vv-card", s);
+    return (e, a) => (n(), l("article", {
+      class: _(d(r))
     }, [
-      e.$slots.header || e.title ? (s(), t("header", v, [
-        o(e.$slots, "header", {}, () => [
-          m(p(e.title), 1)
+      e.$slots.header || e.title ? (n(), l("header", C, [
+        c(e.$slots, "header", {}, () => [
+          $(i(e.title), 1)
         ])
-      ])) : r("", !0),
-      o(e.$slots, "default"),
-      e.$slots.content ? (s(), t("div", _, [
-        o(e.$slots, "content")
-      ])) : r("", !0),
-      e.$slots.footer ? (s(), t("footer", h, [
-        o(e.$slots, "footer")
-      ])) : r("", !0)
+      ])) : u("", !0),
+      c(e.$slots, "default"),
+      e.$slots.content ? (n(), l("div", k, [
+        c(e.$slots, "content")
+      ])) : u("", !0),
+      e.$slots.footer ? (n(), l("footer", m, [
+        c(e.$slots, "footer")
+      ])) : u("", !0)
     ], 2));
   }
 });
 export {
-  y as default
+  S as default
 };

package/dist/components/VvCard/VvCard.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=o(e.vue))})(this,function(e){"use strict";const o={title:String,modifiers:[String,Array]},s={key:0,class:"vv-card__header"},n={key:1,class:"vv-card__content"},r={key:2,class:"vv-card__footer"},d={name:"VvCard"};return e.defineComponent({...d,props:o,setup(l){const c=l,{modifiers:i}=toRefs(c),a=useBemModifiers("vv-card",i);return(t,m)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(a))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",s,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",r,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCard=n(e.vue))})(this,function(e){"use strict";const n={title:String,modifiers:[String,Array]};function c(r,o,s){return e.computed(()=>{const l={[r]:!0},t=typeof(o==null?void 0:o.value)=="string"?o.value.split(" "):o==null?void 0:o.value;return t&&Array.isArray(t)&&t.forEach(a=>{l[`${r}--${a}`]=!0}),s&&Object.keys(s.value).forEach(a=>{l[`${r}--${a}`]=e.unref(s.value[a])}),l})}const d={key:0,class:"vv-card__header"},f={key:1,class:"vv-card__content"},i={key:2,class:"vv-card__footer"},p={name:"VvCard"};return e.defineComponent({...p,props:n,setup(r){const o=r,{modifiers:s}=e.toRefs(o),l=c("vv-card",s);return(t,a)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(l))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",d,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",i,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})});