vft 0.0.149 → 0.0.151

package/lib/components/popover/index.d.ts

@@ -1,197 +1,89 @@
 export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly width?: string | number | undefined;
-            style?: unknown;
-            readonly title?: string | undefined;
-            readonly content?: string | undefined;
-            readonly offset?: number | undefined;
-            readonly transition?: string | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            readonly showAfter?: number | undefined;
-            readonly hideAfter?: number | undefined;
-            readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly effect?: "light" | "dark" | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly trigger?: import("..").TooltipTriggerType | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            readonly visible?: boolean | undefined;
-            readonly tabindex?: number | undefined;
-            readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
-            readonly enterable?: boolean | undefined;
-            readonly popperClass?: any;
-            readonly popperStyle?: import("vue").StyleValue | undefined;
-            readonly persistent?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
-            readonly showArrow?: boolean | undefined;
-            readonly autoClose?: number | undefined;
-            "onBefore-leave"?: ((...args: any[]) => any) | undefined;
-            "onAfter-leave"?: ((...args: any[]) => any) | undefined;
-            "onBefore-enter"?: ((...args: any[]) => any) | undefined;
-            "onAfter-enter"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-        };
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: globalThis.ComponentPublicInstance | null;
-        $parent: globalThis.ComponentPublicInstance | null;
-        $emit: ((event: "before-leave", ...args: any[]) => void) & ((event: "after-leave", ...args: any[]) => void) & ((event: "before-enter", ...args: any[]) => void) & ((event: "after-enter", ...args: any[]) => void) & ((event: "update:visible", ...args: any[]) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
-            trigger: {
-                type: globalThis.PropType<import("..").TooltipTriggerType>;
-            };
-            placement: {
-                type: globalThis.PropType<import("@popperjs/core").Placement>;
-            };
-            disabled: {
-                type: globalThis.PropType<boolean>;
-            };
-            visible: {
-                type: globalThis.PropType<boolean>;
-            };
-            transition: {
-                type: globalThis.PropType<string>;
-            };
-            popperOptions: {
-                type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
-            };
-            tabindex: {
-                type: globalThis.PropType<number>;
-            };
-            content: {
-                type: globalThis.PropType<string>;
-            };
-            popperStyle: {
-                type: globalThis.PropType<import("vue").StyleValue>;
-            };
-            popperClass: {
-                type: globalThis.PropType<any>;
-            };
-            enterable: {
-                type: globalThis.PropType<boolean>;
-            };
-            effect: {
-                type: globalThis.PropType<"light" | "dark">;
-            };
-            teleported: {
-                type: globalThis.PropType<boolean>;
-            };
-            title: {
-                type: globalThis.PropType<string>;
-            };
-            width: {
-                type: globalThis.PropType<string | number>;
-            };
-            offset: {
-                type: globalThis.PropType<number>;
-            };
-            showAfter: {
-                type: globalThis.PropType<number>;
-            };
-            hideAfter: {
-                type: globalThis.PropType<number>;
-            };
-            autoClose: {
-                type: globalThis.PropType<number>;
-            };
-            showArrow: {
-                type: globalThis.PropType<boolean>;
-            };
-            persistent: {
-                type: globalThis.PropType<boolean>;
-            };
-        }>> & {
-            "onBefore-leave"?: ((...args: any[]) => any) | undefined;
-            "onAfter-leave"?: ((...args: any[]) => any) | undefined;
-            "onBefore-enter"?: ((...args: any[]) => any) | undefined;
-            "onAfter-enter"?: ((...args: any[]) => any) | undefined;
-            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-        }, {
-            popperRef: globalThis.ComputedRef<any>;
-            hide: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "before-leave": (...args: any[]) => void;
-            "after-leave": (...args: any[]) => void;
-            "before-enter": (...args: any[]) => void;
-            "after-enter": (...args: any[]) => void;
-            "update:visible": (...args: any[]) => void;
-        }, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<globalThis.ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<globalThis.ExtractPropTypes<{
         trigger: {
             type: globalThis.PropType<import("..").TooltipTriggerType>;
         };
         placement: {
-            type: globalThis.PropType<import("@popperjs/core").Placement>;
+            type: globalThis.PropType<any>;
+        };
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        visible: {
+            type: globalThis.PropType<boolean>;
+        };
+        transition: {
+            type: globalThis.PropType<string>;
+        };
+        popperOptions: {
+            type: globalThis.PropType<any>;
+        };
+        tabindex: {
+            type: globalThis.PropType<number>;
+        };
+        content: {
+            type: globalThis.PropType<string>;
+        };
+        popperStyle: {
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        popperClass: {
+            type: globalThis.PropType<any>;
+        };
+        enterable: {
+            type: globalThis.PropType<boolean>;
+        };
+        effect: {
+            type: globalThis.PropType<"light" | "dark">;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        title: {
+            type: globalThis.PropType<string>;
+        };
+        width: {
+            type: globalThis.PropType<string | number>;
+        };
+        offset: {
+            type: globalThis.PropType<number>;
+        };
+        showAfter: {
+            type: globalThis.PropType<number>;
+        };
+        hideAfter: {
+            type: globalThis.PropType<number>;
+        };
+        autoClose: {
+            type: globalThis.PropType<number>;
+        };
+        showArrow: {
+            type: globalThis.PropType<boolean>;
+        };
+        persistent: {
+            type: globalThis.PropType<boolean>;
+        };
+    }>> & {
+        "onBefore-leave"?: ((...args: any[]) => any) | undefined;
+        "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+        "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+        "onAfter-enter"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    }, {
+        popperRef: globalThis.ComputedRef<any>;
+        hide: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "before-leave": (...args: any[]) => void;
+        "after-leave": (...args: any[]) => void;
+        "before-enter": (...args: any[]) => void;
+        "after-enter": (...args: any[]) => void;
+        "update:visible": (...args: any[]) => void;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
+        trigger: {
+            type: globalThis.PropType<import("..").TooltipTriggerType>;
+        };
+        placement: {
+            type: globalThis.PropType<any>;
         };
         disabled: {
             type: globalThis.PropType<boolean>;
@@ -203,7 +95,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string>;
         };
         popperOptions: {
-            type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+            type: globalThis.PropType<any>;
         };
         tabindex: {
             type: globalThis.PropType<number>;
@@ -212,7 +104,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string>;
         };
         popperStyle: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
         };
         popperClass: {
             type: globalThis.PropType<any>;
@@ -256,10 +148,87 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
         "onAfter-enter"?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        trigger: {
+            type: globalThis.PropType<import("..").TooltipTriggerType>;
+        };
+        placement: {
+            type: globalThis.PropType<any>;
+        };
+        disabled: {
+            type: globalThis.PropType<boolean>;
+        };
+        visible: {
+            type: globalThis.PropType<boolean>;
+        };
+        transition: {
+            type: globalThis.PropType<string>;
+        };
+        popperOptions: {
+            type: globalThis.PropType<any>;
+        };
+        tabindex: {
+            type: globalThis.PropType<number>;
+        };
+        content: {
+            type: globalThis.PropType<string>;
+        };
+        popperStyle: {
+            type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
+        };
+        popperClass: {
+            type: globalThis.PropType<any>;
+        };
+        enterable: {
+            type: globalThis.PropType<boolean>;
+        };
+        effect: {
+            type: globalThis.PropType<"light" | "dark">;
+        };
+        teleported: {
+            type: globalThis.PropType<boolean>;
+        };
+        title: {
+            type: globalThis.PropType<string>;
+        };
+        width: {
+            type: globalThis.PropType<string | number>;
+        };
+        offset: {
+            type: globalThis.PropType<number>;
+        };
+        showAfter: {
+            type: globalThis.PropType<number>;
+        };
+        hideAfter: {
+            type: globalThis.PropType<number>;
+        };
+        autoClose: {
+            type: globalThis.PropType<number>;
+        };
+        showArrow: {
+            type: globalThis.PropType<boolean>;
+        };
+        persistent: {
+            type: globalThis.PropType<boolean>;
+        };
+    }>> & {
+        "onBefore-leave"?: ((...args: any[]) => any) | undefined;
+        "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+        "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+        "onAfter-enter"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    }, {
         popperRef: globalThis.ComputedRef<any>;
         hide: () => void;
-    }> & {} & import("vue").ComponentCustomProperties & {};
+    }, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -268,7 +237,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<import("..").TooltipTriggerType>;
     };
     placement: {
-        type: globalThis.PropType<import("@popperjs/core").Placement>;
+        type: globalThis.PropType<any>;
     };
     disabled: {
         type: globalThis.PropType<boolean>;
@@ -280,7 +249,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string>;
     };
     popperOptions: {
-        type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+        type: globalThis.PropType<any>;
     };
     tabindex: {
         type: globalThis.PropType<number>;
@@ -289,7 +258,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string>;
     };
     popperStyle: {
-        type: globalThis.PropType<import("vue").StyleValue>;
+        type: globalThis.PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
     };
     popperClass: {
         type: globalThis.PropType<any>;

package/lib/components/popover/popover.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("@vft/utils"),m=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const w=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const n=w.useNamespace("popover"),g=t.defineComponent({name:n.b()}),y=t.defineComponent({...g,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean},visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(o,{expose:l,emit:r}){const a=t.ref(),i=t.computed(()=>{var e;return(e=t.unref(a))==null?void 0:e.popperRef}),s=t.computed(()=>[{width:v.addUnit(o.width)},o.popperStyle]),p=t.computed(()=>[n.b(),o.popperClass,{[n.m("plain")]:!!o.content}]),f=t.computed(()=>o.transition===`${n.namespace.value}-fade-in-linear`),u=()=>{var e;(e=a.value)==null||e.hide()},d=()=>{r("before-enter")},c=()=>{r("before-leave")},b=()=>{r("after-enter")},h=()=>{r("update:visible",!1),r("after-leave")};return l({popperRef:i,hide:u}),(e,B)=>(t.openBlock(),t.createBlock(t.unref(m.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":p.value,"popper-style":s.value,teleported:e.teleported,persistent:e.persistent,"gpu-acceleration":f.value,onBeforeShow:d,onBeforeHide:c,onShow:b,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","persistent","gpu-acceleration"]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("@vft/utils"),w=require("../tooltip/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const y=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const n=y.useNamespace("popover"),g=t.defineComponent({name:n.b()}),B=t.defineComponent({...g,props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean},visible:{type:Boolean,default:null},transition:{default:"vft-fade-in-linear"},popperOptions:{},tabindex:{default:0},content:{},popperStyle:{type:[Boolean,null,String,Object,Array]},popperClass:{},enterable:{type:Boolean,default:!0},effect:{default:"light"},teleported:{type:Boolean,default:!0},title:{},width:{default:150},offset:{},showAfter:{default:0},hideAfter:{default:200},autoClose:{default:0},showArrow:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0}},emits:["update:visible","before-enter","before-leave","after-enter","after-leave"],setup(o,{expose:l,emit:i}){const r=i,a=t.ref(),s=t.computed(()=>{var e;return(e=t.unref(a))==null?void 0:e.popperRef}),p=t.computed(()=>[{width:v.addUnit(o.width)},o.popperStyle]),f=t.computed(()=>[n.b(),o.popperClass,{[n.m("plain")]:!!o.content}]),u=t.computed(()=>o.transition===`${n.namespace.value}-fade-in-linear`),d=()=>{var e;(e=a.value)==null||e.hide()},c=()=>{r("before-enter")},b=()=>{r("before-leave")},m=()=>{r("after-enter")},h=()=>{r("update:visible",!1),r("after-leave")};return l({popperRef:s,hide:d}),(e,C)=>(t.openBlock(),t.createBlock(t.unref(w.VftTooltip),t.mergeProps({ref_key:"tooltipRef",ref:a},e.$attrs,{trigger:e.trigger,placement:e.placement,disabled:e.disabled,visible:e.visible,transition:e.transition,"popper-options":e.popperOptions,tabindex:e.tabindex,content:e.content,offset:e.offset,"show-after":e.showAfter,"hide-after":e.hideAfter,"auto-close":e.autoClose,"show-arrow":e.showArrow,"aria-label":e.title,effect:e.effect,enterable:e.enterable,"popper-class":f.value,"popper-style":p.value,teleported:e.teleported,persistent:e.persistent,"gpu-acceleration":u.value,onBeforeShow:c,onBeforeHide:b,onShow:m,onHide:h}),{content:t.withCtx(()=>[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(t.unref(n).e("title")),role:"title"},t.toDisplayString(e.title),3)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.content),1)])]),default:t.withCtx(()=>[e.$slots.reference?t.renderSlot(e.$slots,"reference",{key:0}):t.createCommentVNode("",!0)]),_:3},16,["trigger","placement","disabled","visible","transition","popper-options","tabindex","content","offset","show-after","hide-after","auto-close","show-arrow","aria-label","effect","enterable","popper-class","popper-style","teleported","persistent","gpu-acceleration"]))}});exports.default=B;

package/lib/components/popper/arrow.vue.d.ts

@@ -1,15 +1,19 @@
-declare const _default: import("vue").DefineComponent<{
-    arrowOffset: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+interface Props {
+    arrowOffset?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
     /**
      * @description Arrow element
      */
     arrowRef: globalThis.Ref<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    arrowOffset: {
-        type: globalThis.PropType<number>;
-    };
-}>>, {}, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/components/popper/composables/use-content-dom.d.ts

@@ -5,9 +5,7 @@ import type { PopperContentProps } from '../types';
 export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, 'attributes' | 'styles'> & Pick<UsePopperContentReturn, 'role'>) => {
     ariaModal: globalThis.ComputedRef<string | undefined>;
     arrowStyle: globalThis.ComputedRef<CSSProperties>;
-    contentAttrs: globalThis.ComputedRef<{
-        [key: string]: string | boolean;
-    }>;
+    contentAttrs: globalThis.ComputedRef<any>;
     contentClass: globalThis.ComputedRef<any[]>;
     contentStyle: globalThis.ComputedRef<StyleValue[]>;
     contentZIndex: globalThis.Ref<number>;

package/lib/components/popper/composables/use-content.d.ts

@@ -1,77 +1,13 @@
-import type { Modifier } from '@popperjs/core';
 import type { PopperContentProps } from '../types';
 export declare const usePopperContent: (props: PopperContentProps) => {
-    attributes: globalThis.ComputedRef<{
-        [key: string]: {
-            [key: string]: string | boolean;
-        };
-    }>;
+    attributes: globalThis.ComputedRef<any>;
     arrowRef: globalThis.Ref<HTMLElement | undefined>;
     contentRef: globalThis.Ref<HTMLElement | undefined>;
-    instanceRef: globalThis.ComputedRef<import("@popperjs/core").Instance | undefined>;
-    state: globalThis.ComputedRef<{
-        elements?: {
-            reference: Element | import("@popperjs/core").VirtualElement;
-            popper: HTMLElement;
-            arrow?: HTMLElement | undefined;
-        } | undefined;
-        options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
-        placement?: import("@popperjs/core").Placement | undefined;
-        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
-        orderedModifiers?: Modifier<any, any>[] | undefined;
-        rects?: import("@popperjs/core").StateRects | undefined;
-        scrollParents?: {
-            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-        } | undefined;
-        styles?: {
-            [key: string]: Partial<CSSStyleDeclaration>;
-        } | undefined;
-        attributes?: {
-            [key: string]: {
-                [key: string]: string | boolean;
-            };
-        } | undefined;
-        modifiersData?: {
-            [key: string]: any;
-            arrow?: {
-                x?: number | undefined;
-                y?: number | undefined;
-                centerOffset: number;
-            } | undefined;
-            hide?: {
-                isReferenceHidden: boolean;
-                hasPopperEscaped: boolean;
-                referenceClippingOffsets: import("@popperjs/core").SideObject;
-                popperEscapeOffsets: import("@popperjs/core").SideObject;
-            } | undefined;
-            offset?: {
-                top?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                left?: import("@popperjs/core").Offsets | undefined;
-                right?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
-                "auto-start"?: import("@popperjs/core").Offsets | undefined;
-                "auto-end"?: import("@popperjs/core").Offsets | undefined;
-                "top-start"?: import("@popperjs/core").Offsets | undefined;
-                "top-end"?: import("@popperjs/core").Offsets | undefined;
-                "bottom-start"?: import("@popperjs/core").Offsets | undefined;
-                "bottom-end"?: import("@popperjs/core").Offsets | undefined;
-                "right-start"?: import("@popperjs/core").Offsets | undefined;
-                "right-end"?: import("@popperjs/core").Offsets | undefined;
-                "left-start"?: import("@popperjs/core").Offsets | undefined;
-                "left-end"?: import("@popperjs/core").Offsets | undefined;
-            } | undefined;
-            preventOverflow?: import("@popperjs/core").Offsets | undefined;
-            popperOffsets?: import("@popperjs/core").Offsets | undefined;
-        } | undefined;
-        reset?: boolean | undefined;
-    }>;
-    styles: globalThis.ComputedRef<{
-        [key: string]: Partial<CSSStyleDeclaration>;
-    }>;
+    instanceRef: globalThis.ComputedRef<any>;
+    state: globalThis.ComputedRef<any>;
+    styles: globalThis.ComputedRef<any>;
     role: globalThis.ComputedRef<string>;
-    forceUpdate: () => void | undefined;
-    update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+    forceUpdate: () => any;
+    update: () => any;
 };
 export type UsePopperContentReturn = ReturnType<typeof usePopperContent>;

package/lib/components/popper/content.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@vft/utils"),x=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const D=require("lodash"),L=require("./composables/use-content.cjs"),V=require("./composables/use-content-dom.cjs"),j=require("./composables/use-focus-trap.cjs"),z=require("./constants.cjs"),J=e.defineComponent({name:"VftPopperContent"}),K=e.defineComponent({...J,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},id:{},style:{},className:{},effect:{default:"dark"},visible:{type:Boolean},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},virtualTriggering:{type:Boolean},zIndex:{}},emits:["mouseenter","mouseleave","focus","blur","close"],setup(n,{expose:P,emit:R}){const l=e.getCurrentInstance(),{focusStartRef:y,trapped:f,onFocusAfterReleased:C,onFocusAfterTrapped:E,onFocusInTrap:F,onFocusoutPrevented:q,onReleaseRequested:B}=j.usePopperContentFocusTrap(l.props,R),{attributes:T,arrowRef:g,contentRef:s,styles:A,instanceRef:O,role:p,update:w}=L.usePopperContent(l.props),{ariaModal:M,arrowStyle:I,contentAttrs:N,contentClass:S,contentStyle:d,updateZIndex:k}=V.usePopperContentDOM(l.props,{styles:A,attributes:T,role:p}),$=e.ref();e.provide(z.POPPER_CONTENT_INJECTION_KEY,{arrowStyle:I,arrowRef:g,arrowOffset:$});let t;const c=(r=!0)=>{w(),r&&k()},h=()=>{c(!1),n.visible&&n.focusOnShow?f.value=!0:n.visible===!1&&(f.value=!1)};return e.onMounted(()=>{e.watch(()=>n.triggerTargetEl,(r,u)=>{t==null||t(),t=void 0;const o=e.unref(r||s.value),i=e.unref(u||s.value);b.isElement(o)&&(t=e.watch([p,()=>n.ariaLabel,M,()=>n.id],a=>{["role","aria-label","aria-modal","id"].forEach((m,v)=>{D.isNil(a[v])?o.removeAttribute(m):o.setAttribute(m,a[v])})},{immediate:!0})),i!==o&&b.isElement(i)&&["role","aria-label","aria-modal","id"].forEach(a=>{i.removeAttribute(a)})},{immediate:!0}),e.watch(()=>n.visible,h,{immediate:!0})}),e.onBeforeUnmount(()=>{t==null||t(),t=void 0}),P({popperContentRef:s,popperInstanceRef:O,updatePopper:c,contentStyle:d}),(r,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"contentRef",ref:s},e.unref(N),{style:e.unref(d),class:e.unref(S),tabindex:"-1",onMouseenter:u[0]||(u[0]=o=>r.$emit("mouseenter",o)),onMouseleave:u[1]||(u[1]=o=>r.$emit("mouseleave",o))}),[e.createVNode(e.unref(x.default),{trapped:e.unref(f),"trap-on-focus-in":!0,"focus-trap-el":e.unref(s),"focus-start-el":e.unref(y),onFocusAfterTrapped:e.unref(E),onFocusAfterReleased:e.unref(C),onFocusin:e.unref(F),onFocusoutPrevented:e.unref(q),onReleaseRequested:e.unref(B)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusin","onFocusoutPrevented","onReleaseRequested"])],16))}});exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("@vft/utils"),x=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const D=require("lodash"),L=require("./composables/use-content.cjs"),V=require("./composables/use-content-dom.cjs"),z=require("./composables/use-focus-trap.cjs"),J=require("./constants.cjs"),K=e.defineComponent({name:"VftPopperContent"}),U=e.defineComponent({...K,props:{boundariesPadding:{default:0},fallbackPlacements:{},gpuAcceleration:{type:Boolean,default:!0},offset:{default:12},placement:{default:"bottom"},popperOptions:{default:{}},strategy:{default:"absolute"},id:{},style:{type:[Boolean,null,String,Object,Array]},className:{},effect:{default:"dark"},visible:{type:Boolean},enterable:{type:Boolean,default:!0},pure:{type:Boolean},focusOnShow:{type:Boolean,default:!1},trapping:{type:Boolean,default:!1},popperClass:{},popperStyle:{type:[Boolean,null,String,Object,Array]},referenceEl:{},triggerTargetEl:{},stopPopperMouseEvent:{type:Boolean,default:!0},ariaLabel:{},virtualTriggering:{type:Boolean},zIndex:{}},emits:["mouseenter","mouseleave","focus","blur","close"],setup(n,{expose:y,emit:P}){const R=P,l=e.getCurrentInstance(),{focusStartRef:C,trapped:f,onFocusAfterReleased:E,onFocusAfterTrapped:F,onFocusInTrap:B,onFocusoutPrevented:g,onReleaseRequested:q}=z.usePopperContentFocusTrap(l.props,R),{attributes:A,arrowRef:O,contentRef:s,styles:T,instanceRef:w,role:p,update:M}=L.usePopperContent(l.props),{ariaModal:S,arrowStyle:I,contentAttrs:N,contentClass:k,contentStyle:c,updateZIndex:j}=V.usePopperContentDOM(l.props,{styles:T,attributes:A,role:p}),$=e.ref();e.provide(J.POPPER_CONTENT_INJECTION_KEY,{arrowStyle:I,arrowRef:O,arrowOffset:$});let t;const d=(r=!0)=>{M(),r&&j()},h=()=>{d(!1),n.visible&&n.focusOnShow?f.value=!0:n.visible===!1&&(f.value=!1)};return e.onMounted(()=>{e.watch(()=>n.triggerTargetEl,(r,u)=>{t==null||t(),t=void 0;const o=e.unref(r||s.value),i=e.unref(u||s.value);b.isElement(o)&&(t=e.watch([p,()=>n.ariaLabel,S,()=>n.id],a=>{["role","aria-label","aria-modal","id"].forEach((m,v)=>{D.isNil(a[v])?o.removeAttribute(m):o.setAttribute(m,a[v])})},{immediate:!0})),i!==o&&b.isElement(i)&&["role","aria-label","aria-modal","id"].forEach(a=>{i.removeAttribute(a)})},{immediate:!0}),e.watch(()=>n.visible,h,{immediate:!0})}),e.onBeforeUnmount(()=>{t==null||t(),t=void 0}),y({popperContentRef:s,popperInstanceRef:w,updatePopper:d,contentStyle:c}),(r,u)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"contentRef",ref:s},e.unref(N),{style:e.unref(c),class:e.unref(k),tabindex:"-1",onMouseenter:u[0]||(u[0]=o=>r.$emit("mouseenter",o)),onMouseleave:u[1]||(u[1]=o=>r.$emit("mouseleave",o))}),[e.createVNode(e.unref(x.default),{trapped:e.unref(f),"trap-on-focus-in":!0,"focus-trap-el":e.unref(s),"focus-start-el":e.unref(C),onFocusAfterTrapped:e.unref(F),onFocusAfterReleased:e.unref(E),onFocusin:e.unref(B),onFocusoutPrevented:e.unref(g),onReleaseRequested:e.unref(q)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["trapped","focus-trap-el","focus-start-el","onFocusAfterTrapped","onFocusAfterReleased","onFocusin","onFocusoutPrevented","onReleaseRequested"])],16))}});exports.default=U;