@volverjs/ui-vue 0.0.10-beta.74 → 0.0.10-beta.76

package/README.md

@@ -167,14 +167,14 @@ export default defineConfig({
 Used to show alert messages and notifications
 
 ```typescript
-export type AlertModifier =
-    | 'success'
-    | 'info'
-    | 'warning'
-    | 'danger'
-    | 'brand'
-    | 'accent'
-    | string
+export type AlertModifier
+    = | 'success'
+        | 'info'
+        | 'warning'
+        | 'danger'
+        | 'brand'
+        | 'accent'
+        | string
 ```
 
 ```typescript

package/bin/icons.cjs

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("node:fs"),require("node:path"),require("yargs"),require("yargs/helpers"),require("@iconify/tools"),require("@iconify/utils"),require("chokidar")):"function"==typeof define&&define.amd?define(["exports","node:fs","node:path","yargs","yargs/helpers","@iconify/tools","@iconify/utils","chokidar"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self)["generate-icons"]={},e.fileSystem,e.path,e.yargs,e.helpers,e.tools,e.utils,e.chokidar)}(this,(function(e,o,r,n,i,t,s,c){"use strict";function a(e,n="iconify",i={}){return o.readdirSync(e).forEach((t=>{o.statSync(`${e}/${t}`).isDirectory()?i=a(`${e}/${t}`,t,i):t.includes(".svg")&&(i[n]?i[n].push(r.join(e,"/",t)):i[n]=[r.join(e,"/",t)])})),i}function l(e,n,i){const c=a(e,null==i?void 0:i.prefix);Object.keys(c).length?Object.keys(c).forEach((e=>{!async function(e,n,i,c){const a=t.blankIconSet(e);for(const r of n)try{const e=await o.promises.readFile(r,{encoding:"utf-8"}),n=new t.SVG(e);await t.cleanupSVG(n),(null==c?void 0:c.keepColors)||await t.parseColors(n,{defaultColor:"currentColor",callback:(e,o,r)=>!r||t.isEmptyColor(r)||o.includes("var(")?o:"currentColor"}),await t.runSVGO(n);const i=r.replace(/^.*[\\/]/,"").split(".")[0].replace(/ /g,"-").replace(/[^a-z0-9-]/gi,"");a.fromSVG(i,n)}catch(f){console.error(f)}const l=a.export();try{s.validateIconSet(l)}catch(f){throw new Error(`Icon set is not valid: ${null==f?void 0:f.message}`)}const d=`${i}/${l.prefix}.json`;o.mkdirSync(r.dirname(d),{recursive:!0}),o.writeFileSync(d,JSON.stringify(l))}(e,c[e],n,i),console.info(`Icons generated in: ${n}/${e}.json\n`)})):console.error(`There are no files in ${e}`)}const d=n(i.hideBin(process.argv)).argv,f=d.srcPath,u=d.destPath||f;f&&u||(console.error("Please specify the srcPath and destPath with --srcPath and --destPath"),process.exit());const p={prefix:d.prefix,keepColors:d.keepColors};d.watch?(l(f,u,p),c.watch(f,{ignoreInitial:!0}).on("add",(()=>{l(f,u,p)})).on("change",(()=>{l(f,u,p)}))):l(f,u,p),e.createIconifyJsonFiles=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("node:fs"),require("node:path"),require("yargs"),require("yargs/helpers"),require("@iconify/tools"),require("@iconify/utils"),require("chokidar")):"function"==typeof define&&define.amd?define(["exports","node:fs","node:path","yargs","yargs/helpers","@iconify/tools","@iconify/utils","chokidar"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self)["generate-icons"]={},e.fs,e.path,e.yargs,e.yargsHelpers,e.IconifyTools,e.IconifyUtils,e.chokidar)}(this,function(e,o,r,n,i,t,s,c){"use strict";function a(e,n="iconify",i={}){return o.readdirSync(e).forEach(t=>{o.statSync(`${e}/${t}`).isDirectory()?i=a(`${e}/${t}`,t,i):t.includes(".svg")&&(i[n]?i[n].push(r.join(e,"/",t)):i[n]=[r.join(e,"/",t)])}),i}function l(e,n,i){const c=a(e,i?.prefix);Object.keys(c).length?Object.keys(c).forEach(e=>{!async function(e,n,i,c){const a=t.blankIconSet(e);for(const r of n)try{const e=await o.promises.readFile(r,{encoding:"utf-8"}),n=new t.SVG(e);await t.cleanupSVG(n),c?.keepColors||await t.parseColors(n,{defaultColor:"currentColor",callback:(e,o,r)=>!r||t.isEmptyColor(r)||o.includes("var(")?o:"currentColor"}),await t.runSVGO(n);const i=r.replace(/^.*[\\/]/,"").split(".")[0].replace(/ /g,"-").replace(/[^a-z0-9-]/gi,"");a.fromSVG(i,n)}catch(d){console.error(d)}const l=a.export();try{s.validateIconSet(l)}catch(d){throw new Error(`Icon set is not valid: ${d?.message}`)}const f=`${i}/${l.prefix}.json`;o.mkdirSync(r.dirname(f),{recursive:!0}),o.writeFileSync(f,JSON.stringify(l))}(e,c[e],n,i),console.info(`Icons generated in: ${n}/${e}.json\n`)}):console.error(`There are no files in ${e}`)}const f=n(i.hideBin(process.argv)).argv,d=f.srcPath,p=f.destPath||d;d&&p||(console.error("Please specify the srcPath and destPath with --srcPath and --destPath"),process.exit());const y={prefix:f.prefix,keepColors:f.keepColors};f.watch?(l(d,p,y),c.watch(d,{ignoreInitial:!0}).on("add",()=>{l(d,p,y)}).on("change",()=>{l(d,p,y)})):l(d,p,y),e.createIconifyJsonFiles=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/bin/icons.js

@@ -28,7 +28,7 @@ async function generateIcons(prefix, files, destPath2, options2) {
       });
       const svg = new SVG(content);
       await cleanupSVG(svg);
-      if (!(options2 == null ? void 0 : options2.keepColors)) {
+      if (!options2?.keepColors) {
         await parseColors(svg, {
           defaultColor: "currentColor",
           callback: (_attr, colorStr, color) => {
@@ -48,7 +48,7 @@ async function generateIcons(prefix, files, destPath2, options2) {
     validateIconSet(iconifyJson);
   } catch (error) {
     throw new Error(
-      `Icon set is not valid: ${error == null ? void 0 : error.message}`
+      `Icon set is not valid: ${error?.message}`
     );
   }
   const filename = `${destPath2}/${iconifyJson.prefix}.json`;
@@ -56,7 +56,7 @@ async function generateIcons(prefix, files, destPath2, options2) {
   fileSystem.writeFileSync(filename, JSON.stringify(iconifyJson));
 }
 function createIconifyJsonFiles(srcPath2, destPath2, options2) {
-  const objectFiles = getAllFiles(srcPath2, options2 == null ? void 0 : options2.prefix);
+  const objectFiles = getAllFiles(srcPath2, options2?.prefix);
   if (!Object.keys(objectFiles).length) {
     console.error(`There are no files in ${srcPath2}`);
   } else {

package/dist/components/VvAccordion/VvAccordion.es.js

@@ -81,7 +81,7 @@ function useGroupStateInject(groupKey) {
   const group = inject(groupKey, void 0);
   const isInGroup = computed(() => group !== void 0);
   function getGroupOrLocalRef(propName, props, emit) {
-    const groupPropValue = group == null ? void 0 : group[propName];
+    const groupPropValue = group?.[propName];
     if (groupPropValue) {
       return computed({
         get() {
@@ -146,11 +146,11 @@ function useGroupProps(props) {
     INJECTION_KEY_ACCORDION_GROUP
   );
   const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+    () => Boolean(props.disabled || group?.disabled.value)
   );
   const modifiers = computed(() => {
     let localModifiers = props.modifiers;
-    let groupModifiers = group == null ? void 0 : group.modifiers.value;
+    let groupModifiers = group?.modifiers.value;
     const toReturn = /* @__PURE__ */ new Set();
     if (localModifiers) {
       if (!Array.isArray(localModifiers)) {
@@ -172,7 +172,7 @@ function useGroupProps(props) {
     group,
     modifiers,
     disabled,
-    bus: group == null ? void 0 : group.bus
+    bus: group?.bus
   };
 }
 function useModifiers(prefix, modifiers, others) {
@@ -180,7 +180,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {
@@ -214,7 +214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const modelValue = useVModel(props, "modelValue", emit);
     const accordionName = computed(
-      () => props.name || (attrs == null ? void 0 : attrs.id) || useId()
+      () => props.name || attrs?.id || useId()
     );
     const { title, content, not } = toRefs(props);
     const { isInGroup, modifiers, disabled, bus } = useGroupProps(props);
@@ -231,7 +231,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(isExpanded, (newValue) => {
       modelValue.value = not.value ? !newValue : newValue;
     });
-    bus == null ? void 0 : bus.on("toggle", ({ name, value }) => {
+    bus?.on("toggle", ({ name, value }) => {
       if (name !== accordionName.value) {
         return;
       }
@@ -242,7 +242,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       if (isInGroup.value) {
-        bus == null ? void 0 : bus.emit("toggle", {
+        bus?.emit("toggle", {
           name: accordionName.value,
           value: !isExpanded.value
         });
@@ -297,7 +297,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
         return;
       }
-      bus == null ? void 0 : bus.emit("collapse", { name });
+      bus?.emit("collapse", { name });
     }
     __expose({
       isExpanded,

package/dist/components/VvAccordion/VvAccordion.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAccordion=o(e.vue,e.core)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i=Symbol.for("accordionGroup"),l={modifiers:{type:[String,Array],default:void 0}};r.before,n.bottom,a.button,u.button,t.local;const s={...l,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function d(o){const{group:t,isInGroup:n}=function(o){const t=e.inject(o,void 0),n=e.computed((()=>void 0!==t));return{group:t,isInGroup:n,getGroupOrLocalRef:function(o,n,r){const a=null==t?void 0:t[o];if(a)return e.computed({get:()=>a.value,set(e){a.value=e}});const u=e.toRef(n,o);return e.computed({get:()=>u.value,set(e){r&&r(`update:${o}`,e)}})}}}(i),r=e.computed((()=>Boolean(o.disabled||(null==t?void 0:t.disabled.value)))),a=e.computed((()=>{let e=o.modifiers,n=null==t?void 0:t.modifiers.value;const r=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>r.add(e)))),n&&(Array.isArray(n)||(n=n.split(" ")),n.forEach((e=>r.add(e)))),Array.from(r)}));return{isInGroup:n,group:t,modifiers:a,disabled:r,bus:null==t?void 0:t.bus}}const c=["id","open"],p=["aria-controls","aria-expanded"],f=["aria-hidden"];return e.defineComponent({name:"VvAccordion",props:s,emits:["update:modelValue"],setup(t,{expose:n,emit:r}){const a=t,u=r,i=e.useAttrs(),l=o.useVModel(a,"modelValue",u),s=e.computed((()=>a.name||(null==i?void 0:i.id)||e.useId())),{title:m,content:v,not:g}=e.toRefs(a),{isInGroup:b,modifiers:y,disabled:x,bus:h}=d(a),A=e.ref(!1);function E(){x.value||(b.value?null==h||h.emit("toggle",{name:s.value,value:!A.value}):A.value=!A.value)}function V(){A.value||E()}function S(){A.value&&E()}function $(e){h?h.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${s.value}" but it is not in a group`)}function k(e){h?null==h||h.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${s.value}" but it is not in a group`)}e.watch(l,(e=>{"boolean"==typeof e&&(A.value=g.value?!e:e)}),{immediate:!0}),e.watch(A,(e=>{l.value=g.value?!e:e})),null==h||h.on("toggle",(({name:e,value:o})=>{e===s.value&&(A.value=o)})),e.watch(s,((e,o)=>{h&&(o&&o!==e&&h.emit("unregister",{name:o}),h.emit("register",{name:e}))}),{immediate:!0}),e.onBeforeUnmount((()=>{h&&h.emit("unregister",{name:s.value})})),n({isExpanded:A,expand:V,collapse:S,groupExpand:$,groupCollapse:k});const w=function(o,t,n){return e.computed((()=>{const r={[o]:!0},a="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return a&&Array.isArray(a)&&a.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{r[`${o}--${t}`]=e.unref(n.value[t])})),r}))}("vv-accordion",y,e.computed((()=>({disabled:x.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(s),class:e.normalizeClass(e.unref(w)),open:e.unref(A)},[e.createElementVNode("summary",{"aria-controls":e.unref(s),"aria-expanded":e.unref(A),class:"vv-accordion__summary",onClick:t[0]||(t[0]=e.withModifiers((e=>E()),["prevent"]))},[e.renderSlot(o.$slots,"summary",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(A),expand:V,collapse:S,groupExpand:$,groupCollapse:k})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(m)),1)]))],8,p),e.createElementVNode("div",{"aria-hidden":!e.unref(A),class:"vv-accordion__content"},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(A),expand:V,collapse:S,groupExpand:$,groupCollapse:k})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(v)),1)]))],8,f)],10,c))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAccordion=o(e.Vue,e.VueUse)}(this,function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i=Symbol.for("accordionGroup"),l={modifiers:{type:[String,Array],default:void 0}};r.before,n.bottom,a.button,u.button,t.local;const s={...l,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function d(o){const{group:t,isInGroup:n}=function(o){const t=e.inject(o,void 0),n=e.computed(()=>void 0!==t);return{group:t,isInGroup:n,getGroupOrLocalRef:function(o,n,r){const a=t?.[o];if(a)return e.computed({get:()=>a.value,set(e){a.value=e}});const u=e.toRef(n,o);return e.computed({get:()=>u.value,set(e){r&&r(`update:${o}`,e)}})}}}(i),r=e.computed(()=>Boolean(o.disabled||t?.disabled.value)),a=e.computed(()=>{let e=o.modifiers,n=t?.modifiers.value;const r=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>r.add(e))),n&&(Array.isArray(n)||(n=n.split(" ")),n.forEach(e=>r.add(e))),Array.from(r)});return{isInGroup:n,group:t,modifiers:a,disabled:r,bus:t?.bus}}const c=["id","open"],p=["aria-controls","aria-expanded"],f=["aria-hidden"];return e.defineComponent({name:"VvAccordion",props:s,emits:["update:modelValue"],setup(t,{expose:n,emit:r}){const a=t,u=r,i=e.useAttrs(),l=o.useVModel(a,"modelValue",u),s=e.computed(()=>a.name||i?.id||e.useId()),{title:m,content:v,not:g}=e.toRefs(a),{isInGroup:b,modifiers:y,disabled:x,bus:h}=d(a),V=e.ref(!1);function A(){x.value||(b.value?h?.emit("toggle",{name:s.value,value:!V.value}):V.value=!V.value)}function E(){V.value||A()}function S(){V.value&&A()}function $(e){h?h.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${s.value}" but it is not in a group`)}function k(e){h?h?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${s.value}" but it is not in a group`)}e.watch(l,e=>{"boolean"==typeof e&&(V.value=g.value?!e:e)},{immediate:!0}),e.watch(V,e=>{l.value=g.value?!e:e}),h?.on("toggle",({name:e,value:o})=>{e===s.value&&(V.value=o)}),e.watch(s,(e,o)=>{h&&(o&&o!==e&&h.emit("unregister",{name:o}),h.emit("register",{name:e}))},{immediate:!0}),e.onBeforeUnmount(()=>{h&&h.emit("unregister",{name:s.value})}),n({isExpanded:V,expand:E,collapse:S,groupExpand:$,groupCollapse:k});const w=function(o,t,n){return e.computed(()=>{const r={[o]:!0},a="string"==typeof t?.value?t.value.split(" "):t?.value;return a&&Array.isArray(a)&&a.forEach(e=>{e&&(r[`${o}--${e}`]=!0)}),n&&Object.keys(n.value).forEach(t=>{r[`${o}--${t}`]=e.unref(n.value[t])}),r})}("vv-accordion",y,e.computed(()=>({disabled:x.value})));return(o,t)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(s),class:e.normalizeClass(e.unref(w)),open:e.unref(V)},[e.createElementVNode("summary",{"aria-controls":e.unref(s),"aria-expanded":e.unref(V),class:"vv-accordion__summary",onClick:t[0]||(t[0]=e.withModifiers(e=>A(),["prevent"]))},[e.renderSlot(o.$slots,"summary",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(V),expand:E,collapse:S,groupExpand:$,groupCollapse:k})),()=>[e.createTextVNode(e.toDisplayString(e.unref(m)),1)])],8,p),e.createElementVNode("div",{"aria-hidden":!e.unref(V),class:"vv-accordion__content"},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(V),expand:E,collapse:S,groupExpand:$,groupCollapse:k})),()=>[e.createTextVNode(e.toDisplayString(e.unref(v)),1)])],8,f)],10,c))}})});

package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js

@@ -124,7 +124,7 @@ function useGroupStateInject(groupKey) {
   const group = inject(groupKey, void 0);
   const isInGroup = computed(() => group !== void 0);
   function getGroupOrLocalRef(propName, props, emit) {
-    const groupPropValue = group == null ? void 0 : group[propName];
+    const groupPropValue = group?.[propName];
     if (groupPropValue) {
       return computed({
         get() {
@@ -189,11 +189,11 @@ function useGroupProps(props) {
     INJECTION_KEY_ACCORDION_GROUP
   );
   const disabled = computed(
-    () => Boolean(props.disabled || (group == null ? void 0 : group.disabled.value))
+    () => Boolean(props.disabled || group?.disabled.value)
   );
   const modifiers = computed(() => {
     let localModifiers = props.modifiers;
-    let groupModifiers = group == null ? void 0 : group.modifiers.value;
+    let groupModifiers = group?.modifiers.value;
     const toReturn = /* @__PURE__ */ new Set();
     if (localModifiers) {
       if (!Array.isArray(localModifiers)) {
@@ -215,7 +215,7 @@ function useGroupProps(props) {
     group,
     modifiers,
     disabled,
-    bus: group == null ? void 0 : group.bus
+    bus: group?.bus
   };
 }
 function useModifiers(prefix, modifiers, others) {
@@ -223,7 +223,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {
@@ -257,7 +257,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const modelValue = useVModel(props, "modelValue", emit);
     const accordionName = computed(
-      () => props.name || (attrs == null ? void 0 : attrs.id) || useId()
+      () => props.name || attrs?.id || useId()
     );
     const { title, content, not } = toRefs(props);
     const { isInGroup, modifiers, disabled, bus } = useGroupProps(props);
@@ -274,7 +274,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     watch(isExpanded, (newValue) => {
       modelValue.value = not.value ? !newValue : newValue;
     });
-    bus == null ? void 0 : bus.on("toggle", ({ name, value }) => {
+    bus?.on("toggle", ({ name, value }) => {
       if (name !== accordionName.value) {
         return;
       }
@@ -285,7 +285,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         return;
       }
       if (isInGroup.value) {
-        bus == null ? void 0 : bus.emit("toggle", {
+        bus?.emit("toggle", {
           name: accordionName.value,
           value: !isExpanded.value
         });
@@ -340,7 +340,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         );
         return;
       }
-      bus == null ? void 0 : bus.emit("collapse", { name });
+      bus?.emit("collapse", { name });
     }
     __expose({
       isExpanded,
@@ -422,7 +422,7 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
           if (newKey) {
             storageValue = useStorage(
               newKey,
-              (storageValue == null ? void 0 : storageValue.value) ?? localValue.value,
+              storageValue?.value ?? localValue.value,
               storage
             );
             if (storageValue.value) {
@@ -439,12 +439,12 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
     }
     if (isRef(storageType)) {
       watch(storageType, (newType, oldType) => {
-        if (storageKey == null ? void 0 : storageKey.value) {
+        if (storageKey?.value) {
           if (newType) {
             const storage = newType === StorageType.session ? sessionStorage : localStorage;
             storageValue = useStorage(
               storageKey.value,
-              (storageValue == null ? void 0 : storageValue.value) ?? localValue.value,
+              storageValue?.value ?? localValue.value,
               storage
             );
           }
@@ -657,9 +657,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(
                   _sfc_main$1,
                   mergeProps({
-                    key: item.title,
-                    ref_for: true
-                  }, {
+                    key: item.title
+                  }, { ref_for: true }, {
                     name: item.name,
                     title: item.title,
                     content: item.content

package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAccordionGroup=o(e.vue,e.mitt,e.core)}(this,(function(e,o,t){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const i=Symbol.for("accordionGroup"),s={modifiers:{type:[String,Array],default:void 0}};l.before,n.bottom,r.button,u.button;const d={storageType:{type:String,default:a.local,validator:e=>Object.values(a).includes(e)},storageKey:String},c={...s,...d,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const m={...s,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function v(o){const{group:t,isInGroup:a}=function(o){const t=e.inject(o,void 0),a=e.computed((()=>void 0!==t));return{group:t,isInGroup:a,getGroupOrLocalRef:function(o,a,n){const l=null==t?void 0:t[o];if(l)return e.computed({get:()=>l.value,set(e){l.value=e}});const r=e.toRef(a,o);return e.computed({get:()=>r.value,set(e){n&&n(`update:${o}`,e)}})}}}(i),n=e.computed((()=>Boolean(o.disabled||(null==t?void 0:t.disabled.value)))),l=e.computed((()=>{let e=o.modifiers,a=null==t?void 0:t.modifiers.value;const n=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>n.add(e)))),a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach((e=>n.add(e)))),Array.from(n)}));return{isInGroup:a,group:t,modifiers:l,disabled:n,bus:null==t?void 0:t.bus}}function p(o,t,a){return e.computed((()=>{const n={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${o}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((t=>{n[`${o}--${t}`]=e.unref(a.value[t])})),n}))}const f=["id","open"],g=["aria-controls","aria-expanded"],y=["aria-hidden"],b=e.defineComponent({name:"VvAccordion",props:m,emits:["update:modelValue"],setup(o,{expose:a,emit:n}){const l=o,r=n,u=e.useAttrs(),i=t.useVModel(l,"modelValue",r),s=e.computed((()=>l.name||(null==u?void 0:u.id)||e.useId())),{title:d,content:c,not:m}=e.toRefs(l),{isInGroup:b,modifiers:S,disabled:x,bus:A}=v(l),h=e.ref(!1);function w(){x.value||(b.value?null==A||A.emit("toggle",{name:s.value,value:!h.value}):h.value=!h.value)}function V(){h.value||w()}function k(){h.value&&w()}function $(e){A?A.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${s.value}" but it is not in a group`)}function B(e){A?null==A||A.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${s.value}" but it is not in a group`)}e.watch(i,(e=>{"boolean"==typeof e&&(h.value=m.value?!e:e)}),{immediate:!0}),e.watch(h,(e=>{i.value=m.value?!e:e})),null==A||A.on("toggle",(({name:e,value:o})=>{e===s.value&&(h.value=o)})),e.watch(s,((e,o)=>{A&&(o&&o!==e&&A.emit("unregister",{name:o}),A.emit("register",{name:e}))}),{immediate:!0}),e.onBeforeUnmount((()=>{A&&A.emit("unregister",{name:s.value})})),a({isExpanded:h,expand:V,collapse:k,groupExpand:$,groupCollapse:B});const E=p("vv-accordion",S,e.computed((()=>({disabled:x.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(s),class:e.normalizeClass(e.unref(E)),open:e.unref(h)},[e.createElementVNode("summary",{"aria-controls":e.unref(s),"aria-expanded":e.unref(h),class:"vv-accordion__summary",onClick:t[0]||(t[0]=e.withModifiers((e=>w()),["prevent"]))},[e.renderSlot(o.$slots,"summary",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(h),expand:V,collapse:k,groupExpand:$,groupCollapse:B})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)),1)]))],8,g),e.createElementVNode("div",{"aria-hidden":!e.unref(h),class:"vv-accordion__content"},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(h),expand:V,collapse:k,groupExpand:$,groupCollapse:B})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)]))],8,y)],10,f))}});return e.defineComponent({name:"VvAccordionGroup",props:c,emits:["update:modelValue"],setup(n,{expose:l,emit:r}){const u=n,s=r,{disabled:d,modifiers:c,itemModifiers:m,items:v,storageKey:f,storageType:g}=e.toRefs(u);e.watchEffect((()=>{"string"==typeof u.modelValue&&u.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")}));const y=e.reactive(new Set),S=function(o,n=a.local,l){const r=e.ref();let u;return l&&(r.value=l),e.onMounted((()=>{o&&e.watch(o,((o,l)=>{const i=e.unref(n)===a.session?sessionStorage:localStorage;if(l&&l!==o&&i.removeItem(l),o)return u=t.useStorage(o,(null==u?void 0:u.value)??r.value,i),void(u.value&&(r.value=u.value));u=void 0}),{immediate:!0}),e.isRef(n)&&e.watch(n,((e,n)=>{if(null==o?void 0:o.value){if(e){const n=e===a.session?sessionStorage:localStorage;u=t.useStorage(o.value,(null==u?void 0:u.value)??r.value,n)}n&&n!==e&&(n===a.session?sessionStorage:localStorage).removeItem(o.value)}}))})),e.watch(r,(e=>{u&&(u.value=e)}),{deep:!0,immediate:!0}),r}(f,g,[]),x=e.computed({get:()=>null!==u.modelValue&&void 0!==u.modelValue?u.modelValue:S.value,set:e=>{s("update:modelValue",e),S.value=e}}),A=e.computed({get:()=>{if(void 0===x.value)return new Set;let e=new Set;return u.not?"string"==typeof x.value?e=new Set([...y].filter((e=>e!==x.value))):Array.isArray(x.value)&&(e=new Set([...y].filter((e=>!x.value.includes(e))))):"string"==typeof x.value?e=new Set([x.value]):Array.isArray(x.value)&&(e=new Set(x.value)),e},set:e=>{u.not?x.value=[...y].filter((o=>!e.has(o))):u.collapse?x.value=[...e]:x.value=e.values().next().value}});e.onMounted((()=>{u.not&&void 0===x.value&&(x.value=u.collapse?[]:[...y.values()].splice(1,y.size)),e.nextTick((()=>{for(const e of y)h.emit("toggle",{name:e,value:A.value.has(e)})}))}));const h=o();var w,V;function k(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)h.emit("toggle",{name:o,value:!0});else for(const o of y)h.emit("toggle",{name:o,value:!0});else h.emit("toggle",{name:e,value:!0})}function $(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)h.emit("toggle",{name:o,value:!1});else for(const o of y)h.emit("toggle",{name:o,value:!1});else h.emit("toggle",{name:e,value:!1})}w=i,V={disabled:d,modifiers:m,bus:h},e.provide(w,V),h.on("register",(({name:e})=>{y.add(e)})),h.on("unregister",(({name:e})=>{y.delete(e)})),h.on("toggle",(({name:e,value:o})=>{const t=new Set(A.value);if(o){if(!u.collapse){for(const o of t)o!==e&&h.emit("toggle",{name:o,value:!1});t.clear()}return t.add(e),void(A.value=t)}t.delete(e),A.value=t})),h.on("expand",(({name:e})=>k(e))),h.on("collapse",(({name:e})=>$(e))),l({expandedAccordions:A,expand:k,collapse:$});const B=p("vv-accordion-group",c,e.computed((()=>({disabled:d.value}))));return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(B))},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({expandedAccordions:e.unref(A),expand:k,collapse:$})),(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(v),(t=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:t.title,ref_for:!0},{name:t.name,title:t.title,content:t.content}),e.createSlots({_:2},[o.$slots[`summary::${t.name}`]?{name:"summary",fn:e.withCtx((a=>[e.renderSlot(o.$slots,`summary::${t.name}`,e.mergeProps({ref_for:!0},a))])),key:"0"}:void 0,o.$slots[`content::${t.name}`]?{name:"default",fn:e.withCtx((a=>[e.renderSlot(o.$slots,`content::${t.name}`,e.mergeProps({ref_for:!0},a))])),key:"1"}:void 0]),1040)))),128))]))],2))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAccordionGroup=o(e.Vue,e.mitt,e.VueUse)}(this,function(e,o,t){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{});const u=Symbol.for("accordionGroup"),s={modifiers:{type:[String,Array],default:void 0}};r.before,n.bottom,l.button,i.button;const d={storageType:{type:String,default:a.local,validator:e=>Object.values(a).includes(e)},storageKey:String},c={...s,...d,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const m={...s,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function p(o){const{group:t,isInGroup:a}=function(o){const t=e.inject(o,void 0),a=e.computed(()=>void 0!==t);return{group:t,isInGroup:a,getGroupOrLocalRef:function(o,a,n){const r=t?.[o];if(r)return e.computed({get:()=>r.value,set(e){r.value=e}});const l=e.toRef(a,o);return e.computed({get:()=>l.value,set(e){n&&n(`update:${o}`,e)}})}}}(u),n=e.computed(()=>Boolean(o.disabled||t?.disabled.value)),r=e.computed(()=>{let e=o.modifiers,a=t?.modifiers.value;const n=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>n.add(e))),a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach(e=>n.add(e))),Array.from(n)});return{isInGroup:a,group:t,modifiers:r,disabled:n,bus:t?.bus}}function f(o,t,a){return e.computed(()=>{const n={[o]:!0},r="string"==typeof t?.value?t.value.split(" "):t?.value;return r&&Array.isArray(r)&&r.forEach(e=>{e&&(n[`${o}--${e}`]=!0)}),a&&Object.keys(a.value).forEach(t=>{n[`${o}--${t}`]=e.unref(a.value[t])}),n})}const v=["id","open"],g=["aria-controls","aria-expanded"],y=["aria-hidden"],b=e.defineComponent({name:"VvAccordion",props:m,emits:["update:modelValue"],setup(o,{expose:a,emit:n}){const r=o,l=n,i=e.useAttrs(),u=t.useVModel(r,"modelValue",l),s=e.computed(()=>r.name||i?.id||e.useId()),{title:d,content:c,not:m}=e.toRefs(r),{isInGroup:b,modifiers:S,disabled:x,bus:A}=p(r),V=e.ref(!1);function h(){x.value||(b.value?A?.emit("toggle",{name:s.value,value:!V.value}):V.value=!V.value)}function w(){V.value||h()}function k(){V.value&&h()}function $(e){A?A.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${s.value}" but it is not in a group`)}function B(e){A?A?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${s.value}" but it is not in a group`)}e.watch(u,e=>{"boolean"==typeof e&&(V.value=m.value?!e:e)},{immediate:!0}),e.watch(V,e=>{u.value=m.value?!e:e}),A?.on("toggle",({name:e,value:o})=>{e===s.value&&(V.value=o)}),e.watch(s,(e,o)=>{A&&(o&&o!==e&&A.emit("unregister",{name:o}),A.emit("register",{name:e}))},{immediate:!0}),e.onBeforeUnmount(()=>{A&&A.emit("unregister",{name:s.value})}),a({isExpanded:V,expand:w,collapse:k,groupExpand:$,groupCollapse:B});const E=f("vv-accordion",S,e.computed(()=>({disabled:x.value})));return(o,t)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(s),class:e.normalizeClass(e.unref(E)),open:e.unref(V)},[e.createElementVNode("summary",{"aria-controls":e.unref(s),"aria-expanded":e.unref(V),class:"vv-accordion__summary",onClick:t[0]||(t[0]=e.withModifiers(e=>h(),["prevent"]))},[e.renderSlot(o.$slots,"summary",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(V),expand:w,collapse:k,groupExpand:$,groupCollapse:B})),()=>[e.createTextVNode(e.toDisplayString(e.unref(d)),1)])],8,g),e.createElementVNode("div",{"aria-hidden":!e.unref(V),class:"vv-accordion__content"},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({isExpanded:e.unref(V),expand:w,collapse:k,groupExpand:$,groupCollapse:B})),()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])],8,y)],10,v))}});return e.defineComponent({name:"VvAccordionGroup",props:c,emits:["update:modelValue"],setup(n,{expose:r,emit:l}){const i=n,s=l,{disabled:d,modifiers:c,itemModifiers:m,items:p,storageKey:v,storageType:g}=e.toRefs(i);e.watchEffect(()=>{"string"==typeof i.modelValue&&i.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const y=e.reactive(new Set),S=function(o,n=a.local,r){const l=e.ref();let i;return r&&(l.value=r),e.onMounted(()=>{o&&e.watch(o,(o,r)=>{const u=e.unref(n)===a.session?sessionStorage:localStorage;if(r&&r!==o&&u.removeItem(r),o)return i=t.useStorage(o,i?.value??l.value,u),void(i.value&&(l.value=i.value));i=void 0},{immediate:!0}),e.isRef(n)&&e.watch(n,(e,n)=>{if(o?.value){if(e){const n=e===a.session?sessionStorage:localStorage;i=t.useStorage(o.value,i?.value??l.value,n)}n&&n!==e&&(n===a.session?sessionStorage:localStorage).removeItem(o.value)}})}),e.watch(l,e=>{i&&(i.value=e)},{deep:!0,immediate:!0}),l}(v,g,[]),x=e.computed({get:()=>null!==i.modelValue&&void 0!==i.modelValue?i.modelValue:S.value,set:e=>{s("update:modelValue",e),S.value=e}}),A=e.computed({get:()=>{if(void 0===x.value)return new Set;let e=new Set;return i.not?"string"==typeof x.value?e=new Set([...y].filter(e=>e!==x.value)):Array.isArray(x.value)&&(e=new Set([...y].filter(e=>!x.value.includes(e)))):"string"==typeof x.value?e=new Set([x.value]):Array.isArray(x.value)&&(e=new Set(x.value)),e},set:e=>{i.not?x.value=[...y].filter(o=>!e.has(o)):i.collapse?x.value=[...e]:x.value=e.values().next().value}});e.onMounted(()=>{i.not&&void 0===x.value&&(x.value=i.collapse?[]:[...y.values()].splice(1,y.size)),e.nextTick(()=>{for(const e of y)V.emit("toggle",{name:e,value:A.value.has(e)})})});const V=o();var h,w;function k(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)V.emit("toggle",{name:o,value:!0});else for(const o of y)V.emit("toggle",{name:o,value:!0});else V.emit("toggle",{name:e,value:!0})}function $(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)V.emit("toggle",{name:o,value:!1});else for(const o of y)V.emit("toggle",{name:o,value:!1});else V.emit("toggle",{name:e,value:!1})}h=u,w={disabled:d,modifiers:m,bus:V},e.provide(h,w),V.on("register",({name:e})=>{y.add(e)}),V.on("unregister",({name:e})=>{y.delete(e)}),V.on("toggle",({name:e,value:o})=>{const t=new Set(A.value);if(o){if(!i.collapse){for(const o of t)o!==e&&V.emit("toggle",{name:o,value:!1});t.clear()}return t.add(e),void(A.value=t)}t.delete(e),A.value=t}),V.on("expand",({name:e})=>k(e)),V.on("collapse",({name:e})=>$(e)),r({expandedAccordions:A,expand:k,collapse:$});const B=f("vv-accordion-group",c,e.computed(()=>({disabled:d.value})));return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(B))},[e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({expandedAccordions:e.unref(A),expand:k,collapse:$})),()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(p),t=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:t.title},{ref_for:!0},{name:t.name,title:t.title,content:t.content}),e.createSlots({_:2},[o.$slots[`summary::${t.name}`]?{name:"summary",fn:e.withCtx(a=>[e.renderSlot(o.$slots,`summary::${t.name}`,e.mergeProps({ref_for:!0},a))]),key:"0"}:void 0,o.$slots[`content::${t.name}`]?{name:"default",fn:e.withCtx(a=>[e.renderSlot(o.$slots,`content::${t.name}`,e.mergeProps({ref_for:!0},a))]),key:"1"}:void 0]),1040))),128))])],2))}})});

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

@@ -196,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const pressed = computed(() => {
-      return props.pressed || (dropdownExpanded == null ? void 0 : dropdownExpanded.value);
+      return props.pressed || dropdownExpanded?.value;
     });
     const { role } = useInjectedDropdownAction();
     const hasTag = computed(() => {
@@ -204,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         case props.disabled:
           return ActionTag.button;
         case props.to !== void 0:
-          return (volver == null ? void 0 : volver.nuxt) ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
+          return volver?.nuxt ? resolveComponent(ActionTag.nuxtLink) : ActionTag.routerLink;
         case props.href !== void 0:
           return ActionTag.a;
         default:
@@ -213,10 +213,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const hasProps = computed(() => {
       const toReturn = {
-        ...dropdownAria == null ? void 0 : dropdownAria.value,
+        ...dropdownAria?.value,
         ariaPressed: pressed.value ? true : void 0,
         ariaLabel: props.ariaLabel,
-        role: role == null ? void 0 : role.value
+        role: role?.value
       };
       switch (hasTag.value) {
         case ActionTag.a:
@@ -244,32 +244,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     function onClick(e) {
-      var _a;
       if (props.disabled) {
         e.preventDefault();
         return;
       }
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onClick) {
+      if (instance?.vnode.props?.onClick) {
         emit("click", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("click", e);
+      dropdownEventBus?.emit("click", e);
     }
     function onMouseover(e) {
-      var _a;
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseover) {
+      if (instance?.vnode.props?.onMouseover) {
         emit("mouseover", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseover", e);
+      dropdownEventBus?.emit("mouseover", e);
     }
     function onMouseleave(e) {
-      var _a;
-      if ((_a = instance == null ? void 0 : instance.vnode.props) == null ? void 0 : _a.onMouseleave) {
+      if (instance?.vnode.props?.onMouseleave) {
         emit("mouseleave", e);
         return;
       }
-      dropdownEventBus == null ? void 0 : dropdownEventBus.emit("mouseleave", e);
+      dropdownEventBus?.emit("mouseleave", e);
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(unref(hasTag)), mergeProps(unref(hasProps), {

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

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAction=t(e.vue)}(this,(function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),l=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(l||{});const u=Symbol.for("volver"),a=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),s={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={disabled:{type:Boolean,default:!1}},c={active:{type:Boolean,default:!1}},v={current:{type:Boolean,default:!1}},f={pressed:{type:Boolean,default:!1}},p={label:{type:[String,Number],default:void 0}};n.before,o.bottom;const b={...d,...p,...f,...c,...v,...s,type:{type:String,default:r.button,validator:e=>Object.values(r).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:l.button}};t.local;const m=b;return e.defineComponent({name:"VvAction",props:m,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:n}){const r=t,s=n,d=e.getCurrentInstance(),c=e.inject(u,void 0),v=e.ref(null);o({$el:v});const{reference:f,bus:p,aria:b,expanded:m}=e.inject(a,{});e.watch((()=>v.value),(e=>{f&&(f.value=e)}));const g=e.computed((()=>r.pressed||(null==m?void 0:m.value))),{role:y}=e.inject(i,{}),k=e.computed((()=>{switch(!0){case r.disabled:return l.button;case void 0!==r.to:return(null==c?void 0:c.nuxt)?e.resolveComponent(l.nuxtLink):l.routerLink;case void 0!==r.href:return l.a;default:return r.defaultTag}})),h=e.computed((()=>{const e={...null==b?void 0:b.value,ariaPressed:!!g.value||void 0,ariaLabel:r.ariaLabel,role:null==y?void 0:y.value};switch(k.value){case l.a:return{...e,href:r.href,target:r.target,rel:r.rel};case l.routerLink:case l.nuxtLink:return{...e,to:r.to,target:r.target};case l.button:return{...e,type:r.type,disabled:r.disabled};default:return e}}));function S(e){var t;r.disabled?e.preventDefault():(null==(t=null==d?void 0:d.vnode.props)?void 0:t.onClick)?s("click",e):null==p||p.emit("click",e)}function x(e){var t;(null==(t=null==d?void 0:d.vnode.props)?void 0:t.onMouseover)?s("mouseover",e):null==p||p.emit("mouseover",e)}function L(e){var t;(null==(t=null==d?void 0:d.vnode.props)?void 0:t.onMouseleave)?s("mouseleave",e):null==p||p.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"element",ref:v,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:S,onMouseoverPassive:x,onMouseleavePassive:L}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAction=t(e.Vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),u=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),s={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={disabled:{type:Boolean,default:!1}},c={active:{type:Boolean,default:!1}},f={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},v={label:{type:[String,Number],default:void 0}};r.before,o.bottom;const b={...d,...v,...p,...c,...f,...s,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};t.local;const m=b;return e.defineComponent({name:"VvAction",props:m,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,s=r,d=e.getCurrentInstance(),c=e.inject(l,void 0),f=e.ref(null);o({$el:f});const{reference:p,bus:v,aria:b,expanded:m}=e.inject(u,{});e.watch(()=>f.value,e=>{p&&(p.value=e)});const g=e.computed(()=>n.pressed||m?.value),{role:y}=e.inject(i,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return c?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...b?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function S(e){n.disabled?e.preventDefault():d?.vnode.props?.onClick?s("click",e):v?.emit("click",e)}function x(e){d?.vnode.props?.onMouseover?s("mouseover",e):v?.emit("mouseover",e)}function L(e){d?.vnode.props?.onMouseleave?s("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"element",ref:f,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:S,onMouseoverPassive:x,onMouseleavePassive:L}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}})});

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

@@ -99,32 +99,32 @@ function useInjectedAlertGroup() {
   return inject(INJECTION_KEY_ALERT_GROUP, {});
 }
 function useUniqueId(id) {
-  return computed(() => String((id == null ? void 0 : id.value) || useId()));
+  return computed(() => String(id?.value || useId()));
 }
 function useComponentIcon(icon, iconPosition) {
   const hasIcon = computed(() => {
-    if (typeof (icon == null ? void 0 : icon.value) === "string") {
-      return { name: icon == null ? void 0 : icon.value };
+    if (typeof icon?.value === "string") {
+      return { name: icon?.value };
     }
-    return icon == null ? void 0 : icon.value;
+    return icon?.value;
   });
   const hasIconBefore = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.before ? hasIcon.value : void 0
+    () => iconPosition?.value === Position.before ? hasIcon.value : void 0
   );
   const hasIconAfter = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.after ? hasIcon.value : void 0
+    () => iconPosition?.value === Position.after ? hasIcon.value : void 0
   );
   const hasIconLeft = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.left ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.left ? hasIcon.value : void 0
   );
   const hasIconRight = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.right ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.right ? hasIcon.value : void 0
   );
   const hasIconTop = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.top ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.top ? hasIcon.value : void 0
   );
   const hasIconBottom = computed(
-    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.bottom ? hasIcon.value : void 0
+    () => iconPosition?.value === Side.bottom ? hasIcon.value : void 0
   );
   return {
     hasIcon,
@@ -141,7 +141,7 @@ function useModifiers(prefix, modifiers, others) {
     const toReturn = {
       [prefix]: true
     };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
     if (modifiersArray) {
       if (Array.isArray(modifiersArray)) {
         modifiersArray.forEach((modifier) => {
@@ -247,7 +247,7 @@ function useVvAlert(props, emit) {
       clearTimeout(timeout);
     }
     emit("close", hasId.value);
-    bus == null ? void 0 : bus.emit("close", hasId.value);
+    bus?.emit("close", hasId.value);
   };
   watch(
     () => props.autoClose,
@@ -343,7 +343,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const { modifiers } = toRefs(props);
     const bemCssClasses = useModifiers("vv-icon", modifiers);
     const provider = computed(() => {
-      return props.provider || (volver == null ? void 0 : volver.iconsProvider);
+      return props.provider || volver?.iconsProvider;
     });
     const icon = computed(() => {
       const name = props.name ?? "";
@@ -351,7 +351,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (iconLoaded(iconName)) {
         return iconName;
       }
-      const iconsCollection = volver == null ? void 0 : volver.iconsCollections.find(
+      const iconsCollection = volver?.iconsCollections.find(
         (iconsCollection2) => {
           const icon2 = `@${provider.value}:${iconsCollection2.prefix}:${name}`;
           return iconLoaded(icon2);
@@ -375,7 +375,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     function addIconFromSvg(svg) {
       const svgContentEl = getSvgContent(svg);
-      const svgContent = (svgContentEl == null ? void 0 : svgContentEl.innerHTML.trim()) || "";
+      const svgContent = svgContentEl?.innerHTML.trim() || "";
       if (svgContentEl && svgContent) {
         addIcon(`@${provider.value}:${props.prefix}:${props.name}`, {
           body: svgContent,
@@ -394,7 +394,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             show.value = true;
           }
         }).catch((e) => {
-          throw new Error(`Error during fetch icon: ${e == null ? void 0 : e.message}`);
+          throw new Error(`Error during fetch icon: ${e?.message}`);
         });
       }
     }
@@ -486,15 +486,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   (...args) => unref(close) && unref(close)(...args),
                   ["stop"]
                 ))
-              }, _cache[1] || (_cache[1] = [
+              }, [..._cache[1] || (_cache[1] = [
                 createElementVNode(
                   "div",
                   { class: "vv-alert__close-mask" },
                   null,
                   -1
-                  /* HOISTED */
+                  /* CACHED */
                 )
-              ]), 8, _hoisted_3)) : createCommentVNode("v-if", true)
+              ])], 8, _hoisted_3)) : createCommentVNode("v-if", true)
             ])
           ])) : createCommentVNode("v-if", true),
           _ctx.$slots.default || _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4, [

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

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAlert=o(e.vue,e.vue$1)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{}),a=(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(a||{});const s=Symbol.for("volver"),u=Symbol.for("alertGroup"),c={prefix:"normal"},d={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:r.before,validation:e=>Object.values(r).includes(e)}},v={id:[String,Number]};function f(o,t,l){return e.computed((()=>{const r={[o]:!0},n="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),l&&Object.keys(l.value).forEach((t=>{r[`${o}--${t}`]=e.unref(l.value[t])})),r}))}l.bottom,n.button,i.button,t.local;const p={...v,...d,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:a.alert}};function m(o,t){const{bus:n}=e.inject(u,{}),i=(a=e.computed((()=>o.id)),e.computed((()=>String((null==a?void 0:a.value)||e.useId()))));var a;const s=e.computed((()=>`${i.value}-title`));let c;const d=()=>{c&&clearTimeout(c),t("close",i.value),null==n||n.emit("close",i.value)};e.watch((()=>o.autoClose),(e=>{e>0?c=setTimeout(d,e):c&&clearTimeout(c)}),{immediate:!0});const v=e.ref(!1),p=()=>{v.value=!0,c&&clearTimeout(c)},m=()=>{v.value=!1,o.autoClose>0&&(c=setTimeout(d,o.autoClose))},{hasIcon:h}=function(o,t){const n=e.computed((()=>"string"==typeof(null==o?void 0:o.value)?{name:null==o?void 0:o.value}:null==o?void 0:o.value)),i=e.computed((()=>(null==t?void 0:t.value)===r.before?n.value:void 0)),a=e.computed((()=>(null==t?void 0:t.value)===r.after?n.value:void 0)),s=e.computed((()=>(null==t?void 0:t.value)===l.left?n.value:void 0)),u=e.computed((()=>(null==t?void 0:t.value)===l.right?n.value:void 0)),c=e.computed((()=>(null==t?void 0:t.value)===l.top?n.value:void 0)),d=e.computed((()=>(null==t?void 0:t.value)===l.bottom?n.value:void 0));return{hasIcon:n,hasIconLeft:s,hasIconRight:u,hasIconTop:c,hasIconBottom:d,hasIconBefore:i,hasIconAfter:a}}(e.computed((()=>o.icon))),b=f("vv-alert",e.computed((()=>o.modifiers)),e.computed((()=>({dismissable:o.autoClose>0||o.dismissable,"auto-close":o.autoClose>0,hover:v.value})))),y=e.computed((()=>({"--alert-duration":`${o.autoClose}ms`})));return{close:d,hasIcon:h,hasTitleId:s,hasProps:e.computed((()=>({onMouseover:p,onMouseleave:m,class:b.value,style:y.value,role:o.role,"aria-labelledby":s.value})))}}const h=e.defineComponent({name:"VvIcon",props: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:{}},c),setup(t){const l=t,r=e.computed((()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate)),n=e.ref(!0),i=e.inject(s,void 0),{modifiers:a}=e.toRefs(l),u=f("vv-icon",a),c=e.computed((()=>l.provider||(null==i?void 0:i.iconsProvider))),d=e.computed((()=>{const e=l.name??"",t=`@${c.value}:${l.prefix}:${e}`;if(o.iconLoaded(t))return t;const r=null==i?void 0:i.iconsCollections.find((t=>{const l=`@${c.value}:${t.prefix}:${e}`;return o.iconLoaded(l)}));return r?`@${c.value}:${r.prefix}:${e}`:e}));function v(e){const t=function(e){let o;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");o=(new e).window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=(null==t?void 0:t.innerHTML.trim())||"";t&&r&&o.addIcon(`@${c.value}:${l.prefix}:${l.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&l.src&&!o.iconLoaded(`@${c.value}:${l.prefix}:${l.name}`)&&(n.value=!1,i.fetchIcon(l.src).then((e=>{e&&(v(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),l.svg&&v(l.svg),(t,l)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:e.unref(r),color:t.color,icon:e.unref(d)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),b={key:0,class:"vv-alert__header"},y=["id"],g=["aria-label"],$={key:1,class:"vv-alert__content"},k={key:2,class:"vv-alert__footer"};return e.defineComponent({name:"VvAlert",props:p,emits:["close"],setup(o,{expose:t,emit:l}){const r=o,n=l,{hasProps:i,hasTitleId:a,hasIcon:s,close:u}=m(r,n);return t({close:u}),(o,t)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(i))),[o.$slots.header||o.$slots.title||o.$slots.close||o.$slots["title::before"]||o.$slots["title::after"]||o.title||e.unref(s)||o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("div",b,[e.unref(s)?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},e.unref(s),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"header",{},(()=>[e.renderSlot(o.$slots,"title::before"),o.$slots.title||o.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(a),class:"vv-alert__title"},[e.renderSlot(o.$slots,"title",{},(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]))],8,y)):e.createCommentVNode("v-if",!0),e.renderSlot(o.$slots,"title::after")])),e.renderSlot(o.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(u)})),(()=>[o.dismissable||o.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":o.closeLabel,onClick:t[0]||(t[0]=e.withModifiers(((...o)=>e.unref(u)&&e.unref(u)(...o)),["stop"]))},t[1]||(t[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)]),8,g)):e.createCommentVNode("v-if",!0)]))])):e.createCommentVNode("v-if",!0),o.$slots.default||o.content?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.content),1)]))])):e.createCommentVNode("v-if",!0),o.$slots.footer||o.footer?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(o.$slots,"footer",{},(()=>[e.createTextVNode(e.toDisplayString(o.footer),1)]))])):e.createCommentVNode("v-if",!0)],16))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAlert=t(e.Vue,e.Iconify)}(this,function(e,t){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),l=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(l||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{}),i=(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(i||{});const s=Symbol.for("volver"),c=Symbol.for("alertGroup"),u={prefix:"normal"},d={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:r.before,validation:e=>Object.values(r).includes(e)}},f={id:[String,Number]};function v(t,o,l){return e.computed(()=>{const r={[t]:!0},n="string"==typeof o?.value?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(e=>{e&&(r[`${t}--${e}`]=!0)}),l&&Object.keys(l.value).forEach(o=>{r[`${t}--${o}`]=e.unref(l.value[o])}),r})}l.bottom,n.button,a.button,o.local;const p={...f,...d,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:i.alert}};function m(t,o){const{bus:n}=e.inject(c,{}),a=(i=e.computed(()=>t.id),e.computed(()=>String(i?.value||e.useId())));var i;const s=e.computed(()=>`${a.value}-title`);let u;const d=()=>{u&&clearTimeout(u),o("close",a.value),n?.emit("close",a.value)};e.watch(()=>t.autoClose,e=>{e>0?u=setTimeout(d,e):u&&clearTimeout(u)},{immediate:!0});const f=e.ref(!1),p=()=>{f.value=!0,u&&clearTimeout(u)},m=()=>{f.value=!1,t.autoClose>0&&(u=setTimeout(d,t.autoClose))},{hasIcon:h}=function(t,o){const n=e.computed(()=>"string"==typeof t?.value?{name:t?.value}:t?.value),a=e.computed(()=>o?.value===r.before?n.value:void 0),i=e.computed(()=>o?.value===r.after?n.value:void 0),s=e.computed(()=>o?.value===l.left?n.value:void 0),c=e.computed(()=>o?.value===l.right?n.value:void 0),u=e.computed(()=>o?.value===l.top?n.value:void 0),d=e.computed(()=>o?.value===l.bottom?n.value:void 0);return{hasIcon:n,hasIconLeft:s,hasIconRight:c,hasIconTop:u,hasIconBottom:d,hasIconBefore:a,hasIconAfter:i}}(e.computed(()=>t.icon)),b=v("vv-alert",e.computed(()=>t.modifiers),e.computed(()=>({dismissable:t.autoClose>0||t.dismissable,"auto-close":t.autoClose>0,hover:f.value}))),y=e.computed(()=>({"--alert-duration":`${t.autoClose}ms`}));return{close:d,hasIcon:h,hasTitleId:s,hasProps:e.computed(()=>({onMouseover:p,onMouseleave:m,class:b.value,style:y.value,role:t.role,"aria-labelledby":s.value}))}}const h=e.defineComponent({name:"VvIcon",props: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:{}},u),setup(o){const l=o,r=e.computed(()=>"string"==typeof l.rotate?Number.parseFloat(l.rotate):l.rotate),n=e.ref(!0),a=e.inject(s,void 0),{modifiers:i}=e.toRefs(l),c=v("vv-icon",i),u=e.computed(()=>l.provider||a?.iconsProvider),d=e.computed(()=>{const e=l.name??"",o=`@${u.value}:${l.prefix}:${e}`;if(t.iconLoaded(o))return o;const r=a?.iconsCollections.find(o=>{const l=`@${u.value}:${o.prefix}:${e}`;return t.iconLoaded(l)});return r?`@${u.value}:${r.prefix}:${e}`:e});function f(e){const o=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=o?.innerHTML.trim()||"";o&&r&&t.addIcon(`@${u.value}:${l.prefix}:${l.name}`,{body:r,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return a&&l.src&&!t.iconLoaded(`@${u.value}:${l.prefix}:${l.name}`)&&(n.value=!1,a.fetchIcon(l.src).then(e=>{e&&(f(e),n.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),l.svg&&f(l.svg),(o,l)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(c)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:e.unref(r),color:o.color,icon:e.unref(d)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}}),b={key:0,class:"vv-alert__header"},y=["id"],g=["aria-label"],$={key:1,class:"vv-alert__content"},k={key:2,class:"vv-alert__footer"};return e.defineComponent({name:"VvAlert",props:p,emits:["close"],setup(t,{expose:o,emit:l}){const r=t,n=l,{hasProps:a,hasTitleId:i,hasIcon:s,close:c}=m(r,n);return o({close:c}),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.normalizeProps(e.guardReactiveProps(e.unref(a))),[t.$slots.header||t.$slots.title||t.$slots.close||t.$slots["title::before"]||t.$slots["title::after"]||t.title||e.unref(s)||t.dismissable||t.autoClose?(e.openBlock(),e.createElementBlock("div",b,[e.unref(s)?(e.openBlock(),e.createBlock(h,e.mergeProps({key:0},e.unref(s),{class:"vv-alert__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"header",{},()=>[e.renderSlot(t.$slots,"title::before"),t.$slots.title||t.title?(e.openBlock(),e.createElementBlock("strong",{key:0,id:e.unref(i),class:"vv-alert__title"},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],8,y)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"title::after")]),e.renderSlot(t.$slots,"close",e.normalizeProps(e.guardReactiveProps({close:e.unref(c)})),()=>[t.dismissable||t.autoClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:"vv-alert__close",type:"button","aria-label":t.closeLabel,onClick:o[0]||(o[0]=e.withModifiers((...t)=>e.unref(c)&&e.unref(c)(...t),["stop"]))},[...o[1]||(o[1]=[e.createElementVNode("div",{class:"vv-alert__close-mask"},null,-1)])],8,g)):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0),t.$slots.default||t.content?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)])])):e.createCommentVNode("v-if",!0),t.$slots.footer||t.footer?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(t.footer),1)])])):e.createCommentVNode("v-if",!0)],16))}})});