@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/Volver.d.ts

@@ -0,0 +1,121 @@
+import type { IconifyIcon, IconifyJSON, PartialIconifyAPIConfig } from '@iconify/vue';
+import type { Component, Directive, Plugin, Ref } from 'vue';
+export declare function useDefaultProps(component: Component, defaults?: Record<string, unknown>, name?: string): Component;
+export type DefaultOptions = Record<string, Record<string, unknown>>;
+export type VolverExperimentalFeatures = {
+    /**
+     * Force suggestions in `VvInputText` and `VvTextarea` component
+     */
+    forceInputSuggestions?: boolean;
+};
+export type VolverOptions = {
+    /**
+     * If true set "fetchOptions" with credentials: 'include'
+     */
+    fetchWithCredentials?: boolean;
+    /**
+     * Optional fetch params
+     */
+    fetchOptions?: RequestInit;
+    /**
+     * Array of iconify collections that will be added during plugin install
+     * @see https://docs.iconify.design/types/iconify-json.html
+     */
+    iconsCollections?: IconifyJSON[];
+    /**
+     * Set true inside nuxt
+     */
+    nuxt?: boolean;
+    /**
+     * Default iconify provider
+     * @see https://docs.iconify.design/icon-components/vue/add-collection.html
+     * @default 'vv'
+     */
+    iconsProvider?: string;
+    /**
+     * Components to install
+     */
+    components?: Record<string, Component>;
+    /**
+     * Alias to install
+     */
+    aliases?: Record<string, Component>;
+    /**
+     * Directives to install
+     */
+    directives?: Record<string, Directive>;
+    /**
+     * Default props for components
+     */
+    defaults?: DefaultOptions;
+    /**
+     * Experimental features
+     */
+    experimentalFeatures?: VolverExperimentalFeatures;
+};
+export interface VolverInterface {
+    /**
+     * @param {string} src Icon source path (url)
+     * @param {RequestInit} options
+     * @returns {Promise<string | undefined>} String SVG if exist
+     */
+    fetchIcon: (src: string, options?: RequestInit) => Promise<string | undefined>;
+    /**
+     * Add iconify collection to library
+     * @see https://docs.iconify.design/icon-components/vue/add-collection.html
+     * @param {IconifyJSON} collection
+     * @param {string} providerName Optional provider name
+     */
+    addCollection: (collection: IconifyJSON, providerName?: string) => boolean;
+    /**
+     * Add icon to collection
+     * @see https://docs.iconify.design/icon-components/vue/add-icon.html
+     * @param {string} name
+     * @param {IconifyIcon} data
+     * @returns {boolean} true on success, false if something is wrong with data
+     */
+    addIcon: (name: string, data: IconifyIcon) => boolean;
+    /**
+     * Add custom config for icons provider
+     * @param {string} provider
+     * @param {PartialIconifyAPIConfig} customConfig
+     * @returns {boolean} true on success, false if something is wrong with data
+     */
+    addIconsAPIProvider: (provider: string, customConfig: PartialIconifyAPIConfig) => boolean;
+    /**
+     * Current provider
+     */
+    iconsProvider: string;
+    /**
+     * Array of installed iconify collections
+     * @see https://docs.iconify.design/types/iconify-json.html
+     */
+    iconsCollections: IconifyJSON[];
+    /**
+     * Set true inside nuxt
+     */
+    nuxt: boolean;
+    /**
+     * Components defaults options
+     */
+    defaults: Ref<DefaultOptions>;
+}
+export declare class Volver implements VolverInterface {
+    private readonly _fetchOptions;
+    private readonly _iconsCollections;
+    private readonly _iconsProvider;
+    private readonly _nuxt;
+    private readonly _experimentalFeatures;
+    defaults: Ref<DefaultOptions>;
+    constructor({ fetchWithCredentials, fetchOptions, iconsProvider, nuxt, iconsCollections, defaults, experimentalFeatures, }?: VolverOptions);
+    get nuxt(): boolean;
+    get iconsProvider(): string;
+    get iconsCollections(): IconifyJSON[];
+    get experimentalFeatures(): VolverExperimentalFeatures;
+    addCollection(collection: IconifyJSON, providerName?: string): boolean;
+    addIcon(name: string, data: IconifyIcon): boolean;
+    addIconsAPIProvider(provider: string, customConfig: PartialIconifyAPIConfig): boolean;
+    fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
+}
+declare const VolverPlugin: Plugin;
+export default VolverPlugin;

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

@@ -0,0 +1,68 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    name: StringConstructor;
+    title: StringConstructor;
+    content: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    not: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {
+    /** Whether the accordion is expanded */
+    isExpanded: globalThis.Ref<boolean, boolean>;
+    /** Expand the accordion */
+    expand: () => void;
+    /** Collapse the accordion */
+    collapse: () => void;
+    /** Expand accordions in the same group */
+    groupExpand: (name?: string | string[]) => void;
+    /** Collapse accordions in the same group */
+    groupCollapse: (name?: string | string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    name: StringConstructor;
+    title: StringConstructor;
+    content: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    not: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modelValue: boolean;
+    modifiers: string | string[];
+    disabled: boolean;
+    not: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    summary?: (props: {
+        isExpanded: boolean;
+        expand: () => void;
+        collapse: () => void;
+        groupExpand: (name?: string | string[]) => void;
+        groupCollapse: (name?: string | string[]) => void;
+    }) => any;
+} & {
+    default?: (props: {
+        isExpanded: boolean;
+        expand: () => void;
+        collapse: () => void;
+        groupExpand: (name?: string | string[]) => void;
+        groupCollapse: (name?: string | string[]) => void;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import type { ExtractPropTypes } from 'vue';
+import type { AccordionGroupState } from '../../types/group';
+export declare const VvAccordionProps: {
+    /**
+     * Accordion name
+     */
+    name: StringConstructor;
+    /**
+     * Header title
+     */
+    title: StringConstructor;
+    /**
+     * Content text
+     */
+    content: StringConstructor;
+    /**
+     * (Optional) Defines if item is open. Event "update:modelValue" is emitted on accordion header click
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * If true, the accordion will be disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * If true, the accordion will be opened by default
+     */
+    not: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};
+export declare const VvAccordionEvents: string[];
+export type VvAccordionPropsTypes = ExtractPropTypes<typeof VvAccordionProps>;
+/**
+ * Merges local and group props
+ */
+export declare function useGroupProps(props: VvAccordionPropsTypes): {
+    isInGroup: globalThis.ComputedRef<boolean>;
+    group: AccordionGroupState | undefined;
+    modifiers: globalThis.ComputedRef<string[]>;
+    disabled: globalThis.ComputedRef<boolean>;
+    bus: import("mitt").Emitter<import("../..").AccordionGroupBusEvents> | undefined;
+};

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

@@ -0,0 +1,98 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | string[] | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<import(".").VvAccordionGroupItem[]>;
+        default: () => never[];
+    };
+    collapse: BooleanConstructor;
+    itemModifiers: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    not: BooleanConstructor;
+    storageType: {
+        type: PropType<`${import("../../constants").StorageType}`>;
+        default: import("../../constants").StorageType;
+        validator: (value: import("../../constants").StorageType) => boolean;
+    };
+    storageKey: StringConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>, {
+    /** Expanded accordions names */
+    expandedAccordions: globalThis.WritableComputedRef<Set<string>, Set<string>>;
+    /** Expand accordion by name, expand all if no name is provided */
+    expand: (name?: string | string[]) => void;
+    /** Collapse accordion by name, collapse all if no name is provided */
+    collapse: (name?: string | string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | string[] | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<import(".").VvAccordionGroupItem[]>;
+        default: () => never[];
+    };
+    collapse: BooleanConstructor;
+    itemModifiers: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    not: BooleanConstructor;
+    storageType: {
+        type: PropType<`${import("../../constants").StorageType}`>;
+        default: import("../../constants").StorageType;
+        validator: (value: import("../../constants").StorageType) => boolean;
+    };
+    storageKey: StringConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modelValue: string | string[] | undefined;
+    collapse: boolean;
+    modifiers: string | string[];
+    disabled: boolean;
+    not: boolean;
+    items: import(".").VvAccordionGroupItem[];
+    itemModifiers: string | string[];
+    storageType: "local" | "session";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    [x: `summary::${string}`]: ((props: {
+        isExpanded: boolean;
+        expand: () => void;
+        collapse: () => void;
+        groupExpand: (name?: string | string[]) => void;
+        groupCollapse: (name?: string | string[]) => void;
+    }) => any) | undefined;
+} & {
+    [x: `content::${string}`]: ((props: {
+        isExpanded: boolean;
+        expand: () => void;
+        collapse: () => void;
+        groupExpand: (name?: string | string[]) => void;
+        groupCollapse: (name?: string | string[]) => void;
+    }) => any) | undefined;
+} & {
+    default?: (props: {
+        expandedAccordions: Set<string>;
+        expand: (name?: string | string[]) => void;
+        collapse: (name?: string | string[]) => void;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,54 @@
+export interface VvAccordionGroupItem {
+    title: string;
+    content: string;
+    name?: string;
+    disabled?: boolean;
+    modifiers?: string | string[];
+}
+export declare const VvAccordionGroupProps: {
+    /**
+     * VModel
+     */
+    modelValue: {
+        type: PropType<string | string[] | undefined>;
+        default: undefined;
+    };
+    /**
+     * Accordion items
+     * @type VvAccordionGroupItem
+     */
+    items: {
+        type: PropType<VvAccordionGroupItem[]>;
+        default: () => never[];
+    };
+    /**
+     * If true, accordion items stay open when another item is opened
+     */
+    collapse: BooleanConstructor;
+    /**
+     * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+     */
+    itemModifiers: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    /**
+     * If true, the accordion items will be disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * If true, the accordion items will be opened by default
+     */
+    not: BooleanConstructor;
+    storageType: {
+        type: PropType<`${import("../../constants").StorageType}`>;
+        default: import("../../constants").StorageType;
+        validator: (value: import("../../constants").StorageType) => boolean;
+    };
+    storageKey: StringConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+};
+export declare const VvAccordionGroupEvents: string[];

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

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

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

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

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

@@ -0,0 +1,110 @@
+import { ActionTag } from '../../constants';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    type: {
+        type: PropType<`${import("../../constants").ButtonType}`>;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultTag: {
+        type: StringConstructor;
+        default: ActionTag;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    /** Reference to the root element */
+    $el: globalThis.Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    type: {
+        type: PropType<`${import("../../constants").ButtonType}`>;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultTag: {
+        type: StringConstructor;
+        default: ActionTag;
+    };
+    to: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    href: StringConstructor;
+    target: StringConstructor;
+    rel: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pressed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    label: string | number;
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    ariaLabel: string;
+    defaultTag: string;
+    rel: string;
+    current: boolean;
+    active: boolean;
+    pressed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};