Interface PopoverState

Public

interface PopoverState {
    attributes: {
        [key: string]: {
            [key: string]: string | boolean;
        };
    };
    elements: {
        arrow?: HTMLElement;
        popper: HTMLElement;
        reference: Element | {
            contextElement?: Element;
            getBoundingClientRect: (() => ClientRect | DOMRect);
        };
    };
    modifiersData: {
        arrow?: {
            centerOffset: number;
            x?: number;
            y?: number;
        };
        hide?: {
            hasPopperEscaped: boolean;
            isReferenceHidden: boolean;
            popperEscapeOffsets: PopoverPosition;
            referenceClippingOffsets: PopoverPosition;
        };
        offset?: {
            auto: undefined | PopoverOffsets;
            auto-end: undefined | PopoverOffsets;
            auto-start: undefined | PopoverOffsets;
            bottom: undefined | PopoverOffsets;
            bottom-end: undefined | PopoverOffsets;
            bottom-start: undefined | PopoverOffsets;
            left: undefined | PopoverOffsets;
            left-end: undefined | PopoverOffsets;
            left-start: undefined | PopoverOffsets;
            right: undefined | PopoverOffsets;
            right-end: undefined | PopoverOffsets;
            right-start: undefined | PopoverOffsets;
            top: undefined | PopoverOffsets;
            top-end: undefined | PopoverOffsets;
            top-start: undefined | PopoverOffsets;
        };
        popperOffsets?: PopoverOffsets;
        preventOverflow?: PopoverOffsets;
        [key: string]: any;
    };
    options: PopoverOptionsGeneric<any>;
    orderedModifiers: PopoverAbstractModifier<any, any>[];
    placement: PopoverPlacement;
    rects: {
        popper: PopoverRect;
        reference: PopoverRect;
    };
    reset: boolean;
    scrollParents: {
        popper: (Element | PopoverWindow | PopoverVisualViewport)[];
        reference: (Element | PopoverWindow | PopoverVisualViewport)[];
    };
    strategy: "fixed" | "absolute";
    styles: {
        [key: string]: Partial<CSSStyleDeclaration>;
    };
}

Properties

attributes elements modifiersData options orderedModifiers placement rects reset scrollParents strategy styles

Properties

attributes

attributes: {
    [key: string]: {
        [key: string]: string | boolean;
    };
}

elements

elements: {
    arrow?: HTMLElement;
    popper: HTMLElement;
    reference: Element | {
        contextElement?: Element;
        getBoundingClientRect: (() => ClientRect | DOMRect);
    };
}

modifiersData

modifiersData: {
    arrow?: {
        centerOffset: number;
        x?: number;
        y?: number;
    };
    hide?: {
        hasPopperEscaped: boolean;
        isReferenceHidden: boolean;
        popperEscapeOffsets: PopoverPosition;
        referenceClippingOffsets: PopoverPosition;
    };
    offset?: {
        auto: undefined | PopoverOffsets;
        auto-end: undefined | PopoverOffsets;
        auto-start: undefined | PopoverOffsets;
        bottom: undefined | PopoverOffsets;
        bottom-end: undefined | PopoverOffsets;
        bottom-start: undefined | PopoverOffsets;
        left: undefined | PopoverOffsets;
        left-end: undefined | PopoverOffsets;
        left-start: undefined | PopoverOffsets;
        right: undefined | PopoverOffsets;
        right-end: undefined | PopoverOffsets;
        right-start: undefined | PopoverOffsets;
        top: undefined | PopoverOffsets;
        top-end: undefined | PopoverOffsets;
        top-start: undefined | PopoverOffsets;
    };
    popperOffsets?: PopoverOffsets;
    preventOverflow?: PopoverOffsets;
    [key: string]: any;
}

options

options: PopoverOptionsGeneric<any>

orderedModifiers

orderedModifiers: PopoverAbstractModifier<any, any>[]

placement

placement: PopoverPlacement

rects

rects: {
    popper: PopoverRect;
    reference: PopoverRect;
}

reset

reset: boolean

scrollParents

scrollParents: {
    popper: (Element | PopoverWindow | PopoverVisualViewport)[];
    reference: (Element | PopoverWindow | PopoverVisualViewport)[];
}

strategy

strategy: "fixed" | "absolute"

styles

styles: {
    [key: string]: Partial<CSSStyleDeclaration>;
}

On This Page

Properties