@aurelia-mdc-web/all 9.2.3-au2 → 9.3.0-au2

package/dist/types/card/mdc-card-action-icons.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. A group of supplemental action icons, displayed on the right side of the card (in LTR).
+ * @selector mdc-card-action-icons
+ */
+export declare class MdcCardActionIcons {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}

package/dist/types/card/mdc-card-actions/mdc-card-actions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @selector mdc-card-actions
+ */
+export declare class MdcCardActions {
+    /**
+     * Removes the action area's padding and causes its only child (an mdc-card__action element) to consume 100% of the action area's width.
+     */
+    fullBleed: boolean;
+}

package/dist/types/card/mdc-card-media/mdc-card-media.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @selector mdc-card-media
+ */
+export declare class MdcCardMedia {
+    /**
+     * Automatically scales the media area's height to equal its width.
+     */
+    square: boolean;
+    /**
+     * Automatically scales the media area's height according to its width, maintaining a 16:9 aspect ratio.
+     */
+    wide: boolean;
+}

package/dist/types/card/mdc-card-primary-action.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. The main tappable area of the card. Typically contains most (or all) card content except mdc-card-actions.
+ * Only applicable to cards that have a primary action that the main surface should trigger.
+ * @selector mdc-card-primary-action
+ */
+export declare class MdcCardPrimaryAction {
+    /** Disables ripple effect */
+    disableRipple: boolean;
+}

package/dist/types/card/mdc-card.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @selector mdc-card
+ */
+export declare class MdcCard {
+    /**
+     * Removes the shadow and displays a hairline stroke instead.
+     */
+    outlined: boolean;
+}

package/dist/types/checkbox/mdc-checkbox.d.ts

@@ -0,0 +1,65 @@
+import { MdcComponent } from '../base';
+import { MDCCheckboxFoundation } from '@material/checkbox';
+/**
+ * @selector mdc-checkbox
+ * @emits change | Event dispatched on checked change.
+ */
+export declare class MdcCheckbox extends MdcComponent<MDCCheckboxFoundation> {
+    constructor(root: IMdcCheckboxElement);
+    nativeControl_: HTMLInputElement;
+    id: string;
+    /**
+     * Disables the component.
+     */
+    disabled: boolean;
+    disabledChanged(): void;
+    /**
+     * Set the component touch target to 48 x 48 px.
+     */
+    touch: boolean;
+    /**
+     * Whether ripple ink is disabled.
+     */
+    disableRipple: boolean;
+    /**
+     * Whether the checkbox should go to checked state or unchecked when toggled from indeterminate state.
+     */
+    indeterminateToChecked: boolean;
+    initialChecked?: boolean;
+    get checked(): boolean;
+    /**
+     * Whether the checkbox is checked.
+     */
+    set checked(checked: boolean);
+    /**
+     * Represent a checkbox with three states (e.g. a nested list of checkable items).
+     */
+    indeterminate: boolean;
+    indeterminateChanged(): void;
+    get value(): string;
+    set value(value: string);
+    attaching(): void;
+    initialSyncWithDOM(): void;
+    destroy(): void;
+    handleChange_(): void;
+    handleAnimationEnd_(): void;
+    getDefaultFoundation(): MDCCheckboxFoundation;
+    /**
+     * Set focus to the checkbox.
+     */
+    focus(): void;
+    /**
+     * Moves focus from the checkbox.
+     */
+    blur(): void;
+}
+/** @hidden */
+export interface IMdcCheckboxElement extends HTMLElement {
+    checked: boolean;
+    indeterminate: boolean;
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcCheckbox;
+        };
+    };
+}

package/dist/types/chips/mdc-chip/mdc-chip.d.ts

@@ -0,0 +1,54 @@
+import { MdcComponent } from '../../base';
+import { MdcChipAction } from '../mdc-chip-action/mdc-chip-action';
+import { MDCChipFoundation } from '@material/chips/chip/foundation';
+import { MDCChipActionType, MDCChipActionFocusBehavior, MDCChipAnimation } from '@material/chips';
+import { ActionInteractionEvent, ActionNavigationEvent } from '@material/chips/chip/types';
+/**
+ * @selector mdc-chip
+ * @emits mdcchip:interaction | Indicates the chip was interacted with (via click/tap or Enter key)
+ * @emits mdcchip:removal | Indicates the chip removal event from a chip set
+ * @emits mdcchip:selection | Indicates a selection event has occurred on a chip
+ */
+export declare class MdcChip extends MdcComponent<MDCChipFoundation> {
+    constructor(root: IMdcChipElement);
+    _selected: boolean;
+    /**
+     * @return Whether the chip is selected.
+     */
+    get selected(): boolean;
+    /** Sets selected state on the chip. */
+    set selected(selected: boolean);
+    /** Marks the chip as disabled. */
+    disabled: boolean;
+    /** Marks the chip as a filter chip. */
+    filter: boolean;
+    filterChanged(): void;
+    icon: string;
+    actions: Map<MDCChipActionType, MdcChipAction>;
+    beforeFoundationCreated(): void;
+    initialSyncWithDOM(): void;
+    /** Set focus to the chip. */
+    focus(): void;
+    getDefaultFoundation(): MDCChipFoundation;
+    handleActionInteraction(event: ActionInteractionEvent): void;
+    handleActionNavigation(event: ActionNavigationEvent): void;
+    handleAnimationEnd(event: AnimationEvent): void;
+    handleTransitionEnd(): void;
+    getActions(): MDCChipActionType[];
+    getElementID(): string;
+    isActionFocusable(action: MDCChipActionType): boolean;
+    isActionSelectable(action: MDCChipActionType): boolean;
+    isActionSelected(action: MDCChipActionType): boolean;
+    setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior): void;
+    setActionSelected(action: MDCChipActionType, isSelected: boolean): void;
+    startAnimation(animation: MDCChipAnimation): void;
+    remove(): void;
+}
+/** @hidden */
+export interface IMdcChipElement extends HTMLElement {
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcChip;
+        };
+    };
+}

package/dist/types/chips/mdc-chip-action/enhance-mdc-chip-action.d.ts

@@ -0,0 +1,3 @@
+export declare class EnhanceMdcChipAction {
+    compiling(template: HTMLElement | HTMLTemplateElement): void;
+}

package/dist/types/chips/mdc-chip-action/mdc-chip-action.d.ts

@@ -0,0 +1,37 @@
+import { MdcComponent } from '../../base';
+import { MDCChipActionFoundation, MDCChipActionFocusBehavior } from '@material/chips';
+import { MDCRippleCapableSurface } from '@material/ripple';
+import { MDCChipTrailingActionFoundation } from '@material/chips/action/trailing-foundation';
+import { MDCChipPrimaryActionFoundation } from '@material/chips/action/primary-foundation';
+/**
+ * @hidden
+ * @selector mdc-chip-action
+ */
+export declare class MdcChipAction extends MdcComponent<MDCChipActionFoundation> implements MDCRippleCapableSurface {
+    root: HTMLElement;
+    constructor(root: HTMLElement);
+    selectable: boolean;
+    selectableChanged(): void;
+    _selected: boolean;
+    get selected(): boolean;
+    set selected(value: boolean);
+    trailing: boolean;
+    icon: string;
+    disabled: boolean;
+    disabledChanged(): Promise<void>;
+    initialSyncWithDOM(): void;
+    handleClick(): void;
+    handleKeydown(event: KeyboardEvent): void;
+    getDefaultFoundation(): MDCChipTrailingActionFoundation | MDCChipPrimaryActionFoundation;
+    isFocusable(): boolean;
+    setFocus(behavior: MDCChipActionFocusBehavior): void;
+    computeRippleClientRect: () => DOMRect;
+}
+/** @hidden */
+export interface IMdcChipActionElement extends HTMLElement {
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcChipAction;
+        };
+    };
+}

package/dist/types/chips/mdc-chip-set/mdc-chip-set.d.ts

@@ -0,0 +1,26 @@
+import { MDCChipSetFoundation } from '@material/chips';
+import { MdcComponent } from '../../base';
+import { MdcChip } from '../mdc-chip/mdc-chip';
+import { ChipAnimationEvent, ChipInteractionEvent, ChipNavigationEvent } from '@material/chips/chip-set/types';
+export declare class MdcChipSet extends MdcComponent<MDCChipSetFoundation> {
+    id: string;
+    /**
+     * Causes the chips to overflow instead of wrap (their default behavior).
+     */
+    overflow: boolean;
+    chipElements: HTMLElement[];
+    get chips(): MdcChip[];
+    handleChipInteraction(event: ChipInteractionEvent): void;
+    handleChipAnimation(event: ChipAnimationEvent): void;
+    handleChipNavigation(event: ChipNavigationEvent): void;
+    getDefaultFoundation(): MDCChipSetFoundation;
+    private isIndexValid;
+}
+/** @hidden */
+export interface IMdcChipSetElement extends HTMLElement {
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcChipSet;
+        };
+    };
+}

package/dist/types/circular-progress/mdc-circular-progress.d.ts

@@ -0,0 +1,32 @@
+import { MdcComponent } from '../base';
+import { MDCCircularProgressFoundation } from '@material/circular-progress';
+/**
+ * @selector mdc-circular-progress
+ */
+export declare class MdcCircularProgress extends MdcComponent<MDCCircularProgressFoundation> {
+    private determinateCircle_?;
+    radius: number;
+    strokeDasharray: number;
+    strokeDashoffset: number;
+    /** Size in pixels */
+    size: number;
+    sizeChanged(): void;
+    /** Stroke width in pixels */
+    strokeWidth: number;
+    strokeWidthChanged(): void;
+    /** The current progress value, which must be between 0 and 1 or undefined for an indeterminate spinner */
+    progress?: number;
+    progressChanged(): void;
+    binding(): void;
+    updateSizeAndStroke(): void;
+    initialSyncWithDOM(): void;
+    getDefaultFoundation(): MDCCircularProgressFoundation;
+}
+/** @hidden */
+export interface IMdcCircularProgressElement extends HTMLElement {
+    au: {
+        controller: {
+            viewModel: MdcCircularProgress;
+        };
+    };
+}

package/dist/types/data-table/mdc-data-table-row.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Required. Marks the table row.
+ * @selector [mdc-data-table-row]
+ */
+export declare class MdcDataTableRow {
+    private root;
+    constructor(root: HTMLTableRowElement);
+    attached(): void;
+}

package/dist/types/data-table/mdc-data-table.d.ts

@@ -0,0 +1,75 @@
+import { MdcComponent } from '../base';
+import { MDCDataTableFoundation } from '@material/data-table';
+import { MdcCheckbox } from '../checkbox/mdc-checkbox';
+/**
+ * Use `pagination-total` replaceable part to customise pagination total label.
+ * @selector mdc-data-table
+ * @emits mdcdatatable:rowselectionchanged | Emitted when row checkbox is checked or unchecked
+ * @emits mdcdatatable:selectedall | Emitted when header row checkbox is checked
+ * @emits mdcdatatable:unselectedall | Emitted when header row checkbox is unchecked
+ * @emits mdcdatatable:sorted | Emitted when clicked on sortable header cell
+ * @emits mdcdatatable:rowclick | Emitted when a row is clicked
+ */
+export declare class MdcDataTable extends MdcComponent<MDCDataTableFoundation> implements EventListenerObject {
+    header: HTMLElement;
+    content: HTMLElement;
+    /** Shows pagination footer */
+    pagination: boolean;
+    /** Caption for the page size selector */
+    rowsPerPageLabel: string;
+    /** Page sizes available for selection, e.g. [10, 25, 100, 'All'] */
+    pageSizes: unknown[];
+    /** Selected page size */
+    pageSize: unknown;
+    /** Makes header row sticky (fixed) on vertical scroll.
+     * (Note: Sticky header feature is not compatible with IE11 browsers.) */
+    stickyHeader: boolean;
+    get paginationPosition(): 'first' | 'between' | 'last' | undefined;
+    /** Sets total number of records. Used in navigation row. */
+    recordsCount: number;
+    /** Sets the active page number. Used in navigation row. */
+    activePage: number;
+    get paginationTotal(): string | undefined;
+    /** Turns on a linear progress indicator at the top of the table */
+    busy: boolean;
+    busyChanged(): void;
+    hoistPageSelectToBody: boolean;
+    get rowCheckboxList(): MdcCheckbox[];
+    get headerRowCheckbox(): MdcCheckbox | undefined;
+    handleHeaderRowCheckboxChange(): void;
+    handleRowCheckboxChange(event: Event): void;
+    headerRowClickListener(event: Event): void;
+    handleNavigationClick(type: 'first' | 'prev' | 'next' | 'last'): void;
+    handleContentClick(event: Event): void;
+    /**
+     * Re-initializes header row checkbox and row checkboxes when selectable rows are added or removed from table.
+     */
+    layout(): void;
+    /**
+     * @return Returns array of header row cell elements.
+     */
+    getHeaderCells(): Element[];
+    /**
+     * @return Returns array of row elements.
+     */
+    getRows(): Element[];
+    /**
+     * @return Returns array of selected row ids.
+     */
+    getSelectedRowIds(): (string | null)[];
+    /**
+     * Sets selected row ids. Overwrites previously selected rows.
+     * @param rowIds Array of row ids that needs to be selected.
+     */
+    setSelectedRowIds(rowIds: string[]): void;
+    handleEvent(evt: Event): void;
+    beforeFoundationCreated(): void;
+    initialSyncWithDOM(): void;
+    destroy(): void;
+    getDefaultFoundation(): MDCDataTableFoundation;
+    private getRowByIndex;
+    private getRowIdByIndex;
+    private handleHeaderRowClick;
+    private getSortStatusMessageBySortValue;
+    private getRowIdByRowElement;
+}

package/dist/types/dialog/mdc-dialog-actions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. Footer area containing the dialog's action buttons.
+ * @selector mdc-dialog-actions
+ */
+export declare class MdcDialogActions {
+    buttons: HTMLElement[];
+    buttonsChanged(): void;
+    attached(): void;
+}

package/dist/types/dialog/mdc-dialog-content.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Optional. Primary content area. May contain a list, a form, or prose.
+ * @selector mdc-dialog-content
+ */
+export declare class MdcDialogContent {
+    root: HTMLElement;
+    constructor(root: HTMLElement);
+}

package/dist/types/dialog/mdc-dialog-service.d.ts

@@ -0,0 +1,20 @@
+import Aurelia from 'aurelia';
+import { Constructable } from '@aurelia/kernel';
+/** Dialog service open method options */
+export interface IMdcDialogOptions<T extends {
+    loading: (params: any) => any;
+}> {
+    /** A class represeting the dialog content view model */
+    viewModel: Constructable<T>;
+    /** Data to pass to the view model's loading method */
+    model?: unknown;
+}
+/** Service to open MDC dialogs */
+export declare class MdcDialogService {
+    private readonly au;
+    constructor(au?: Aurelia);
+    /** Opens the dialog specified in the options */
+    open<T extends {
+        loading: (params: any) => any;
+    }>(options: IMdcDialogOptions<T>): Promise<string>;
+}

package/dist/types/dialog/mdc-dialog-title.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Optional. The area containing the dialog's title.
+ * @selector mdc-dialog-title
+ */
+export declare class MdcDialogTitle {
+}

package/dist/types/dialog/mdc-dialog.d.ts

@@ -0,0 +1,46 @@
+import { MdcComponent, MdcFocusTrap } from '../base';
+import { MDCDialogFoundation } from '@material/dialog';
+/**
+ * @selector mdc-dialog
+ */
+export declare class MdcDialog extends MdcComponent<MDCDialogFoundation> implements EventListenerObject {
+    id: number;
+    contentId: string;
+    titleId: string;
+    private buttons;
+    mdcFocusTrap: MdcFocusTrap;
+    /** Action returned when the dialog is closed via the scrim click */
+    scrimClickAction: string;
+    scrimClickActionChanged(): void;
+    /** Action returned when the dialog is closed via the ESC key */
+    escapeKeyAction: string;
+    escapeKeyActionChanged(): void;
+    fullscreen: boolean;
+    sheet: boolean;
+    get defaultButton(): HTMLElement | null;
+    get content(): HTMLElement | null;
+    beforeFoundationCreated(): void;
+    destroy(): void;
+    handleClick_(evt: MouseEvent): boolean;
+    handleKeydown_(evt: KeyboardEvent): boolean;
+    handleEvent(evt: Event): void;
+    handleOpening_(): void;
+    handleClosing_(): void;
+    /** Opens the dialog */
+    open(): void;
+    /**
+     * Closes the dialog
+     * @param action Action to close the dialog with
+     */
+    close(action?: string): void;
+    getDefaultFoundation(): MDCDialogFoundation;
+    getInitialFocusEl: () => HTMLElement | null;
+}
+/** @hidden */
+export interface IMdcDialogElement extends HTMLElement {
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcDialog;
+        };
+    };
+}

package/dist/types/drawer/mdc-drawer-app-content.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Mandatory for dismissible variant only. Sibling element that is resized when the drawer opens/closes.
+ * @selector mdc-drawer-app-content
+ */
+export declare class MdcDrawerAppContent {
+}

package/dist/types/drawer/mdc-drawer-content.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Scrollable content area of the drawer
+ * @selector mdc-drawer-content
+ */
+export declare class MdcDrawerContent {
+}

package/dist/types/drawer/mdc-drawer-header/mdc-drawer-header.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Optional. Non-scrollable element that exists at the top of the drawer.
+ * @selector mdc-drawer-header
+ */
+export declare class MdcDrawerHeader {
+    /** Optional. Title text element of the drawer. */
+    title: string;
+    /** Optional. Subtitle text element of the drawer. */
+    subtitle: string;
+}

package/dist/types/drawer/mdc-drawer.d.ts

@@ -0,0 +1,31 @@
+import { MdcComponent, MdcFocusTrap } from '../base';
+import { MDCDismissibleDrawerFoundation, MDCModalDrawerFoundation } from '@material/drawer';
+/**
+ * @selector mdc-drawer
+ * @emits mdcdrawer:closed | Event dispatched on drawer close
+ * @emits mdcdrawer:opened | Event dispatched on drawer open
+ */
+export declare class MdcDrawer extends MdcComponent<MDCDismissibleDrawerFoundation | MDCModalDrawerFoundation> {
+    /** Set the drawer implementation */
+    type: 'standard' | 'dismissible' | 'modal';
+    /**
+     * @return boolean Proxies to the foundation's `open`/`close` methods.
+     * Also returns true if drawer is in the open position.
+     */
+    get open(): boolean;
+    /**
+     * Toggles the drawer open and closed.
+     */
+    set open(isOpen: boolean);
+    private previousFocus_?;
+    private scrim_?;
+    mdcFocusTrap: MdcFocusTrap;
+    attaching(): void;
+    initialSyncWithDOM(): void;
+    handleScrimClick_: () => void;
+    handleKeydown_(evt: KeyboardEvent): boolean;
+    handleTransitionEnd_(evt: TransitionEvent): boolean;
+    destroy(): void;
+    getDefaultFoundation(): MDCDismissibleDrawerFoundation;
+    toggle(): void;
+}

package/dist/types/elevation/mdc-elevation.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @selector [mdc-elevation]
+ */
+export declare class MdcElevation {
+    private root;
+    constructor(root: HTMLElement);
+    value: string;
+    valueChanged(newValue: string, oldValue?: string): void;
+    attached(): void;
+}

package/dist/types/expandable/mdc-expandable.d.ts

@@ -0,0 +1,33 @@
+import { IPlatform } from 'aurelia';
+/** @selector mdc-expandable */
+export declare class MdcExpandable {
+    element: HTMLElement;
+    private platform;
+    constructor(element: HTMLElement, platform: IPlatform);
+    header?: HTMLElement;
+    content?: HTMLElement;
+    contentContainer?: HTMLElement;
+    focused: boolean;
+    /** Toggles the expandable open and closed */
+    open: boolean;
+    openChanged(): void;
+    /** Set the expandable to be in an accordion group */
+    accordion?: string;
+    handleEvent(e: Event): void;
+    setContentContainerHeightToAuto(): void;
+    attached(): void;
+    updateContainerHeight(): void;
+    /** Toggles the expandable open and closed */
+    toggle(): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    handleKeydown(evt: KeyboardEvent): boolean;
+}
+/** @hidden */
+export interface IMdcExpandableElement extends HTMLElement {
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcExpandable;
+        };
+    };
+}

package/dist/types/fab/enhance-mdc-fab.d.ts

@@ -0,0 +1,3 @@
+export declare class EnhanceMdcFab {
+    compiling(template: HTMLElement | HTMLTemplateElement): void;
+}

package/dist/types/fab/mdc-fab-icon.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. Can be used with SVG icons, for example.
+ * @selector [mdc-fab-icon]
+ */
+export declare class MdcFabIcon {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}

package/dist/types/fab/mdc-fab.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @selector mdc-fab
+ * @selector a[mdc-fab]
+ * @selector button[mdc-fab]
+ */
+export declare class MdcFab {
+    private root;
+    constructor(root: HTMLElement);
+    /** Make the fab smaller (40 x 40 pixels) */
+    mini: boolean;
+    /** Modifies the FAB to wider size which includes a text label */
+    extended: boolean;
+    /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */
+    touch: boolean;
+    /** Animates the FAB in or out of view */
+    exited: boolean;
+    /** Optional. Apply a Material Icon. */
+    icon: string;
+    /** Optional, for the text label. Applicable only for Extended FAB. */
+    label: string;
+    /** Set the button disabled */
+    disabled: boolean;
+    disabledChanged(): void;
+}

package/dist/types/floating-label/mdc-floating-label.d.ts

@@ -0,0 +1,17 @@
+import { MDCFloatingLabelFoundation } from '@material/floating-label';
+import { MdcComponent } from '../base';
+export declare class MdcFloatingLabel extends MdcComponent<MDCFloatingLabelFoundation> {
+    shake(shouldShake: boolean): void;
+    /**
+     * Styles the label to float/dock.
+     * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.
+     */
+    float(shouldFloat: boolean): void;
+    /**
+     * Styles the label as required.
+     * @param isRequired If true, adds an asterisk to the label, indicating that it is required.
+     */
+    setRequired(isRequired: boolean): void;
+    getWidth(): number;
+    getDefaultFoundation(): MDCFloatingLabelFoundation;
+}

package/dist/types/form-field/mdc-form-field.d.ts

@@ -0,0 +1,21 @@
+import { MDCFormFieldFoundation } from '@material/form-field';
+import { MdcComponent } from '../base';
+import { MdcRipple } from '../ripple/mdc-ripple';
+/**
+ * @selector mdc-form-field
+ */
+export declare class MdcFormField extends MdcComponent<MDCFormFieldFoundation> {
+    cssClasses: {
+        ROOT: string;
+    };
+    ripple?: MdcRipple;
+    label?: HTMLLabelElement | null;
+    /** Force label text to stay on a single line and ellipse the overflow text */
+    nowrap: boolean;
+    /** Position the input after the label */
+    alignEnd: boolean;
+    /** Distributes space between label text and control */
+    spaceBetween: boolean;
+    initialSyncWithDOM(): void;
+    getDefaultFoundation(): MDCFormFieldFoundation;
+}

package/dist/types/icon/mdc-icon.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @selector mdc-icon
+ */
+export declare class MdcIcon {
+    root: HTMLElement;
+    constructor(root: HTMLElement);
+}

package/dist/types/icon-button/enhance-mdc-icon-button.d.ts

@@ -0,0 +1,3 @@
+export declare class EnhanceMdcIconButton {
+    compiling(template: HTMLElement | HTMLTemplateElement): void;
+}