vft 0.0.11 → 0.0.14

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

@@ -0,0 +1,187 @@
+import type { PropType as __PropType } from 'vue';
+import type { Options, Placement } from '@popperjs/core';
+import { type StyleValue } from 'vue';
+import { type TooltipTriggerType } from 'vft/es/components/tooltip';
+declare const _sfc_main: import("vue").DefineComponent<{
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /** @description popper ref */
+    popperRef: import("vue").ComputedRef<any>;
+    /** @description hide popover */
+    hide: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave")[], "update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onBefore-leave"?: ((...args: any[]) => any) | undefined;
+    "onAfter-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,18 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    arrowOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description Arrow element
+     */
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    arrowOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/popper/composables/index.d.ts

@@ -0,0 +1,3 @@
+export * from './use-content';
+export * from './use-content-dom';
+export * from './use-focus-trap';

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

@@ -0,0 +1,16 @@
+import type { CSSProperties, StyleValue } from 'vue';
+import type { UsePopperReturn } from 'vft/es/hooks';
+import type { UsePopperContentReturn } from './use-content';
+import type { PopperContentProps } from '../types';
+export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, 'attributes' | 'styles'> & Pick<UsePopperContentReturn, 'role'>) => {
+    ariaModal: import("vue").ComputedRef<string | undefined>;
+    arrowStyle: import("vue").ComputedRef<CSSProperties>;
+    contentAttrs: import("vue").ComputedRef<{
+        [key: string]: string | boolean;
+    }>;
+    contentClass: import("vue").ComputedRef<(ClassType | undefined)[]>;
+    contentStyle: import("vue").ComputedRef<StyleValue[]>;
+    contentZIndex: import("vue").Ref<number>;
+    updateZIndex: () => void;
+};
+export type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>;

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

@@ -0,0 +1,77 @@
+import type { Modifier } from '@popperjs/core';
+import type { PopperContentProps } from '../types';
+export declare const usePopperContent: (props: PopperContentProps) => {
+    attributes: import("vue").ComputedRef<{
+        [key: string]: {
+            [key: string]: string | boolean;
+        };
+    }>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+    state: import("vue").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?: {
+                left?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
+                bottom?: 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: import("vue").ComputedRef<{
+        [key: string]: Partial<CSSStyleDeclaration>;
+    }>;
+    role: import("vue").ComputedRef<string>;
+    forceUpdate: () => void | undefined;
+    update: () => Promise<Partial<import("@popperjs/core").State>> | undefined;
+};
+export type UsePopperContentReturn = ReturnType<typeof usePopperContent>;

package/lib/components/popper/composables/use-focus-trap.d.ts

@@ -0,0 +1,11 @@
+import type { PopperContentProps } from '../types';
+export declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: any) => {
+    focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
+    trapped: import("vue").Ref<boolean>;
+    onFocusAfterReleased: (event: CustomEvent) => void;
+    onFocusAfterTrapped: () => void;
+    onFocusInTrap: (event: FocusEvent) => void;
+    onFocusoutPrevented: (event: CustomEvent) => void;
+    onReleaseRequested: () => void;
+};
+export type UsePopperContentFocusTrapReturn = ReturnType<typeof usePopperContentFocusTrap>;

package/lib/components/popper/constants.d.ts

@@ -0,0 +1,24 @@
+import type { CSSProperties, ComputedRef, InjectionKey, Ref } from 'vue';
+import type { Instance } from '@popperjs/core';
+export type Measurable = {
+    getBoundingClientRect: () => DOMRect;
+};
+/**
+ * triggerRef indicates the element that triggers popper
+ * contentRef indicates the element of popper content
+ * referenceRef indicates the element that popper content relative with
+ */
+export type VftPopperInjectionContext = {
+    triggerRef: Ref<Measurable | undefined>;
+    contentRef: Ref<HTMLElement | undefined>;
+    popperInstanceRef: Ref<Instance | undefined>;
+    referenceRef: Ref<Measurable | undefined>;
+    role: ComputedRef<string>;
+};
+export type VftPopperContentInjectionContext = {
+    arrowRef: Ref<HTMLElement | undefined>;
+    arrowOffset: Ref<number | undefined>;
+    arrowStyle: ComputedRef<CSSProperties>;
+};
+export declare const POPPER_INJECTION_KEY: InjectionKey<VftPopperInjectionContext>;
+export declare const POPPER_CONTENT_INJECTION_KEY: InjectionKey<VftPopperContentInjectionContext>;

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

@@ -0,0 +1,222 @@
+import type { PropType as __PropType } from 'vue';
+import type { Options, Placement } from '@popperjs/core';
+import { type StyleValue } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    boundariesPadding: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: __PropType<Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: __PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    style: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /**
+     * @description popper content element
+     */
+    popperContentRef: import("vue").Ref<HTMLElement | undefined>;
+    /**
+     * @description popperjs instance
+     */
+    popperInstanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
+    /**
+     * @description method for updating popper
+     */
+    updatePopper: (shouldUpdateZIndex?: boolean) => void;
+    /**
+     * @description content style
+     */
+    contentStyle: import("vue").ComputedRef<StyleValue[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseenter" | "mouseleave")[], "close" | "focus" | "blur" | "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    boundariesPadding: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    fallbackPlacements: {
+        type: __PropType<Placement[] | undefined>;
+        required: false;
+    };
+    gpuAcceleration: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    strategy: {
+        type: __PropType<"fixed" | "absolute" | undefined>;
+        required: false;
+    };
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    style: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    pure: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    focusOnShow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    trapping: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    referenceEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    triggerTargetEl: {
+        type: __PropType<HTMLElement | undefined>;
+        required: false;
+    };
+    stopPopperMouseEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ariaLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    virtualTriggering: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,18 @@
+import VftPopperArrow from './arrow.vue';
+import VftPopperTrigger from './trigger.vue';
+import VftPopperContent from './content.vue';
+export { VftPopperArrow, VftPopperTrigger, VftPopperContent };
+export declare const VftPopper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    role: {
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    role: {
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftPopper;
+export type { Placement, Options } from '@popperjs/core';
+export * from './types';

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

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    role: {
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    role: {
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;