@volverjs/ui-vue 0.0.10-beta.25 → 0.0.10-beta.26

package/dist/composables/dropdown/useProvideDropdown.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from 'vue';
-import { DropdownRole, DropdownItemRole } from '../../constants';
+import { type DropdownItemState, DropdownRole, DropdownItemRole } from '../../constants';
 /**
  * Share the dropdown reference and the event bus with all its children.
  * @param {Ref<HTMLElement | null>} reference the dropdown reference
@@ -25,9 +25,8 @@ export declare function useProvideDropdownTrigger({ reference, id, expanded, ari
  * Share the dropdown item role with all its children.
  * @param {Ref<string>} role the dropdown item role
  */
-export declare function useProvideDropdownItem({ role, expanded, }: {
+export declare function useProvideDropdownItem({ role, ...others }: Omit<DropdownItemState, 'role'> & {
     role: Ref<`${DropdownRole}`>;
-    expanded: Ref<boolean>;
 }): {
     itemRole: globalThis.ComputedRef<DropdownItemRole>;
 };

package/dist/composables/usePersistence.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="./auto-imports" />
+import { StorageType } from '@/constants';
+export declare const usePersistence: <T>(storageKey: Ref<string | undefined> | undefined, storageType?: Ref<`${StorageType}`> | `${StorageType}`, defaultValue?: T | undefined) => globalThis.WritableComputedRef<T | undefined>;

package/dist/constants.d.ts

@@ -4,6 +4,10 @@ import type { Volver } from './Volver';
 import type { AlertModifiers } from './types/alert';
 import type { AccordionGroupState, InputGroupState, ButtonGroupState, AlertGroupState } from './types';
 export declare const DEFAULT_ICONIFY_PROVIDER = "vv";
+export declare enum StorageType {
+    local = "local",
+    session = "session"
+}
 export declare enum Strategy {
     absolute = "absolute",
     fixed = "fixed"
@@ -52,40 +56,39 @@ export declare enum DropdownItemRole {
     option = "option",
     presentation = "presentation"
 }
-export declare enum AnchorTarget {
-    _blank = "_blank",
-    _self = "_self",
-    _parent = "_parent",
-    _top = "_top"
-}
 export declare const INJECTION_KEY_VOLVER: InjectionKey<Volver>;
 export declare const INJECTION_KEY_BUTTON_GROUP: InjectionKey<ButtonGroupState>;
 export declare const INJECTION_KEY_RADIO_GROUP: InjectionKey<InputGroupState>;
 export declare const INJECTION_KEY_CHECK_GROUP: InjectionKey<InputGroupState>;
 export declare const INJECTION_KEY_ACCORDION_GROUP: InjectionKey<AccordionGroupState>;
-export declare const INJECTION_KEY_DROPDOWN_TRIGGER: InjectionKey<{
-    id?: Ref<string | number> | undefined;
-    reference?: Ref<HTMLElement | null> | undefined;
+export type DropdownTriggerState = {
+    id?: Ref<string | number>;
+    reference?: Ref<HTMLElement | null>;
     bus?: Emitter<{
         click: Event;
         mouseover: Event;
         mouseleave: Event;
-    }> | undefined;
-    expanded?: Ref<boolean> | undefined;
+    }>;
+    expanded?: Ref<boolean>;
     aria?: Ref<{
         'aria-controls': string;
         'aria-haspopup': boolean;
         'aria-expanded': boolean;
-    }> | undefined;
-}>;
-export declare const INJECTION_KEY_DROPDOWN_ITEM: InjectionKey<{
-    role?: Ref<"option" | "presentation"> | undefined;
-    expanded?: Ref<boolean> | undefined;
-}>;
-export declare const INJECTION_KEY_DROPDOWN_ACTION: InjectionKey<{
-    role?: Ref<"button" | "link" | "menuitem"> | undefined;
-    expanded?: Ref<boolean> | undefined;
-}>;
+    }>;
+};
+export declare const INJECTION_KEY_DROPDOWN_TRIGGER: InjectionKey<DropdownTriggerState>;
+export type DropdownItemState = {
+    role?: Ref<`${DropdownItemRole}`>;
+    expanded?: Ref<boolean>;
+    focused?: Ref<boolean>;
+    hovered?: Ref<boolean>;
+};
+export declare const INJECTION_KEY_DROPDOWN_ITEM: InjectionKey<DropdownItemState>;
+export type DropdownActionState = {
+    role?: Ref<`${ActionRoles}`>;
+    expanded?: Ref<boolean>;
+};
+export declare const INJECTION_KEY_DROPDOWN_ACTION: InjectionKey<DropdownActionState>;
 export declare const INJECTION_KEY_ALERT_GROUP: InjectionKey<AlertGroupState>;
 export declare const DEFAULT_ALERT_AUTO_CLOSE = 10000;
 export declare const DEFAULT_ALERT_MODIFIERS = "info";

package/dist/directives/index.es.js

@@ -1,4 +1,9 @@
 import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, h, render, ref } from "vue";
+var StorageType = /* @__PURE__ */ ((StorageType2) => {
+  StorageType2["local"] = "local";
+  StorageType2["session"] = "session";
+  return StorageType2;
+})(StorageType || {});
 var Strategy = /* @__PURE__ */ ((Strategy2) => {
   Strategy2["absolute"] = "absolute";
   Strategy2["fixed"] = "fixed";
@@ -40,13 +45,6 @@ var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
   ActionTag2["button"] = "button";
   return ActionTag2;
 })(ActionTag || {});
-var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
-  AnchorTarget2["_blank"] = "_blank";
-  AnchorTarget2["_self"] = "_self";
-  AnchorTarget2["_parent"] = "_parent";
-  AnchorTarget2["_top"] = "_top";
-  return AnchorTarget2;
-})(AnchorTarget || {});
 const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -62,11 +60,7 @@ const LinkProps = {
   /**
    * Anchor target
    */
-  target: {
-    type: String,
-    default: void 0,
-    validator: (value) => Object.values(AnchorTarget).includes(value)
-  },
+  target: String,
   /**
    * Anchor rel
    */
@@ -271,6 +265,14 @@ const ModifiersProps = {
     default: ActionTag.button
   }
 });
+({
+  storageType: {
+    type: String,
+    default: StorageType.local,
+    validator: (value) => Object.values(StorageType).includes(value)
+  },
+  storageKey: String
+});
 const VvTooltipProps = {
   ...ModifiersProps,
   /**

package/dist/directives/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).directives={},e.vue)}(this,(function(e,t){"use strict";var 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||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});Boolean,Boolean,Boolean,Boolean;const i={modifiers:{type:[String,Array],default:void 0}};n.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,u.button;const r={...i,position:{type:String,default:o.bottom},value:{type:String}};const a=t.defineComponent({__name:"VvTooltip",props:r,setup(e){const o=e,{modifiers:n}=t.toRefs(o),l=function(e,o,n){return t.computed((()=>{const l={[e]:!0},u="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return u&&Array.isArray(u)&&u.forEach((t=>{t&&(l[`${e}--${t}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{l[`${e}--${o}`]=t.unref(n.value[o])})),l}))}("vv-tooltip",n,t.computed((()=>({[o.position]:!0}))));return(e,o)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(t.unref(l)),role:"tooltip",inert:""},[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(e.value),1)]))],2))}}),s=(()=>({beforeMount(e,o){const n=t.h(a,{value:o.value,position:o.arg});t.render(n,e)},updated(e,o){const n=t.h(a,{value:o.value,position:o.arg});t.render(n,e)}}))(),v={beforeUpdate(e,o){var n,l,u;const i=t.ref(0),r=t.ref(0),a={getBoundingClientRect:()=>({width:0,height:0,x:i.value,y:r.value,top:r.value,left:i.value,right:i.value,bottom:r.value})};(null==(n=o.value)?void 0:n.init)&&(null==(u=(l=o.value).init)||u.call(l,a)),e.addEventListener("contextmenu",(function(e){var t,n,l;if(null==(t=o.value)?void 0:t.show)return e.preventDefault(),i.value=e.clientX,r.value=e.clientY,null==(l=(n=o.value).show)||l.call(n),!1}),!1)}};e.vContextmenu=v,e.vTooltip=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).directives={},e.vue)}(this,(function(e,t){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),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||{}),a=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(a||{}),i=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(i||{});Boolean,Boolean,Boolean,Boolean;const u={modifiers:{type:[String,Array],default:void 0}};l.before,n.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,a.button,i.button,o.local;const r={...u,position:{type:String,default:n.bottom},value:{type:String}};const s=t.defineComponent({__name:"VvTooltip",props:r,setup(e){const o=e,{modifiers:n}=t.toRefs(o),l=function(e,o,n){return t.computed((()=>{const l={[e]:!0},a="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return a&&Array.isArray(a)&&a.forEach((t=>{t&&(l[`${e}--${t}`]=!0)})),n&&Object.keys(n.value).forEach((o=>{l[`${e}--${o}`]=t.unref(n.value[o])})),l}))}("vv-tooltip",n,t.computed((()=>({[o.position]:!0}))));return(e,o)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(t.unref(l)),role:"tooltip",inert:""},[t.renderSlot(e.$slots,"default",{},(()=>[t.createTextVNode(t.toDisplayString(e.value),1)]))],2))}}),v=(()=>({beforeMount(e,o){const n=t.h(s,{value:o.value,position:o.arg});t.render(n,e)},updated(e,o){const n=t.h(s,{value:o.value,position:o.arg});t.render(n,e)}}))(),f={beforeUpdate(e,o){var n,l,a;const i=t.ref(0),u=t.ref(0),r={getBoundingClientRect:()=>({width:0,height:0,x:i.value,y:u.value,top:u.value,left:i.value,right:i.value,bottom:u.value})};(null==(n=o.value)?void 0:n.init)&&(null==(a=(l=o.value).init)||a.call(l,r)),e.addEventListener("contextmenu",(function(e){var t,n,l;if(null==(t=o.value)?void 0:t.show)return e.preventDefault(),i.value=e.clientX,u.value=e.clientY,null==(l=(n=o.value).show)||l.call(n),!1}),!1)}};e.vContextmenu=f,e.vTooltip=v,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/directives/v-tooltip.es.js

@@ -1,4 +1,9 @@
 import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, h, render } from "vue";
+var StorageType = /* @__PURE__ */ ((StorageType2) => {
+  StorageType2["local"] = "local";
+  StorageType2["session"] = "session";
+  return StorageType2;
+})(StorageType || {});
 var Strategy = /* @__PURE__ */ ((Strategy2) => {
   Strategy2["absolute"] = "absolute";
   Strategy2["fixed"] = "fixed";
@@ -40,13 +45,6 @@ var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
   ActionTag2["button"] = "button";
   return ActionTag2;
 })(ActionTag || {});
-var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
-  AnchorTarget2["_blank"] = "_blank";
-  AnchorTarget2["_self"] = "_self";
-  AnchorTarget2["_parent"] = "_parent";
-  AnchorTarget2["_top"] = "_top";
-  return AnchorTarget2;
-})(AnchorTarget || {});
 const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -62,11 +60,7 @@ const LinkProps = {
   /**
    * Anchor target
    */
-  target: {
-    type: String,
-    default: void 0,
-    validator: (value) => Object.values(AnchorTarget).includes(value)
-  },
+  target: String,
   /**
    * Anchor rel
    */
@@ -271,6 +265,14 @@ const ModifiersProps = {
     default: ActionTag.button
   }
 });
+({
+  storageType: {
+    type: String,
+    default: StorageType.local,
+    validator: (value) => Object.values(StorageType).includes(value)
+  },
+  storageKey: String
+});
 const VvTooltipProps = {
   ...ModifiersProps,
   /**

package/dist/directives/v-tooltip.umd.js

@@ -1 +1 @@
-!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)["v-tooltip"]=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});Boolean,Boolean,Boolean,Boolean;const l={modifiers:{type:[String,Array],default:void 0}};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button,r.button;const i={...l,position:{type:String,default:o.bottom},value:{type:String}};const u=e.defineComponent({__name:"VvTooltip",props:i,setup(o){const t=o,{modifiers:n}=e.toRefs(t),r=function(o,t,n){return e.computed((()=>{const r={[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&&(r[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{r[`${o}--${t}`]=e.unref(n.value[t])})),r}))}("vv-tooltip",n,e.computed((()=>({[t.position]:!0}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(r)),role:"tooltip",inert:""},[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]))],2))}});return(()=>({beforeMount(o,t){const n=e.h(u,{value:t.value,position:t.arg});e.render(n,o)},updated(o,t){const n=e.h(u,{value:t.value,position:t.arg});e.render(n,o)}}))()}));
+!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)["v-tooltip"]=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||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),r=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(r||{});Boolean,Boolean,Boolean,Boolean;const i={modifiers:{type:[String,Array],default:void 0}};n.before,t.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,r.button,o.local;const a={...i,position:{type:String,default:t.bottom},value:{type:String}};const u=e.defineComponent({__name:"VvTooltip",props:a,setup(o){const t=o,{modifiers:n}=e.toRefs(t),l=function(o,t,n){return e.computed((()=>{const l={[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((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}("vv-tooltip",n,e.computed((()=>({[t.position]:!0}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(l)),role:"tooltip",inert:""},[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]))],2))}});return(()=>({beforeMount(o,t){const n=e.h(u,{value:t.value,position:t.arg});e.render(n,o)},updated(o,t){const n=e.h(u,{value:t.value,position:t.arg});e.render(n,o)}}))()}));

package/dist/icons.es.js

@@ -1,5 +1,5 @@
 const prefix$2 = "normal";
-const lastModified$2 = 1705943802;
+const lastModified$2 = 1706107389;
 const icons$3 = {
   add: {
     body: '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 12h16m-8-8v16"/>'
@@ -614,7 +614,7 @@ const normal = {
   height: height$1
 };
 const prefix$1 = "detailed";
-const lastModified$1 = 1705943802;
+const lastModified$1 = 1706107389;
 const icons$2 = {
   add: {
     body: '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 15.999h24m-12-12v24"/>'
@@ -1227,7 +1227,7 @@ const detailed = {
   height
 };
 const prefix = "simple";
-const lastModified = 1705943802;
+const lastModified = 1706107389;
 const icons$1 = {
   add: {
     body: '<path fill="none" stroke="currentColor" stroke-linecap="round" d="M.5 8h15M8 .5v15"/>'