@dialpad/dialtone/dist/vue3/components/collapsible/collapsible.vue.d.ts

Dialpad's Dialtone design system monorepo

import { hasSlotContent } from '../../common/utils';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    anchorText: {
        type: StringConstructor;
        default: null;
    };
    open: {
        type: BooleanConstructor;
        default: null;
    };
    id: {
        type: StringConstructor;
        default(): string;
    };
    elementType: {
        type: StringConstructor;
        default: string;
    };
    contentElementType: {
        type: StringConstructor;
        default: string;
    };
    anchorClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: null;
    };
    contentClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: null;
    };
    maxWidth: {
        type: StringConstructor;
        default: null;
    };
    maxHeight: {
        type: StringConstructor;
        default: null;
    };
    ariaLabel: {
        type: StringConstructor;
        default: null;
    };
    ariaLabelledBy: {
        type: StringConstructor;
        default: null;
    };
}>, {}, {
    isOpen: boolean;
}, {
    labelledBy(): string | false;
    collapsibleListeners(): Object;
}, {
    onLeaveTransitionComplete(): void;
    onEnterTransitionComplete(): void;
    defaultToggleOpen(): void;
    toggleOpen(): void;
    validateProperAnchor(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:open" | "opened")[], "update:open" | "opened", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    anchorText: {
        type: StringConstructor;
        default: null;
    };
    open: {
        type: BooleanConstructor;
        default: null;
    };
    id: {
        type: StringConstructor;
        default(): string;
    };
    elementType: {
        type: StringConstructor;
        default: string;
    };
    contentElementType: {
        type: StringConstructor;
        default: string;
    };
    anchorClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: null;
    };
    contentClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: null;
    };
    maxWidth: {
        type: StringConstructor;
        default: null;
    };
    maxHeight: {
        type: StringConstructor;
        default: null;
    };
    ariaLabel: {
        type: StringConstructor;
        default: null;
    };
    ariaLabelledBy: {
        type: StringConstructor;
        default: null;
    };
}>> & Readonly<{
    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
    onOpened?: ((...args: any[]) => any) | undefined;
}>, {
    id: string;
    open: boolean;
    ariaLabel: string;
    maxHeight: string;
    contentClass: string | unknown[] | Record<string, any>;
    elementType: string;
    anchorText: string;
    contentElementType: string;
    anchorClass: string | unknown[] | Record<string, any>;
    maxWidth: string;
    ariaLabelledBy: string;
}, {}, {
    DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        circle: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPosition: {
            type: StringConstructor;
            default: string;
            validator: (position: unknown) => boolean;
        };
        importance: {
            type: StringConstructor;
            default: string;
            validator: (i: unknown) => boolean;
        };
        link: {
            type: BooleanConstructor;
            default: boolean;
        };
        linkKind: {
            type: StringConstructor;
            default: string;
            validator: (lk: unknown) => boolean;
        };
        linkInverted: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        type: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
        width: {
            type: StringConstructor;
            default: null;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        labelClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        kind: {
            type: StringConstructor;
            default: string;
            validator: (k: unknown) => boolean;
        };
        assertiveOnFocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        active: {
            type: BooleanConstructor;
            default: boolean;
        };
        to: {
            type: (ObjectConstructor | StringConstructor)[];
            default: null;
        };
        href: {
            type: StringConstructor;
            default: null;
        };
        target: {
            type: StringConstructor;
            default: null;
        };
        rel: {
            type: StringConstructor;
            default: null;
        };
        replace: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {}, {
        ICON_POSITION_MODIFIERS: {
            left: string;
            right: string;
            top: string;
            bottom: string;
        };
        isInFocus: boolean;
        hasSlotContent: typeof hasSlotContent;
        i18n: any;
    }, {
        computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
        isNativeButton(): boolean;
        computedAttrs(): {
            'aria-disabled'?: string | undefined;
            tabindex?: string | undefined;
            to: string | Record<string, any>;
            replace: boolean;
            type?: undefined;
            disabled?: undefined;
        } | {
            'aria-disabled'?: string | undefined;
            tabindex?: string | undefined;
            href: string | null;
            target: string;
            rel: string;
            type?: undefined;
            disabled?: undefined;
        } | {
            type: string;
            disabled: boolean;
        };
        computedListeners(): {
            focusin: (e: any) => void;
            focusout: (e: any) => void;
        };
        computedAriaLive(): unknown;
        iconSize(): any;
        loaderSize(): any;
    }, {
        resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
        buttonClasses(): any[];
        isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
        shouldRenderIcon(): any;
        isIconOnly(): any;
        isVerticalIconLayout(): boolean;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        circle: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPosition: {
            type: StringConstructor;
            default: string;
            validator: (position: unknown) => boolean;
        };
        importance: {
            type: StringConstructor;
            default: string;
            validator: (i: unknown) => boolean;
        };
        link: {
            type: BooleanConstructor;
            default: boolean;
        };
        linkKind: {
            type: StringConstructor;
            default: string;
            validator: (lk: unknown) => boolean;
        };
        linkInverted: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        type: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
        width: {
            type: StringConstructor;
            default: null;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        labelClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        kind: {
            type: StringConstructor;
            default: string;
            validator: (k: unknown) => boolean;
        };
        assertiveOnFocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        active: {
            type: BooleanConstructor;
            default: boolean;
        };
        to: {
            type: (ObjectConstructor | StringConstructor)[];
            default: null;
        };
        href: {
            type: StringConstructor;
            default: null;
        };
        target: {
            type: StringConstructor;
            default: null;
        };
        rel: {
            type: StringConstructor;
            default: null;
        };
        replace: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{
        onFocusin?: ((...args: any[]) => any) | undefined;
        onFocusout?: ((...args: any[]) => any) | undefined;
    }>, {
        link: boolean;
        disabled: boolean;
        type: string;
        target: string;
        circle: boolean;
        active: boolean;
        loading: boolean;
        size: string;
        replace: boolean;
        kind: string;
        labelClass: string | unknown[] | Record<string, any>;
        href: string;
        to: string | Record<string, any>;
        iconPosition: string;
        importance: string;
        linkKind: string;
        linkInverted: boolean;
        width: string;
        assertiveOnFocus: boolean;
        rel: string;
    }, {}, {
        DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            ariaLabel: {
                type: StringConstructor;
                default: string;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (s: unknown) => boolean;
            };
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            ariaLabel: {
                type: StringConstructor;
                default: string;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (s: unknown) => boolean;
            };
        }>> & Readonly<{}>, {
            size: string;
            ariaLabel: string;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtCollapsibleLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        show: {
            type: BooleanConstructor;
            default: null;
        };
        appear: {
            type: BooleanConstructor;
            default: boolean;
        };
        elementType: {
            type: StringConstructor;
            default: string;
        };
    }>, {}, {
        initialized: boolean;
    }, {
        isCSSEnabled(): boolean;
    }, {
        beforeEnter(element: HTMLElement): void;
        enter(element: HTMLElement): void;
        afterEnter(element: HTMLElement): void;
        beforeLeave(element: HTMLElement): void;
        leave(element: HTMLElement): void;
        afterLeave(element: HTMLElement): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        show: {
            type: BooleanConstructor;
            default: null;
        };
        appear: {
            type: BooleanConstructor;
            default: boolean;
        };
        elementType: {
            type: StringConstructor;
            default: string;
        };
    }>> & Readonly<{}>, {
        show: boolean;
        appear: boolean;
        elementType: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        show: {
            type: BooleanConstructor;
            default: boolean;
        };
        transition: {
            type: StringConstructor;
            default: null;
        };
        appear: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {}, {
        initialized: boolean;
    }, {
        isCSSEnabled(): boolean;
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        show: {
            type: BooleanConstructor;
            default: boolean;
        };
        transition: {
            type: StringConstructor;
            default: null;
        };
        appear: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {
        show: boolean;
        appear: boolean;
        transition: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtIconChevronDown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        ariaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>, {}, {}, {
        iconSizeClass(): any;
        ariaHidden(): "true" | "false";
        dataQA(): {};
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        ariaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onLoaded?: ((...args: any[]) => any) | undefined;
    }>, {
        size: string;
        ariaLabel: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtIconChevronRight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        ariaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>, {}, {}, {
        iconSizeClass(): any;
        ariaHidden(): "true" | "false";
        dataQA(): {};
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        ariaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onLoaded?: ((...args: any[]) => any) | undefined;
    }>, {
        size: string;
        ariaLabel: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=collapsible.vue.d.ts.map