@volverjs/ui-vue 0.0.10-beta.47 → 0.0.10-beta.49

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

@@ -1,10 +1,10 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: boolean;
     };
     items: {
-        type: PropType<import("../../index.js").Alert[]>;
+        type: PropType<import("../..").Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -32,18 +32,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: boolean;
     };
     items: {
-        type: PropType<import("../../index.js").Alert[]>;
+        type: PropType<import("../..").Alert[]>;
         default: () => never[];
     };
     stack: {
@@ -71,19 +69,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: undefined;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     reverse: boolean;
     modifiers: string | string[];
-    items: import("../../index.js").Alert[];
+    items: import("../..").Alert[];
     transition: string;
     inline: "start" | "end" | "middle";
     stack: boolean;
     block: "top" | "bottom" | "center";
     position: "absolute" | "fixed";
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     before?(_: {}): any;
     default?(_: {}): any;
     after?(_: {}): any;

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

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes } from 'vue';
 import type { Alert } from '@/types';
+import type { ExtractPropTypes } from 'vue';
 export declare const VvAlertGroupProps: {
     name: {
         type: StringConstructor;
@@ -34,7 +34,7 @@ export declare const VvAlertGroupProps: {
         default: undefined;
     };
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,18 +1,18 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     imgSrc: StringConstructor;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     imgSrc: StringConstructor;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     modifiers: string | string[];
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -4,7 +4,7 @@ export declare const VvAvatarProps: {
      */
     imgSrc: StringConstructor;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
 };

package/dist/components/VvAvatarGroup/VvAvatarGroup.es.js

@@ -1,5 +1,4 @@
-import { computed, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withCtx, toDisplayString, createTextVNode } from "vue";
-import { uid } from "uid";
+import { computed, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, useId, Fragment, renderList, createBlock, mergeProps, withCtx, toDisplayString, createTextVNode } from "vue";
 var StorageType = /* @__PURE__ */ ((StorageType2) => {
   StorageType2["local"] = "local";
   StorageType2["session"] = "session";
@@ -274,25 +273,6 @@ const ModifiersProps = {
   },
   storageKey: String
 });
-const VvAvatarGroupProps = {
-  ...ModifiersProps,
-  /**
-   * avatar items
-   */
-  items: {
-    type: Array,
-    default: () => [],
-    required: true
-  },
-  toShow: {
-    type: Number,
-    default: 3
-  },
-  totalItems: {
-    type: Number
-  },
-  avatarModifiers: [String, Array]
-};
 const VvAvatarProps = {
   ...ModifiersProps,
   /**
@@ -347,8 +327,27 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const VvAvatarGroupProps = {
+  ...ModifiersProps,
+  /**
+   * avatar items
+   */
+  items: {
+    type: Array,
+    default: () => [],
+    required: true
+  },
+  toShow: {
+    type: Number,
+    default: 3
+  },
+  totalItems: {
+    type: Number
+  },
+  avatarModifiers: [String, Array]
+};
 function useUniqueId(id) {
-  return computed(() => String(uid()));
+  return computed(() => String(useId()));
 }
 const _hoisted_1 = { key: 0 };
 const __default__ = {

package/dist/components/VvAvatarGroup/VvAvatarGroup.umd.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue"),require("uid")):"function"==typeof define&&define.amd?define(["vue","uid"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAvatarGroup=o(e.vue,e.uid)}(this,(function(e,o){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),l=(e=>(e.before="before",e.after="after",e))(l||{}),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||{});Boolean,Boolean,Boolean,Boolean;const i={modifiers:{type:[String,Array],default:void 0}};l.before,r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button,a.button,t.local;const u={...i,items:{type:Array,default:()=>[],required:!0},toShow:{type:Number,default:3},totalItems:{type:Number},avatarModifiers:[String,Array]},s={...i,imgSrc:String};function f(o,t,r){return e.computed((()=>{const e={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((t=>{t&&(e[`${o}--${t}`]=!0)})),e}))}const d=["role","aria-label"],c=["src"],m=e.defineComponent({name:"VvAvatar",props:s,setup(o){const t=o,{modifiers:r}=e.toRefs(t),l=f("vv-avatar",r);return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(l)),role:o.imgSrc?void 0:"img","aria-label":o.imgSrc?void 0:"avatar"},[e.renderSlot(o.$slots,"default",{},(()=>[o.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imgSrc,alt:"avatar"},null,8,c)):e.createCommentVNode("v-if",!0)]))],10,d))}});const v={key:0};return e.defineComponent({name:"VvAvatarGroup",props:u,setup(t){const r=t,{modifiers:l,items:n,toShow:a,totalItems:i,avatarModifiers:u}=e.toRefs(r),s=f("vv-avatar-group",l),d=e.computed((()=>(null==u?void 0:u.value)&&Array.isArray(null==u?void 0:u.value)?u.value.join(" "):(null==u?void 0:u.value)||"")),c=e.computed((()=>n.value.slice(0,a.value).map((t=>{let r=[],l=[];return(null==u?void 0:u.value)&&(r=Array.isArray(null==u?void 0:u.value)?null==u?void 0:u.value:[null==u?void 0:u.value]),t.modifiers&&(l=Array.isArray(t.modifiers)?t.modifiers:[t.modifiers]),{...t,key:t.key||e.computed((()=>String(o.uid()))).value,modifiers:[...r,...l]}}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[e.renderSlot(o.$slots,"default",{},(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(o=>(e.openBlock(),e.createBlock(m,e.mergeProps({key:o.key,ref_for:!0},{modifiers:o.modifiers,imgSrc:o.imgSrc}),{default:e.withCtx((()=>[o.text?(e.openBlock(),e.createElementBlock("span",v,e.toDisplayString(o.text),1)):e.createCommentVNode("v-if",!0)])),_:2},1040)))),128)),(e.unref(i)||e.unref(n).length)>e.unref(a)?(e.openBlock(),e.createBlock(m,{key:0,modifiers:`${e.unref(d)} surface bordered`},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString("+"+((e.unref(i)||e.unref(n).length)-e.unref(a))),1)])),_:1},8,["modifiers"])):e.createCommentVNode("v-if",!0)]))],2))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAvatarGroup=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),t=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(t||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),n=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(n||{});Boolean,Boolean,Boolean,Boolean;const a={modifiers:{type:[String,Array],default:void 0}};r.before,t.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,n.button,o.local;const i={...a,imgSrc:String};function u(o,t,r){return e.computed((()=>{const e={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((t=>{t&&(e[`${o}--${t}`]=!0)})),e}))}const s=["role","aria-label"],f=["src"],d=e.defineComponent({name:"VvAvatar",props:i,setup(o){const t=o,{modifiers:r}=e.toRefs(t),l=u("vv-avatar",r);return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(l)),role:o.imgSrc?void 0:"img","aria-label":o.imgSrc?void 0:"avatar"},[e.renderSlot(o.$slots,"default",{},(()=>[o.imgSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imgSrc,alt:"avatar"},null,8,f)):e.createCommentVNode("v-if",!0)]))],10,s))}}),c={...a,items:{type:Array,default:()=>[],required:!0},toShow:{type:Number,default:3},totalItems:{type:Number},avatarModifiers:[String,Array]};const m={key:0};return e.defineComponent({name:"VvAvatarGroup",props:c,setup(o){const t=o,{modifiers:r,items:l,toShow:n,totalItems:a,avatarModifiers:i}=e.toRefs(t),s=u("vv-avatar-group",r),f=e.computed((()=>(null==i?void 0:i.value)&&Array.isArray(null==i?void 0:i.value)?i.value.join(" "):(null==i?void 0:i.value)||"")),c=e.computed((()=>l.value.slice(0,n.value).map((o=>{let t=[],r=[];return(null==i?void 0:i.value)&&(t=Array.isArray(null==i?void 0:i.value)?null==i?void 0:i.value:[null==i?void 0:i.value]),o.modifiers&&(r=Array.isArray(o.modifiers)?o.modifiers:[o.modifiers]),{...o,key:o.key||e.computed((()=>String(e.useId()))).value,modifiers:[...t,...r]}}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[e.renderSlot(o.$slots,"default",{},(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(o=>(e.openBlock(),e.createBlock(d,e.mergeProps({key:o.key,ref_for:!0},{modifiers:o.modifiers,imgSrc:o.imgSrc}),{default:e.withCtx((()=>[o.text?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(o.text),1)):e.createCommentVNode("v-if",!0)])),_:2},1040)))),128)),(e.unref(a)||e.unref(l).length)>e.unref(n)?(e.openBlock(),e.createBlock(d,{key:0,modifiers:`${e.unref(f)} surface bordered`},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString("+"+((e.unref(a)||e.unref(l).length)-e.unref(n))),1)])),_:1},8,["modifiers"])):e.createCommentVNode("v-if",!0)]))],2))}})}));

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     items: {
         type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
         default: () => never[];
@@ -13,10 +13,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     avatarModifiers: PropType<string | string[]>;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     items: {
         type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
         default: () => never[];
@@ -31,14 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     avatarModifiers: PropType<string | string[]>;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     modifiers: string | string[];
     items: import("@/components/VvAvatarGroup").AvatarItem[];
     toShow: number;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -22,7 +22,7 @@ export declare const VvAvatarGroupProps: {
     };
     avatarModifiers: PropType<string | string[]>;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
 };

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

@@ -1,18 +1,18 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     modifiers: string | string[];
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLSpanElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
 export declare const VvBadgeProps: {
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
 };

package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js

@@ -1,22 +1,4 @@
 import { computed, inject, defineComponent, getCurrentInstance, ref, watch, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, toRefs, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createVNode } from "vue";
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    return toReturn;
-  });
-}
 var StorageType = /* @__PURE__ */ ((StorageType2) => {
   StorageType2["local"] = "local";
   StorageType2["session"] = "session";
@@ -298,6 +280,28 @@ const ActionProps = {
   },
   storageKey: String
 });
+const VvBreadcrumbProps = {
+  ...ModifiersProps,
+  routes: Array
+};
+function useModifiers(prefix, modifiers, others) {
+  return computed(() => {
+    const toReturn = {
+      [prefix]: true
+    };
+    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    if (modifiersArray) {
+      if (Array.isArray(modifiersArray)) {
+        modifiersArray.forEach((modifier) => {
+          if (modifier) {
+            toReturn[`${prefix}--${modifier}`] = true;
+          }
+        });
+      }
+    }
+    return toReturn;
+  });
+}
 const VvActionEvents = ["click", "mouseover", "mouseleave"];
 const VvActionProps = ActionProps;
 function useVolver() {
@@ -442,10 +446,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VvBreadcrumbProps = {
-  ...ModifiersProps,
-  routes: Array
-};
 const _hoisted_1 = { class: "vv-breadcrumb__list" };
 const _hoisted_2 = ["content"];
 const __default__ = {
@@ -495,7 +495,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "default-tag": "span"
                     }), {
                       default: withCtx(() => [
-                        renderSlot(_ctx.$slots, "label", mergeProps({ ref_for: true }, { route, index }), () => [
+                        renderSlot(_ctx.$slots, "label", mergeProps({ ref_for: true }, { ...route, index, label, isLast: isLast(index) }), () => [
                           createTextVNode(
                             toDisplayString(label),
                             1

package/dist/components/VvBreadcrumb/VvBreadcrumb.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).VvBreadcrumb=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||{}),l=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(l||{});const a=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}},v={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},f={label:{type:[String,Number],default:void 0}},m={modifiers:{type:[String,Array],default:void 0}};r.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const b={...d,...f,...p,...c,...v,...s,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:l.button}};t.local;const g=b;const y=e.defineComponent({name:"VvAction",props:g,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,s=r,d=e.getCurrentInstance(),c=e.inject(a),v=e.ref(null);o({$el:v});const{reference:p,bus:f,aria:m,expanded:b}=e.inject(u,{});e.watch((()=>v.value),(e=>{p&&(p.value=e)}));const g=e.computed((()=>n.pressed||(null==b?void 0:b.value))),{role:y}=e.inject(i,{}),k=e.computed((()=>{switch(!0){case n.disabled:return l.button;case void 0!==n.to:return(null==c?void 0:c.nuxt)?l.nuxtLink:l.routerLink;case void 0!==n.href:return l.a;default:return n.defaultTag}})),B=e.computed((()=>{const e={...null==m?void 0:m.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:null==y?void 0:y.value};switch(k.value){case l.a:return{...e,href:n.href,target:n.target,rel:n.rel};case l.routerLink:case l.nuxtLink:return{...e,to:n.to,target:n.target};case l.button:return{...e,type:n.type,disabled:n.disabled};default:return e}}));function h(e){var t;n.disabled?e.preventDefault():(null==(t=null==d?void 0:d.vnode.props)?void 0:t.onClick)?s("click",e):null==f||f.emit("click",e)}function S(e){var t;(null==(t=null==d?void 0:d.vnode.props)?void 0:t.onMouseover)?s("mouseover",e):null==f||f.emit("mouseover",e)}function _(e){var t;(null==(t=null==d?void 0:d.vnode.props)?void 0:t.onMouseleave)?s("mouseleave",e):null==f||f.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(B),{ref_key:"element",ref:v,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:h,onMouseoverPassive:S,onMouseleavePassive:_}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}}),k={...m,routes:Array},B={class:"vv-breadcrumb__list"},h=["content"];return e.defineComponent({name:"VvBreadcrumb",props:k,setup(t){const o=t,{modifiers:r}=e.toRefs(o),n=function(t,o){return e.computed((()=>{const e={[t]:!0},r="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return r&&Array.isArray(r)&&r.forEach((o=>{o&&(e[`${t}--${o}`]=!0)})),e}))}("vv-breadcrumb",r),l=e.computed((()=>{var e;return(null==(e=o.routes)?void 0:e.length)??0})),a=e=>e===l.value-1;return(t,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(n)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routes,(({label:o,...r},n)=>(e.openBlock(),e.createElementBlock("li",{key:`${o}-${n}`,class:e.normalizeClass(a(n)?"vv-breadcrumb__item-active":"vv-breadcrumb__item"),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[e.createVNode(y,e.mergeProps({ref_for:!0},r,{class:a(n)?"vv-breadcrumb__label":"vv-breadcrumb__link","aria-current":a(n)?"page":void 0,itemprop:"item","default-tag":"span"}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"label",e.mergeProps({ref_for:!0},{route:r,index:n}),(()=>[e.createTextVNode(e.toDisplayString(o),1)]))])),_:2},1040,["class","aria-current"]),e.createElementVNode("meta",{itemprop:"position",content:`${n+1}`},null,8,h)],2)))),128))])],2))}})}));
+!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).VvBreadcrumb=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||{}),l=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(l||{});const a=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"}},c={disabled:{type:Boolean,default:!1}},d={active:{type:Boolean,default:!1}},v={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},f={label:{type:[String,Number],default:void 0}},m={modifiers:{type:[String,Array],default:void 0}};r.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const b={...c,...f,...p,...d,...v,...s,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:l.button}};t.local;const g={...m,routes:Array};const y=b;const k=e.defineComponent({name:"VvAction",props:y,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,s=r,c=e.getCurrentInstance(),d=e.inject(a),v=e.ref(null);o({$el:v});const{reference:p,bus:f,aria:m,expanded:b}=e.inject(u,{});e.watch((()=>v.value),(e=>{p&&(p.value=e)}));const g=e.computed((()=>n.pressed||(null==b?void 0:b.value))),{role:y}=e.inject(i,{}),k=e.computed((()=>{switch(!0){case n.disabled:return l.button;case void 0!==n.to:return(null==d?void 0:d.nuxt)?l.nuxtLink:l.routerLink;case void 0!==n.href:return l.a;default:return n.defaultTag}})),B=e.computed((()=>{const e={...null==m?void 0:m.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:null==y?void 0:y.value};switch(k.value){case l.a:return{...e,href:n.href,target:n.target,rel:n.rel};case l.routerLink:case l.nuxtLink:return{...e,to:n.to,target:n.target};case l.button:return{...e,type:n.type,disabled:n.disabled};default:return e}}));function h(e){var t;n.disabled?e.preventDefault():(null==(t=null==c?void 0:c.vnode.props)?void 0:t.onClick)?s("click",e):null==f||f.emit("click",e)}function S(e){var t;(null==(t=null==c?void 0:c.vnode.props)?void 0:t.onMouseover)?s("mouseover",e):null==f||f.emit("mouseover",e)}function _(e){var t;(null==(t=null==c?void 0:c.vnode.props)?void 0:t.onMouseleave)?s("mouseleave",e):null==f||f.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(B),{ref_key:"element",ref:v,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:h,onMouseoverPassive:S,onMouseleavePassive:_}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}}),B={class:"vv-breadcrumb__list"},h=["content"];return e.defineComponent({name:"VvBreadcrumb",props:g,setup(t){const o=t,{modifiers:r}=e.toRefs(o),n=function(t,o){return e.computed((()=>{const e={[t]:!0},r="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return r&&Array.isArray(r)&&r.forEach((o=>{o&&(e[`${t}--${o}`]=!0)})),e}))}("vv-breadcrumb",r),l=e.computed((()=>{var e;return(null==(e=o.routes)?void 0:e.length)??0})),a=e=>e===l.value-1;return(t,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(n)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routes,(({label:o,...r},n)=>(e.openBlock(),e.createElementBlock("li",{key:`${o}-${n}`,class:e.normalizeClass(a(n)?"vv-breadcrumb__item-active":"vv-breadcrumb__item"),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[e.createVNode(k,e.mergeProps({ref_for:!0},r,{class:a(n)?"vv-breadcrumb__label":"vv-breadcrumb__link","aria-current":a(n)?"page":void 0,itemprop:"item","default-tag":"span"}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"label",e.mergeProps({ref_for:!0},{...r,index:n,label:o,isLast:a(n)}),(()=>[e.createTextVNode(e.toDisplayString(o),1)]))])),_:2},1040,["class","aria-current"]),e.createElementVNode("meta",{itemprop:"position",content:`${n+1}`},null,8,h)],2)))),128))])],2))}})}));

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

@@ -1,33 +1,33 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     routes: PropType<import("../..").NavItem[]>;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     routes: PropType<import("../..").NavItem[]>;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     modifiers: string | string[];
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLElement>, {
     label?(_: {
-        route: {
-            ariaLabel?: string;
-            title?: string;
-            to?: string | Record<string, unknown>;
-            href?: string;
-            target?: string;
-            rel?: string;
-            disabled?: boolean;
-            current?: boolean;
-            class?: string | string[];
-            on?: Record<"click" | string, () => void>;
-            data?: Record<string, unknown>;
-        };
         index: number;
+        label: string;
+        isLast: boolean;
+        ariaLabel?: string;
+        title?: string;
+        to?: string | Record<string, unknown>;
+        href?: string;
+        target?: string;
+        rel?: string;
+        disabled?: boolean;
+        current?: boolean;
+        class?: string | string[];
+        on?: Record<"click" | string, () => void>;
+        data?: Record<string, unknown>;
     }): any;
 }>;
 export default _default;

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

@@ -2,7 +2,7 @@ import type { NavItem } from '../../types';
 export declare const VvBreadcrumbProps: {
     routes: PropType<NavItem[]>;
     modifiers: {
-        type: globalThis.PropType<string | string[]>;
+        type: PropType<string | string[]>;
         default: undefined;
     };
 };