@materializecss/materialize 2.1.1 → 2.2.0

package/dist/js/materialize.d.ts

@@ -1,2333 +0,0 @@
-/**
- * Base options for component initialization.
- */
-interface BaseOptions {
-}
-type MElement = HTMLElement | Element;
-type InitElements<T extends MElement> = NodeListOf<T> | HTMLCollectionOf<T>;
-type ComponentConstructor<T extends Component<O>, O extends BaseOptions> = {
-    new (el: HTMLElement, options: Partial<O>): T;
-};
-type ComponentType<C extends Component<O>, O extends BaseOptions> = ComponentConstructor<C, O> & typeof Component<O>;
-interface I18nOptions {
-    cancel: string;
-    clear: string;
-    done: string;
-}
-interface Openable {
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-}
-/**
- * Base class implementation for Materialize components.
- */
-declare class Component<O extends BaseOptions> {
-    /**
-     * The DOM element the plugin was initialized with.
-     */
-    el: HTMLElement;
-    /**
-     * The options the instance was initialized with.
-     */
-    options: O;
-    /**
-     * Constructs component instance and set everything up.
-     */
-    constructor(el: HTMLElement, options: Partial<O>, classDef: ComponentType<Component<O>, O>);
-    /**
-     * Initializes component instance.
-     * @param el HTML element.
-     * @param options Component options.
-     * @param classDef Class definition.
-     */
-    protected static init<I extends HTMLElement, O extends BaseOptions, C extends Component<O>>(el: I, options: O, classDef: ComponentType<C, O>): C;
-    /**
-     * Initializes component instances.
-     * @param els HTML elements.
-     * @param options Component options.
-     * @param classDef Class definition.
-     */
-    protected static init<I extends MElement, O extends BaseOptions, C extends Component<O>>(els: InitElements<I>, options: Partial<O>, classDef: ComponentType<C, O>): C[];
-    /**
-     * Initializes component instances.
-     * @param els HTML elements.
-     * @param options Component options.
-     * @param classDef Class definition.
-     */
-    protected static init<I extends MElement, O extends BaseOptions, C extends Component<O>>(els: I | InitElements<I>, options: Partial<O>, classDef: ComponentType<C, O>): C | C[];
-    /**
-     * @returns default options for component instance.
-     */
-    static get defaults(): BaseOptions;
-    /**
-     * Retrieves component instance for the given element.
-     * @param el Associated HTML Element.
-     */
-    static getInstance(el: HTMLElement): Component<BaseOptions>;
-    /**
-     * Destroy plugin instance and teardown.
-     */
-    destroy(): void;
-}
-
-interface DropdownOptions extends BaseOptions {
-    /**
-     * Defines the edge the menu is aligned to.
-     * @default 'left'
-     */
-    alignment: 'left' | 'right';
-    /**
-     * If true, automatically focus dropdown el for keyboard.
-     * @default true
-     */
-    autoFocus: boolean;
-    /**
-     * If true, constrainWidth to the size of the dropdown activator.
-     * @default true
-     */
-    constrainWidth: boolean;
-    /**
-     * Provide an element that will be the bounding container of the dropdown.
-     * @default null
-     */
-    container: Element;
-    /**
-     * If false, the dropdown will show below the trigger.
-     * @default true
-     */
-    coverTrigger: boolean;
-    /**
-     * If true, close dropdown on item click.
-     * @default true
-     */
-    closeOnClick: boolean;
-    /**
-     * If true, the dropdown will open on hover.
-     * @default false
-     */
-    hover: boolean;
-    /**
-     * The duration of the transition enter in milliseconds.
-     * @default 150
-     */
-    inDuration: number;
-    /**
-     * The duration of the transition out in milliseconds.
-     * @default 250
-     */
-    outDuration: number;
-    /**
-     * Function called when dropdown starts entering.
-     * @default null
-     */
-    onOpenStart: (el: HTMLElement) => void;
-    /**
-     * Function called when dropdown finishes entering.
-     * @default null
-     */
-    onOpenEnd: (el: HTMLElement) => void;
-    /**
-     * Function called when dropdown starts exiting.
-     * @default null
-     */
-    onCloseStart: (el: HTMLElement) => void;
-    /**
-     * Function called when dropdown finishes exiting.
-     * @default null
-     */
-    onCloseEnd: (el: HTMLElement) => void;
-    /**
-     * Function called when item is clicked.
-     * @default null
-     */
-    onItemClick: (el: HTMLLIElement) => void;
-}
-declare class Dropdown extends Component<DropdownOptions> implements Openable {
-    static _dropdowns: Dropdown[];
-    /** ID of the dropdown element. */
-    id: string;
-    /** The DOM element of the dropdown. */
-    dropdownEl: HTMLElement;
-    /** If the dropdown is open. */
-    isOpen: boolean;
-    /** If the dropdown content is scrollable. */
-    isScrollable: boolean;
-    isTouchMoving: boolean;
-    /** The index of the item focused. */
-    focusedIndex: number;
-    filterQuery: any[];
-    filterTimeout: NodeJS.Timeout;
-    constructor(el: HTMLElement, options: Partial<DropdownOptions>);
-    static get defaults(): DropdownOptions;
-    /**
-     * Initializes instance of Dropdown.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<DropdownOptions>): Dropdown;
-    /**
-     * Initializes instances of Dropdown.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<DropdownOptions>): Dropdown[];
-    static getInstance(el: HTMLElement): Dropdown;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _setupTemporaryEventHandlers(): void;
-    _removeTemporaryEventHandlers(): void;
-    _handleClick: (e: MouseEvent) => void;
-    _handleMouseEnter: () => void;
-    _handleMouseLeave: (e: MouseEvent) => void;
-    _handleDocumentClick: (e: MouseEvent) => void;
-    _handleTriggerKeydown: (e: KeyboardEvent) => void;
-    _handleDocumentTouchmove: (e: TouchEvent) => void;
-    _handleDropdownClick: (e: MouseEvent) => void;
-    _handleDropdownKeydown: (e: KeyboardEvent) => void;
-    _handleWindowResize: (e: Event) => void;
-    _resetFilterQuery: () => void;
-    _resetDropdownStyles(): void;
-    _moveDropdown(containerEl?: HTMLElement): void;
-    _makeDropdownFocusable(): void;
-    _focusFocusedItem(): void;
-    _getDropdownPosition(closestOverflowParent: HTMLElement): {
-        x: number;
-        y: number;
-        verticalAlignment: string;
-        horizontalAlignment: "left" | "right";
-        height: number;
-        width: number;
-    };
-    _animateIn(): void;
-    _animateOut(): void;
-    private _getClosestAncestor;
-    _placeDropdown(): void;
-    /**
-     * Open dropdown.
-     */
-    open: () => void;
-    /**
-     * Close dropdown.
-     */
-    close: () => void;
-    /**
-     * While dropdown is open, you can recalculate its dimensions if its contents have changed.
-     */
-    recalculateDimensions: () => void;
-}
-
-interface AutocompleteData {
-    /**
-     * A primitive value that can be converted to string.
-     * If "text" is not provided, it will also be used as "option text" as well
-     */
-    id: string | number;
-    /**
-     * This optional attribute is used as "display value" for the current entry.
-     * When provided, it will also be taken into consideration by the standard search function.
-     */
-    text?: string;
-    /**
-     * This optional attribute is used to provide a valid image URL to the current option.
-     */
-    image?: string;
-    /**
-     * Optional attributes which describes the option.
-     */
-    description?: string;
-}
-interface AutocompleteOptions extends BaseOptions {
-    /**
-     * Data object defining autocomplete options with
-     * optional icon strings.
-     */
-    data: AutocompleteData[];
-    /**
-     * Flag which can be set if multiple values can be selected. The Result will be an Array.
-     * @default false
-     */
-    isMultiSelect: boolean;
-    /**
-     * Callback for when autocompleted.
-     */
-    onAutocomplete: (entries: AutocompleteData[]) => void;
-    /**
-     * Minimum number of characters before autocomplete starts.
-     * @default 1
-     */
-    minLength: number;
-    /**
-     * The height of the Menu which can be set via css-property.
-     * @default '300px'
-     */
-    maxDropDownHeight: string;
-    /**
-     * Function is called when the input text is altered and data can also be loaded asynchronously.
-     * If the results are collected the items in the list can be updated via the function setMenuItems(collectedItems).
-     * @param text Searched text.
-     * @param autocomplete Current autocomplete instance.
-     */
-    onSearch: (text: string, autocomplete: Autocomplete) => void;
-    /**
-     * If true will render the key from each item directly as HTML.
-     * User input MUST be properly sanitized first.
-     * @default false
-     */
-    allowUnsafeHTML: boolean;
-    /**
-     * Pass options object to select dropdown initialization.
-     * @default {}
-     */
-    dropdownOptions: Partial<DropdownOptions>;
-}
-declare class Autocomplete extends Component<AutocompleteOptions> {
-    el: HTMLInputElement;
-    /** If the autocomplete is open. */
-    isOpen: boolean;
-    /** Number of matching autocomplete options. */
-    count: number;
-    /** Index of the current selected option. */
-    activeIndex: number;
-    private oldVal;
-    private $active;
-    private _mousedown;
-    container: HTMLElement;
-    /** Instance of the dropdown plugin for this autocomplete. */
-    dropdown: Dropdown;
-    static _keydown: boolean;
-    selectedValues: AutocompleteData[];
-    menuItems: AutocompleteData[];
-    constructor(el: HTMLInputElement, options: Partial<AutocompleteOptions>);
-    static get defaults(): AutocompleteOptions;
-    /**
-     * Initializes instance of Autocomplete.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLInputElement, options?: Partial<AutocompleteOptions>): Autocomplete;
-    /**
-     * Initializes instances of Autocomplete.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<AutocompleteOptions>): Autocomplete[];
-    static getInstance(el: HTMLElement): Autocomplete;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _setupDropdown(): void;
-    _removeDropdown(): void;
-    _handleInputBlur: () => void;
-    _handleInputKeyupAndFocus: (e: KeyboardEvent) => void;
-    _handleInputKeydown: (e: KeyboardEvent) => void;
-    _handleInputClick: () => void;
-    _handleContainerMousedownAndTouchstart: () => void;
-    _handleContainerMouseupAndTouchend: () => void;
-    _resetCurrentElementPosition(): void;
-    _resetAutocomplete(): void;
-    _highlightPartialText(input: string, label: string): string[];
-    _createDropdownItem(entry: AutocompleteData): HTMLLIElement;
-    _renderDropdown(): void;
-    _setStatusLoading(): void;
-    _updateSelectedInfo(): void;
-    _refreshInputText(): void;
-    _triggerChanged(): void;
-    /**
-     * Show autocomplete.
-     */
-    open: () => void;
-    /**
-     * Hide autocomplete.
-     */
-    close: () => void;
-    /**
-     * Updates the visible or selectable items shown in the menu.
-     * @param menuItems Items to be available.
-     */
-    setMenuItems(menuItems: AutocompleteData[]): void;
-    /**
-     * Sets selected values.
-     * @param entries
-     */
-    setValues(entries: AutocompleteData[]): void;
-    /**
-     * Select a specific autocomplete option via id-property.
-     * @param id The id of a data-entry.
-     */
-    selectOption(id: number | string): void;
-}
-
-interface FloatingActionButtonOptions extends BaseOptions {
-    /**
-     * Direction FAB menu opens.
-     * @default "top"
-     */
-    direction: "top" | "right" | "bottom" | "left";
-    /**
-     * true: FAB menu appears on hover, false: FAB menu appears on click.
-     * @default true
-     */
-    hoverEnabled: boolean;
-    /**
-     * Enable transit the FAB into a toolbar on click.
-     * @default false
-     */
-    toolbarEnabled: boolean;
-}
-declare class FloatingActionButton extends Component<FloatingActionButtonOptions> implements Openable {
-    /**
-     * Describes open/close state of FAB.
-     */
-    isOpen: boolean;
-    private _anchor;
-    private _menu;
-    private _floatingBtns;
-    private _floatingBtnsReverse;
-    offsetY: number;
-    offsetX: number;
-    btnBottom: number;
-    btnLeft: number;
-    btnWidth: number;
-    constructor(el: HTMLElement, options: Partial<FloatingActionButtonOptions>);
-    static get defaults(): FloatingActionButtonOptions;
-    /**
-     * Initializes instance of FloatingActionButton.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton;
-    /**
-     * Initializes instances of FloatingActionButton.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton[];
-    static getInstance(el: HTMLElement): FloatingActionButton;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleFABClick: () => void;
-    _handleDocumentClick: (e: MouseEvent) => void;
-    /**
-     * Open FAB.
-     */
-    open: () => void;
-    /**
-     * Close FAB.
-     */
-    close: () => void;
-    _animateInFAB(): void;
-    _animateOutFAB(): void;
-    _animateInToolbar(): void;
-}
-
-declare class Cards {
-    static Init(): void;
-}
-
-interface CarouselOptions extends BaseOptions {
-    /**
-     * Transition duration in milliseconds.
-     * @default 200
-     */
-    duration: number;
-    /**
-     * Perspective zoom. If 0, all items are the same size.
-     * @default -100
-     */
-    dist: number;
-    /**
-     * Set the spacing of the center item.
-     * @default 0
-     */
-    shift: number;
-    /**
-     * Set the padding between non center items.
-     * @default 0
-     */
-    padding: number;
-    /**
-     * Set the number of visible items.
-     * @default 5
-     */
-    numVisible: number;
-    /**
-     * Make the carousel a full width slider like the second example.
-     * @default false
-     */
-    fullWidth: boolean;
-    /**
-     * Set to true to show indicators.
-     * @default false
-     */
-    indicators: boolean;
-    /**
-     * Don't wrap around and cycle through items.
-     * @default false
-     */
-    noWrap: boolean;
-    /**
-     * Callback for when a new slide is cycled to.
-     * @default null
-     */
-    onCycleTo: (current: Element, dragged: boolean) => void;
-}
-declare class Carousel extends Component<CarouselOptions> {
-    hasMultipleSlides: boolean;
-    showIndicators: boolean;
-    noWrap: boolean;
-    /** If the carousel is being clicked or tapped. */
-    pressed: boolean;
-    /** If the carousel is currently being dragged. */
-    dragged: boolean;
-    offset: number;
-    target: number;
-    images: HTMLElement[];
-    itemWidth: any;
-    itemHeight: any;
-    dim: number;
-    _indicators: any;
-    count: number;
-    xform: string;
-    verticalDragged: boolean;
-    reference: any;
-    referenceY: any;
-    velocity: number;
-    frame: number;
-    timestamp: number;
-    ticker: string | number | NodeJS.Timeout;
-    amplitude: number;
-    /** The index of the center carousel item. */
-    center: number;
-    imageHeight: any;
-    scrollingTimeout: any;
-    oneTimeCallback: any;
-    constructor(el: HTMLElement, options: Partial<CarouselOptions>);
-    static get defaults(): CarouselOptions;
-    /**
-     * Initializes instance of Carousel.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<CarouselOptions>): Carousel;
-    /**
-     * Initializes instances of Carousel.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<CarouselOptions>): Carousel[];
-    static getInstance(el: HTMLElement): Carousel;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleThrottledResize: () => void;
-    _handleCarouselTap: (e: MouseEvent | TouchEvent) => void;
-    _handleCarouselDrag: (e: MouseEvent | TouchEvent) => boolean;
-    _handleCarouselRelease: (e: MouseEvent | TouchEvent) => boolean;
-    _handleCarouselClick: (e: MouseEvent | TouchEvent) => boolean;
-    _handleIndicatorClick: (e: Event) => void;
-    _handleResize: () => void;
-    _setCarouselHeight(imageOnly?: boolean): void;
-    _xpos(e: MouseEvent | TouchEvent): number;
-    _ypos(e: MouseEvent | TouchEvent): number;
-    _wrap(x: number): any;
-    _track: () => void;
-    _autoScroll: () => void;
-    _scroll(x?: number): void;
-    _updateItemStyle(el: HTMLElement, opacity: number, zIndex: number, transform: string): void;
-    _cycleTo(n: number, callback?: CarouselOptions["onCycleTo"]): void;
-    /**
-     * Move carousel to next slide or go forward a given amount of slides.
-     * @param n How many times the carousel slides.
-     */
-    next(n?: number): void;
-    /**
-     * Move carousel to previous slide or go back a given amount of slides.
-     * @param n How many times the carousel slides.
-     */
-    prev(n?: number): void;
-    /**
-     * Move carousel to nth slide.
-     * @param n Index of slide.
-     * @param callback "onCycleTo" optional callback.
-     */
-    set(n: number, callback?: CarouselOptions["onCycleTo"]): void;
-}
-
-interface CharacterCounterOptions extends BaseOptions {
-}
-type InputElement = HTMLInputElement | HTMLTextAreaElement;
-declare class CharacterCounter extends Component<{}> {
-    el: InputElement;
-    /** Stores the reference to the counter HTML element. */
-    counterEl: HTMLSpanElement;
-    /** Specifies whether the input is valid or not. */
-    isInvalid: boolean;
-    /** Specifies whether the input text has valid length or not. */
-    isValidLength: boolean;
-    constructor(el: HTMLInputElement | HTMLTextAreaElement, options: Partial<CharacterCounterOptions>);
-    static get defaults(): CharacterCounterOptions;
-    /**
-     * Initializes instance of CharacterCounter.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: InputElement, options?: Partial<CharacterCounterOptions>): CharacterCounter;
-    /**
-     * Initializes instances of CharacterCounter.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<InputElement | MElement>, options?: Partial<CharacterCounterOptions>): CharacterCounter[];
-    static getInstance(el: InputElement): CharacterCounter;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _setupCounter(): void;
-    _removeCounter(): void;
-    updateCounter: () => void;
-    _validateInput(): void;
-}
-
-interface ChipData {
-    /**
-     * Unique identifier.
-     */
-    id: number | string;
-    /**
-     * Chip text. If not specified, "id" will be used.
-     */
-    text?: string;
-    /**
-     * Chip image (URL).
-     */
-    image?: string;
-}
-interface ChipsOptions extends BaseOptions {
-    /**
-     * Set the chip data.
-     * @default []
-     */
-    data: ChipData[];
-    /**
-     * Set first placeholder when there are no tags.
-     * @default ""
-     */
-    placeholder: string;
-    /**
-     * Set second placeholder when adding additional tags.
-     * @default ""
-     */
-    secondaryPlaceholder: string;
-    /**
-     * Set autocomplete options.
-     * @default {}
-     */
-    autocompleteOptions: Partial<AutocompleteOptions>;
-    /**
-     * Toggles abililty to add custom value not in autocomplete list.
-     * @default false
-     */
-    autocompleteOnly: boolean;
-    /**
-     * Set chips limit.
-     * @default Infinity
-     */
-    limit: number;
-    /**
-     * Specifies class to be used in "close" button (useful when working with Material Symbols icon set).
-     * @default 'material-icons'
-     */
-    closeIconClass: string;
-    /**
-     * Callback for chip add.
-     * @default null
-     */
-    onChipAdd: (element: HTMLElement, chip: HTMLElement) => void;
-    /**
-     * Callback for chip select.
-     * @default null
-     */
-    onChipSelect: (element: HTMLElement, chip: HTMLElement) => void;
-    /**
-     * Callback for chip delete.
-     * @default null
-     */
-    onChipDelete: (element: HTMLElement, chip: HTMLElement) => void;
-}
-declare class Chips extends Component<ChipsOptions> {
-    /** Array of the current chips data. */
-    chipsData: ChipData[];
-    /** If the chips has autocomplete enabled. */
-    hasAutocomplete: boolean;
-    /** Autocomplete instance, if any. */
-    autocomplete: Autocomplete;
-    _input: HTMLInputElement;
-    _label: any;
-    _chips: HTMLElement[];
-    static _keydown: boolean;
-    private _selectedChip;
-    constructor(el: HTMLElement, options: Partial<ChipsOptions>);
-    static get defaults(): ChipsOptions;
-    /**
-     * Initializes instance of Chips.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: InitElements<MElement>, options?: Partial<ChipsOptions>): Chips;
-    /**
-     * Initializes instances of Chips.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<ChipsOptions>): Chips[];
-    static getInstance(el: HTMLElement): Chips;
-    getData(): ChipData[];
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleChipClick: (e: MouseEvent) => void;
-    static _handleChipsKeydown(e: KeyboardEvent): void;
-    static _handleChipsKeyup(e: Event): void;
-    static _handleChipsBlur(e: Event): void;
-    _handleInputFocus: () => void;
-    _handleInputBlur: () => void;
-    _handleInputKeydown: (e: KeyboardEvent) => void;
-    _renderChip(chip: ChipData): HTMLDivElement;
-    _renderChips(): void;
-    _setupAutocomplete(): void;
-    _setupInput(): void;
-    _setupLabel(): void;
-    _setPlaceholder(): void;
-    _isValidAndNotExist(chip: ChipData): boolean;
-    /**
-     * Add chip to input.
-     * @param chip Chip data object
-     */
-    addChip(chip: ChipData): void;
-    /**
-     * Delete nth chip.
-     * @param chipIndex  Index of chip
-     */
-    deleteChip(chipIndex: number): void;
-    /**
-     * Select nth chip.
-     * @param chipIndex Index of chip
-     */
-    selectChip(chipIndex: number): void;
-    static Init(): void;
-}
-
-interface CollapsibleOptions extends BaseOptions {
-    /**
-     * If accordion versus collapsible.
-     * @default true
-     */
-    accordion: boolean;
-    /**
-     * Transition in duration in milliseconds.
-     * @default 300
-     */
-    inDuration: number;
-    /**
-     * Transition out duration in milliseconds.
-     * @default 300
-     */
-    outDuration: number;
-    /**
-     * Callback function called before collapsible is opened.
-     * @default null
-     */
-    onOpenStart: (el: Element) => void;
-    /**
-     * Callback function called after collapsible is opened.
-     * @default null
-     */
-    onOpenEnd: (el: Element) => void;
-    /**
-     * Callback function called before collapsible is closed.
-     * @default null
-     */
-    onCloseStart: (el: Element) => void;
-    /**
-     * Callback function called after collapsible is closed.
-     * @default null
-     */
-    onCloseEnd: (el: Element) => void;
-}
-declare class Collapsible extends Component<CollapsibleOptions> {
-    private _headers;
-    constructor(el: HTMLElement, options: Partial<CollapsibleOptions>);
-    static get defaults(): CollapsibleOptions;
-    /**
-     * Initializes instance of Collapsible.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<CollapsibleOptions>): Collapsible;
-    /**
-     * Initializes instances of Collapsible.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<CollapsibleOptions>): Collapsible[];
-    static getInstance(el: HTMLElement): Collapsible;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleCollapsibleClick: (e: MouseEvent | KeyboardEvent) => void;
-    _handleCollapsibleKeydown: (e: KeyboardEvent) => void;
-    private _setExpanded;
-    _animateIn(index: number): void;
-    _animateOut(index: number): void;
-    /**
-     * Open collapsible section.
-     * @param n Nth section to open.
-     */
-    open: (index: number) => void;
-    /**
-     * Close collapsible section.
-     * @param n Nth section to close.
-     */
-    close: (index: number) => void;
-}
-
-interface ModalOptions extends BaseOptions {
-    /**
-     * Opacity of the modal overlay.
-     * @default 0.5
-     */
-    opacity: number;
-    /**
-     * Transition in duration in milliseconds.
-     * @default 250
-     */
-    inDuration: number;
-    /**
-     * Transition out duration in milliseconds.
-     * @default 250
-     */
-    outDuration: number;
-    /**
-     * Prevent page from scrolling while modal is open.
-     * @default true
-     */
-    preventScrolling: boolean;
-    /**
-     * Callback function called before modal is opened.
-     * @default null
-     */
-    onOpenStart: (this: Modal, el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is opened.
-     * @default null
-     */
-    onOpenEnd: (this: Modal, el: HTMLElement) => void;
-    /**
-     * Callback function called before modal is closed.
-     * @default null
-     */
-    onCloseStart: (el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is closed.
-     * @default null
-     */
-    onCloseEnd: (el: HTMLElement) => void;
-    /**
-     * Allow modal to be dismissed by keyboard or overlay click.
-     * @default true
-     */
-    dismissible: boolean;
-    /**
-     * Starting top offset.
-     * @default '4%'
-     */
-    startingTop: string;
-    /**
-     * Ending top offset.
-     * @default '10%'
-     */
-    endingTop: string;
-}
-declare class Modal extends Component<ModalOptions> {
-    static _modalsOpen: number;
-    static _count: number;
-    /**
-     * ID of the modal element.
-     */
-    id: string;
-    /**
-     * If the modal is open.
-     */
-    isOpen: boolean;
-    private _openingTrigger;
-    private _overlay;
-    private _nthModalOpened;
-    constructor(el: HTMLElement, options: Partial<ModalOptions>);
-    static get defaults(): {
-        opacity: number;
-        inDuration: number;
-        outDuration: number;
-        onOpenStart: any;
-        onOpenEnd: any;
-        onCloseStart: any;
-        onCloseEnd: any;
-        preventScrolling: boolean;
-        dismissible: boolean;
-        startingTop: string;
-        endingTop: string;
-    };
-    /**
-     * Initializes instance of Modal.
-     * @param el HTML element.
-     * @param options Component options.
-     * @returns {Modal}
-     */
-    static init(el: HTMLElement, options?: Partial<ModalOptions>): Modal;
-    /**
-     * Initializes instances of Modal.
-     * @param els HTML elements.
-     * @param options Component options.
-     * @returns {Modal[]}
-     */
-    static init(els: InitElements<MElement>, options?: Partial<ModalOptions>): Modal[];
-    static getInstance(el: HTMLElement): Modal;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleTriggerClick: (e: MouseEvent) => void;
-    _handleOverlayClick: () => void;
-    _handleModalCloseClick: (e: MouseEvent) => void;
-    _handleKeydown: (e: KeyboardEvent) => void;
-    _handleFocus: (e: FocusEvent) => void;
-    _animateIn(): void;
-    _animateOut(): void;
-    /**
-     * Open modal.
-     */
-    open: (trigger?: HTMLElement) => Modal;
-    /**
-     * Close modal.
-     */
-    close: () => this;
-    static create(children?: string): string;
-}
-
-interface DateI18nOptions extends I18nOptions {
-    previousMonth: string;
-    nextMonth: string;
-    months: string[];
-    monthsShort: string[];
-    weekdays: string[];
-    weekdaysShort: string[];
-    weekdaysAbbrev: string[];
-}
-interface DatepickerOptions extends BaseOptions {
-    /**
-     * Automatically close picker when date is selected.
-     * @default false
-     */
-    autoClose: boolean;
-    /**
-     * The date output format for the input field value
-     * or a function taking the date and outputting the
-     * formatted date string.
-     * @default 'mmm dd, yyyy'
-     */
-    format: string | ((d: Date) => string);
-    /**
-     * Used to create date object from current input string.
-     * @default null
-     */
-    parse: ((value: string, format: string) => Date) | null;
-    /**
-     * The initial date to view when first opened.
-     * @default null
-     */
-    defaultDate: Date | null;
-    /**
-     * Make the `defaultDate` the initial selected value.
-     * @default false
-     */
-    setDefaultDate: boolean;
-    /**
-     * Prevent selection of any date on the weekend.
-     * @default false
-     */
-    disableWeekends: boolean;
-    /**
-     * Custom function to disable certain days.
-     * @default null
-     */
-    disableDayFn: ((day: Date) => boolean) | null;
-    /**
-     * First day of week (0: Sunday, 1: Monday etc).
-     * @default 0
-     */
-    firstDay: number;
-    /**
-     * The earliest date that can be selected.
-     * @default null
-     */
-    minDate: Date | null;
-    /**
-     * The latest date that can be selected.
-     * @default null
-     */
-    maxDate: Date | null;
-    /**
-     * Number of years either side, or array of upper/lower range.
-     * @default 10
-     */
-    yearRange: number | number[];
-    /**
-     * Sort year range in reverse order.
-     * @default false
-     */
-    yearRangeReverse: boolean;
-    /**
-     * Changes Datepicker to RTL.
-     * @default false
-     */
-    isRTL: boolean;
-    /**
-     * Show month after year in Datepicker title.
-     * @default false
-     */
-    showMonthAfterYear: boolean;
-    /**
-     * Render days of the calendar grid that fall in the next
-     * or previous month.
-     * @default false
-     */
-    showDaysInNextAndPreviousMonths: boolean;
-    /**
-     * Specify a DOM element OR selector for a DOM element to render
-     * the calendar in, by default it will be placed before the input.
-     * @default null
-     */
-    container: HTMLElement | string | null;
-    /**
-     * Show the clear button in the datepicker.
-     * @default false
-     */
-    showClearBtn: boolean;
-    /**
-     * Internationalization options.
-     */
-    i18n: Partial<DateI18nOptions>;
-    /**
-     * An array of string returned by `Date.toDateString()`,
-     * indicating there are events in the specified days.
-     * @default []
-     */
-    events: string[];
-    /**
-     * Callback function when date is selected,
-     * first parameter is the newly selected date.
-     * @default null
-     */
-    onSelect: ((selectedDate: Date) => void) | null;
-    /**
-     * Callback function when Datepicker is opened.
-     * @default null
-     */
-    onOpen: (() => void) | null;
-    /**
-     * Callback function when Datepicker is closed.
-     * @default null
-     */
-    onClose: (() => void) | null;
-    /**
-     * Callback function when Datepicker HTML is refreshed.
-     * @default null
-     */
-    onDraw: (() => void) | null;
-    /** Field used for internal calculations DO NOT CHANGE IT */
-    minYear?: any;
-    /** Field used for internal calculations DO NOT CHANGE IT */
-    maxYear?: any;
-    /** Field used for internal calculations DO NOT CHANGE IT */
-    minMonth?: any;
-    /** Field used for internal calculations DO NOT CHANGE IT */
-    maxMonth?: any;
-    /** Field used for internal calculations DO NOT CHANGE IT */
-    startRange?: any;
-    /** Field used for internal calculations DO NOT CHANGE IT */
-    endRange?: any;
-}
-declare class Datepicker extends Component<DatepickerOptions> {
-    el: HTMLInputElement;
-    id: string;
-    /** If the picker is open. */
-    isOpen: boolean;
-    modal: Modal;
-    calendarEl: HTMLElement;
-    /** CLEAR button instance. */
-    clearBtn: HTMLElement;
-    /** DONE button instance */
-    doneBtn: HTMLElement;
-    cancelBtn: HTMLElement;
-    modalEl: HTMLElement;
-    yearTextEl: HTMLElement;
-    dateTextEl: HTMLElement;
-    /** The selected Date. */
-    date: Date;
-    formats: any;
-    calendars: any;
-    private _y;
-    private _m;
-    static _template: string;
-    constructor(el: HTMLInputElement, options: Partial<DatepickerOptions>);
-    static get defaults(): DatepickerOptions;
-    /**
-     * Initializes instance of Datepicker.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLInputElement, options?: Partial<DatepickerOptions>): Datepicker;
-    /**
-     * Initializes instances of Datepicker.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<DatepickerOptions>): Datepicker[];
-    static _isDate(obj: any): boolean;
-    static _isWeekend(date: any): boolean;
-    static _setToStartOfDay(date: any): void;
-    static _getDaysInMonth(year: any, month: any): number;
-    static _isLeapYear(year: any): boolean;
-    static _compareDates(a: any, b: any): boolean;
-    static getInstance(el: HTMLElement): Datepicker;
-    destroy(): void;
-    destroySelects(): void;
-    _insertHTMLIntoDOM(): void;
-    _setupModal(): void;
-    /**
-     * Gets a string representation of the selected date.
-     */
-    toString(format?: string | ((d: Date) => string)): string;
-    /**
-     * Set a date on the datepicker.
-     * @param date Date to set on the datepicker.
-     * @param preventOnSelect Undocumented as of 5 March 2018.
-     */
-    setDate(date?: Date | string, preventOnSelect?: boolean): void;
-    /**
-     * Sets current date as the input value.
-     */
-    setInputValue(): void;
-    _renderDateDisplay(): void;
-    /**
-     * Change date view to a specific date on the datepicker.
-     * @param date Date to show on the datepicker.
-     */
-    gotoDate(date: Date): void;
-    adjustCalendars(): void;
-    adjustCalendar(calendar: any): any;
-    nextMonth(): void;
-    prevMonth(): void;
-    render(year: any, month: any, randId: any): string;
-    renderDay(opts: any): string;
-    renderRow(days: any, isRTL: any, isRowSelected: any): string;
-    renderTable(opts: any, data: any, randId: any): string;
-    renderHead(opts: any): string;
-    renderBody(rows: any): string;
-    renderTitle(instance: any, c: any, year: any, month: any, refYear: any, randId: any): string;
-    draw(force?: boolean): void;
-    _setupEventHandlers(): void;
-    _setupVariables(): void;
-    _removeEventHandlers(): void;
-    _handleInputClick: () => void;
-    _handleInputKeydown: (e: KeyboardEvent) => void;
-    _handleCalendarClick: (e: any) => void;
-    _handleClearClick: () => void;
-    _handleMonthChange: (e: any) => void;
-    _handleYearChange: (e: any) => void;
-    gotoMonth(month: any): void;
-    gotoYear(year: any): void;
-    _handleInputChange: (e: Event) => void;
-    renderDayName(opts: any, day: any, abbr?: boolean): any;
-    _finishSelection: () => void;
-    /**
-     * Open datepicker.
-     */
-    open: () => this;
-    /**
-     * Close datepicker.
-     */
-    close: () => this;
-}
-
-declare class Forms {
-    /**
-     * Resizes the given TextArea after updating the
-     *  value content dynamically.
-     * @param textarea TextArea to be resized
-     */
-    static textareaAutoResize(textarea: HTMLTextAreaElement): void;
-    static Init(): void;
-    static InitTextarea(textarea: HTMLTextAreaElement): void;
-    static InitFileInputPath(fileInput: HTMLInputElement): void;
-}
-
-interface MaterialboxOptions extends BaseOptions {
-    /**
-     * Transition in duration in milliseconds.
-     * @default 275
-     */
-    inDuration: number;
-    /**
-     * Transition out duration in milliseconds.
-     * @default 200
-     */
-    outDuration: number;
-    /**
-     * Callback function called before materialbox is opened.
-     * @default null
-     */
-    onOpenStart: (el: Element) => void;
-    /**
-     * Callback function called after materialbox is opened.
-     * @default null
-     */
-    onOpenEnd: (el: Element) => void;
-    /**
-     * Callback function called before materialbox is closed.
-     * @default null
-     */
-    onCloseStart: (el: Element) => void;
-    /**
-     * Callback function called after materialbox is closed.
-     * @default null
-     */
-    onCloseEnd: (el: Element) => void;
-}
-declare class Materialbox extends Component<MaterialboxOptions> {
-    /** If the materialbox overlay is showing. */
-    overlayActive: boolean;
-    /** If the materialbox is no longer being animated. */
-    doneAnimating: boolean;
-    /** Caption, if specified. */
-    caption: string;
-    /** Original width of image. */
-    originalWidth: number;
-    /** Original height of image. */
-    originalHeight: number;
-    private originInlineStyles;
-    private placeholder;
-    private _changedAncestorList;
-    private newHeight;
-    private newWidth;
-    private windowWidth;
-    private windowHeight;
-    private attrWidth;
-    private attrHeight;
-    private _overlay;
-    private _photoCaption;
-    constructor(el: HTMLElement, options: Partial<MaterialboxOptions>);
-    static get defaults(): MaterialboxOptions;
-    /**
-     * Initializes instance of MaterialBox.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<MaterialboxOptions>): Materialbox;
-    /**
-     * Initializes instances of MaterialBox.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<MaterialboxOptions>): Materialbox[];
-    static getInstance(el: HTMLElement): Materialbox;
-    destroy(): void;
-    private _setupEventHandlers;
-    private _removeEventHandlers;
-    private _handleMaterialboxClick;
-    private _handleWindowScroll;
-    private _handleWindowResize;
-    private _handleWindowEscape;
-    private _makeAncestorsOverflowVisible;
-    private _offset;
-    private _updateVars;
-    private _animateImageIn;
-    private _animateImageOut;
-    private _addCaption;
-    private _removeCaption;
-    private _addOverlay;
-    private _removeOverlay;
-    /**
-     * Open materialbox.
-     */
-    open: () => void;
-    /**
-     * Close materialbox.
-     */
-    close: () => void;
-}
-
-interface ParallaxOptions extends BaseOptions {
-    /**
-     * The minimum width of the screen, in pixels, where the parallax functionality starts working.
-     * @default 0
-     */
-    responsiveThreshold: number;
-}
-declare class Parallax extends Component<ParallaxOptions> {
-    private _enabled;
-    private _img;
-    static _parallaxes: Parallax[];
-    static _handleScrollThrottled: () => any;
-    static _handleWindowResizeThrottled: () => any;
-    constructor(el: HTMLElement, options: Partial<ParallaxOptions>);
-    static get defaults(): ParallaxOptions;
-    /**
-     * Initializes instance of Parallax.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<ParallaxOptions>): Parallax;
-    /**
-     * Initializes instances of Parallax.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<ParallaxOptions>): Parallax[];
-    static getInstance(el: HTMLElement): Parallax;
-    destroy(): void;
-    static _handleScroll(): void;
-    static _handleWindowResize(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _setupStyles(): void;
-    _handleImageLoad: () => void;
-    private _offset;
-    _updateParallax(): void;
-}
-
-interface PushpinOptions extends BaseOptions {
-    /**
-     * The distance in pixels from the top of the page where
-     * the element becomes fixed.
-     * @default 0
-     */
-    top: number;
-    /**
-     * The distance in pixels from the top of the page where
-     * the elements stops being fixed.
-     * @default Infinity
-     */
-    bottom: number;
-    /**
-     * The offset from the top the element will be fixed at.
-     * @default 0
-     */
-    offset: number;
-    /**
-     * Callback function called when pushpin position changes.
-     * You are provided with a position string.
-     * @default null
-     */
-    onPositionChange: (position: "pinned" | "pin-top" | "pin-bottom") => void;
-}
-declare class Pushpin extends Component<PushpinOptions> {
-    static _pushpins: any[];
-    originalOffset: any;
-    constructor(el: HTMLElement, options: Partial<PushpinOptions>);
-    static get defaults(): PushpinOptions;
-    /**
-     * Initializes instance of Pushpin.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<PushpinOptions>): Pushpin;
-    /**
-     * Initializes instances of Pushpin.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<PushpinOptions>): Pushpin[];
-    static getInstance(el: HTMLElement): Pushpin;
-    destroy(): void;
-    static _updateElements(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _updatePosition(): void;
-    _removePinClasses(): void;
-}
-
-interface ScrollSpyOptions extends BaseOptions {
-    /**
-     * Throttle of scroll handler.
-     * @default 100
-     */
-    throttle: number;
-    /**
-     * Offset for centering element when scrolled to.
-     * @default 200
-     */
-    scrollOffset: number;
-    /**
-     * Class applied to active elements.
-     * @default 'active'
-     */
-    activeClass: string;
-    /**
-     * Used to find active element.
-     * @default id => 'a[href="#' + id + '"]'
-     */
-    getActiveElement: (id: string) => string;
-}
-declare class ScrollSpy extends Component<ScrollSpyOptions> {
-    static _elements: ScrollSpy[];
-    static _count: number;
-    static _increment: number;
-    tickId: number;
-    id: any;
-    static _elementsInView: ScrollSpy[];
-    static _visibleElements: any[];
-    static _ticks: number;
-    constructor(el: HTMLElement, options: Partial<ScrollSpyOptions>);
-    static get defaults(): ScrollSpyOptions;
-    /**
-     * Initializes instance of ScrollSpy.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<ScrollSpyOptions>): ScrollSpy;
-    /**
-     * Initializes instances of ScrollSpy.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<ScrollSpyOptions>): ScrollSpy[];
-    static getInstance(el: HTMLElement): ScrollSpy;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleThrottledResize: () => void;
-    _handleTriggerClick: (e: MouseEvent) => void;
-    _handleWindowScroll: () => void;
-    static _offset(el: any): {
-        top: number;
-        left: number;
-    };
-    static _findElements(top: number, right: number, bottom: number, left: number): ScrollSpy[];
-    _enter(): void;
-    _exit(): void;
-}
-
-interface FormSelectOptions extends BaseOptions {
-    /**
-     * Classes to be added to the select wrapper element.
-     * @default ""
-     */
-    classes: string;
-    /**
-     * Pass options object to select dropdown initialization.
-     * @default {}
-     */
-    dropdownOptions: Partial<DropdownOptions>;
-}
-type ValueStruct = {
-    el: HTMLOptionElement;
-    optionEl: HTMLElement;
-};
-declare class FormSelect extends Component<FormSelectOptions> {
-    el: HTMLSelectElement;
-    /** If this is a multiple select. */
-    isMultiple: boolean;
-    /**
-     * Label associated with the current select element.
-     * Is "null", if not detected.
-     */
-    labelEl: HTMLLabelElement;
-    /** Dropdown UL element. */
-    dropdownOptions: HTMLUListElement;
-    /** Text input that shows current selected option. */
-    input: HTMLInputElement;
-    /** Instance of the dropdown plugin for this select. */
-    dropdown: Dropdown;
-    /** The select wrapper element. */
-    wrapper: HTMLDivElement;
-    selectOptions: (HTMLOptionElement | HTMLOptGroupElement)[];
-    private _values;
-    constructor(el: HTMLSelectElement, options: FormSelectOptions);
-    static get defaults(): FormSelectOptions;
-    /**
-     * Initializes instance of FormSelect.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLSelectElement, options?: Partial<FormSelectOptions>): FormSelect;
-    /**
-     * Initializes instances of FormSelect.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<HTMLSelectElement | MElement>, options?: Partial<FormSelectOptions>): FormSelect[];
-    static getInstance(el: HTMLElement): FormSelect;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleSelectChange: () => void;
-    _handleOptionClick: (e: MouseEvent | KeyboardEvent) => void;
-    _arraysEqual<T, E>(a: T[], b: (E | T)[]): boolean;
-    _selectOptionElement(virtualOption: HTMLElement): void;
-    _handleInputClick: () => void;
-    _setupDropdown(): void;
-    _addOptionToValues(realOption: HTMLOptionElement, virtualOption: HTMLElement): void;
-    _removeDropdown(): void;
-    _createAndAppendOptionWithIcon(realOption: HTMLOptionElement | HTMLOptGroupElement, type: string): HTMLLIElement;
-    _selectValue(value: ValueStruct): void;
-    _deselectValue(value: ValueStruct): void;
-    _deselectAll(): void;
-    _isValueSelected(value: ValueStruct): boolean;
-    _toggleEntryFromArray(value: ValueStruct): void;
-    _getSelectedOptions(): HTMLOptionElement[];
-    _setValueToInput(): void;
-    _setSelectedStates(): void;
-    _activateOption(ul: HTMLElement, li: HTMLElement): void;
-    getSelectedValues(): string[];
-}
-
-interface SidenavOptions extends BaseOptions {
-    /**
-     * Side of screen on which Sidenav appears.
-     * @default 'left'
-     */
-    edge: 'left' | 'right';
-    /**
-     * Allow swipe gestures to open/close Sidenav.
-     * @default true
-     */
-    draggable: boolean;
-    /**
-     * Width of the area where you can start dragging.
-     * @default '10px'
-     */
-    dragTargetWidth: string;
-    /**
-     * Length in ms of enter transition.
-     * @default 250
-     */
-    inDuration: number;
-    /**
-     * Length in ms of exit transition.
-     * @default 200
-     */
-    outDuration: number;
-    /**
-     * Prevent page from scrolling while sidenav is open.
-     * @default true
-     */
-    preventScrolling: boolean;
-    /**
-     * Function called when sidenav starts entering.
-     */
-    onOpenStart: (elem: HTMLElement) => void;
-    /**
-     * Function called when sidenav finishes entering.
-     */
-    onOpenEnd: (elem: HTMLElement) => void;
-    /**
-     * Function called when sidenav starts exiting.
-     */
-    onCloseStart: (elem: HTMLElement) => void;
-    /**
-     * Function called when sidenav finishes exiting.
-     */
-    onCloseEnd: (elem: HTMLElement) => void;
-}
-declare class Sidenav extends Component<SidenavOptions> implements Openable {
-    id: string;
-    /** Describes open/close state of Sidenav. */
-    isOpen: boolean;
-    /** Describes if sidenav is fixed. */
-    isFixed: boolean;
-    /** Describes if Sidenav is being dragged. */
-    isDragged: boolean;
-    lastWindowWidth: number;
-    lastWindowHeight: number;
-    static _sidenavs: Sidenav[];
-    private _overlay;
-    dragTarget: Element;
-    private _startingXpos;
-    private _xPos;
-    private _time;
-    private _width;
-    private _initialScrollTop;
-    private _verticallyScrolling;
-    private deltaX;
-    private velocityX;
-    private percentOpen;
-    constructor(el: HTMLElement, options: Partial<SidenavOptions>);
-    static get defaults(): SidenavOptions;
-    /**
-     * Initializes instance of Sidenav.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<SidenavOptions>): Sidenav;
-    /**
-     * Initializes instances of Sidenav.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<SidenavOptions>): Sidenav[];
-    static getInstance(el: HTMLElement): Sidenav;
-    destroy(): void;
-    private _createOverlay;
-    private _setupEventHandlers;
-    private _removeEventHandlers;
-    private _handleTriggerClick;
-    private _startDrag;
-    private _dragMoveUpdate;
-    private _handleDragTargetDrag;
-    private _handleDragTargetRelease;
-    private _handleCloseDrag;
-    private _handleCloseRelease;
-    private _handleCloseTriggerClick;
-    private _handleWindowResize;
-    private _setupClasses;
-    private _removeClasses;
-    private _setupFixed;
-    private _isCurrentlyFixed;
-    private _createDragTarget;
-    private _preventBodyScrolling;
-    private _enableBodyScrolling;
-    /**
-     * Opens Sidenav.
-     */
-    open: () => void;
-    /**
-     * Closes Sidenav.
-     */
-    close: () => void;
-    private _animateIn;
-    private _animateOut;
-    private _animateSidenavIn;
-    private _animateSidenavOut;
-    private _animateOverlayIn;
-    private _animateOverlayOut;
-}
-
-interface SliderOptions extends BaseOptions {
-    /**
-     * Set to false to hide slide indicators.
-     * @default true
-     */
-    indicators: boolean;
-    /**
-     * Set height of slider.
-     * @default 400
-     */
-    height: number;
-    /**
-     * Set the duration of the transition animation in ms.
-     * @default 500
-     */
-    duration: number;
-    /**
-     * Set the duration between transitions in ms.
-     * @default 6000
-     */
-    interval: number;
-    /**
-     * If slider should pause when keyboard focus is received.
-     * @default true
-     */
-    pauseOnFocus: boolean;
-    /**
-     * If slider should pause when is hovered by a pointer.
-     * @default true
-     */
-    pauseOnHover: boolean;
-    /**
-     * Optional function used to generate ARIA label to indicators (for accessibility purposes).
-     * @param index Current index, starting from "1".
-     * @param current A which indicates whether it is the current element or not
-     * @returns a string to be used as label indicator.
-     * @default null
-     */
-    indicatorLabelFunc: (index: number, current: boolean) => string;
-}
-declare class Slider extends Component<SliderOptions> {
-    /** Index of current slide. */
-    activeIndex: number;
-    interval: string | number | NodeJS.Timeout;
-    eventPause: boolean;
-    _slider: HTMLUListElement;
-    _slides: HTMLLIElement[];
-    _activeSlide: HTMLLIElement;
-    _indicators: HTMLLIElement[];
-    _hovered: boolean;
-    _focused: boolean;
-    _focusCurrent: boolean;
-    _sliderId: string;
-    constructor(el: HTMLElement, options: Partial<SliderOptions>);
-    static get defaults(): SliderOptions;
-    /**
-     * Initializes instance of Slider.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<SliderOptions>): Slider;
-    /**
-     * Initializes instances of Slider.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<SliderOptions>): Slider[];
-    static getInstance(el: HTMLElement): Slider;
-    destroy(): void;
-    private _setupEventHandlers;
-    private _removeEventHandlers;
-    private _handleIndicatorClick;
-    private _handleAutoPauseHover;
-    private _handleAutoPauseFocus;
-    private _handleAutoStartHover;
-    private _handleAutoStartFocus;
-    private _handleInterval;
-    private _animateSlide;
-    private _setSliderHeight;
-    private _setupIndicators;
-    private _removeIndicators;
-    set(index: number): void;
-    _pause(fromEvent: boolean): void;
-    /**
-     * Pause slider autoslide.
-     */
-    pause: () => void;
-    /**
-     * Start slider autoslide.
-     */
-    start: () => void;
-    /**
-     * Move to next slider.
-     */
-    next: () => void;
-    /**
-     * Move to prev slider.
-     */
-    prev: () => void;
-}
-
-interface TabsOptions extends BaseOptions {
-    /**
-     * Transition duration in milliseconds.
-     * @default 300
-     */
-    duration: number;
-    /**
-     * Callback for when a new tab content is shown.
-     * @default null
-     */
-    onShow: (newContent: Element) => void;
-    /**
-     * Set to true to enable swipeable tabs.
-     * This also uses the responsiveThreshold option.
-     * @default false
-     */
-    swipeable: boolean;
-    /**
-     * The maximum width of the screen, in pixels,
-     * where the swipeable functionality initializes.
-     * @default infinity
-     */
-    responsiveThreshold: number;
-}
-declare class Tabs extends Component<TabsOptions> {
-    _tabLinks: NodeListOf<HTMLAnchorElement>;
-    _index: number;
-    _indicator: HTMLLIElement;
-    _tabWidth: number;
-    _tabsWidth: number;
-    _tabsCarousel: any;
-    _activeTabLink: any;
-    _content: any;
-    constructor(el: HTMLElement, options: Partial<TabsOptions>);
-    static get defaults(): TabsOptions;
-    /**
-     * Initializes instance of Tabs.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<TabsOptions>): Tabs;
-    /**
-     * Initializes instances of Tabs.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<TabsOptions>): Tabs[];
-    static getInstance(el: HTMLElement): Tabs;
-    destroy(): void;
-    /**
-     * The index of tab that is currently shown.
-     */
-    get index(): number;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleWindowResize: () => void;
-    _handleTabClick: (e: MouseEvent) => void;
-    _createIndicator(): void;
-    _setupActiveTabLink(): void;
-    _setupSwipeableTabs(): void;
-    _teardownSwipeableTabs(): void;
-    _setupNormalTabs(): void;
-    _teardownNormalTabs(): void;
-    _setTabsAndTabWidth(): void;
-    _calcRightPos(el: any): number;
-    _calcLeftPos(el: any): number;
-    /**
-     * Recalculate tab indicator position. This is useful when
-     * the indicator position is not correct.
-     */
-    updateTabIndicator(): void;
-    _animateIndicator(prevIndex: any): void;
-    /**
-     * Show tab content that corresponds to the tab with the id.
-     * @param tabId The id of the tab that you want to switch to.
-     */
-    select(tabId: string): void;
-}
-
-interface TapTargetOptions extends BaseOptions {
-    /**
-     * Callback function called when Tap Target is opened.
-     * @default null
-     */
-    onOpen: (origin: HTMLElement) => void;
-    /**
-     * Callback function called when Tap Target is closed.
-     * @default null
-     */
-    onClose: (origin: HTMLElement) => void;
-}
-declare class TapTarget extends Component<TapTargetOptions> implements Openable {
-    /**
-     * If the tap target is open.
-     */
-    isOpen: boolean;
-    private wrapper;
-    private _origin;
-    private originEl;
-    private waveEl;
-    private contentEl;
-    constructor(el: HTMLElement, options: Partial<TapTargetOptions>);
-    static get defaults(): TapTargetOptions;
-    /**
-     * Initializes instance of TapTarget.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<TapTargetOptions>): TapTarget;
-    /**
-     * Initializes instances of TapTarget.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<TapTargetOptions>): TapTarget[];
-    static getInstance(el: HTMLElement): TapTarget;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleThrottledResize: () => void;
-    _handleTargetClick: () => void;
-    _handleOriginClick: () => void;
-    _handleResize: () => void;
-    _handleDocumentClick: (e: MouseEvent | TouchEvent) => void;
-    _setup(): void;
-    private _offset;
-    _calculatePositioning(): void;
-    /**
-     * Open Tap Target.
-     */
-    open: () => void;
-    /**
-     * Close Tap Target.
-     */
-    close: () => void;
-}
-
-type Views = "hours" | "minutes";
-interface TimepickerOptions extends BaseOptions {
-    /**
-     * Dial radius.
-     * @default 135
-     */
-    dialRadius: number;
-    /**
-     * Outer radius.
-     * @default 105
-     */
-    outerRadius: number;
-    /**
-     * Inner radius.
-     * @default 70
-     */
-    innerRadius: number;
-    /**
-     * Tick radius.
-     * @default 20
-     */
-    tickRadius: number;
-    /**
-     * Duration of the transition from/to the hours/minutes view.
-     * @default 350
-     */
-    duration: number;
-    /**
-     * Specify a DOM element OR selector for a DOM element to render
-     * the time picker in, by default it will be placed before the input.
-     * @default null
-     */
-    container: HTMLElement | string | null;
-    /**
-     * Show the clear button in the Timepicker.
-     * @default false
-     */
-    showClearBtn: boolean;
-    /**
-     * Default time to set on the timepicker 'now' or '13:14'.
-     * @default 'now';
-     */
-    defaultTime: string;
-    /**
-     * Millisecond offset from the defaultTime.
-     * @default 0
-     */
-    fromNow: number;
-    /**
-     * Internationalization options.
-     */
-    i18n: Partial<I18nOptions>;
-    /**
-     * Automatically close picker when minute is selected.
-     * @default false;
-     */
-    autoClose: boolean;
-    /**
-     * Use 12 hour AM/PM clock instead of 24 hour clock.
-     * @default true
-     */
-    twelveHour: boolean;
-    /**
-     * Vibrate device when dragging clock hand.
-     * @default true
-     */
-    vibrate: boolean;
-    /**
-     * Callback function called before modal is opened.
-     * @default null
-     */
-    onOpenStart: (el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is opened.
-     * @default null
-     */
-    onOpenEnd: (el: HTMLElement) => void;
-    /**
-     * Callback function called before modal is closed.
-     * @default null
-     */
-    onCloseStart: (el: HTMLElement) => void;
-    /**
-     * Callback function called after modal is closed.
-     * @default null
-     */
-    onCloseEnd: (el: HTMLElement) => void;
-    /**
-     * Callback function when a time is selected.
-     * @default null
-     */
-    onSelect: (hour: number, minute: number) => void;
-}
-type Point = {
-    x: number;
-    y: number;
-};
-declare class Timepicker extends Component<TimepickerOptions> {
-    el: HTMLInputElement;
-    id: string;
-    modal: Modal;
-    modalEl: HTMLElement;
-    plate: any;
-    digitalClock: any;
-    inputHours: HTMLInputElement;
-    inputMinutes: HTMLInputElement;
-    x0: number;
-    y0: number;
-    moved: boolean;
-    dx: number;
-    dy: number;
-    /**
-     * Current view on the timepicker.
-     * @default 'hours'
-     */
-    currentView: Views;
-    hand: any;
-    minutesView: HTMLElement;
-    hours: any;
-    minutes: any;
-    /** The selected time. */
-    time: string;
-    /**
-     * If the time is AM or PM on twelve-hour clock.
-     * @default 'PM'
-     */
-    amOrPm: "AM" | "PM";
-    static _template: any;
-    /** If the picker is open. */
-    isOpen: boolean;
-    /** Vibrate device when dragging clock hand. */
-    vibrate: "vibrate" | "webkitVibrate" | null;
-    _canvas: HTMLElement;
-    hoursView: any;
-    spanAmPm: HTMLSpanElement;
-    footer: HTMLElement;
-    private _amBtn;
-    private _pmBtn;
-    bg: Element;
-    bearing: Element;
-    g: Element;
-    toggleViewTimer: string | number | NodeJS.Timeout;
-    canvas: any;
-    vibrateTimer: any;
-    constructor(el: HTMLInputElement, options: Partial<TimepickerOptions>);
-    static get defaults(): TimepickerOptions;
-    /**
-     * Initializes instance of Timepicker.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLInputElement, options?: Partial<TimepickerOptions>): Timepicker;
-    /**
-     * Initializes instances of Timepicker.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<TimepickerOptions>): Timepicker[];
-    static _addLeadingZero(num: number): string;
-    static _createSVGEl(name: string): Element;
-    static _Pos(e: TouchEvent | MouseEvent): Point;
-    static getInstance(el: HTMLElement): Timepicker;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleInputClick: () => void;
-    _handleInputKeydown: (e: KeyboardEvent) => void;
-    _handleTimeInputEnterKey: (e: KeyboardEvent) => void;
-    _handleClockClickStart: (e: any) => void;
-    _handleDocumentClickMove: (e: any) => void;
-    _handleDocumentClickEnd: (e: any) => void;
-    _insertHTMLIntoDOM(): void;
-    _setupModal(): void;
-    _setupVariables(): void;
-    private _createButton;
-    _pickerSetup(): void;
-    _clockSetup(): void;
-    _buildSVGClock(): void;
-    _buildHoursView(): void;
-    _buildMinutesView(): void;
-    _handleAmPmClick: (e: any) => void;
-    _updateAmPmView(): void;
-    _updateTimeFromInput(): void;
-    /**
-     * Show hours or minutes view on timepicker.
-     * @param view The name of the view you want to switch to, 'hours' or 'minutes'.
-     */
-    showView: (view: Views, delay?: number) => void;
-    resetClock(delay: any): void;
-    _inputFromTextField: () => void;
-    drawClockFromTimeInput(value: any, isHours: any): void;
-    setHand(x: any, y: any, roundBy5?: boolean): void;
-    /**
-     * Open timepicker.
-     */
-    open: () => void;
-    /**
-     * Close timepicker.
-     */
-    close: () => void;
-    done: (e?: any, clearValue?: any) => void;
-    clear: () => void;
-}
-
-interface ToastOptions extends BaseOptions {
-    /**
-     * The content of the Toast.
-     * @default ""
-     */
-    text: string;
-    /**
-     * Element Id for the tooltip.
-     * @default ""
-     */
-    toastId?: string;
-    /**
-     * Length in ms the Toast stays before dismissal.
-     * @default 4000
-     */
-    displayLength: number;
-    /**
-     * Transition in duration in milliseconds.
-     * @default 300
-     */
-    inDuration: number;
-    /**
-     * Transition out duration in milliseconds.
-     * @default 375
-     */
-    outDuration: number;
-    /**
-     * Classes to be added to the toast element.
-     * @default ""
-     */
-    classes: string;
-    /**
-     * Callback function called when toast is dismissed.
-     * @default null
-     */
-    completeCallback: () => void;
-    /**
-     * The percentage of the toast's width it takes fora drag
-     * to dismiss a Toast.
-     * @default 0.8
-     */
-    activationPercent: number;
-}
-declare class Toast {
-    /** The toast element. */
-    el: HTMLElement;
-    /**
-     * The remaining amount of time in ms that the toast
-     * will stay before dismissal.
-     */
-    timeRemaining: number;
-    /**
-     * Describes the current pan state of the Toast.
-     */
-    panning: boolean;
-    options: ToastOptions;
-    message: string;
-    counterInterval: NodeJS.Timeout;
-    wasSwiped: boolean;
-    startingXPos: number;
-    xPos: number;
-    time: number;
-    deltaX: number;
-    velocityX: number;
-    static _toasts: Toast[];
-    static _container: any;
-    static _draggedToast: Toast;
-    constructor(options: Partial<ToastOptions>);
-    static get defaults(): ToastOptions;
-    static getInstance(el: HTMLElement): Toast;
-    static _createContainer(): void;
-    static _removeContainer(): void;
-    static _onDragStart(e: TouchEvent | MouseEvent): void;
-    static _onDragMove(e: TouchEvent | MouseEvent): void;
-    static _onDragEnd(): void;
-    static _xPos(e: TouchEvent | MouseEvent): number;
-    /**
-     * dismiss all toasts.
-     */
-    static dismissAll(): void;
-    _createToast(): HTMLElement;
-    _animateIn(): void;
-    /**
-     * Create setInterval which automatically removes toast when timeRemaining >= 0
-     * has been reached.
-     */
-    _setTimer(): void;
-    /**
-     * Dismiss toast with animation.
-     */
-    dismiss(): void;
-}
-
-type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
-interface TooltipOptions extends BaseOptions {
-    /**
-     * Delay time before tooltip disappears.
-     * @default 200
-     */
-    exitDelay: number;
-    /**
-     * Delay time before tooltip appears.
-     * @default 0
-     */
-    enterDelay: number;
-    /**
-     * Element Id for the tooltip.
-     * @default ""
-     */
-    tooltipId?: string;
-    /**
-     * Text string for the tooltip.
-     * @default ""
-     */
-    text: string;
-    /**
-     * Set distance tooltip appears away from its activator
-     * excluding transitionMovement.
-     * @default 5
-     */
-    margin: number;
-    /**
-     * Enter transition duration.
-     * @default 300
-     */
-    inDuration: number;
-    /**
-     * Opacity of the tooltip.
-     * @default 1
-     */
-    opacity: number;
-    /**
-     * Exit transition duration.
-     * @default 250
-     */
-    outDuration: number;
-    /**
-     * Set the direction of the tooltip.
-     * @default 'bottom'
-     */
-    position: TooltipPosition;
-    /**
-     * Amount in px that the tooltip moves during its transition.
-     * @default 10
-     */
-    transitionMovement: number;
-}
-declare class Tooltip extends Component<TooltipOptions> {
-    /**
-     * If tooltip is open.
-     */
-    isOpen: boolean;
-    /**
-     * If tooltip is hovered.
-     */
-    isHovered: boolean;
-    /**
-     * If tooltip is focused.
-     */
-    isFocused: boolean;
-    tooltipEl: HTMLElement;
-    private _exitDelayTimeout;
-    private _enterDelayTimeout;
-    xMovement: number;
-    yMovement: number;
-    constructor(el: HTMLElement, options: Partial<TooltipOptions>);
-    static get defaults(): TooltipOptions;
-    /**
-     * Initializes instance of Tooltip.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLElement, options?: Partial<TooltipOptions>): Tooltip;
-    /**
-     * Initializes instances of Tooltip.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<MElement>, options?: Partial<TooltipOptions>): Tooltip[];
-    static getInstance(el: HTMLElement): Tooltip;
-    destroy(): void;
-    _appendTooltipEl(): void;
-    _setTooltipContent(tooltipContentEl: HTMLElement): void;
-    _updateTooltipContent(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    /**
-     * Show tooltip.
-     */
-    open: (isManual: boolean) => void;
-    /**
-     * Hide tooltip.
-     */
-    close: () => void;
-    _setExitDelayTimeout(): void;
-    _setEnterDelayTimeout(isManual: any): void;
-    _positionTooltip(): void;
-    _repositionWithinScreen(x: number, y: number, width: number, height: number): {
-        x: number;
-        y: number;
-    };
-    _animateIn(): void;
-    _animateOut(): void;
-    _handleMouseEnter: () => void;
-    _handleMouseLeave: () => void;
-    _handleFocus: () => void;
-    _handleBlur: () => void;
-    _getAttributeOptions(): Partial<TooltipOptions>;
-}
-
-type RGBColor = {
-    r: number;
-    g: number;
-    b: number;
-};
-type Position = {
-    x: number;
-    y: number;
-};
-declare class Waves {
-    private static _offset;
-    static renderWaveEffect(targetElement: HTMLElement, position?: Position | null, color?: RGBColor | null): void;
-    static Init(): void;
-}
-
-interface RangeOptions extends BaseOptions {
-}
-declare class Range extends Component<RangeOptions> {
-    el: HTMLInputElement;
-    private _mousedown;
-    value: HTMLElement;
-    thumb: HTMLElement;
-    constructor(el: HTMLInputElement, options: Partial<RangeOptions>);
-    static get defaults(): RangeOptions;
-    /**
-     * Initializes instance of Range.
-     * @param el HTML element.
-     * @param options Component options.
-     */
-    static init(el: HTMLInputElement, options?: Partial<RangeOptions>): Range;
-    /**
-     * Initializes instances of Range.
-     * @param els HTML elements.
-     * @param options Component options.
-     */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<RangeOptions>): Range[];
-    static getInstance(el: HTMLInputElement): Range;
-    destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleRangeChange: () => void;
-    _handleRangeMousedownTouchstart: (e: MouseEvent | TouchEvent) => void;
-    _handleRangeInputMousemoveTouchmove: () => void;
-    _handleRangeMouseupTouchend: () => void;
-    _handleRangeBlurMouseoutTouchleave: () => void;
-    _setupThumb(): void;
-    _removeThumb(): void;
-    _showRangeBubble(): void;
-    _calcRangeOffset(): number;
-    /**
-     * Initializes every range input in the current document.
-     */
-    static Init(): void;
-}
-
-declare const version = "2.1.1";
-declare const Grid: (children?: any) => string;
-declare function Button(children?: any): string;
-/**
- * Automatically initialize components.
- * @param context Root element to initialize. Defaults to `document.body`.
- */
-declare function AutoInit(context?: HTMLElement): void;
-
-export { AutoInit, Autocomplete, Button, Cards, Carousel, CharacterCounter, Chips, Collapsible, Datepicker, Dropdown, FloatingActionButton, FormSelect, Forms, Grid, Materialbox, Modal, Parallax, Pushpin, Range, ScrollSpy, Sidenav, Slider, Tabs, TapTarget, Timepicker, Toast, Tooltip, Waves, version };