@materializecss/materialize 2.1.0 → 2.1.1

package/dist/js/materialize.d.ts

@@ -0,0 +1,2333 @@
+/**
+ * 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 };