smdm-slide-menu/dist/lib/Slide.d.ts

A library agnostic multilevel page menu with a smooth slide effect based on CSS transitions, focused on accessibility.

import { SlideMenuOptions } from './SlideMenuOptions.js';
export interface SlideHTMLElement extends HTMLElement {
    _slide: Slide;
}
export declare class Slide {
    readonly menuElem: SlideHTMLElement;
    readonly options: SlideMenuOptions;
    readonly anchorElem?: HTMLAnchorElement | undefined;
    readonly id: string;
    readonly isFoldable: boolean;
    readonly parentMenuElem?: SlideHTMLElement;
    readonly name: string;
    readonly ref: string;
    navigatorElem?: HTMLElement;
    parent?: Slide;
    private active;
    private visible;
    get isActive(): boolean;
    constructor(menuElem: SlideHTMLElement, options: SlideMenuOptions, anchorElem?: HTMLAnchorElement | undefined);
    private addBackLink;
    private addNavigatorButton;
    deactivate(): this;
    activate(): this;
    setInvisible(): this;
    enableTabbing(): void;
    disableTabbing(): void;
    appendTo(elem: HTMLElement): this;
    getClosestUnfoldableSlide(): Slide | undefined;
    getAllFoldableParents(): Slide[];
    getFirstUnfoldableParent(): Slide | undefined;
    hasParent(possibleParentMenu: Slide | undefined): boolean;
    /**
     *
     * @returns
     */
    getAllParents(): Slide[];
    /**
     * Focus the first tabbable element in the menu
     * ⚠️ ATTENTION - setting the focus can mess with animations! Always set focus after animation is done
     */
    focusFirstElem(): void;
    canFold(): boolean;
    matches(idHrefOrSelector: string): boolean;
    contains(elem: HTMLElement): boolean;
    focus(): void;
}