@volverjs/ui-vue 0.0.10-beta.1 → 0.0.10-beta.11

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

@@ -9,6 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
     };
@@ -21,6 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    current: BooleanConstructor;
     active: BooleanConstructor;
     pressed: BooleanConstructor;
     label: (StringConstructor | NumberConstructor)[];
@@ -36,6 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    defaultTag: {
+        type: StringConstructor;
+        default: import("../../constants").ActionTag;
+    };
     to: {
         type: (ObjectConstructor | StringConstructor)[];
     };
@@ -48,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    current: BooleanConstructor;
     active: BooleanConstructor;
     pressed: BooleanConstructor;
     label: (StringConstructor | NumberConstructor)[];
@@ -56,7 +66,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     type: "button" | "submit" | "reset";
     ariaLabel: string;
+    defaultTag: string;
     rel: string;
+    current: boolean;
     active: boolean;
     pressed: boolean;
 }, {}>, {

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

@@ -43,24 +43,24 @@ export declare const VvDropdownProps: {
     };
     shift: {
         type: PropType<boolean | {
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             limiter?: {
                 fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
             limiter?: {
                 fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
                 options?: any;
@@ -71,25 +71,25 @@ export declare const VvDropdownProps: {
     };
     flip: {
         type: PropType<boolean | {
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            mainAxis?: boolean | undefined;
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            fallbackPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            mainAxis?: boolean | undefined;
+            fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
@@ -102,16 +102,16 @@ export declare const VvDropdownProps: {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
             apply?: ((args: {
                 x: number;
                 y: number;
-                initialPlacement: import("@floating-ui/core").Placement;
-                placement: import("@floating-ui/core").Placement;
-                strategy: import("@floating-ui/core").Strategy;
+                initialPlacement: import("@floating-ui/utils").Placement;
+                placement: import("@floating-ui/utils").Placement;
+                strategy: import("@floating-ui/utils").Strategy;
                 middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/core").ElementRects;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
                 elements: import("@floating-ui/dom").Elements;
             } & {
@@ -122,16 +122,16 @@ export declare const VvDropdownProps: {
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
             apply?: ((args: {
                 x: number;
                 y: number;
-                initialPlacement: import("@floating-ui/core").Placement;
-                placement: import("@floating-ui/core").Placement;
-                strategy: import("@floating-ui/core").Strategy;
+                initialPlacement: import("@floating-ui/utils").Placement;
+                placement: import("@floating-ui/utils").Placement;
+                strategy: import("@floating-ui/utils").Strategy;
                 middlewareData: import("@floating-ui/core").MiddlewareData;
-                rects: import("@floating-ui/core").ElementRects;
+                rects: import("@floating-ui/utils").ElementRects;
                 platform: import("@floating-ui/core").Platform;
                 elements: import("@floating-ui/dom").Elements;
             } & {
@@ -145,24 +145,24 @@ export declare const VvDropdownProps: {
     };
     autoPlacement: {
         type: PropType<boolean | {
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            alignment?: import("@floating-ui/core").Alignment | null | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
             autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         } | import("@floating-ui/dom").Derivable<{
-            crossAxis?: boolean | undefined;
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
-            padding?: import("@floating-ui/core").Padding | undefined;
-            alignment?: import("@floating-ui/core").Alignment | null | undefined;
+            padding?: import("@floating-ui/utils").Padding | undefined;
+            crossAxis?: boolean | undefined;
+            alignment?: import("@floating-ui/utils").Alignment | null | undefined;
             autoAlignment?: boolean | undefined;
-            allowedPlacements?: import("@floating-ui/core").Placement[] | undefined;
+            allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
         }> | undefined>;
         default: boolean;

package/dist/components/VvDropdownAction/VvDropdownAction.es.js

@@ -104,6 +104,12 @@ const ActiveProps = {
    */
   active: Boolean
 };
+const CurrentProps = {
+  /**
+   * Whether the item is current
+   */
+  current: Boolean
+};
 const PressedProps = {
   /**
    * Whether the item is pressed
@@ -234,6 +240,7 @@ const ActionProps = {
   ...LabelProps,
   ...PressedProps,
   ...ActiveProps,
+  ...CurrentProps,
   ...LinkProps,
   /**
    * Button type
@@ -249,6 +256,13 @@ const ActionProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 };
 const VvActionEvents = ["click", "mouseover", "mouseleave"];
@@ -304,7 +318,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         case props.href !== void 0:
           return ActionTag.a;
         default:
-          return ActionTag.button;
+          return props.defaultTag;
       }
     });
     const hasProps = computed(() => {
@@ -329,12 +343,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             to: props.to,
             target: props.target
           };
-        default:
+        case ActionTag.button:
           return {
             ...toReturn,
             type: props.type,
             disabled: props.disabled
           };
+        default:
+          return toReturn;
       }
     });
     const onClick = (e) => {
@@ -360,7 +376,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         class: {
           active: _ctx.active,
           pressed: unref(pressed),
-          disabled: _ctx.disabled
+          disabled: _ctx.disabled,
+          current: _ctx.current
         },
         onClickPassive: onClick,
         onMouseoverPassive: onMouseover,
@@ -368,10 +385,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.label), 1)
+            createTextVNode(
+              toDisplayString(_ctx.label),
+              1
+              /* TEXT */
+            )
           ])
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["class"]);
     };
   }
@@ -402,13 +424,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ role: unref(role) }, {
-        ref_key: "element",
-        ref: element,
-        class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
+      return openBlock(), createElementBlock(
+        "div",
+        mergeProps({ role: unref(role) }, {
+          ref_key: "element",
+          ref: element,
+          class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
+        }),
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
     };
   }
 });
@@ -463,13 +491,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, { class: unref(bemCssClasses) }), {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default", {}, () => [
-                createTextVNode(toDisplayString(_ctx.label), 1)
+                createTextVNode(
+                  toDisplayString(_ctx.label),
+                  1
+                  /* TEXT */
+                )
               ])
             ]),
             _: 3
+            /* FORWARDED */
           }, 16, ["class"])
         ]),
         _: 3
+        /* FORWARDED */
       });
     };
   }

package/dist/components/VvDropdownAction/VvDropdownAction.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownAction=t(e.vue,null,e.core)}(this,(function(e,t,o){"use strict";var r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{}),u=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(u||{}),i=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(i||{});const s=Symbol.for("volver"),d=Symbol.for("dropdownTrigger"),c=Symbol.for("dropdownItem"),f=Symbol.for("dropdownAction"),p={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(i).includes(e)},rel:{type:String,default:"noopener noreferrer"}},v={disabled:Boolean},m={active:Boolean},b={pressed:Boolean},y={label:[String,Number]},g={modifiers:[String,Array]};n.before,r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const k={...v,...y,...b,...m,...p,type:{type:String,default:l.button,validator:e=>Object.values(l).includes(e)},ariaLabel:{type:String,default:void 0}},h=k;const x=e.defineComponent({name:"VvAction",props:h,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,l=e.inject(s),u=e.ref(null);o({$el:u});const{reference:i,bus:c,aria:p,expanded:v}=e.inject(d,{});e.watch((()=>u.value),(e=>{i&&(i.value=e)}));const m=e.computed((()=>n.pressed||(null==v?void 0:v.value))),{role:b}=e.inject(f,{}),y=e.computed((()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return(null==l?void 0:l.nuxt)?a.nuxtLink:a.routerLink;case void 0!==n.href:return a.a;default:return a.button}})),g=e.computed((()=>{const e={...null==p?void 0:p.value,ariaPressed:!!m.value||void 0,ariaLabel:n.ariaLabel,role:null==b?void 0:b.value};switch(y.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};default:return{...e,type:n.type,disabled:n.disabled}}})),k=e=>{n.disabled?e.preventDefault():(null==c||c.emit("click",e),r("click",e))},h=e=>{null==c||c.emit("mouseover",e),r("mouseover",e)},x=e=>{null==c||c.emit("mouseleave",e),r("mouseleave",e)};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(y)),e.mergeProps(e.unref(g),{ref_key:"element",ref:u,class:{active:t.active,pressed:e.unref(m),disabled:t.disabled},onClickPassive:k,onMouseoverPassive:h,onMouseleavePassive:x}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}});const B=e.defineComponent({name:"VvDropdownItem",setup(t){const{role:r,expanded:n}=e.inject(c,{}),l=e.ref(null);!function({expanded:t}){e.provide(f,{role:e.ref(u.menuitem),expanded:t})}({expanded:n});const a=o.useElementHover(l),{focused:i}=o.useFocus(l),{focused:s}=o.useFocusWithin(l);return e.watch(a,(e=>{e&&(i.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(r)},{ref_key:"element",ref:l,class:["vv-dropdown__item",{"focus-visible":e.unref(i)||e.unref(s)}]}),[e.renderSlot(t.$slots,"default")],16))}});return e.defineComponent({name:"VvDropdownAction",props:{...k,...g},setup(t){const o=t,{modifiers:r}=e.toRefs(o),n=function(t,o,r){return e.computed((()=>{const n={[t]:!0},l="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${t}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((o=>{n[`${t}--${o}`]=e.unref(r.value[o])})),n}))}("vv-dropdown-action",r);return(t,o)=>(e.openBlock(),e.createBlock(B,null,{default:e.withCtx((()=>[e.createVNode(x,e.mergeProps({disabled:t.disabled,pressed:t.pressed,active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel},{class:e.unref(n)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"])])),_:3}))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownAction=t(e.vue,null,e.core)}(this,(function(e,t,o){"use strict";var r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{}),u=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(u||{}),i=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(i||{});const s=Symbol.for("volver"),d=Symbol.for("dropdownTrigger"),c=Symbol.for("dropdownItem"),f=Symbol.for("dropdownAction"),p={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(i).includes(e)},rel:{type:String,default:"noopener noreferrer"}},v={disabled:Boolean},m={active:Boolean},b={current:Boolean},g={pressed:Boolean},y={label:[String,Number]},k={modifiers:[String,Array]};n.before,r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const h={...v,...y,...g,...m,...b,...p,type:{type:String,default:l.button,validator:e=>Object.values(l).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},x=h;const B=e.defineComponent({name:"VvAction",props:x,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,l=e.inject(s),u=e.ref(null);o({$el:u});const{reference:i,bus:c,aria:p,expanded:v}=e.inject(d,{});e.watch((()=>u.value),(e=>{i&&(i.value=e)}));const m=e.computed((()=>n.pressed||(null==v?void 0:v.value))),{role:b}=e.inject(f,{}),g=e.computed((()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return(null==l?void 0:l.nuxt)?a.nuxtLink:a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}})),y=e.computed((()=>{const e={...null==p?void 0:p.value,ariaPressed:!!m.value||void 0,ariaLabel:n.ariaLabel,role:null==b?void 0:b.value};switch(g.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}})),k=e=>{n.disabled?e.preventDefault():(null==c||c.emit("click",e),r("click",e))},h=e=>{null==c||c.emit("mouseover",e),r("mouseover",e)},x=e=>{null==c||c.emit("mouseleave",e),r("mouseleave",e)};return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(g)),e.mergeProps(e.unref(y),{ref_key:"element",ref:u,class:{active:t.active,pressed:e.unref(m),disabled:t.disabled,current:t.current},onClickPassive:k,onMouseoverPassive:h,onMouseleavePassive:x}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}});const S=e.defineComponent({name:"VvDropdownItem",setup(t){const{role:r,expanded:n}=e.inject(c,{}),l=e.ref(null);!function({expanded:t}){e.provide(f,{role:e.ref(u.menuitem),expanded:t})}({expanded:n});const a=o.useElementHover(l),{focused:i}=o.useFocus(l),{focused:s}=o.useFocusWithin(l);return e.watch(a,(e=>{e&&(i.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(r)},{ref_key:"element",ref:l,class:["vv-dropdown__item",{"focus-visible":e.unref(i)||e.unref(s)}]}),[e.renderSlot(t.$slots,"default")],16))}});return e.defineComponent({name:"VvDropdownAction",props:{...h,...k},setup(t){const o=t,{modifiers:r}=e.toRefs(o),n=function(t,o,r){return e.computed((()=>{const n={[t]:!0},l="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${t}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((o=>{n[`${t}--${o}`]=e.unref(r.value[o])})),n}))}("vv-dropdown-action",r);return(t,o)=>(e.openBlock(),e.createBlock(S,null,{default:e.withCtx((()=>[e.createVNode(B,e.mergeProps({disabled:t.disabled,pressed:t.pressed,active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel},{class:e.unref(n)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"])])),_:3}))}})}));

package/dist/components/VvDropdownItem/VvDropdownItem.es.js

@@ -42,13 +42,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ role: unref(role) }, {
-        ref_key: "element",
-        ref: element,
-        class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
+      return openBlock(), createElementBlock(
+        "div",
+        mergeProps({ role: unref(role) }, {
+          ref_key: "element",
+          ref: element,
+          class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
+        }),
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
     };
   }
 });

package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.es.js

@@ -33,6 +33,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["reset"] = "reset";
   return ButtonType2;
 })(ButtonType || {});
+var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
+  ActionTag2["nuxtLink"] = "nuxt-link";
+  ActionTag2["routerLink"] = "router-link";
+  ActionTag2["a"] = "a";
+  ActionTag2["button"] = "button";
+  return ActionTag2;
+})(ActionTag || {});
 var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
   AnchorTarget2["_blank"] = "_blank";
   AnchorTarget2["_self"] = "_self";
@@ -79,6 +86,12 @@ const ActiveProps = {
    */
   active: Boolean
 };
+const CurrentProps = {
+  /**
+   * Whether the item is current
+   */
+  current: Boolean
+};
 const PressedProps = {
   /**
    * Whether the item is pressed
@@ -203,6 +216,7 @@ const LabelProps = {
   ...LabelProps,
   ...PressedProps,
   ...ActiveProps,
+  ...CurrentProps,
   ...LinkProps,
   /**
    * Button type
@@ -218,6 +232,13 @@ const LabelProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 });
 const _hoisted_1 = {
@@ -236,7 +257,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", _hoisted_1, toDisplayString(props.label), 1);
+      return openBlock(), createElementBlock(
+        "li",
+        _hoisted_1,
+        toDisplayString(props.label),
+        1
+        /* TEXT */
+      );
     };
   }
 });

package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js

@@ -1 +1 @@
-!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(o="undefined"!=typeof globalThis?globalThis:o||self).VvDropdownOptgroup=e(o.vue)}(this,(function(o){"use strict";var e=(o=>(o.left="left",o.right="right",o.top="top",o.bottom="bottom",o))(e||{}),t=(o=>(o.before="before",o.after="after",o))(t||{}),n=(o=>(o.button="button",o.submit="submit",o.reset="reset",o))(n||{});Boolean,Boolean,Boolean;const r={label:[String,Number]};t.before,e.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button;const l={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"};return o.defineComponent({name:"VvDropdownOptgroup",props:{...r},setup(e){const t=e;return(e,n)=>(o.openBlock(),o.createElementBlock("li",l,o.toDisplayString(t.label),1))}})}));
+!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(o="undefined"!=typeof globalThis?globalThis:o||self).VvDropdownOptgroup=e(o.vue)}(this,(function(o){"use strict";var e=(o=>(o.left="left",o.right="right",o.top="top",o.bottom="bottom",o))(e||{}),t=(o=>(o.before="before",o.after="after",o))(t||{}),n=(o=>(o.button="button",o.submit="submit",o.reset="reset",o))(n||{}),r=(o=>(o.nuxtLink="nuxt-link",o.routerLink="router-link",o.a="a",o.button="button",o))(r||{});Boolean,Boolean,Boolean,Boolean;const l={label:[String,Number]};t.before,e.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button,r.button;const u={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"};return o.defineComponent({name:"VvDropdownOptgroup",props:{...l},setup(e){const t=e;return(e,n)=>(o.openBlock(),o.createElementBlock("li",u,o.toDisplayString(t.label),1))}})}));

package/dist/components/VvDropdownOption/VvDropdownOption.es.js

@@ -35,6 +35,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   ButtonType2["reset"] = "reset";
   return ButtonType2;
 })(ButtonType || {});
+var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
+  ActionTag2["nuxtLink"] = "nuxt-link";
+  ActionTag2["routerLink"] = "router-link";
+  ActionTag2["a"] = "a";
+  ActionTag2["button"] = "button";
+  return ActionTag2;
+})(ActionTag || {});
 var ActionRoles = /* @__PURE__ */ ((ActionRoles2) => {
   ActionRoles2["button"] = "button";
   ActionRoles2["link"] = "link";
@@ -83,13 +90,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ role: unref(role) }, {
-        ref_key: "element",
-        ref: element,
-        class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
+      return openBlock(), createElementBlock(
+        "div",
+        mergeProps({ role: unref(role) }, {
+          ref_key: "element",
+          ref: element,
+          class: ["vv-dropdown__item", { "focus-visible": unref(focused) || unref(focusedWithin) }]
+        }),
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
     };
   }
 });
@@ -138,6 +151,12 @@ const ActiveProps = {
    */
   active: Boolean
 };
+const CurrentProps = {
+  /**
+   * Whether the item is current
+   */
+  current: Boolean
+};
 const PressedProps = {
   /**
    * Whether the item is pressed
@@ -274,6 +293,7 @@ const UnselectableProps = {
   ...LabelProps,
   ...PressedProps,
   ...ActiveProps,
+  ...CurrentProps,
   ...LinkProps,
   /**
    * Button type
@@ -289,6 +309,13 @@ const UnselectableProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 });
 function useModifiers(prefix, modifiers, others) {
@@ -369,11 +396,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             title: unref(hintLabel)
           }, [
             renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps({ disabled: _ctx.disabled, selected: _ctx.selected, unselectable: _ctx.unselectable })), () => [
-              createTextVNode(toDisplayString(unref(hintLabel)), 1)
+              createTextVNode(
+                toDisplayString(unref(hintLabel)),
+                1
+                /* TEXT */
+              )
             ])
           ], 8, _hoisted_1)
         ]),
         _: 3
+        /* FORWARDED */
       }, 8, ["class", "tabindex", "aria-selected", "aria-disabled"]);
     };
   }

package/dist/components/VvDropdownOption/VvDropdownOption.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownOption=t(e.vue,null,e.core)}(this,(function(e,t,o){"use strict";var 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||{}),s=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(s||{});const d=Symbol.for("dropdownItem"),i=Symbol.for("dropdownAction");const a=e.defineComponent({name:"VvDropdownItem",setup(t){const{role:n,expanded:l}=e.inject(d,{}),r=e.ref(null);!function({expanded:t}){e.provide(i,{role:e.ref(s.menuitem),expanded:t})}({expanded:l});const a=o.useElementHover(r),{focused:u}=o.useFocus(r),{focused:c}=o.useFocusWithin(r);return e.watch(a,(e=>{e&&(u.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(n)},{ref_key:"element",ref:r,class:["vv-dropdown__item",{"focus-visible":e.unref(u)||e.unref(c)}]}),[e.renderSlot(t.$slots,"default")],16))}}),u={disabled:Boolean},c={selected:Boolean},f=(Boolean,Boolean,{modifiers:[String,Array]});l.before;const p={unselectable:{type:Boolean,default:!0}};n.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,r.button;const b=["title"];return e.defineComponent({name:"VvDropdownOption",props:{...u,...c,...p,...f,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String}},setup(t){const o=t,{modifiers:n}=e.toRefs(o),l=function(t,o,n){return e.computed((()=>{const l={[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((e=>{e&&(l[`${t}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{l[`${t}--${o}`]=e.unref(n.value[o])})),l}))}("vv-dropdown-option",n,e.computed((()=>({disabled:o.disabled,selected:o.selected,unselectable:o.unselectable&&o.selected})))),r=e.computed((()=>o.selected?o.unselectable?o.deselectHintLabel:o.selectedHintLabel:o.disabled?void 0:o.selectHintLabel));return(t,o)=>(e.openBlock(),e.createBlock(a,{class:e.normalizeClass(e.unref(l)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(r)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)),1)]))],8,b)])),_:3},8,["class","tabindex","aria-selected","aria-disabled"]))}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("mitt"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","mitt","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvDropdownOption=t(e.vue,null,e.core)}(this,(function(e,t,o){"use strict";var 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||{}),s=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(s||{}),i=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(i||{});const a=Symbol.for("dropdownItem"),d=Symbol.for("dropdownAction");const u=e.defineComponent({name:"VvDropdownItem",setup(t){const{role:n,expanded:l}=e.inject(a,{}),r=e.ref(null);!function({expanded:t}){e.provide(d,{role:e.ref(i.menuitem),expanded:t})}({expanded:l});const s=o.useElementHover(r),{focused:u}=o.useFocus(r),{focused:c}=o.useFocusWithin(r);return e.watch(s,(e=>{e&&(u.value=!0)})),(t,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(n)},{ref_key:"element",ref:r,class:["vv-dropdown__item",{"focus-visible":e.unref(u)||e.unref(c)}]}),[e.renderSlot(t.$slots,"default")],16))}}),c={disabled:Boolean},f={selected:Boolean},b=(Boolean,Boolean,Boolean,{modifiers:[String,Array]});l.before;const p={unselectable:{type:Boolean,default:!0}};n.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,r.button,s.button;const m=["title"];return e.defineComponent({name:"VvDropdownOption",props:{...c,...f,...p,...b,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String}},setup(t){const o=t,{modifiers:n}=e.toRefs(o),l=function(t,o,n){return e.computed((()=>{const l={[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((e=>{e&&(l[`${t}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{l[`${t}--${o}`]=e.unref(n.value[o])})),l}))}("vv-dropdown-option",n,e.computed((()=>({disabled:o.disabled,selected:o.selected,unselectable:o.unselectable&&o.selected})))),r=e.computed((()=>o.selected?o.unselectable?o.deselectHintLabel:o.selectedHintLabel:o.disabled?void 0:o.selectHintLabel));return(t,o)=>(e.openBlock(),e.createBlock(u,{class:e.normalizeClass(e.unref(l)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(r)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)),1)]))],8,m)])),_:3},8,["class","tabindex","aria-selected","aria-disabled"]))}})}));

package/dist/components/VvIcon/VvIcon.es.js

@@ -213,7 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         color: _ctx.color,
         onLoad: _ctx.onLoad,
         icon: unref(icon)
-      }), null, 16, ["class"])) : createCommentVNode("", true);
+      }), null, 16, ["class"])) : createCommentVNode("v-if", true);
     };
   }
 });

package/dist/components/VvIcon/VvIcon.umd.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).VvIcon=n(e.vue,e.vue$1)}(this,(function(e,n){"use strict";const o={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},r=Symbol.for("volver");return e.defineComponent({name:"VvIcon",props:o,setup(o){const i=o,t=e.computed((()=>"string"==typeof i.rotate?parseFloat(i.rotate):i.rotate)),l=e.ref(!0),u=e.inject(r),{modifiers:c}=e.toRefs(i),a=function(n,o,r){return e.computed((()=>{const i={[n]:!0},t="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return t&&Array.isArray(t)&&t.forEach((e=>{e&&(i[`${n}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((o=>{i[`${n}--${o}`]=e.unref(r.value[o])})),i}))}("vv-icon",c),s=e.computed((()=>i.provider||(null==u?void 0:u.iconsProvider))),f=e.computed((()=>{const e=i.name??"",o=`@${s.value}:${i.prefix}:${e}`;if(n.iconExists(o))return o;const r=null==u?void 0:u.iconsCollections.find((o=>{const r=`@${s.value}:${o.prefix}:${e}`;return n.iconExists(r)}));return r?`@${s.value}:${r.prefix}:${e}`:e}));function d(e){const o=function(e){let n;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");n=(new e).window}return(n?new n.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=(null==o?void 0:o.innerHTML.trim())||"";o&&r&&n.addIcon(`@${s.value}:${i.prefix}:${i.name}`,{body:r,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return u&&i.src&&!n.iconExists(`@${s.value}:${i.prefix}:${i.name}`)&&(l.value=!1,u.fetchIcon(i.src).then((e=>{e&&(d(e),l.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),i.svg&&d(i.svg),(o,r)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(n.Icon),e.mergeProps({key:0,class:e.unref(a)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:e.unref(t),color:o.color,onLoad:o.onLoad,icon:e.unref(f)}),null,16,["class"])):e.createCommentVNode("",!0)}})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).VvIcon=n(e.vue,e.vue$1)}(this,(function(e,n){"use strict";const o={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},i=Symbol.for("volver");return e.defineComponent({name:"VvIcon",props:o,setup(o){const r=o,t=e.computed((()=>"string"==typeof r.rotate?parseFloat(r.rotate):r.rotate)),l=e.ref(!0),u=e.inject(i),{modifiers:c}=e.toRefs(r),a=function(n,o,i){return e.computed((()=>{const r={[n]:!0},t="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return t&&Array.isArray(t)&&t.forEach((e=>{e&&(r[`${n}--${e}`]=!0)})),i&&Object.keys(i.value).forEach((o=>{r[`${n}--${o}`]=e.unref(i.value[o])})),r}))}("vv-icon",c),s=e.computed((()=>r.provider||(null==u?void 0:u.iconsProvider))),f=e.computed((()=>{const e=r.name??"",o=`@${s.value}:${r.prefix}:${e}`;if(n.iconExists(o))return o;const i=null==u?void 0:u.iconsCollections.find((o=>{const i=`@${s.value}:${o.prefix}:${e}`;return n.iconExists(i)}));return i?`@${s.value}:${i.prefix}:${e}`:e}));function d(e){const o=function(e){let n;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");n=(new e).window}return(n?new n.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),i=(null==o?void 0:o.innerHTML.trim())||"";o&&i&&n.addIcon(`@${s.value}:${r.prefix}:${r.name}`,{body:i,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return u&&r.src&&!n.iconExists(`@${s.value}:${r.prefix}:${r.name}`)&&(l.value=!1,u.fetchIcon(r.src).then((e=>{e&&(d(e),l.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),r.svg&&d(r.svg),(o,i)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(n.Icon),e.mergeProps({key:0,class:e.unref(a)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:e.unref(t),color:o.color,onLoad:o.onLoad,icon:e.unref(f)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}})}));

package/dist/components/VvInputText/VvInputClearAction.d.ts

@@ -29,8 +29,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClear?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
     disabled: boolean;
+    label: string;
     icon: string;
 }, {}>;
 export default _default;