@expressivecss/expressive 0.2.0 → 0.4.0

package/dist/types/components/autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { Dropdown, DropdownOptions } from './dropdown';
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface AutocompleteData {
     /**
      * A primitive value that can be converted to string.
@@ -98,7 +98,7 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<AutocompleteOptions>): Autocomplete[];
+    static init(els: InitElements<HTMLInputElement | InitElement>, options?: Partial<AutocompleteOptions>): Autocomplete[];
     static getInstance(el: HTMLElement): Autocomplete;
     /**
      * The three-dot loading indicator, parsed once and cloned thereafter.
@@ -146,16 +146,9 @@ export declare class Autocomplete extends Component<AutocompleteOptions> {
      * @param open Option to conditionally open dropdown
      */
     setMenuItems(menuItems: AutocompleteData[], selected?: number[] | string[], open?: boolean): void;
-    /**
-     * Sets selected values.
-     * @deprecated @see https://github.com/materializecss/materialize/issues/552
-     * @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;
-    selectOptions(ids: []): void;
 }

package/dist/types/components/buttons.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement, Openable } from "../core/component";
+import { Component, BaseOptions, InitElements, InitElement, Openable } from "../core/component";
 export interface FloatingActionButtonOptions extends BaseOptions {
     /**
      * Direction FAB menu opens.
@@ -6,54 +6,33 @@ export interface FloatingActionButtonOptions extends BaseOptions {
      */
     direction: 'top' | 'right' | 'bottom' | 'left';
     /**
-     * true: FAB menu appears on hover, false: FAB menu appears on click.
+     * true: FAB menu appears on hover (CSS, when the pointer can hover).
+     * false: FAB menu toggles on click. `.click-to-toggle` is the markup switch.
      * @default true
      */
     hoverEnabled: boolean;
     /**
-     * Enable transit the FAB into a toolbar on click.
+     * Expand the FAB into a toolbar on click. Prefer a hover or click menu.
+     * `.toolbar` on the element is the markup switch.
      * @default false
      */
     toolbarEnabled: boolean;
 }
+/**
+ * Speed dial around a FAB. Open/close is the `.active` class; motion is
+ * CSS. Hover is CSS (`:hover` when the pointer can hover). This class
+ * toggles the class, wires keyboard / click-outside, and stamps direction.
+ */
 export declare class FloatingActionButton extends Component<FloatingActionButtonOptions> implements Openable {
-    /**
-     * Describes open/close state of FAB.
-     */
     isOpen: boolean;
     private _anchor;
     private _menu;
-    private _floatingBtns;
-    private _floatingBtnsReverse;
-    /** Toolbar-mode backdrop, kept so closing can take it back out. */
-    private _backdrop;
-    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 init(els: InitElements<InitElement>, options?: Partial<FloatingActionButtonOptions>): FloatingActionButton[];
     static getInstance(el: HTMLElement): FloatingActionButton;
     destroy(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _handleFABClick: () => void;
-    _handleFABKeyPress: (e: any) => void;
-    _handleFABToggle: () => void;
-    _handleDocumentClick: (e: MouseEvent) => void;
     /**
      * Open FAB.
      */
@@ -62,15 +41,12 @@ export declare class FloatingActionButton extends Component<FloatingActionButton
      * Close FAB.
      */
     close: () => void;
-    _animateInFAB(): void;
-    _animateOutFAB(): void;
-    _animateInToolbar(): void;
-    /**
-     * Reverse {@link _animateInToolbar}.
-     *
-     * Closing used to only unbind the listeners, leaving the FAB stretched
-     * across the viewport with its backdrop still in the DOM - and a fresh
-     * backdrop appended on every subsequent open.
-     */
-    _animateOutToolbar(): void;
+    private _directionFromClass;
+    private _setupEventHandlers;
+    private _removeEventHandlers;
+    private _handleFABClick;
+    private _handleAnchorKeydown;
+    private _handleDocumentKeydown;
+    private _handleDocumentClick;
+    private _toggle;
 }

package/dist/types/components/cards.d.ts

@@ -1,9 +1,7 @@
-import { Component, BaseOptions, InitElements, MElement, Openable } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';
 export interface CardsOptions extends BaseOptions {
     onOpen: (el: Element) => void;
     onClose: (el: Element) => void;
-    inDuration: number;
-    outDuration: number;
 }
 /**
  * What counts as a card.
@@ -13,11 +11,10 @@ export interface CardsOptions extends BaseOptions {
  * actually initializes, so the AutoInit entry was dead while `Cards.Init()`
  * quietly did the work through the selector below.
  */
-export declare const CARDS_SELECTOR = ".card, article:has(> aside), article:has(.card-reveal)";
+export declare const CARDS_SELECTOR = "article:has(> aside)";
 export declare class Cards extends Component<CardsOptions> implements Openable {
     isOpen: boolean;
     private readonly cardReveal;
-    private readonly initialOverflow;
     private _activators;
     private cardRevealClose;
     constructor(el: HTMLElement, options: Partial<CardsOptions>);
@@ -33,7 +30,7 @@ export declare class Cards extends Component<CardsOptions> implements Openable {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<CardsOptions>): Cards[];
+    static init(els: InitElements<InitElement>, options?: Partial<CardsOptions>): Cards[];
     static getInstance(el: HTMLElement): Cards;
     /**
      * {@inheritDoc}

package/dist/types/components/carousel.d.ts

@@ -1,47 +1,49 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface CarouselOptions extends BaseOptions {
     /**
-     * Transition duration in milliseconds.
+     * Transition duration in milliseconds (coverflow). Snap mode uses CSS.
      * @default 200
      */
     duration: number;
     /**
-     * Perspective zoom. If 0, all items are the same size.
+     * Perspective zoom. If 0, all items are the same size. Coverflow only.
      * @default -100
      */
     dist: number;
     /**
-     * Set the spacing of the center item.
+     * Extra spacing on the center item. Coverflow only.
      * @default 0
      */
     shift: number;
     /**
-     * Set the padding between non center items.
+     * Padding between items that are not in the center. Coverflow only.
      * @default 0
      */
     padding: number;
     /**
-     * Set the number of visible items.
+     * How many items stay visible. Coverflow only.
      * @default 5
      */
     numVisible: number;
     /**
-     * Make the carousel a full width slider like the second example.
+     * Linear snap track instead of 3D coverflow.
+     * Also implied by `.flat`.
      * @default false
      */
     fullWidth: boolean;
     /**
-     * Set to true to show indicators.
+     * Show paging dots. Only drawn when there is more than one item.
      * @default false
      */
     indicators: boolean;
     /**
-     * Don't wrap around and cycle through items.
+     * Stop at the first and last items instead of wrapping. Coverflow only.
+     * Snap tracks do not wrap.
      * @default false
      */
     noWrap: boolean;
     /**
-     * Callback for when a new slide is cycled to.
+     * Called when a new item becomes the center.
      * @default null
      */
     onCycleTo: (current: Element, dragged: boolean) => void;
@@ -50,9 +52,7 @@ export 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;
@@ -60,7 +60,7 @@ export declare class Carousel extends Component<CarouselOptions> {
     itemWidth: number;
     itemHeight: number;
     dim: number;
-    _indicators: HTMLUListElement;
+    _indicators: HTMLUListElement | HTMLElement;
     count: number;
     verticalDragged: boolean;
     reference: number;
@@ -68,63 +68,57 @@ export declare class Carousel extends Component<CarouselOptions> {
     velocity: number;
     frame: number;
     timestamp: number;
-    ticker: ReturnType<typeof setTimeout>;
     amplitude: number;
-    /** The index of the center carousel item. */
     center: number;
     imageHeight: number;
     scrollingTimeout: ReturnType<typeof setTimeout>;
     oneTimeCallback: (current: Element, dragged: boolean) => void | null;
+    private _flat;
+    private _ownIndicators;
+    private _trackEl;
+    private _ignoreScroll;
+    private _trackRaf;
+    private _started;
+    private get _scroller();
+    private static _live;
+    private static _resizeListening;
+    private static _onResize;
     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 init(els: InitElements<InitElement>, options?: Partial<CarouselOptions>): Carousel[];
     static getInstance(el: HTMLElement): Carousel;
     destroy(): void;
+    private _collectItems;
+    private _setupIndicators;
     _setupEventHandlers(): void;
     _removeEventHandlers(): void;
+    private _teardown;
     _handleThrottledResize: (...args: unknown[]) => any;
-    _handleCarouselTap: (e: MouseEvent | TouchEvent) => void;
-    _handleCarouselDrag: (e: MouseEvent | TouchEvent) => boolean;
-    _handleCarouselRelease: (e: MouseEvent | TouchEvent) => boolean;
-    _handleCarouselClick: (e: MouseEvent | TouchEvent) => boolean;
+    _handleCarouselTap: (e: PointerEvent) => void;
+    _handleCarouselDrag: (e: PointerEvent) => void;
+    _handleCarouselRelease: (e: PointerEvent) => void;
+    _handleCarouselClick: (e: MouseEvent) => void;
     _handleIndicatorClick: (e: Event) => void;
-    _handleIndicatorKeyPress: (e: KeyboardEvent) => void;
-    _handleIndicatorInteraction: (e: Event) => void;
+    _handleKeydown: (e: KeyboardEvent) => void;
+    _handleFlatScroll: () => void;
     _handleResize: () => void;
-    _setCarouselHeight(imageOnly?: boolean): void;
-    _xpos(e: MouseEvent | TouchEvent): number;
-    _ypos(e: MouseEvent | TouchEvent): number;
+    _xpos(e: PointerEvent | MouseEvent | TouchEvent): number;
+    _ypos(e: PointerEvent | 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;
+    private _paintIndicators;
+    private _syncA11y;
+    private _syncActive;
+    private _wrapTrack;
+    private _unwrapTrack;
+    private _nearestIndex;
+    private _scrollToIndex;
     _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;
 }

package/dist/types/components/characterCounter.d.ts

@@ -1,8 +1,6 @@
-import { Component, InitElements, MElement } from '../core/component';
-export interface BaseOptions {
-}
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 type InputElement = HTMLInputElement | HTMLTextAreaElement;
-export declare class CharacterCounter extends Component<object> {
+export declare class CharacterCounter extends Component<BaseOptions> {
     el: InputElement;
     /** Stores the reference to the counter HTML element. */
     counterEl: HTMLSpanElement;
@@ -23,7 +21,7 @@ export declare class CharacterCounter extends Component<object> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<InputElement | MElement>, options?: Partial<BaseOptions>): CharacterCounter[];
+    static init(els: InitElements<InputElement | InitElement>, options?: Partial<BaseOptions>): CharacterCounter[];
     static getInstance(el: InputElement): CharacterCounter;
     destroy(): void;
     _setupEventHandlers(): void;

package/dist/types/components/chips.d.ts

@@ -1,5 +1,5 @@
 import { Autocomplete, AutocompleteOptions } from './autocomplete';
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface ChipData {
     /**
      * Unique identifier.
@@ -46,8 +46,8 @@ export interface ChipsOptions extends BaseOptions {
      */
     limit: number;
     /**
-     * Specifies class to be used in "close" button (useful when working with Material Symbols icon set).
-     * @default 'material-icons'
+     * Specifies class to be used in "close" button.
+     * @default 'material-symbols'
      */
     closeIconClass: string;
     /**
@@ -96,7 +96,7 @@ export declare class Chips extends Component<ChipsOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<ChipsOptions>): Chips[];
+    static init(els: InitElements<InitElement>, options?: Partial<ChipsOptions>): Chips[];
     static getInstance(el: HTMLElement): Chips;
     getData(): ChipData[];
     destroy(): void;

package/dist/types/components/collapsible.d.ts

@@ -1,20 +1,13 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface CollapsibleOptions extends BaseOptions {
     /**
-     * If accordion versus collapsible.
+     * If accordion versus collapsible. When omitted, `.expandable` on the
+     * element turns accordion off. `<details>` with the same `name` already
+     * exclusive-open in the browser; this option assigns `name` when it
+     * is missing.
      * @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
@@ -36,8 +29,15 @@ export interface CollapsibleOptions extends BaseOptions {
      */
     onCloseEnd: (el: Element) => void;
 }
+/**
+ * Collapsible. Open/close is HTML (`<details>` / `[open]`). Height is CSS.
+ * This class is the public API and accordion `name` assignment.
+ */
 export declare class Collapsible extends Component<CollapsibleOptions> {
-    private _headers;
+    private _items;
+    private _groupName;
+    private _endTimers;
+    private _wrappedBodies;
     constructor(el: HTMLElement, options: Partial<CollapsibleOptions>);
     static get defaults(): CollapsibleOptions;
     /**
@@ -51,24 +51,29 @@ export declare class Collapsible extends Component<CollapsibleOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<CollapsibleOptions>): Collapsible[];
+    static init(els: InitElements<InitElement>, 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.
+     * @param index 0-based index of the section to open.
      */
     open: (index: number) => void;
     /**
      * Close collapsible section.
-     * @param n Nth section to close.
+     * @param index 0-based index of the section to close.
      */
     close: (index: number) => void;
+    private _collectItems;
+    private _setupItems;
+    private _isOpen;
+    private _setOpen;
+    private _wrapDetailsBodies;
+    private _unwrapDetailsBodies;
+    private _bodyOf;
+    private _setupEventHandlers;
+    private _removeEventHandlers;
+    private _handleToggle;
+    private _notify;
+    private _durationMs;
 }

package/dist/types/components/datepicker.d.ts

@@ -1,4 +1,4 @@
-import { BaseOptions, Component, I18nOptions, InitElements, MElement } from '../core/component';
+import { BaseOptions, Component, I18nOptions, InitElements, InitElement } from '../core/component';
 export interface DateI18nOptions extends I18nOptions {
     previousMonth: string;
     nextMonth: string;
@@ -142,10 +142,6 @@ export interface DatepickerOptions extends BaseOptions {
      * @default null
      */
     onSelect: ((selectedDate: Date) => void) | null;
-    /**
-     * Callback function when Datepicker is closed.
-     * @default null
-     */
     /**
      * Callback function when Datepicker HTML is refreshed.
      * @default null
@@ -234,7 +230,7 @@ export declare class Datepicker extends Component<DatepickerOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<DatepickerOptions>): Datepicker[];
+    static init(els: InitElements<HTMLInputElement | InitElement>, options?: Partial<DatepickerOptions>): Datepicker[];
     /**
      * Escape a value for interpolation into the calendar markup.
      *
@@ -392,6 +388,4 @@ export declare class Datepicker extends Component<DatepickerOptions> {
     _finishSelection: () => void;
     _confirm: () => void;
     _cancel: () => void;
-    open(): this;
-    close(): this;
 }

package/dist/types/components/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement, Openable } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';
 export interface DropdownOptions extends BaseOptions {
     /**
      * Defines the edge the menu is aligned to.
@@ -99,7 +99,7 @@ export declare class Dropdown extends Component<DropdownOptions> implements Open
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<DropdownOptions>): Dropdown[];
+    static init(els: InitElements<InitElement>, options?: Partial<DropdownOptions>): Dropdown[];
     static getInstance(el: HTMLElement): Dropdown;
     destroy(): void;
     _setupEventHandlers(): void;
@@ -113,6 +113,15 @@ export declare class Dropdown extends Component<DropdownOptions> implements Open
     _handleTriggerKeydown: (e: KeyboardEvent) => void;
     _handleDocumentTouchmove: (e: TouchEvent) => void;
     _handleDropdownClick: (e: MouseEvent) => void;
+    private _isSubmenuTriggerClick;
+    private _setupSubmenus;
+    private _toggleSubmenu;
+    private _syncSubmenuAria;
+    private _handleSubmenuAlign;
+    private _alignSubmenu;
+    private _closeSubmenus;
+    private _containingSubmenu;
+    private _focusedRow;
     _handleDropdownKeydown: (e: KeyboardEvent) => void;
     _handleWindowResize: () => void;
     _resetFilterQuery: () => void;

package/dist/types/components/index.d.ts

@@ -8,7 +8,6 @@ export { Collapsible } from './collapsible';
 export { Datepicker } from './datepicker';
 export { Dropdown } from './dropdown';
 export { Lightbox } from './lightbox';
-export { Modal } from './modal';
 export { Parallax } from './parallax';
 export { Pushpin } from './pushpin';
 export { Range } from './range';

package/dist/types/components/lightbox.d.ts

@@ -1,4 +1,4 @@
-import { BaseOptions, Component, InitElements, MElement } from '../core/component';
+import { BaseOptions, Component, InitElements, InitElement } from '../core/component';
 export interface LightboxOptions extends BaseOptions {
     /**
      * Transition in duration in milliseconds.
@@ -66,7 +66,7 @@ export declare class Lightbox extends Component<LightboxOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<LightboxOptions>): Lightbox[];
+    static init(els: InitElements<InitElement>, options?: Partial<LightboxOptions>): Lightbox[];
     static getInstance(el: HTMLElement): Lightbox;
     destroy(): void;
     private _setupEventHandlers;

package/dist/types/components/parallax.d.ts

@@ -1,46 +1,16 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface ParallaxOptions extends BaseOptions {
-    /**
-     * The minimum width of the screen, in pixels, where the parallax functionality starts working.
-     * @default 0
-     */
-    responsiveThreshold: number;
 }
+/**
+ * Parallax. The effect is CSS (see components/_parallax.scss). This class
+ * exists so AutoInit / getInstance / destroy keep working; it does not
+ * attach scroll or resize listeners.
+ */
 export declare class Parallax extends Component<ParallaxOptions> {
-    private _enabled;
-    private _img;
-    static _parallaxes: Parallax[];
-    static _handleWindowResizeThrottled: (...args: unknown[]) => void;
-    private static _scrollFrame;
     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 init(els: InitElements<InitElement>, options?: Partial<ParallaxOptions>): Parallax[];
     static getInstance(el: HTMLElement): Parallax;
     destroy(): void;
-    static _handleScroll(): void;
-    /**
-     * Coalesce scroll events onto animation frames.
-     *
-     * The handler reads layout and then writes a transform, so running it more
-     * than once per frame is wasted work - and the 5ms throttle it replaces was
-     * short enough to let several run per frame anyway.
-     */
-    static _requestScrollUpdate: () => void;
-    static _handleWindowResize(): void;
-    _setupEventHandlers(): void;
-    _removeEventHandlers(): void;
-    _setupStyles(): void;
-    _handleImageLoad: () => void;
-    _updateParallax(): void;
 }

package/dist/types/components/pushpin.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface PushpinOptions extends BaseOptions {
     /**
      * The distance in pixels from the top of the page where
@@ -40,7 +40,7 @@ export declare class Pushpin extends Component<PushpinOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<MElement>, options?: Partial<PushpinOptions>): Pushpin[];
+    static init(els: InitElements<InitElement>, options?: Partial<PushpinOptions>): Pushpin[];
     static getInstance(el: HTMLElement): Pushpin;
     destroy(): void;
     static _updateElements(): void;

package/dist/types/components/range.d.ts

@@ -1,4 +1,4 @@
-import { Component, BaseOptions, InitElements, MElement } from '../core/component';
+import { Component, BaseOptions, InitElements, InitElement } from '../core/component';
 export interface RangeOptions extends BaseOptions {
 }
 export declare class Range extends Component<RangeOptions> {
@@ -19,7 +19,7 @@ export declare class Range extends Component<RangeOptions> {
      * @param els HTML elements.
      * @param options Component options.
      */
-    static init(els: InitElements<HTMLInputElement | MElement>, options?: Partial<RangeOptions>): Range[];
+    static init(els: InitElements<HTMLInputElement | InitElement>, options?: Partial<RangeOptions>): Range[];
     static getInstance(el: HTMLInputElement): Range;
     destroy(): void;
     _setupEventHandlers(): void;

package/dist/types/components/registry.d.ts

@@ -45,10 +45,6 @@ export declare const AUTO_INIT_COMPONENTS: {
         component: typeof Components.Lightbox;
         selector: string;
     };
-    Modal: {
-        component: typeof Components.Modal;
-        selector: string;
-    };
     Parallax: {
         component: typeof Components.Parallax;
         selector: string;