@volverjs/ui-vue 0.0.14 → 0.0.15

package/dist/Volver.d.ts

@@ -101,11 +101,11 @@ export interface VolverInterface {
     defaults: Ref<DefaultOptions>;
 }
 export declare class Volver implements VolverInterface {
-    private _fetchOptions;
-    private _iconsCollections;
-    private _iconsProvider;
-    private _nuxt;
-    private _experimentalFeatures;
+    private readonly _fetchOptions;
+    private readonly _iconsCollections;
+    private readonly _iconsProvider;
+    private readonly _nuxt;
+    private readonly _experimentalFeatures;
     defaults: Ref<DefaultOptions>;
     constructor({ fetchWithCredentials, fetchOptions, iconsProvider, nuxt, iconsCollections, defaults, experimentalFeatures, }?: VolverOptions);
     get nuxt(): boolean;

package/dist/components/VvAction/VvAction.es.js

@@ -71,7 +71,7 @@ var X = {
 } }, le = { current: {
   type: Boolean,
   default: !1
-} }, Ce = {
+} }, we = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -144,7 +144,7 @@ var X = {
 } }, fe = { floating: {
   type: Boolean,
   default: !1
-} }, ve = { id: [String, Number] }, Ne = {
+} }, ve = { id: [String, Number] }, Ce = {
   placement: {
     type: String,
     default: B.bottom,
@@ -211,7 +211,7 @@ var X = {
 } }, be = { autocomplete: {
   type: String,
   default: "off"
-} }, _e = {
+} }, Ne = {
   ..._,
   ...ce,
   ...be,
@@ -241,7 +241,7 @@ var X = {
     default: void 0
   },
   ...C
-}, Le = {
+}, _e = {
   ..._,
   ...N,
   ...v,
@@ -269,7 +269,7 @@ var X = {
     ],
     default: void 0
   }
-}, je = {
+}, Le = {
   ...v,
   ...c,
   ...ue,
@@ -318,7 +318,7 @@ var X = {
     type: String,
     default: o.button
   }
-}, Ie = {
+}, je = {
   storageType: {
     type: String,
     default: O.local,
@@ -329,28 +329,28 @@ var X = {
   "click",
   "mouseover",
   "mouseleave"
-], me = ye;
-function Se() {
+];
+function me() {
   return f(te, void 0);
 }
-function Pe() {
+function Se() {
   return f(re, {});
 }
-function he() {
+function Pe() {
   return f(oe, {});
 }
-var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ F({
-  ...Oe,
-  props: me,
+var he = { name: "VvAction" }, Oe = /* @__PURE__ */ F({
+  ...he,
+  props: ye,
   emits: ge,
   setup(e, { expose: L, emit: j }) {
-    const r = e, l = j, i = q(), I = Se(), u = W(null);
+    const r = e, l = j, i = q(), I = me(), u = W(null);
     L({ $el: u });
-    const { reference: S, bus: d, aria: A, expanded: E } = Pe();
+    const { reference: S, bus: d, aria: E, expanded: A } = Se();
     Q(() => u.value, (t) => {
       S && (S.value = t);
     });
-    const P = s(() => r.pressed || E?.value), { role: x } = he(), h = s(() => {
+    const P = s(() => r.pressed || A?.value), { role: x } = Pe(), h = s(() => {
       switch (!0) {
         case r.disabled:
           return o.button;
@@ -363,7 +363,7 @@ var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ F({
       }
     }), D = s(() => {
       const t = {
-        ...A?.value,
+        ...E?.value,
         ariaPressed: P.value ? !0 : void 0,
         ariaLabel: r.ariaLabel,
         role: x?.value
@@ -393,7 +393,7 @@ var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ F({
           return t;
       }
     });
-    function V(t) {
+    function R(t) {
       if (r.disabled) {
         t.preventDefault();
         return;
@@ -404,21 +404,21 @@ var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ F({
       }
       d?.emit("click", t);
     }
-    function R(t) {
+    function T(t) {
       if (i?.vnode.props?.onMouseover) {
         l("mouseover", t);
         return;
       }
       d?.emit("mouseover", t);
     }
-    function T(t) {
+    function V(t) {
       if (i?.vnode.props?.onMouseleave) {
         l("mouseleave", t);
         return;
       }
       d?.emit("mouseleave", t);
     }
-    return (t, ke) => (J(), K(z(p(h)), G(p(D), {
+    return (t, Be) => (J(), K(z(p(h)), G(p(D), {
       ref_key: "rootEl",
       ref: u,
       class: {
@@ -427,15 +427,15 @@ var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ F({
         disabled: t.disabled,
         current: t.current
       },
-      onClickPassive: V,
-      onMouseoverPassive: R,
-      onMouseleavePassive: T
+      onClickPassive: R,
+      onMouseoverPassive: T,
+      onMouseleavePassive: V
     }), {
       default: U(() => [Y(t.$slots, "default", {}, () => [M(H(t.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ae = Be;
+}), Ie = Oe;
 export {
-  Ae as default
+  Ie as default
 };

package/dist/components/VvAction/VvAction.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAction=n(t.Vue))})(this,function(t){var n={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},m=(function(e){return e.local="local",e.session="session",e})({}),j=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),S=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),_=(function(e){return 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})({}),P=(function(e){return e.before="before",e.after="after",e})({}),h=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),a=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),L=Symbol.for("volver"),A=Symbol.for("dropdownTrigger"),I=Symbol.for("dropdownAction"),E={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},u={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},s={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},l={disabled:{type:Boolean,default:!1}},O={required:{type:Boolean,default:!1}},x={active:{type:Boolean,default:!1}},V={current:{type:Boolean,default:!1}},se={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:n.clear},labelClear:{type:String,default:"Clear"}},D={pressed:{type:Boolean,default:!1}},i={label:{type:[String,Number],default:void 0}},f={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},c={hintLabel:{type:String,default:""}},T={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},R={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},M={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},B={tabindex:{type:[String,Number],default:0}},q={floating:{type:Boolean,default:!1}},F={id:[String,Number]},fe={placement:{type:String,default:S.bottom,validator:e=>Object.values(S).includes(e)||Object.values(_).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(j).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},k={...F,name:{type:String,required:!0}},G={autofocus:{type:Boolean,default:!1}},J={autocomplete:{type:String,default:"off"}},pe={...k,...G,...J,...B,...l,...f,...d,...u,...c,...s,...p,...R,...K,...M,...q,...i,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...O},ce={...k,...B,...d,...u,...c,...l,...f,...p,...i,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ve={...d,...u,...T,...c,...l,...f,...p,...i,...s,...O,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},W={...l,...i,...D,...x,...V,...E,type:{type:String,default:h.button,validator:e=>Object.values(h).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},be={storageType:{type:String,default:m.local,validator:e=>Object.values(m).includes(e)},storageKey:String},Y=["click","mouseover","mouseleave"],$=W;function z(){return(0,t.inject)(L,void 0)}function H(){return(0,t.inject)(A,{})}function Q(){return(0,t.inject)(I,{})}var U={name:"VvAction"},X=(0,t.defineComponent)({...U,props:$,emits:Y,setup(e,{expose:ee,emit:te}){const o=e,v=te,b=(0,t.getCurrentInstance)(),re=z(),y=(0,t.ref)(null);ee({$el:y});const{reference:w,bus:g,aria:oe,expanded:ae}=H();(0,t.watch)(()=>y.value,r=>{w&&(w.value=r)});const C=(0,t.computed)(()=>o.pressed||ae?.value),{role:ne}=Q(),N=(0,t.computed)(()=>{switch(!0){case o.disabled:return a.button;case o.to!==void 0:return re?.nuxt?(0,t.resolveComponent)(a.nuxtLink):a.routerLink;case o.href!==void 0:return a.a;default:return o.defaultTag}}),le=(0,t.computed)(()=>{const r={...oe?.value,ariaPressed:C.value?!0:void 0,ariaLabel:o.ariaLabel,role:ne?.value};switch(N.value){case a.a:return{...r,href:o.href,target:o.target,rel:o.rel};case a.routerLink:case a.nuxtLink:return{...r,to:o.to,target:o.target};case a.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function ie(r){if(o.disabled){r.preventDefault();return}if(b?.vnode.props?.onClick){v("click",r);return}g?.emit("click",r)}function de(r){if(b?.vnode.props?.onMouseover){v("mouseover",r);return}g?.emit("mouseover",r)}function ue(r){if(b?.vnode.props?.onMouseleave){v("mouseleave",r);return}g?.emit("mouseleave",r)}return(r,ye)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(N)),(0,t.mergeProps)((0,t.unref)(le),{ref_key:"rootEl",ref:y,class:{active:r.active,pressed:(0,t.unref)(C),disabled:r.disabled,current:r.current},onClickPassive:ie,onMouseoverPassive:de,onMouseleavePassive:ue}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),Z=X;return Z});
+(function(t,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAction=n(t.Vue))})(this,function(t){var n={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},m=(function(e){return e.local="local",e.session="session",e})({}),j=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),S=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),_=(function(e){return 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})({}),P=(function(e){return e.before="before",e.after="after",e})({}),h=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),a=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),L=Symbol.for("volver"),I=Symbol.for("dropdownTrigger"),A=Symbol.for("dropdownAction"),E={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},u={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},s={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},l={disabled:{type:Boolean,default:!1}},O={required:{type:Boolean,default:!1}},x={active:{type:Boolean,default:!1}},D={current:{type:Boolean,default:!1}},ue={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:n.clear},labelClear:{type:String,default:"Clear"}},T={pressed:{type:Boolean,default:!1}},i={label:{type:[String,Number],default:void 0}},f={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},c={hintLabel:{type:String,default:""}},V={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},R={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},K={debounce:{type:[Number,String],default:void 0}},M={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},B={tabindex:{type:[String,Number],default:0}},q={floating:{type:Boolean,default:!1}},F={id:[String,Number]},se={placement:{type:String,default:S.bottom,validator:e=>Object.values(S).includes(e)||Object.values(_).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(j).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},k={...F,name:{type:String,required:!0}},G={autofocus:{type:Boolean,default:!1}},J={autocomplete:{type:String,default:"off"}},fe={...k,...G,...J,...B,...l,...f,...d,...u,...c,...s,...p,...R,...K,...M,...q,...i,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...O},pe={...k,...B,...d,...u,...c,...l,...f,...p,...i,...s,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ce={...d,...u,...V,...c,...l,...f,...p,...i,...s,...O,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},W={...l,...i,...T,...x,...D,...E,type:{type:String,default:h.button,validator:e=>Object.values(h).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},ve={storageType:{type:String,default:m.local,validator:e=>Object.values(m).includes(e)},storageKey:String},Y=["click","mouseover","mouseleave"];function $(){return(0,t.inject)(L,void 0)}function z(){return(0,t.inject)(I,{})}function H(){return(0,t.inject)(A,{})}var Q={name:"VvAction"},U=(0,t.defineComponent)({...Q,props:W,emits:Y,setup(e,{expose:Z,emit:ee}){const o=e,v=ee,b=(0,t.getCurrentInstance)(),te=$(),y=(0,t.ref)(null);Z({$el:y});const{reference:w,bus:g,aria:re,expanded:oe}=z();(0,t.watch)(()=>y.value,r=>{w&&(w.value=r)});const C=(0,t.computed)(()=>o.pressed||oe?.value),{role:ae}=H(),N=(0,t.computed)(()=>{switch(!0){case o.disabled:return a.button;case o.to!==void 0:return te?.nuxt?(0,t.resolveComponent)(a.nuxtLink):a.routerLink;case o.href!==void 0:return a.a;default:return o.defaultTag}}),ne=(0,t.computed)(()=>{const r={...re?.value,ariaPressed:C.value?!0:void 0,ariaLabel:o.ariaLabel,role:ae?.value};switch(N.value){case a.a:return{...r,href:o.href,target:o.target,rel:o.rel};case a.routerLink:case a.nuxtLink:return{...r,to:o.to,target:o.target};case a.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function le(r){if(o.disabled){r.preventDefault();return}if(b?.vnode.props?.onClick){v("click",r);return}g?.emit("click",r)}function ie(r){if(b?.vnode.props?.onMouseover){v("mouseover",r);return}g?.emit("mouseover",r)}function de(r){if(b?.vnode.props?.onMouseleave){v("mouseleave",r);return}g?.emit("mouseleave",r)}return(r,be)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(N)),(0,t.mergeProps)((0,t.unref)(ne),{ref_key:"rootEl",ref:y,class:{active:r.active,pressed:(0,t.unref)(C),disabled:r.disabled,current:r.current},onClickPassive:le,onMouseoverPassive:ie,onMouseleavePassive:de}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),X=U;return X});

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

@@ -1,45 +1,2 @@
 export declare const VvActionEvents: string[];
-export declare const VvActionProps: {
-    type: {
-        type: PropType<`${import("../../constants").ButtonType}`>;
-        default: import("../../constants").ButtonType;
-        validator: (value: import("../../constants").ButtonType) => boolean;
-    };
-    ariaLabel: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultTag: {
-        type: StringConstructor;
-        default: import("../../constants").ActionTag;
-    };
-    to: {
-        type: (ObjectConstructor | StringConstructor)[];
-    };
-    href: StringConstructor;
-    target: StringConstructor;
-    rel: {
-        type: StringConstructor;
-        default: string;
-    };
-    current: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pressed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
+export { ActionProps as VvActionProps } from '../../props';

package/dist/components/VvAlert/VvAlert.es.js

@@ -1,6 +1,6 @@
-import { computed as r, createBlock as _, createCommentVNode as b, createElementBlock as g, createElementVNode as W, createTextVNode as B, defineComponent as R, guardReactiveProps as j, inject as D, mergeDefaults as Q, mergeProps as M, normalizeProps as E, onBeforeUnmount as X, openBlock as p, ref as q, renderSlot as y, toDisplayString as I, toRefs as Z, unref as u, useId as x, watch as ee, withModifiers as te } from "vue";
+import { computed as r, createBlock as _, createCommentVNode as b, createElementBlock as g, createElementVNode as W, createTextVNode as I, defineComponent as R, guardReactiveProps as j, inject as D, mergeDefaults as Q, mergeProps as M, normalizeProps as E, onBeforeUnmount as X, openBlock as p, ref as q, renderSlot as y, toDisplayString as P, toRefs as Z, unref as u, useId as x, watch as ee, withModifiers as te } from "vue";
 import { Icon as oe, addIcon as ae, iconLoaded as w } from "@iconify/vue";
-var F = /* @__PURE__ */ (function(e) {
+var T = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), re = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
@@ -10,7 +10,7 @@ var F = /* @__PURE__ */ (function(e) {
   return 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;
 })({}), $ = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), T = /* @__PURE__ */ (function(e) {
+})({}), F = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), ne = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
@@ -90,7 +90,7 @@ var F = /* @__PURE__ */ (function(e) {
 }, ye = { pressed: {
   type: Boolean,
   default: !1
-} }, P = { label: {
+} }, B = { label: {
   type: [String, Number],
   default: void 0
 } }, L = { readonly: {
@@ -230,7 +230,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...me,
   ...z,
   ...he,
-  ...P,
+  ...B,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -253,7 +253,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...C,
   ...L,
   ...V,
-  ...P,
+  ...B,
   ...k,
   value: {
     type: [
@@ -280,7 +280,7 @@ var F = /* @__PURE__ */ (function(e) {
   ...C,
   ...L,
   ...V,
-  ...P,
+  ...B,
   ...k,
   ...K,
   modelValue: {
@@ -303,15 +303,15 @@ var F = /* @__PURE__ */ (function(e) {
   }
 }, He = {
   ...C,
-  ...P,
+  ...B,
   ...ye,
   ...ce,
   ...pe,
   ...ve,
   type: {
     type: String,
-    default: T.button,
-    validator: (e) => Object.values(T).includes(e)
+    default: F.button,
+    validator: (e) => Object.values(F).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -324,18 +324,18 @@ var F = /* @__PURE__ */ (function(e) {
 }, Je = {
   storageType: {
     type: String,
-    default: F.local,
-    validator: (e) => Object.values(F).includes(e)
+    default: T.local,
+    validator: (e) => Object.values(T).includes(e)
   },
   storageKey: String
 };
 function Ce() {
   return D(ue, {});
 }
-function Pe(e) {
+function Be(e) {
   return r(() => String(e?.value || x()));
 }
-function Be(e, o) {
+function Ie(e, o) {
   const l = r(() => typeof e?.value == "string" ? { name: e?.value } : e?.value), n = r(() => o?.value === $.before ? l.value : void 0), s = r(() => o?.value === $.after ? l.value : void 0);
   return {
     hasIcon: l,
@@ -357,7 +357,7 @@ function J(e, o, l) {
     }), n;
   });
 }
-var Ie = {
+var Pe = {
   ...U,
   ...z,
   modifiers: {
@@ -394,14 +394,14 @@ var Ie = {
   }
 }, we = ["close"];
 function Oe(e, o) {
-  const { bus: l } = Ce(), n = Pe(r(() => e.id)), s = r(() => `${n.value}-title`);
+  const { bus: l } = Ce(), n = Be(r(() => e.id)), s = r(() => `${n.value}-title`);
   let a;
-  const f = () => {
+  const d = () => {
     a && clearTimeout(a), o("close", n.value), l?.emit("close", n.value);
   };
   ee(() => e.autoClose, (c) => {
     if (c > 0) {
-      a = setTimeout(f, c);
+      a = setTimeout(d, c);
       return;
     }
     a && clearTimeout(a);
@@ -411,21 +411,21 @@ function Oe(e, o) {
   const t = q(!1), v = () => {
     t.value = !0, a && clearTimeout(a);
   }, h = () => {
-    t.value = !1, e.autoClose > 0 && (a = setTimeout(f, e.autoClose));
-  }, { hasIcon: S } = Be(r(() => e.icon)), i = J("vv-alert", r(() => e.modifiers), r(() => ({
+    t.value = !1, e.autoClose > 0 && (a = setTimeout(d, e.autoClose));
+  }, { hasIcon: S } = Ie(r(() => e.icon)), i = J("vv-alert", r(() => e.modifiers), r(() => ({
     dismissable: e.autoClose > 0 || e.dismissable,
     "auto-close": e.autoClose > 0,
     hover: t.value
-  }))), d = r(() => ({ "--alert-duration": `${e.autoClose}ms` }));
+  }))), f = r(() => ({ "--alert-duration": `${e.autoClose}ms` }));
   return {
-    close: f,
+    close: d,
     hasIcon: S,
     hasTitleId: s,
     hasProps: r(() => ({
       onMouseover: v,
       onMouseleave: h,
       class: i.value,
-      style: d.value,
+      style: f.value,
       role: e.role,
       "aria-labelledby": s.value
     }))
@@ -455,31 +455,30 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
     modifiers: {}
   }, fe),
   setup(e) {
-    const o = e, l = r(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), n = q(!0), s = Ne(), { modifiers: a } = Z(o), f = J("vv-icon", a), t = r(() => o.provider || s?.iconsProvider), v = r(() => {
-      const i = o.name ?? "", d = `@${t.value}:${o.prefix}:${i}`;
-      if (w(d)) return d;
+    const o = e, l = r(() => typeof o.rotate == "string" ? Number.parseFloat(o.rotate) : o.rotate), n = q(!0), s = Ne(), { modifiers: a } = Z(o), d = J("vv-icon", a), t = r(() => o.provider || s?.iconsProvider), v = r(() => {
+      const i = o.name ?? "", f = `@${t.value}:${o.prefix}:${i}`;
+      if (w(f)) return f;
       const c = s?.iconsCollections.find((Y) => w(`@${t.value}:${Y.prefix}:${i}`));
       return c ? `@${t.value}:${c.prefix}:${i}` : i;
     });
     function h(i) {
-      const d = typeof window < "u" ? new window.DOMParser() : null;
-      return d ? d.parseFromString(i, "text/html").querySelector("svg") : null;
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(i, "text/html").querySelector("svg");
     }
     function S(i) {
-      const d = h(i), c = d?.innerHTML.trim() || "";
-      d && c && ae(`@${t.value}:${o.prefix}:${o.name}`, {
+      const f = h(i), c = f?.innerHTML.trim() || "";
+      f && c && ae(`@${t.value}:${o.prefix}:${o.name}`, {
         body: c,
-        height: d.viewBox.baseVal.height,
-        width: d.viewBox.baseVal.width
+        height: f.viewBox.baseVal.height,
+        width: f.viewBox.baseVal.width
       });
     }
     return s && o.src && !w(`@${t.value}:${o.prefix}:${o.name}`) && (n.value = !1, s.fetchIcon(o.src).then((i) => {
       i && S(i), n.value = !0;
     }).catch((i) => {
       throw n.value = !0, new Error(`Error during fetch icon: ${i?.message}`);
-    })), o.svg && S(o.svg), (i, d) => u(n) ? (p(), _(u(oe), M({
+    })), o.svg && S(o.svg), (i, f) => u(n) ? (p(), _(u(oe), M({
       key: 0,
-      class: u(f)
+      class: u(d)
     }, {
       inline: e.inline,
       width: e.width,
@@ -495,19 +494,19 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
 }), Ve = Le, Ae = {
   key: 0,
   class: "vv-alert__header"
-}, je = ["id"], Ee = ["aria-label"], Fe = {
+}, je = ["id"], Ee = ["aria-label"], Te = {
   key: 1,
   class: "vv-alert__content"
-}, Te = {
+}, Fe = {
   key: 2,
   class: "vv-alert__footer"
 }, _e = { name: "VvAlert" }, Re = /* @__PURE__ */ R({
   ..._e,
-  props: Ie,
+  props: Pe,
   emits: we,
   setup(e, { expose: o, emit: l }) {
-    const { hasProps: n, hasTitleId: s, hasIcon: a, close: f } = Oe(e, l);
-    return o({ close: f }), (t, v) => (p(), g("div", E(j(u(n))), [
+    const { hasProps: n, hasTitleId: s, hasIcon: a, close: d } = Oe(e, l);
+    return o({ close: d }), (t, v) => (p(), g("div", E(j(u(n))), [
       t.$slots.header || t.$slots.title || t.$slots.close || t.$slots["title::before"] || t.$slots["title::after"] || t.title || u(a) || t.dismissable || t.autoClose ? (p(), g("div", Ae, [
         u(a) ? (p(), _(Ve, M({ key: 0 }, u(a), { class: "vv-alert__icon" }), null, 16)) : b("v-if", !0),
         y(t.$slots, "header", {}, () => [
@@ -516,19 +515,19 @@ var ke = { name: "VvIcon" }, Le = /* @__PURE__ */ R({
             key: 0,
             id: u(s),
             class: "vv-alert__title"
-          }, [y(t.$slots, "title", {}, () => [B(I(t.title), 1)])], 8, je)) : b("v-if", !0),
+          }, [y(t.$slots, "title", {}, () => [I(P(t.title), 1)])], 8, je)) : b("v-if", !0),
           y(t.$slots, "title::after")
         ]),
-        y(t.$slots, "close", E(j({ close: u(f) })), () => [t.dismissable || t.autoClose ? (p(), g("button", {
+        y(t.$slots, "close", E(j({ close: u(d) })), () => [t.dismissable || t.autoClose ? (p(), g("button", {
           key: 0,
           class: "vv-alert__close",
           type: "button",
           "aria-label": t.closeLabel,
-          onClick: v[0] || (v[0] = te((...h) => u(f) && u(f)(...h), ["stop"]))
+          onClick: v[0] || (v[0] = te((...h) => u(d) && u(d)(...h), ["stop"]))
         }, [...v[1] || (v[1] = [W("div", { class: "vv-alert__close-mask" }, null, -1)])], 8, Ee)) : b("v-if", !0)])
       ])) : b("v-if", !0),
-      t.$slots.default || t.content ? (p(), g("div", Fe, [y(t.$slots, "default", {}, () => [B(I(t.content), 1)])])) : b("v-if", !0),
-      t.$slots.footer || t.footer ? (p(), g("div", Te, [y(t.$slots, "footer", {}, () => [B(I(t.footer), 1)])])) : b("v-if", !0)
+      t.$slots.default || t.content ? (p(), g("div", Te, [y(t.$slots, "default", {}, () => [I(P(t.content), 1)])])) : b("v-if", !0),
+      t.$slots.footer || t.footer ? (p(), g("div", Fe, [y(t.$slots, "footer", {}, () => [I(P(t.footer), 1)])])) : b("v-if", !0)
     ], 16));
   }
 }), Ye = Re;

package/dist/components/VvAlert/VvAlert.umd.js

@@ -1 +1 @@
-(function(e,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],f):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlert=f(e.Vue,e.IconifyVue))})(this,function(e,f){var I=(function(t){return t.local="local",t.session="session",t})({}),j=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),m=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),T=(function(t){return 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})({}),y=(function(t){return t.before="before",t.after="after",t})({}),N=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),F=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),R=(function(t){return t.alert="alert",t.alertdialog="alertdialog",t})({}),D=Symbol.for("volver"),q=Symbol.for("alertGroup"),M={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},z={prefix:"normal"},K={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},S={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},B={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},g={disabled:{type:Boolean,default:!1}},V={required:{type:Boolean,default:!1}},_={active:{type:Boolean,default:!1}},G={current:{type:Boolean,default:!1}},ge={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:M.clear},labelClear:{type:String,default:"Clear"}},U={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},P={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},J={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Y={debounce:{type:[Number,String],default:void 0}},w={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:t=>Object.values(y).includes(t)}},L={tabindex:{type:[String,Number],default:0}},W={floating:{type:Boolean,default:!1}},O={id:[String,Number]},be={placement:{type:String,default:m.bottom,validator:t=>Object.values(m).includes(t)||Object.values(T).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(j).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},E={...O,name:{type:String,required:!0}},Q={autofocus:{type:Boolean,default:!1}},X={autocomplete:{type:String,default:"off"}},he={...E,...Q,...X,...L,...g,...P,...S,...B,...k,...C,...$,...J,...Y,...w,...W,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...V},Se={...E,...L,...S,...B,...k,...g,...P,...$,...b,...C,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Be={...S,...B,...H,...k,...g,...P,...$,...b,...C,...V,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ce={...g,...b,...U,..._,...G,...K,type:{type:String,default:N.button,validator:t=>Object.values(N).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:F.button}},Pe={storageType:{type:String,default:I.local,validator:t=>Object.values(I).includes(t)},storageKey:String};function Z(){return(0,e.inject)(q,{})}function x(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function ee(t,r){const l=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),n=(0,e.computed)(()=>r?.value===y.before?l.value:void 0),s=(0,e.computed)(()=>r?.value===y.after?l.value:void 0);return{hasIcon:l,hasIconLeft:(0,e.computed)(()=>r?.value===m.left?l.value:void 0),hasIconRight:(0,e.computed)(()=>r?.value===m.right?l.value:void 0),hasIconTop:(0,e.computed)(()=>r?.value===m.top?l.value:void 0),hasIconBottom:(0,e.computed)(()=>r?.value===m.bottom?l.value:void 0),hasIconBefore:n,hasIconAfter:s}}function A(t,r,l){return(0,e.computed)(()=>{const n={[t]:!0},s=typeof r?.value=="string"?r.value.split(" "):r?.value;return s&&Array.isArray(s)&&s.forEach(a=>{a&&(n[`${t}--${a}`]=!0)}),l&&Object.keys(l.value).forEach(a=>{n[`${t}--${a}`]=(0,e.unref)(l.value[a])}),n})}var te={...O,...w,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:R.alert}},oe=["close"];function re(t,r){const{bus:l}=Z(),n=x((0,e.computed)(()=>t.id)),s=(0,e.computed)(()=>`${n.value}-title`);let a;const u=()=>{a&&clearTimeout(a),r("close",n.value),l?.emit("close",n.value)};(0,e.watch)(()=>t.autoClose,p=>{if(p>0){a=setTimeout(u,p);return}a&&clearTimeout(a)},{immediate:!0}),(0,e.onBeforeUnmount)(()=>{a&&clearTimeout(a)});const o=(0,e.ref)(!1),c=()=>{o.value=!0,a&&clearTimeout(a)},v=()=>{o.value=!1,t.autoClose>0&&(a=setTimeout(u,t.autoClose))},{hasIcon:h}=ee((0,e.computed)(()=>t.icon)),i=A("vv-alert",(0,e.computed)(()=>t.modifiers),(0,e.computed)(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:o.value}))),d=(0,e.computed)(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:u,hasIcon:h,hasTitleId:s,hasProps:(0,e.computed)(()=>({onMouseover:c,onMouseleave:v,class:i.value,style:d.value,role:t.role,"aria-labelledby":s.value}))}}function ae(){return(0,e.inject)(D,void 0)}var le={name:"VvIcon"},ne=(0,e.defineComponent)({...le,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},z),setup(t){const r=t,l=(0,e.computed)(()=>typeof r.rotate=="string"?Number.parseFloat(r.rotate):r.rotate),n=(0,e.ref)(!0),s=ae(),{modifiers:a}=(0,e.toRefs)(r),u=A("vv-icon",a),o=(0,e.computed)(()=>r.provider||s?.iconsProvider),c=(0,e.computed)(()=>{const i=r.name??"",d=`@${o.value}:${r.prefix}:${i}`;if((0,f.iconLoaded)(d))return d;const p=s?.iconsCollections.find(ye=>(0,f.iconLoaded)(`@${o.value}:${ye.prefix}:${i}`));return p?`@${o.value}:${p.prefix}:${i}`:i});function v(i){const d=typeof window<"u"?new window.DOMParser:null;return d?d.parseFromString(i,"text/html").querySelector("svg"):null}function h(i){const d=v(i),p=d?.innerHTML.trim()||"";d&&p&&(0,f.addIcon)(`@${o.value}:${r.prefix}:${r.name}`,{body:p,height:d.viewBox.baseVal.height,width:d.viewBox.baseVal.width})}return s&&r.src&&!(0,f.iconLoaded)(`@${o.value}:${r.prefix}:${r.name}`)&&(n.value=!1,s.fetchIcon(r.src).then(i=>{i&&h(i),n.value=!0}).catch(i=>{throw n.value=!0,new Error(`Error during fetch icon: ${i?.message}`)})),r.svg&&h(r.svg),(i,d)=>(0,e.unref)(n)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(u)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(l),color:t.color,icon:(0,e.unref)(c)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),ie=ne,se={key:0,class:"vv-alert__header"},de=["id"],ue=["aria-label"],fe={key:1,class:"vv-alert__content"},ce={key:2,class:"vv-alert__footer"},pe={name:"VvAlert"},me=(0,e.defineComponent)({...pe,props:te,emits:oe,setup(t,{expose:r,emit:l}){const{hasProps:n,hasTitleId:s,hasIcon:a,close:u}=re(t,l);return r({close:u}),(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||(0,e.unref)(a)||o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("div",se,[(0,e.unref)(a)?((0,e.openBlock)(),(0,e.createBlock)(ie,(0,e.mergeProps)({key:0},(0,e.unref)(a),{class:"vv-alert__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"header",{},()=>[(0,e.renderSlot)(o.$slots,"title::before"),o.$slots.title||o.title?((0,e.openBlock)(),(0,e.createElementBlock)("strong",{key:0,id:(0,e.unref)(s),class:"vv-alert__title"},[(0,e.renderSlot)(o.$slots,"title",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.title),1)])],8,de)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"title::after")]),(0,e.renderSlot)(o.$slots,"close",(0,e.normalizeProps)((0,e.guardReactiveProps)({close:(0,e.unref)(u)})),()=>[o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:c[0]||(c[0]=(0,e.withModifiers)((...v)=>(0,e.unref)(u)&&(0,e.unref)(u)(...v),["stop"]))},[...c[1]||(c[1]=[(0,e.createElementVNode)("div",{class:"vv-alert__close-mask"},null,-1)])],8,ue)):(0,e.createCommentVNode)("v-if",!0)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.default||o.content?((0,e.openBlock)(),(0,e.createElementBlock)("div",fe,[(0,e.renderSlot)(o.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.content),1)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.footer||o.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",ce,[(0,e.renderSlot)(o.$slots,"footer",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.footer),1)])])):(0,e.createCommentVNode)("v-if",!0)],16))}}),ve=me;return ve});
+(function(e,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],f):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAlert=f(e.Vue,e.IconifyVue))})(this,function(e,f){var I=(function(t){return t.local="local",t.session="session",t})({}),j=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),v=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),T=(function(t){return 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})({}),y=(function(t){return t.before="before",t.after="after",t})({}),N=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),F=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),R=(function(t){return t.alert="alert",t.alertdialog="alertdialog",t})({}),D=Symbol.for("volver"),q=Symbol.for("alertGroup"),M={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},z={prefix:"normal"},K={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},S={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},B={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},g={disabled:{type:Boolean,default:!1}},V={required:{type:Boolean,default:!1}},_={active:{type:Boolean,default:!1}},G={current:{type:Boolean,default:!1}},ge={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:M.clear},labelClear:{type:String,default:"Clear"}},U={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},P={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},J={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Y={debounce:{type:[Number,String],default:void 0}},w={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:y.before,validation:t=>Object.values(y).includes(t)}},L={tabindex:{type:[String,Number],default:0}},W={floating:{type:Boolean,default:!1}},O={id:[String,Number]},be={placement:{type:String,default:v.bottom,validator:t=>Object.values(v).includes(t)||Object.values(T).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(j).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},E={...O,name:{type:String,required:!0}},Q={autofocus:{type:Boolean,default:!1}},X={autocomplete:{type:String,default:"off"}},he={...E,...Q,...X,...L,...g,...P,...S,...B,...k,...C,...$,...J,...Y,...w,...W,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...V},Se={...E,...L,...S,...B,...k,...g,...P,...$,...b,...C,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Be={...S,...B,...H,...k,...g,...P,...$,...b,...C,...V,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ce={...g,...b,...U,..._,...G,...K,type:{type:String,default:N.button,validator:t=>Object.values(N).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:F.button}},Pe={storageType:{type:String,default:I.local,validator:t=>Object.values(I).includes(t)},storageKey:String};function Z(){return(0,e.inject)(q,{})}function x(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function ee(t,r){const l=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),n=(0,e.computed)(()=>r?.value===y.before?l.value:void 0),s=(0,e.computed)(()=>r?.value===y.after?l.value:void 0);return{hasIcon:l,hasIconLeft:(0,e.computed)(()=>r?.value===v.left?l.value:void 0),hasIconRight:(0,e.computed)(()=>r?.value===v.right?l.value:void 0),hasIconTop:(0,e.computed)(()=>r?.value===v.top?l.value:void 0),hasIconBottom:(0,e.computed)(()=>r?.value===v.bottom?l.value:void 0),hasIconBefore:n,hasIconAfter:s}}function A(t,r,l){return(0,e.computed)(()=>{const n={[t]:!0},s=typeof r?.value=="string"?r.value.split(" "):r?.value;return s&&Array.isArray(s)&&s.forEach(a=>{a&&(n[`${t}--${a}`]=!0)}),l&&Object.keys(l.value).forEach(a=>{n[`${t}--${a}`]=(0,e.unref)(l.value[a])}),n})}var te={...O,...w,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:R.alert}},oe=["close"];function re(t,r){const{bus:l}=Z(),n=x((0,e.computed)(()=>t.id)),s=(0,e.computed)(()=>`${n.value}-title`);let a;const d=()=>{a&&clearTimeout(a),r("close",n.value),l?.emit("close",n.value)};(0,e.watch)(()=>t.autoClose,p=>{if(p>0){a=setTimeout(d,p);return}a&&clearTimeout(a)},{immediate:!0}),(0,e.onBeforeUnmount)(()=>{a&&clearTimeout(a)});const o=(0,e.ref)(!1),c=()=>{o.value=!0,a&&clearTimeout(a)},m=()=>{o.value=!1,t.autoClose>0&&(a=setTimeout(d,t.autoClose))},{hasIcon:h}=ee((0,e.computed)(()=>t.icon)),i=A("vv-alert",(0,e.computed)(()=>t.modifiers),(0,e.computed)(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:o.value}))),u=(0,e.computed)(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:d,hasIcon:h,hasTitleId:s,hasProps:(0,e.computed)(()=>({onMouseover:c,onMouseleave:m,class:i.value,style:u.value,role:t.role,"aria-labelledby":s.value}))}}function ae(){return(0,e.inject)(D,void 0)}var le={name:"VvIcon"},ne=(0,e.defineComponent)({...le,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},z),setup(t){const r=t,l=(0,e.computed)(()=>typeof r.rotate=="string"?Number.parseFloat(r.rotate):r.rotate),n=(0,e.ref)(!0),s=ae(),{modifiers:a}=(0,e.toRefs)(r),d=A("vv-icon",a),o=(0,e.computed)(()=>r.provider||s?.iconsProvider),c=(0,e.computed)(()=>{const i=r.name??"",u=`@${o.value}:${r.prefix}:${i}`;if((0,f.iconLoaded)(u))return u;const p=s?.iconsCollections.find(ye=>(0,f.iconLoaded)(`@${o.value}:${ye.prefix}:${i}`));return p?`@${o.value}:${p.prefix}:${i}`:i});function m(i){return globalThis.window===void 0?null:new globalThis.DOMParser().parseFromString(i,"text/html").querySelector("svg")}function h(i){const u=m(i),p=u?.innerHTML.trim()||"";u&&p&&(0,f.addIcon)(`@${o.value}:${r.prefix}:${r.name}`,{body:p,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return s&&r.src&&!(0,f.iconLoaded)(`@${o.value}:${r.prefix}:${r.name}`)&&(n.value=!1,s.fetchIcon(r.src).then(i=>{i&&h(i),n.value=!0}).catch(i=>{throw n.value=!0,new Error(`Error during fetch icon: ${i?.message}`)})),r.svg&&h(r.svg),(i,u)=>(0,e.unref)(n)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(d)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(l),color:t.color,icon:(0,e.unref)(c)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),ie=ne,se={key:0,class:"vv-alert__header"},de=["id"],ue=["aria-label"],fe={key:1,class:"vv-alert__content"},ce={key:2,class:"vv-alert__footer"},pe={name:"VvAlert"},ve=(0,e.defineComponent)({...pe,props:te,emits:oe,setup(t,{expose:r,emit:l}){const{hasProps:n,hasTitleId:s,hasIcon:a,close:d}=re(t,l);return r({close:d}),(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(n))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||(0,e.unref)(a)||o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("div",se,[(0,e.unref)(a)?((0,e.openBlock)(),(0,e.createBlock)(ie,(0,e.mergeProps)({key:0},(0,e.unref)(a),{class:"vv-alert__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"header",{},()=>[(0,e.renderSlot)(o.$slots,"title::before"),o.$slots.title||o.title?((0,e.openBlock)(),(0,e.createElementBlock)("strong",{key:0,id:(0,e.unref)(s),class:"vv-alert__title"},[(0,e.renderSlot)(o.$slots,"title",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.title),1)])],8,de)):(0,e.createCommentVNode)("v-if",!0),(0,e.renderSlot)(o.$slots,"title::after")]),(0,e.renderSlot)(o.$slots,"close",(0,e.normalizeProps)((0,e.guardReactiveProps)({close:(0,e.unref)(d)})),()=>[o.dismissable||o.autoClose?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:c[0]||(c[0]=(0,e.withModifiers)((...m)=>(0,e.unref)(d)&&(0,e.unref)(d)(...m),["stop"]))},[...c[1]||(c[1]=[(0,e.createElementVNode)("div",{class:"vv-alert__close-mask"},null,-1)])],8,ue)):(0,e.createCommentVNode)("v-if",!0)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.default||o.content?((0,e.openBlock)(),(0,e.createElementBlock)("div",fe,[(0,e.renderSlot)(o.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.content),1)])])):(0,e.createCommentVNode)("v-if",!0),o.$slots.footer||o.footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",ce,[(0,e.renderSlot)(o.$slots,"footer",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(o.footer),1)])])):(0,e.createCommentVNode)("v-if",!0)],16))}}),me=ve;return me});

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

@@ -94,7 +94,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
     icon: string | import("../VvIcon").VvIconProps;
     content: string;
     footer: string;
-    modifiers: string | string[];
+    modifiers: import("../..").AlertModifier | import("../..").AlertModifier[];
     dismissable: boolean;
     autoClose: number;
     closeLabel: string;