@volverjs/ui-vue 0.0.1-beta.2

package/dist/components/VvCheckGroup/vv-check-group.umd.js

@@ -0,0 +1,2 @@
+(function(r,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],v):(r=typeof globalThis<"u"?globalThis:r||self,r.VvCheckGroup=v(r.vue,r.core))})(this,function(r,v){"use strict";const B={valid:Boolean,validLabel:[String,Array]},S={error:Boolean,errorLabel:[String,Array]},P={...B,...S,...{hintLabel:{type:String,default:""}},...{options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},modelValue:{type:Array},label:{type:String,default:""},name:{type:String,default:"",required:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}},F=["update:modelValue","change"],j=Symbol("VV_CHECK_GROUP");function R(e){if(Object.keys(e).some(t=>t!=="key"&&!r.isRef(e[t])))throw Error("One or more groupState props aren't ref.");console.log("PRovide - ",e),r.provide(e.key,r.computed(()=>e))}function q(e){const{options:t,optionLabel:n,optionValue:o}=r.toRefs(e);return{options:t,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof n.value=="function"?n.value(l):l[n.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof o.value=="function"?o.value(l):l[o.value]}}const y={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 s,a,l;if(n&&o){if(a=e.length,a!=t.length)return!1;for(s=a;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(n!=o)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 i=e instanceof RegExp,d=t instanceof RegExp;if(i!=d)return!1;if(i&&d)return e.toString()==t.toString();const p=Object.keys(e);if(a=p.length,a!==Object.keys(t).length)return!1;for(s=a;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,p[s]))return!1;for(s=a;s--!==0;)if(l=p[s],!this.deepEquals(e[l],t[l]))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 s=0,a=n.length;s<a;++s){if(e==null)return null;o=o[n[s]]}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,s)=>s!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var o,s,a,l,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]=((s=e[n])==null?void 0:s.default)||((a=e[n])==null?void 0:a.type[0]()):t[n]=((l=e[n])==null?void 0:l.default)||((u=e[n])==null?void 0:u.type())),t},{})},filterArray(e,t,n){return e.filter(o=>t.some(s=>typeof s=="string"?o[n]==s:this.equals(o[n],s[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()}};function b(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((s,a)=>{const l=r.unref(t[a])||!1;if(!l)return s;if(a==="modifiers"){const u=Array.isArray(l)?l:[l];return{...s,...u.reduce((f,i)=>({...f,[`${e}--${y.kebabCase(i)}`]:!0}),{})}}else return{...s,[`${e}--${y.kebabCase(a)}`]:l}},n)||{})}}const I={...B,...S,value:null,modelValue:null,binary:Boolean,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},switch:Boolean,label:String,disabled:Boolean,readonly:Boolean},G=["click","update:modelValue","change","focus","blur"];function w(e){const t=r.inject(e,void 0);console.log("Inject - ",t);const n=r.computed(()=>y.isNotEmpty(t));function o(s,a,l){if(t!=null&&t.value){const u=r.unref(t.value)[s];return r.computed({get(){return u==null?void 0:u.value},set(f){u.value=f}})}else{const u=r.toRef(a,s);return r.computed({get(){return u.value},set(f){l&&l(`update:${s}`,f)}})}}return{group:t,isInGroup:n,getGroupOrLocalRef:o}}function x(e,t){const{group:n,isInGroup:o,getGroupOrLocalRef:s}=w(j),{valid:a,error:l,switch:u}=r.toRefs(e),f=s("modelValue",e,t),i=s("readonly",e),d=s("disabled",e);return{group:n,isInGroup:o,valid:a,error:l,propsSwitch:u,modelValue:f,readonly:i,disabled:d}}function $(e,t){const{focused:n}=v.useFocus(e);return r.watch(n,o=>{t(o?"focus":"blur",e.value)}),{focused:n}}const D={inheritAttrs:!1},H=r.defineComponent({...D,__name:"VvCheck",props:I,emits:G,setup(e,{emit:t}){const n=e,o=r.useAttrs(),{disabled:s,readonly:a,valid:l,error:u,propsSwitch:f,modelValue:i}=x(n,t),d=r.ref(),{focused:p}=$(d,t),c=r.computed(()=>n.binary?y.equals(i.value,n.trueValue):Array.isArray(i.value)?y.contains(n.value,i.value):y.equals(n.value,i.value)),{bemCssClasses:m}=b("vv-input-checkbox",{switch:f,valid:l,invalid:u}),{bemCssClasses:g}=b("vv-input-check__input",{checked:c,disabled:s,readonly:a}),h=r.computed(()=>({[o.class]:!0,...m.value})),V=r.computed(()=>({...g.value,"focus-visible":p.value})),C=r.computed(()=>{const{id:k,name:A,style:E}=o,M=y.pickBy(o,W=>W.startsWith("data-"));return{for:k||A,style:E,...M}}),O=r.computed(()=>{const{id:k="",name:A=""}=o;return{type:"checkbox",id:k||A,name:A,value:n.value,disabled:s.value,readonly:a.value,checked:c.value,..._.value}}),_=r.computed(()=>{const{name:k}=o,A=y.pickBy(o,E=>E.startsWith("aria-"));return{"aria-label":k,"aria-checked":c.value,...A}});function U(){if(n.binary){i.value=c.value?n.falseValue:n.trueValue;return}if(i.value===null){i.value=[n.value];return}if(Array.isArray(i.value)){i.value=c.value?y.removeFromList(n.value,i.value):[...i.value,n.value];return}console.warn("Cannot change value - VvCheck modelValue is not an array")}function K(k){s.value||(t("click",k),t("change",c.value?n.value:null),p.value=!0)}return(k,A)=>(r.openBlock(),r.createElementBlock("label",r.mergeProps({class:r.unref(h)},r.unref(C),{onClick:K}),[r.createElementVNode("input",r.mergeProps({ref_key:"input",ref:d,class:r.unref(V)},r.unref(O),{onInput:U}),null,16),r.renderSlot(k.$slots,"default",{value:r.unref(i)},()=>[r.createTextVNode(r.toDisplayString(k.label),1)])],16))}});function N(e){return Array.isArray(e)?e.filter(t=>y.isString(t)).reduce((t,n)=>t.length>0?t+`
+`+n:n,""):e}function T(e,t){return{name:"HintSlot",setup(){const n=r.toRefs(e),{error:o,valid:s,hint:a,loading:l}=t,{hintLabel:u,modelValue:f,valid:i,validLabel:d,error:p,errorLabel:c}=n,m=y.resolveFieldData(n,"loading"),g=y.resolveFieldData(n,"loadingLabel"),h=r.computed(()=>p.value?!!(p.value&&o||(c==null?void 0:c.value)&&Array.isArray(c.value)&&c.value.length>0||(c==null?void 0:c.value)&&y.isNotEmpty(c.value)):!1),V=r.computed(()=>!!(u&&u.value||a||s||d&&d.value||h.value||(m==null?void 0:m.value)&&l||(m==null?void 0:m.value)&&(g==null?void 0:g.value))),C=r.computed(()=>Array.isArray(c==null?void 0:c.value)?N((c==null?void 0:c.value)||""):c==null?void 0:c.value),O=r.computed(()=>{const _={modelValue:f,error:p,valid:i};return p!=null&&p.value?(o==null?void 0:o(_))||(C==null?void 0:C.value)||(u==null?void 0:u.value):i!=null&&i.value?(s==null?void 0:s(_))||(d==null?void 0:d.value)||(u==null?void 0:u.value):m!=null&&m.value?(l==null?void 0:l(_))||(g==null?void 0:g.value)||(u==null?void 0:u.value):(a==null?void 0:a(_))||(u==null?void 0:u.value)||(u==null?void 0:u.value)});return{hasHint:V,hintContent:O}},render(){if(this.hasHint)return r.h("span",null,this.hintContent)}}}const z=["textContent"],Z={class:"vv-input-checkbox-group__wrapper"};return r.defineComponent({__name:"VvCheckGroup",props:P,emits:F,setup(e,{emit:t}){const n=e,o=r.useSlots(),s=v.useVModel(n,"modelValue",t),{disabled:a,readonly:l,error:u,valid:f}=r.toRefs(n);R({key:j,modelValue:s,disabled:a,readonly:l});const{getOptionLabel:d,getOptionValue:p}=q(n),{bemCssClasses:c}=b("vv-input-checkbox-group",{horizontal:r.computed(()=>!n.vertical),valid:f,invalid:u}),m=(h,V)=>({id:`${n.name}_opt${V}`,name:n.name,label:d(h),value:p(h)}),g=T(n,o);return(h,V)=>(r.openBlock(),r.createElementBlock("fieldset",{class:r.normalizeClass(r.unref(c))},[h.label?(r.openBlock(),r.createElementBlock("legend",{key:0,textContent:r.toDisplayString(h.label)},null,8,z)):r.createCommentVNode("",!0),r.createElementVNode("div",Z,[h.options.length>0?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(h.options,(C,O)=>(r.openBlock(),r.createBlock(H,r.mergeProps({key:O},m(C,O)),null,16))),128)):r.renderSlot(h.$slots,"default",{key:1})]),r.createVNode(r.unref(g),{class:"vv-input-checkbox-group__hint"})],2))}})});

package/dist/components/VvDialog/VvDialog.d.ts

@@ -0,0 +1,22 @@
+export declare const VvDialogEvents: string[];
+export declare const VvDialogProps: {
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    title: StringConstructor;
+    open: BooleanConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,153 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            open: boolean;
+            transition: string;
+            size: string;
+            autoClose: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: boolean;
+            };
+            title: StringConstructor;
+            open: BooleanConstructor;
+            transition: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            autoClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "open" | "transition" | "size" | "autoClose">;
+        $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<{
+            id: {
+                type: StringConstructor;
+                required: boolean;
+            };
+            title: StringConstructor;
+            open: BooleanConstructor;
+            transition: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            autoClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+            open: boolean;
+            transition: string;
+            size: string;
+            autoClose: 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<{
+        id: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        title: StringConstructor;
+        open: BooleanConstructor;
+        transition: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        autoClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    title: StringConstructor;
+    open: BooleanConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    autoClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+    open: boolean;
+    transition: string;
+    size: string;
+    autoClose: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        header: (_: {}) => any;
+        default: (_: {}) => any;
+        footer: (_: {}) => any;
+    };
+});
+export default _default;

package/dist/components/VvDialog/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const VV_DIALOG_SIZES: {
+    normal: string;
+    small: string;
+    fullscreen: string;
+};

package/dist/components/VvDialog/vv-dialog.es.js

@@ -0,0 +1,315 @@
+import { computed as p, unref as u, defineComponent as D, ref as C, toRefs as E, inject as B, openBlock as h, createBlock as O, mergeProps as w, createCommentVNode as A, Transition as j, toHandlers as I, withCtx as q, withDirectives as x, createElementVNode as m, createElementBlock as $, renderSlot as S, createTextVNode as F, toDisplayString as N, withModifiers as V, createVNode as P, vShow as M } from "vue";
+import { useVModel as T, onClickOutside as L } from "@vueuse/core";
+import { iconExists as _, Icon as z, addIcon as Z } from "@iconify/vue";
+const y = {
+  normal: "",
+  small: "small",
+  fullscreen: "fullscreen"
+}, R = ["open", "close", "update:open"], H = {
+  id: { type: String, required: !0 },
+  title: String,
+  open: Boolean,
+  transition: { type: String, default: "fade-block" },
+  size: {
+    type: String,
+    default: y.normal,
+    validator: (e) => Object.values(y).includes(e)
+  },
+  autoClose: { type: Boolean, default: !0 }
+}, 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]
+  }
+}, k = {
+  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), o = Array.isArray(t);
+      let n, l, a;
+      if (r && o) {
+        if (l = e.length, l != t.length)
+          return !1;
+        for (n = l; n-- !== 0; )
+          if (!this.deepEquals(e[n], t[n]))
+            return !1;
+        return !0;
+      }
+      if (r != o)
+        return !1;
+      const c = e instanceof Date, d = t instanceof Date;
+      if (c != d)
+        return !1;
+      if (c && d)
+        return e.getTime() == t.getTime();
+      const f = e instanceof RegExp, i = t instanceof RegExp;
+      if (f != i)
+        return !1;
+      if (f && i)
+        return e.toString() == t.toString();
+      const s = Object.keys(e);
+      if (l = s.length, l !== Object.keys(t).length)
+        return !1;
+      for (n = l; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, s[n]))
+          return !1;
+      for (n = l; n-- !== 0; )
+        if (a = s[n], !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 o = e;
+        for (let n = 0, l = r.length; n < l; ++n) {
+          if (e == null)
+            return null;
+          o = o[r[n]];
+        }
+        return o;
+      }
+    } else
+      return null;
+  },
+  isFunction(e) {
+    return !!(e && e.constructor && e.call && e.apply);
+  },
+  findIndexInList(e, t) {
+    let r = -1;
+    if (t) {
+      for (let o = 0; o < t.length; o++)
+        if (this.equals(t[o], e)) {
+          r = o;
+          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((o, n) => n !== r) : t;
+  },
+  isString(e) {
+    return typeof e == "string" || e instanceof String;
+  },
+  propsToObject(e) {
+    return Object.keys(e).reduce((t, r) => {
+      var o, n, l, a, c;
+      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (o = e[r]) != null && o.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((l = e[r]) == null ? void 0 : l.type[0]()) : t[r] = ((a = e[r]) == null ? void 0 : a.default) || ((c = e[r]) == null ? void 0 : c.type())), t;
+    }, {});
+  },
+  filterArray(e, t, r) {
+    return e.filter((o) => t.some((n) => typeof n == "string" ? o[r] == n : this.equals(
+      o[r],
+      n[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();
+  }
+};
+function G(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: p(() => Object.keys(t).reduce((n, l) => {
+      const a = u(t[l]) || !1;
+      if (!a)
+        return n;
+      if (l === "modifiers") {
+        const c = Array.isArray(a) ? a : [a];
+        return {
+          ...n,
+          ...c.reduce(
+            (d, f) => ({
+              ...d,
+              [`${e}--${k.kebabCase(
+                f
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${k.kebabCase(l)}`]: a
+        };
+    }, r) || {})
+  };
+}
+const J = /* @__PURE__ */ D({
+  __name: "VvIcon",
+  props: W,
+  setup(e) {
+    const t = e, r = C(!0), { modifiers: o } = E(t), n = B("ds"), { bemCssClasses: l } = G("vv-icon", {
+      modifiers: o
+    }), a = p(() => t.provider || (n == null ? void 0 : n.provider)), c = p(() => {
+      const i = t.name || "", s = `@${a.value}:${t.prefix}:${t.name}`;
+      return _(i) ? i : _(s) ? s : (n == null ? void 0 : n.iconsCollections.find((g) => {
+        const v = `@${a.value}:${g.prefix}:${i}`;
+        if (_(v))
+          return v;
+      })) || i;
+    });
+    function d(i) {
+      let s = null;
+      if (typeof window > "u") {
+        const { JSDOM: b } = require("jsdom");
+        s = new b().window;
+      }
+      return (s ? new s.DOMParser() : new window.DOMParser()).parseFromString(i, "text/html").querySelector("svg");
+    }
+    function f(i) {
+      const s = d(i), g = (s == null ? void 0 : s.innerHTML.trim()) || "";
+      s && g && Z(`@${a.value}:${t.prefix}:${t.name}`, {
+        body: g,
+        height: s.viewBox.baseVal.height,
+        width: s.viewBox.baseVal.width
+      });
+    }
+    return n && (t.src ? (r.value = !1, n.fetchIcon(t.src).then((i) => {
+      i && (f(i), r.value = !0);
+    }).catch((i) => {
+      throw new Error(`During fetch icon: ${i == null ? void 0 : i.message}`);
+    })) : t.svg && f(t.svg)), (i, s) => r.value ? (h(), O(u(z), w({
+      key: 0,
+      class: u(l)
+    }, {
+      ...i.$props,
+      provider: u(a),
+      icon: u(c)
+    }), null, 16, ["class"])) : A("", !0);
+  }
+}), U = {
+  key: 0,
+  class: "vv-dialog__header"
+}, K = ["onClick"], Q = { class: "vv-dialog__content" }, X = {
+  key: 1,
+  class: "vv-dialog__footer"
+}, ne = /* @__PURE__ */ D({
+  __name: "VvDialog",
+  props: H,
+  emits: R,
+  setup(e, { emit: t }) {
+    const r = e, o = T(r, "open", t), n = C(!0), l = C(null), a = p(() => {
+      const { id: s } = r;
+      return {
+        id: s,
+        open: n.value
+      };
+    }), c = p(() => ({
+      "vv-dialog": !0,
+      "vv-dialog--small": r.size === y.small,
+      "vv-dialog--fullscreen": r.size === y.fullscreen
+    })), d = p(() => `vv-dialog--${r.transition}`), f = {
+      "after-enter": () => {
+        n.value = !0, t("open");
+      },
+      "after-leave": () => {
+        n.value = !1, t("close");
+      }
+    };
+    L(l, () => {
+      r.autoClose && (o.value = !1);
+    });
+    function i() {
+      o.value = !1;
+    }
+    return (s, g) => (h(), O(j, w({ name: u(d) }, I(f)), {
+      default: q(() => [
+        x(m("dialog", w(u(a), { class: u(c) }), [
+          m("article", {
+            ref_key: "modalWrapper",
+            ref: l,
+            class: "vv-dialog__wrapper"
+          }, [
+            s.$slots.header || s.title ? (h(), $("header", U, [
+              S(s.$slots, "header", {}, () => [
+                F(N(s.title) + " ", 1),
+                m("button", {
+                  type: "button",
+                  "aria-label": "Close",
+                  class: "vv-dialog__close",
+                  onClick: V(i, ["prevent"])
+                }, [
+                  P(J, { name: "close" })
+                ], 8, K)
+              ])
+            ])) : A("", !0),
+            m("div", Q, [
+              S(s.$slots, "default")
+            ]),
+            s.$slots.footer ? (h(), $("footer", X, [
+              S(s.$slots, "footer")
+            ])) : A("", !0)
+          ], 512)
+        ], 16), [
+          [M, u(o)]
+        ])
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+});
+export {
+  ne as default
+};

package/dist/components/VvDialog/vv-dialog.umd.js

@@ -0,0 +1 @@
+(function(r,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","@iconify/vue"],m):(r=typeof globalThis<"u"?globalThis:r||self,r.VvDialog=m(r.vue,r.core,r.vue$1))})(this,function(r,m,g){"use strict";const h={normal:"",small:"small",fullscreen:"fullscreen"},_=["open","close","update:open"],C={id:{type:String,required:!0},title:String,open:Boolean,transition:{type:String,default:"fade-block"},size:{type:String,default:h.normal,validator:e=>Object.values(h).includes(e)},autoClose:{type:Boolean,default:!0}},k={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]}},S={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),i=Array.isArray(t);let o,c,a;if(n&&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(n!=i)return!1;const f=e instanceof Date,u=t instanceof Date;if(f!=u)return!1;if(f&&u)return e.getTime()==t.getTime();const d=e instanceof RegExp,l=t instanceof RegExp;if(d!=l)return!1;if(d&&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 n=t.split(".");let i=e;for(let o=0,c=n.length;o<c;++o){if(e==null)return null;i=i[n[o]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let i=0;i<t.length;i++)if(this.equals(t[i],e)){n=i;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((i,o)=>o!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var i,o,c,a,f;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(i=e[n])!=null&&i.type&&(Array.isArray(e[n].type)?t[n]=((o=e[n])==null?void 0:o.default)||((c=e[n])==null?void 0:c.type[0]()):t[n]=((a=e[n])==null?void 0:a.default)||((f=e[n])==null?void 0:f.type())),t},{})},filterArray(e,t,n){return e.filter(i=>t.some(o=>typeof o=="string"?i[n]==o:this.equals(i[n],o[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()}};function w(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((o,c)=>{const a=r.unref(t[c])||!1;if(!a)return o;if(c==="modifiers"){const f=Array.isArray(a)?a:[a];return{...o,...f.reduce((u,d)=>({...u,[`${e}--${S.kebabCase(d)}`]:!0}),{})}}else return{...o,[`${e}--${S.kebabCase(c)}`]:a}},n)||{})}}const A=r.defineComponent({__name:"VvIcon",props:k,setup(e){const t=e,n=r.ref(!0),{modifiers:i}=r.toRefs(t),o=r.inject("ds"),{bemCssClasses:c}=w("vv-icon",{modifiers:i}),a=r.computed(()=>t.provider||(o==null?void 0:o.provider)),f=r.computed(()=>{const l=t.name||"",s=`@${a.value}:${t.prefix}:${t.name}`;return g.iconExists(l)?l:g.iconExists(s)?s:(o==null?void 0:o.iconsCollections.find(p=>{const y=`@${a.value}:${p.prefix}:${l}`;if(g.iconExists(y))return y}))||l});function u(l){let s=null;if(typeof window>"u"){const{JSDOM:$}=require("jsdom");s=new $().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function d(l){const s=u(l),p=(s==null?void 0:s.innerHTML.trim())||"";s&&p&&g.addIcon(`@${a.value}:${t.prefix}:${t.name}`,{body:p,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return o&&(t.src?(n.value=!1,o.fetchIcon(t.src).then(l=>{l&&(d(l),n.value=!0)}).catch(l=>{throw new Error(`During fetch icon: ${l==null?void 0:l.message}`)})):t.svg&&d(t.svg)),(l,s)=>n.value?(r.openBlock(),r.createBlock(r.unref(g.Icon),r.mergeProps({key:0,class:r.unref(c)},{...l.$props,provider:r.unref(a),icon:r.unref(f)}),null,16,["class"])):r.createCommentVNode("",!0)}}),E={key:0,class:"vv-dialog__header"},D=["onClick"],B={class:"vv-dialog__content"},O={key:1,class:"vv-dialog__footer"};return r.defineComponent({__name:"VvDialog",props:C,emits:_,setup(e,{emit:t}){const n=e,i=m.useVModel(n,"open",t),o=r.ref(!0),c=r.ref(null),a=r.computed(()=>{const{id:s}=n;return{id:s,open:o.value}}),f=r.computed(()=>({"vv-dialog":!0,"vv-dialog--small":n.size===h.small,"vv-dialog--fullscreen":n.size===h.fullscreen})),u=r.computed(()=>`vv-dialog--${n.transition}`),d={"after-enter":()=>{o.value=!0,t("open")},"after-leave":()=>{o.value=!1,t("close")}};m.onClickOutside(c,()=>{n.autoClose&&(i.value=!1)});function l(){i.value=!1}return(s,p)=>(r.openBlock(),r.createBlock(r.Transition,r.mergeProps({name:r.unref(u)},r.toHandlers(d)),{default:r.withCtx(()=>[r.withDirectives(r.createElementVNode("dialog",r.mergeProps(r.unref(a),{class:r.unref(f)}),[r.createElementVNode("article",{ref_key:"modalWrapper",ref:c,class:"vv-dialog__wrapper"},[s.$slots.header||s.title?(r.openBlock(),r.createElementBlock("header",E,[r.renderSlot(s.$slots,"header",{},()=>[r.createTextVNode(r.toDisplayString(s.title)+" ",1),r.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:r.withModifiers(l,["prevent"])},[r.createVNode(A,{name:"close"})],8,D)])])):r.createCommentVNode("",!0),r.createElementVNode("div",B,[r.renderSlot(s.$slots,"default")]),s.$slots.footer?(r.openBlock(),r.createElementBlock("footer",O,[r.renderSlot(s.$slots,"footer")])):r.createCommentVNode("",!0)],512)],16),[[r.vShow,r.unref(i)]])]),_:3},16,["name"]))}})});

package/dist/components/VvDropdown/VvDropdown.d.ts

@@ -0,0 +1,52 @@
+import type { PropType } from 'vue';
+export interface Option {
+    [key: string]: any;
+}
+export declare const VvDropdownProps: {
+    /**
+     * modelValue can be an Object, a String or an Array of Object/String
+     */
+    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    /**
+     * Label of "no results" options
+     */
+    labelNoResult: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Select options, can be string[] or object[]
+     */
+    options: {
+        type: PropType<(string | Option)[]>;
+        required: boolean;
+    };
+    /**
+     * Use objects as modelValue (object or object[])
+     */
+    useObject: BooleanConstructor;
+    /**
+     * Manage modelValue as string[] or object[]
+     */
+    multiple: BooleanConstructor;
+    /**
+     * The max number of selected values
+     */
+    maxValues: (StringConstructor | NumberConstructor)[];
+    /**
+     * Used when options are objects: key to use for option label
+     */
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Used when options are objects: key to use for option label
+     */
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+};