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

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

@@ -0,0 +1,20 @@
+/**
+ * Optional. Used as a toggle icon button element.
+ * @selector mdc-icon-button-icon
+ */
+export declare class MdcIconButtonIcon {
+    /** Indicates an "on" toggle element */
+    on: boolean;
+    /** Optional. Set a Material icon. */
+    icon: string;
+}
+/** @hidden */
+export interface IMdcIconButtonIconElement extends HTMLElement {
+    checked: boolean;
+    indeterminate: boolean;
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcIconButtonIcon;
+        };
+    };
+}

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

@@ -0,0 +1,22 @@
+import { MDCIconButtonToggleFoundation } from '@material/icon-button';
+import { MdcComponent } from '../base';
+/**
+ * @selector button[mdc-icon-button]
+ * @selector a[mdc-icon-button]
+ * @selector mdc-icon-button
+ */
+export declare class MdcIconButton extends MdcComponent<MDCIconButtonToggleFoundation> {
+    /** Sets the toggle state to the provided value */
+    on: boolean;
+    /** Optional. Set a Material icon as a non-toggle icon. */
+    icon: string;
+    href: string;
+    hrefChanged(): void;
+    /**
+     * Set the component touch target to 48 x 48 px
+     */
+    touch: boolean;
+    attached(): void;
+    handleClick(): boolean;
+    getDefaultFoundation(): MDCIconButtonToggleFoundation;
+}

package/dist/types/image-list/mdc-image-list-item/mdc-image-list-item.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Mandatory. Indicates each item in an Image List.
+ * @selector mdc-image-list-item
+ */
+export declare class MdcImageListItem {
+    private root;
+    constructor(root: HTMLElement);
+    /** Image url */
+    src: string;
+    /** Image label */
+    label: string;
+    hasAspect: boolean;
+    /** Sets image aspect ratio */
+    aspect: number;
+    aspectChanged(): void;
+}

package/dist/types/image-list/mdc-image-list.d.ts

@@ -0,0 +1,22 @@
+export interface IColumnsOptions {
+    media: string;
+    count: number;
+    gutterSize: number;
+}
+/**
+ * @selector mdc-image-list
+ */
+export declare class MdcImageList {
+    private root;
+    constructor(root: HTMLElement);
+    style: HTMLStyleElement;
+    id: string;
+    /** Indicates that this Image List should use the Masonry variant */
+    masonry: boolean;
+    /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */
+    textProtection: boolean;
+    /** Number of columns in the list */
+    columns: string | Partial<IColumnsOptions>[];
+    columnsChanged(): void;
+    bound(): void;
+}

package/dist/types/index.d.ts

@@ -1,7 +1,144 @@
 import { IContainer } from '@aurelia/kernel';
+import { MdcConfiguration } from './mdc-configuration';
+import { MdcFocusTrap } from './base';
+import { MdcPromisifyReference } from './base/elements/mdc-promisify-reference';
+import { EnhanceMdcButton } from './button/enhance-mdc-button';
+import { MdcCardActionButtons } from './card/mdc-card-action-buttons';
+import { MdcCardActionIcons } from './card/mdc-card-action-icons';
+import { MdcCardActions } from './card/mdc-card-actions/mdc-card-actions';
+import { MdcCardMedia } from './card/mdc-card-media/mdc-card-media';
+import { MdcCardPrimaryAction } from './card/mdc-card-primary-action';
+import { EnhanceMdcChipAction } from './chips/mdc-chip-action/enhance-mdc-chip-action';
+import { MdcDataTableRow } from './data-table/mdc-data-table-row';
+import { MdcDialogActions } from './dialog/mdc-dialog-actions';
+import { MdcDialogContent } from './dialog/mdc-dialog-content';
+import { MdcDialogTitle } from './dialog/mdc-dialog-title';
+import { EnhanceMdcFab } from './fab/enhance-mdc-fab';
+import { MdcFabIcon } from './fab/mdc-fab-icon';
+import { EnhanceMdcIconButton } from './icon-button/enhance-mdc-icon-button';
+import { MdcImageListItem } from './image-list/mdc-image-list-item/mdc-image-list-item';
+import { MdcLayoutGridCell } from './layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell';
+import { MdcLayoutGridInner } from './layout-grid/mdc-layout-grid-inner';
+import { EnhanceMdcDeprecatedListItem } from './list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item';
+import { EnhanceMdcListItem } from './list/mdc-list-item/enhance-mdc-list-item';
+import { MdcMenuSurfaceAnchor } from './menu-surface/mdc-menu-surface-anchor';
+import { MdcMenuSelectionGroup } from './menu/mdc-menu-selection-group';
+import { MdcMenuSelectionGroupIcon } from './menu/mdc-menu-selection-group-icon';
+import { EnhanceMdcSegmentedButtonSegment } from './segmented-button/mdc-segmented-button-segment/enhance-mdc-segmented-button-segment';
+import { MdcSelectHelperText } from './select/mdc-select-helper-text/mdc-select-helper-text';
+import { MdcSelectIcon } from './select/mdc-select-icon';
+import { EnhanceMdcSwitch } from './switch/enhance-mdc-switch';
+import { EnhanceMdcTextfield } from './text-field/enhance-mdc-text-field';
+import { MdcTextFieldCharacterCounter } from './text-field/mdc-text-field-character-counter';
+import { MdcTextFieldHelperLine } from './text-field/mdc-text-field-helper-line/mdc-text-field-helper-line';
+import { MdcTextFieldHelperText } from './text-field/mdc-text-field-helper-text/mdc-text-field-helper-text';
+import { MdcTextFieldIcon } from './text-field/mdc-text-field-icon';
+import { EnhanceTopAppBarActions } from './top-app-bar/enhance-top-app-bar-actions';
+import { NodeFilterValueConverter } from './tree-view/node-filter';
+import { IMdcListActionEvent, IMdcListActionEventDetail, IMdcListItemElement, MdcDeprecatedListItem } from './list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item';
+import { MdcRipple } from './ripple/mdc-ripple';
+import { MdcSnackbar } from './snackbar/mdc-snackbar';
+import { MdcSnackbarService } from './snackbar/mdc-snackbar-service';
+import { MdcSwitch } from './switch/mdc-switch';
+import { MdcTextField } from './text-field/mdc-text-field';
+import { MdcTooltip } from './tooltip/mdc-tooltip';
+import { MdcTooltipAttribute } from './tooltip/mdc-tooltip-attribute';
+import { MdcTopAppBar } from './top-app-bar/mdc-top-app-bar';
+import { MdcTopAppBarActionItem } from './top-app-bar/mdc-top-app-bar-action-item';
+import { MdcTopAppBarFixedAdjust } from './top-app-bar/mdc-top-app-bar-fixed-adjust';
+import { MdcTopAppBarNavIcon } from './top-app-bar/mdc-top-app-bar-nav-icon';
+import { MdcTopAppBarRow } from './top-app-bar/mdc-top-app-bar-row';
+import { MdcTopAppBarSection } from './top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section';
+import { MdcTopAppBarTitle } from './top-app-bar/mdc-top-app-bar-title';
+import { MdcTreeNode } from './tree-view/mdc-tree-node';
+import { MdcTreeViewNodeMeta } from './tree-view/mdc-tree-node-meta';
+import { MdcTreeView } from './tree-view/mdc-tree-view';
+import { MdcBody1, MdcBody2, MdcCaption, MdcHeadline1, MdcHeadline2, MdcHeadline3, MdcHeadline4, MdcHeadline5, MdcHeadline6, MdcOveline, MdcSubtitle1, MdcSubtitle2, MdcTypographyButton } from './typography/mdc-typography';
+import { MdcValidationControllerFactory } from './validation/mdc-validation-controller-factory';
+import { MdcBanner } from './banner/mdc-banner';
+import { MdcButton } from './button/mdc-button';
+import { MdcButtonLabel } from './button/mdc-button-label';
+import { MdcCard } from './card/mdc-card';
+import { MdcChipAction } from './chips/mdc-chip-action/mdc-chip-action';
+import { MdcChipSet } from './chips/mdc-chip-set/mdc-chip-set';
+import { MdcChip } from './chips/mdc-chip/mdc-chip';
+import { MdcCircularProgress } from './circular-progress/mdc-circular-progress';
+import { MdcDataTable } from './data-table/mdc-data-table';
+import { MdcDialog } from './dialog/mdc-dialog';
+import { MdcDialogService } from './dialog/mdc-dialog-service';
+import { MdcDrawer } from './drawer/mdc-drawer';
+import { MdcDrawerAppContent } from './drawer/mdc-drawer-app-content';
+import { MdcDrawerContent } from './drawer/mdc-drawer-content';
+import { MdcDrawerHeader } from './drawer/mdc-drawer-header/mdc-drawer-header';
+import { MdcElevation } from './elevation/mdc-elevation';
+import { MdcExpandable } from './expandable/mdc-expandable';
+import { MdcFab } from './fab/mdc-fab';
+import { MdcFormField } from './form-field/mdc-form-field';
+import { MdcIconButton } from './icon-button/mdc-icon-button';
+import { MdcIconButtonIcon } from './icon-button/mdc-icon-button-icon/mdc-icon-button-icon';
+import { MdcImageList } from './image-list/mdc-image-list';
+import { MdcLayoutGrid } from './layout-grid/mdc-layout-grid';
+import { MdcLinearProgress } from './linear-progress/mdc-linear-progress';
+import { MdcSlider } from './slider/mdc-slider';
+import { MdcTabIndicator } from './tab-bar/indicator/mdc-tab-indicator';
+import { MdcTabBar } from './tab-bar/mdc-tab-bar';
+import { MdcTabScroller } from './tab-bar/scroller/mdc-tab-scroller';
+import { MdcTab } from './tab-bar/tab/mdc-tab';
+import { MdcCheckbox } from './checkbox/mdc-checkbox';
+import { MdcFloatingLabel } from './floating-label/mdc-floating-label';
+import { MdcLineRipple } from './line-ripple/mdc-line-ripple';
+import { MdcDeprecatedList } from './list/mdc-deprecated-list/mdc-deprecated-list';
+import { MdcDeprecatedListDivider } from './list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider';
+import { MdcDeprecatedListGroup, MdcDeprecatedListGroupSubheader } from './list/mdc-deprecated-list/mdc-deprecated-list-group';
+import { MdcDeprecatedListItemPrimaryText } from './list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text';
+import { MdcDeprecatedListItemSecondaryText } from './list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text';
+import { MdcDeprecatedListItemGraphic } from './list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic';
+import { MdcDeprecatedListItemMeta } from './list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta';
+import { MdcList, IMdcListElement } from './list/mdc-list';
+import { MdcListDivider } from './list/mdc-list-divider/mdc-list-divider';
+import { MdcListGroup, MdcListGroupSubheader } from './list/mdc-list-group';
+import { MdcListItemPrimaryText } from './list/mdc-list-item-primary-text';
+import { MdcListItemSecondaryText } from './list/mdc-list-item-secondary-text';
+import { MdcListItem } from './list/mdc-list-item/mdc-list-item';
+import { MdcListItemLeading } from './list/mdc-list-item/mdc-list-item-leading';
+import { MdcListItemTrailing } from './list/mdc-list-item/mdc-list-item-trailing';
+import { MdcLookup } from './lookup/mdc-lookup';
+import { MdcMenuSurface } from './menu-surface/mdc-menu-surface';
+import { MdcMenu } from './menu/mdc-menu';
+import { MdcNotchedOutline } from './notched-outline/mdc-notched-outline';
+import { MdcRadio } from './radio/mdc-radio';
+import { MdcSegmentedButton } from './segmented-button/mdc-segmented-button';
+import { MdcSegmentedButtonSegment } from './segmented-button/mdc-segmented-button-segment/mdc-segmented-button-segment';
+import { MdcSelect } from './select/mdc-select';
+import { MdcIcon } from './icon/mdc-icon';
+export { MdcPromisifyReference, MdcFocusTrap, MdcButton, MdcButtonLabel, EnhanceMdcButton, MdcBanner, MdcCard, MdcCardActions, MdcCardMedia, MdcCardActionButtons, MdcCardPrimaryAction, MdcCardActionIcons, MdcCheckbox, MdcChip, MdcChipAction, EnhanceMdcChipAction, MdcChipSet, MdcCircularProgress, MdcDataTable, MdcDataTableRow, MdcDialog, MdcDialogActions, MdcDialogTitle, MdcDialogContent, MdcDrawer, MdcDrawerContent, MdcDrawerAppContent, MdcDrawerHeader, MdcElevation, MdcExpandable, MdcFab, MdcFabIcon, EnhanceMdcFab, MdcFloatingLabel, MdcFormField, MdcIconButton, MdcIconButtonIcon, EnhanceMdcIconButton, MdcImageList, MdcImageListItem, MdcLayoutGrid, MdcLayoutGridInner, MdcLayoutGridCell, MdcLineRipple, MdcLinearProgress, MdcList, MdcListDivider, MdcListGroup, MdcListGroupSubheader, MdcListItem, MdcListItemLeading, MdcListItemTrailing, MdcListItemPrimaryText, MdcListItemSecondaryText, EnhanceMdcListItem, MdcDeprecatedList, MdcDeprecatedListItem, EnhanceMdcDeprecatedListItem, MdcDeprecatedListItemPrimaryText, MdcDeprecatedListItemSecondaryText, MdcDeprecatedListItemGraphic, MdcDeprecatedListItemMeta, MdcDeprecatedListDivider, MdcDeprecatedListGroup, MdcDeprecatedListGroupSubheader, MdcLookup, MdcMenu, MdcMenuSelectionGroup, MdcMenuSelectionGroupIcon, MdcMenuSurface, MdcMenuSurfaceAnchor, MdcNotchedOutline, MdcRadio, MdcRipple, MdcSegmentedButton, MdcSegmentedButtonSegment, EnhanceMdcSegmentedButtonSegment, MdcSelect, MdcSelectIcon, MdcSelectHelperText, MdcSlider, MdcSnackbar, MdcSnackbarService, MdcSwitch, EnhanceMdcSwitch, MdcTabBar, MdcTab, MdcTabScroller, MdcTabIndicator, MdcTextField, MdcTextFieldIcon, MdcTextFieldHelperLine, MdcTextFieldHelperText, MdcTextFieldCharacterCounter, EnhanceMdcTextfield, MdcTooltip, MdcTooltipAttribute, MdcTopAppBar, MdcTopAppBarRow, MdcTopAppBarTitle, MdcTopAppBarSection, MdcTopAppBarFixedAdjust, MdcTopAppBarNavIcon, MdcTopAppBarActionItem, EnhanceTopAppBarActions, MdcTreeView, MdcTreeViewNodeMeta, MdcTreeNode, NodeFilterValueConverter, MdcBody1, MdcBody2, MdcCaption, MdcHeadline1, MdcHeadline2, MdcHeadline3, MdcHeadline4, MdcHeadline5, MdcHeadline6, MdcOveline, MdcSubtitle1, MdcSubtitle2, MdcTypographyButton, MdcIcon, MdcDialogService, MdcValidationControllerFactory };
+export { MdcComponent } from './base/mdc-component';
+export type { IValidatedElement, IError } from './base/elements/i-validated-element';
+export { MATERIAL_PALETTE } from './base/material-palette';
+export { boolean, booleanAttr, date, number, string } from './base/interceptors';
+export { nextElement } from './base/next-element';
+export type { IMdcCheckboxElement } from './checkbox/mdc-checkbox';
+export type { IMdcDialogOptions } from './dialog/mdc-dialog-service';
+export type { IMdcListItemElement, IMdcListActionEventDetail, IMdcListActionEvent, IMdcListElement };
+export type { IMdcLookupElement } from './lookup/mdc-lookup';
+export type { IMdcMenuItemComponentEventDetail, IMdcMenuItemComponentEvent } from './menu/mdc-menu';
+export type { IMdcRadioElement } from './radio/mdc-radio';
+export type { IMdcRippleElement } from './ripple/mdc-ripple';
+export type { IMdcSelectElement } from './select/mdc-select';
+export type { IMdcSelectHelperTextElement } from './select/mdc-select-helper-text/mdc-select-helper-text';
+export type { IMdcSliderElement } from './slider/mdc-slider';
+export type { ISnackbarOptions } from './snackbar/mdc-snackbar-service';
+export type { IMdcSwitchElement } from './switch/mdc-switch';
+export type { IMdcTabElement } from './tab-bar/tab/mdc-tab';
+export type { IMdcTextFieldElement } from './text-field/mdc-text-field';
+export type { IMdcTextFieldHelperLineElement } from './text-field/mdc-text-field-helper-line/mdc-text-field-helper-line';
+export { MdcValidationResultPresenter } from './validation/mdc-validation-result-presenter';
 export declare const AllConfiguration: {
     /**
      * Apply this configuration to the provided container.
      */
     register(container: IContainer): IContainer;
+    customize(optionsProvider: (config: MdcConfiguration) => void): {
+        register(container: IContainer): IContainer;
+    };
 };

package/dist/types/layout-grid/mdc-layout-grid-cell/mdc-layout-grid-cell.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @selector mdc-layout-grid-cell
+ */
+export declare class MdcLayoutGridCell {
+    /** Optional, specifies the order of the cell */
+    order: string;
+    /** Optional, specifies the alignment of cell */
+    position: 'top' | 'middle' | 'bottom';
+    /** Optional, specifies the number of columns the cell spans */
+    span: string;
+    /** Optional, specifies the number of columns the cell spans on a desktop */
+    desktopSpan: string;
+    /** Optional, specifies the number of columns the cell spans on a tablet */
+    tabletSpan: string;
+    /** Optional, specifies the number of columns the cell spans on a phone */
+    phoneSpan: string;
+    newRow: string;
+    /** Optional, specifies the number of columns the cell spans for all screen sizes */
+    spans: string;
+    spansChanged(): void;
+    bound(): void;
+}

package/dist/types/layout-grid/mdc-layout-grid-inner.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Mandatory. Added automatically by the grid element. Can be used for nested tables.
+ * @selector mdc-layout-grid-inner
+ */
+export declare class MdcLayoutGridInner {
+}

package/dist/types/layout-grid/mdc-layout-grid.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @selector mdc-layout-grid
+ */
+export declare class MdcLayoutGrid {
+    private root;
+    constructor(root: HTMLElement);
+    /** Set grid alignment. Has no effect when the grid already fills its container. */
+    position: 'left' | 'right';
+    /** Specifies the grid should have fixed column width */
+    fixedColumnWidth: boolean;
+    /** Specifies the grid should have no padding */
+    noPadding: boolean;
+    /** Set desktop column width */
+    desktopColumnWidth: string;
+    desktopColumnWidthChanged(): void;
+    /** Set tablet column width */
+    tabletColumnWidth: string;
+    tabletColumnWidthChanged(): void;
+    /** Set phone column width */
+    phoneColumnWidth: string;
+    phoneColumnWidthChanged(): void;
+    /** Set all column widths at once */
+    columnWidths: string;
+    columnWidthsChanged(): void;
+    bound(): void;
+}

package/dist/types/line-ripple/mdc-line-ripple.d.ts

@@ -0,0 +1,18 @@
+import { MdcComponent } from '../base';
+import { MDCLineRippleFoundation } from '@material/line-ripple';
+export declare class MdcLineRipple extends MdcComponent<MDCLineRippleFoundation> {
+    /**
+     * Activates the line ripple
+     */
+    activate(): void;
+    /**
+     * Deactivates the line ripple
+     */
+    deactivate(): void;
+    /**
+     * Sets the transform origin given a user's click location.
+     * The `rippleCenter` is the x-coordinate of the middle of the ripple.
+     */
+    setRippleCenter(xCoordinate: number): void;
+    getDefaultFoundation(): MDCLineRippleFoundation;
+}

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

@@ -0,0 +1,18 @@
+import { MdcComponent } from '../base';
+import { MDCLinearProgressFoundation } from '@material/linear-progress';
+/**
+ * @selector mdc-linear-progress
+ */
+export declare class MdcLinearProgress extends MdcComponent<MDCLinearProgressFoundation> {
+    /** Sets the progress bar to this value. Value should be between [0, 1] or undefined for indeterminate progress indicator. */
+    progress?: number;
+    progressChanged(): void;
+    /** Sets the buffer bar to this value. Value should be between [0, 1] or undefined. */
+    buffer?: number;
+    bufferChanged(): void;
+    /** Sets the component open state */
+    open: boolean;
+    openChanged(): void;
+    initialSyncWithDOM(): void;
+    getDefaultFoundation(): MDCLinearProgressFoundation;
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-divider/mdc-deprecated-list-divider.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Optional, for list divider element
+ * @selector mdc-list-divider
+ */
+export declare class MdcDeprecatedListDivider {
+    /** To make a divider match the padding of list items */
+    padded: boolean;
+    /** Increases the leading margin of the divider so that it does not intersect the avatar column */
+    inset: boolean;
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-group.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Optional. Wrapper around two or more mdc-list elements to be grouped together.
+ * @selector mdc-deprecated-list-group
+ */
+export declare class MdcDeprecatedListGroup {
+    headers: HTMLElement[];
+    headersChanged(): void;
+}
+export declare class MdcDeprecatedListGroupSubheader {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-item/enhance-mdc-deprecated-list-item.d.ts

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

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-graphic.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. The first tile in the row (in LTR languages, the first column of the list item). Typically an icon or image.
+ * @selector [mdc-deprecated-list-item-graphic]
+ */
+export declare class MdcDeprecatedListItemGraphic {
+    private root;
+    constructor(root: Element);
+    attached(): void;
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item-meta.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Optional. The last tile in the row (in LTR languages, the last column of the list item). Typically small text, icon. or image.
+ * @selector [mdc-deprecated-list-item-meta]
+ */
+export declare class MdcDeprecatedListItemMeta {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-list-item.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @selector mdc-deprecated-list-item
+ */
+export declare class MdcDeprecatedListItem {
+    root: HTMLElement;
+    constructor(root: HTMLElement);
+    cssClasses: {
+        LIST_ITEM_ACTIVATED_CLASS: string;
+        LIST_ITEM_CLASS: string;
+        LIST_ITEM_DISABLED_CLASS: string;
+        LIST_ITEM_SELECTED_CLASS: string;
+        LIST_ITEM_TEXT_CLASS: string;
+        LIST_ITEM_PRIMARY_TEXT_CLASS: string;
+        ROOT: string;
+    };
+    id: string;
+    /** Disables the list item */
+    disabled: boolean;
+    /** Styles the row in an activated state */
+    activated: boolean;
+    /** Random data associated with the list item. Passed in events payload. */
+    value: unknown;
+    /** Disables ripple effect */
+    disableRipple: boolean;
+    attached(): void;
+    onKeydown(evt: KeyboardEvent): boolean;
+    onClick(): boolean;
+}
+/** @hidden */
+export interface IMdcListItemElement extends HTMLElement {
+    $au: {
+        'au:resource:custom-element': {
+            viewModel: MdcDeprecatedListItem;
+        };
+    };
+}
+export interface IMdcListActionEventDetail {
+    index: number;
+    data: unknown;
+}
+/** @hidden */
+export interface IMdcListActionEvent extends Event {
+    detail: IMdcListActionEventDetail;
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Optional, primary text for the list item
+ * @selector mdc-deprecated-list-item-primary-text
+ */
+export declare class MdcDeprecatedListItemPrimaryText {
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Optional, secondary text for the list item. Displayed below the primary text.
+ * @selector mdc-deprecated-list-item-secondary-text
+ */
+export declare class MdcDeprecatedListItemSecondaryText {
+}

package/dist/types/list/mdc-deprecated-list/mdc-deprecated-list.d.ts

@@ -0,0 +1,114 @@
+import { MdcComponent } from '../../base';
+import { MDCListFoundation, MDCListIndex } from '@material/list';
+import { MdcDeprecatedListItem } from './mdc-deprecated-list-item/mdc-deprecated-list-item';
+export declare const mdcListStrings: {
+    ITEMS_CHANGED: string;
+};
+/**
+ * @selector mdc-deprecated-list
+ * @emits mdclist:action | Indicates that a list item with the specified index has been activated
+ * @emits mdclist:itemschanged | Indicates that the list of items has changed
+ */
+export declare class MdcDeprecatedList extends MdcComponent<MDCListFoundation> {
+    /** Increases the height of the row to give it greater visual separation from adjacent rows */
+    twoLine: boolean;
+    /** When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected */
+    singleSelection: boolean;
+    singleSelectionChanged(): Promise<void>;
+    /** Sets the selection logic to apply/remove the mdc-list-item--activated class */
+    activated: boolean;
+    activatedChanged(): Promise<void>;
+    /** Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. If false, the Left/Right arrow keys are used. */
+    vertical: boolean;
+    /** Increases the density of the list, making it appear more compact */
+    dense: boolean;
+    /** Optional, configures lists that start with text */
+    textual: boolean;
+    /** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */
+    avatar: boolean;
+    /** Optional, configures the leading tile of each row to display icons */
+    icon: boolean;
+    /** Optional, configures the leading tile of each row to display images */
+    image: boolean;
+    /** Optional, configures the leading tile of each row to display smaller images (this is analogous to an avatar list but the image will	not be rounded) */
+    thumbnail: boolean;
+    /** Optional, configures the leading tile of each row to display videos */
+    video: boolean;
+    itemElements: HTMLElement[];
+    itemsChanged(): void;
+    get items(): MdcDeprecatedListItem[];
+    typeahead: boolean;
+    typeaheadChanged(hasTypeahead: boolean): Promise<void>;
+    /** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */
+    wrapFocus: boolean;
+    wrapFocusChanged(): Promise<void>;
+    initialSyncWithDOM(): void;
+    get listElements(): Element[];
+    /**
+     * Extracts the primary text from a list item.
+     * @param item The list item element.
+     * @return The primary text in the element.
+     */
+    getPrimaryText(item: Element): string;
+    getDefaultFoundation(): MDCListFoundation;
+    /**
+     * @hidden
+     * Used to figure out which list item this event is targetting. Or returns -1 if
+     * there is no list item
+     */
+    private getListItemIndex_;
+    /**
+     * @hidden
+     * Used to figure out which element was clicked before sending the event to the foundation.
+     */
+    handleFocusInEvent_(evt: FocusEvent): void;
+    /**
+     * @hidden
+     * Used to figure out which element was clicked before sending the event to the foundation.
+     */
+    handleFocusOutEvent_(evt: FocusEvent): void;
+    /**
+     * @hidden
+     * Used to figure out which element was focused when keydown event occurred before sending the event to the
+     * foundation.
+     */
+    handleKeydownEvent_(evt: KeyboardEvent): boolean;
+    /**
+     * @hidden
+     * Used to figure out which element was clicked before sending the event to the foundation.
+     */
+    handleClickEvent_(evt: MouseEvent): boolean;
+    /**
+     * @hidden
+     * @return Whether typeahead is currently matching a user-specified prefix.
+     */
+    get typeaheadInProgress(): boolean;
+    /**
+     * @hidden
+     * Given the next desired character from the user, adds it to the typeahead
+     * buffer. Then, attempts to find the next option matching the buffer. Wraps
+     * around if at the end of options.
+     *
+     * @param nextChar The next character to add to the prefix buffer.
+     * @param startingIndex The index from which to start matching. Defaults to
+     *     the currently focused index.
+     * @return The index of the matched item.
+     */
+    typeaheadMatchItem(nextChar: string, startingIndex?: number): number;
+    layout(): void;
+    get selectedIndex(): MDCListIndex;
+    set selectedIndex(index: MDCListIndex);
+    /**
+     * @hidden
+     * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.
+     */
+    initializeListType(): void;
+}
+/** @hidden */
+export interface IMdcDeprecatedListElement extends HTMLElement {
+    au: {
+        controller: {
+            viewModel: MdcDeprecatedList;
+        };
+    };
+}

package/dist/types/list/mdc-list-divider/mdc-list-divider.d.ts

@@ -0,0 +1,14 @@
+import { MdcListItemLeading } from '../mdc-list-item/mdc-list-item-leading';
+import { MdcListItemTrailing } from '../mdc-list-item/mdc-list-item-trailing';
+/**
+ * Optional, for list divider element
+ * @selector mdc-list-divider
+ */
+export declare class MdcListDivider {
+    /** To make a divider match the padding of list items */
+    padded: boolean;
+    /** Aligns the divider’s leading edge with the item’s content block */
+    leadingType: MdcListItemLeading['value'];
+    /** Aligns the divider’s leading edge with the item’s trailing padding */
+    trailingType: MdcListItemTrailing['value'];
+}

package/dist/types/list/mdc-list-group.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Optional. Wrapper around two or more mdc-list elements to be grouped together.
+ * @selector mdc-list-group
+ */
+export declare class MdcListGroup {
+    headers: HTMLElement[];
+    headersChanged(): void;
+}
+export declare class MdcListGroupSubheader {
+    private root;
+    constructor(root: HTMLElement);
+    attached(): void;
+}

package/dist/types/list/mdc-list-item/enhance-mdc-list-item.d.ts

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

package/dist/types/list/mdc-list-item/mdc-list-item-leading.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Optional, marks the leading control or media element
+ * @selector [mdc-list-item-leading]
+ */
+export declare class MdcListItemLeading {
+    private root;
+    constructor(root: Element);
+    /** Optional leading element type. In most cases you don't need to supply it.
+     * Only when the element is ambiguous, e.g. <img> or a generic <span>
+    */
+    value: 'checkbox' | 'radio' | 'switch' | 'icon' | 'image' | 'thumbnail' | 'video' | 'avatar';
+    attached(): void;
+}

package/dist/types/list/mdc-list-item/mdc-list-item-trailing.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Optional, marks the trailing control element
+ * @selector [mdc-list-item-trailing]
+ */
+export declare class MdcListItemTrailing {
+    private root;
+    constructor(root: Element);
+    /** Optional leading element type. In most cases you don't need to supply it.
+     * Only when the element is ambiguous, e.g. <img> or a generic <span>
+    */
+    value: 'meta' | 'checkbox' | 'radio' | 'switch' | 'icon' | undefined;
+    attached(): void;
+}