@aurelia-mdc-web/all 9.3.1-au2 → 9.3.2-au2

package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.html

@@ -1,6 +1,6 @@
-<!-- DO NOT FORMAT THIS FILE! ANY SPACE BETWEEN <TEMPLATE> BREAKS HELPER TEXT ALIGNMENT! -->
-<!-- beautify ignore:start -->
-<template class="
-    ${helperTextCssClasses.ROOT} ${persistent ? helperTextCssClasses.ROOT + '--persistent' : ''}
-    ${validation ? helperTextCssClasses.ROOT + '--validation-msg' : ''}"><au-slot></au-slot></template>
-<!-- beautify ignore:end -->
+<!-- DO NOT FORMAT THIS FILE! ANY SPACE BETWEEN <TEMPLATE> BREAKS HELPER TEXT ALIGNMENT! -->
+<!-- beautify ignore:start -->
+<template class="
+    ${helperTextCssClasses.ROOT} ${persistent ? helperTextCssClasses.ROOT + '--persistent' : ''}
+    ${validation ? helperTextCssClasses.ROOT + '--validation-msg' : ''}"><au-slot></au-slot></template>
+<!-- beautify ignore:end -->

package/dist/text-field/mdc-text-field.html

@@ -1,29 +1,29 @@
-<template class="
-    mdc-text-field
-    ${textarea ? 'mdc-text-field--textarea' : ''}
-    ${endAligned ? 'mdc-text-field--end-aligned' : ''}
-    ${ltrText ? 'mdc-text-field--ltr-text' : ''}
-    ${label ? '' : 'mdc-text-field--no-label'}
-    mdc-text-field--${outlined ? 'outlined' : 'filled'}
-    ${leadingIcon_ ? 'mdc-text-field--with-leading-icon' : ''}
-    ${trailingIcon_ ? 'mdc-text-field--with-trailing-icon' : ''}
-  " mdc-ripple="no-class.bind: true; input.bind: input_">
-  <span class="mdc-text-field__ripple"></span>
-  <au-slot name="leading-icon"></au-slot>
-  <span class="mdc-text-field__affix mdc-text-field__affix--prefix" if.bind="prefix && !textarea">${prefix}</span>
-  <mdc-notched-outline if.bind="outlined" component.ref="outline_">
-    <mdc-floating-label if.bind="label" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
-  </mdc-notched-outline>
-  <input if.bind="!textarea" class="mdc-text-field__input" type="text" aria-labelledby.bind="id" ref="input_"
-    focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)" blur.trigger="onBlur()"
-    placeholder.bind="placeholder" keyup.trigger="onKeyup($event)">
-  <span if.bind="textarea" class="mdc-text-field__resizer">
-    <textarea class="mdc-text-field__input" aria-labelledby.bind="id" ref="input_"
-      focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)"
-      blur.trigger="onBlur()" keyup.trigger="onKeyup($event)"></textarea>
-  </span>
-  <span class="mdc-text-field__affix mdc-text-field__affix--suffix" if.bind="suffix && !textarea">${suffix}</span>
-  <au-slot name="trailing-icon"></au-slot>
-  <mdc-floating-label if.bind="label && !outlined" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
-  <mdc-line-ripple if.bind="!outlined" component.ref="lineRipple_"></mdc-line-ripple>
-</template>
+<template class="
+    mdc-text-field
+    ${textarea ? 'mdc-text-field--textarea' : ''}
+    ${endAligned ? 'mdc-text-field--end-aligned' : ''}
+    ${ltrText ? 'mdc-text-field--ltr-text' : ''}
+    ${label ? '' : 'mdc-text-field--no-label'}
+    mdc-text-field--${outlined ? 'outlined' : 'filled'}
+    ${leadingIcon_ ? 'mdc-text-field--with-leading-icon' : ''}
+    ${trailingIcon_ ? 'mdc-text-field--with-trailing-icon' : ''}
+  " mdc-ripple="no-class.bind: true; input.bind: input_">
+  <span class="mdc-text-field__ripple"></span>
+  <au-slot name="leading-icon"></au-slot>
+  <span class="mdc-text-field__affix mdc-text-field__affix--prefix" if.bind="prefix && !textarea">${prefix}</span>
+  <mdc-notched-outline if.bind="outlined" component.ref="outline_">
+    <mdc-floating-label if.bind="label" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
+  </mdc-notched-outline>
+  <input if.bind="!textarea" class="mdc-text-field__input" type="text" aria-labelledby.bind="id" ref="input_"
+    focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)" blur.trigger="onBlur()"
+    placeholder.bind="placeholder" keyup.trigger="onKeyup($event)">
+  <span if.bind="textarea" class="mdc-text-field__resizer">
+    <textarea class="mdc-text-field__input" aria-labelledby.bind="id" ref="input_"
+      focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)"
+      blur.trigger="onBlur()" keyup.trigger="onKeyup($event)"></textarea>
+  </span>
+  <span class="mdc-text-field__affix mdc-text-field__affix--suffix" if.bind="suffix && !textarea">${suffix}</span>
+  <au-slot name="trailing-icon"></au-slot>
+  <mdc-floating-label if.bind="label && !outlined" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
+  <mdc-line-ripple if.bind="!outlined" component.ref="lineRipple_"></mdc-line-ripple>
+</template>

package/dist/tooltip/mdc-tooltip.html

@@ -1,7 +1,7 @@
-<template class="mdc-tooltip
-  ${rich ? 'mdc-tooltip--rich' : ''}
-" role="tooltip" aria-hidden="true" transitionend.trigger="handleTransitionEnd()">
-  <div class="mdc-tooltip__surface mdc-tooltip__surface-animation">
-    <au-slot></au-slot>
-  </div>
-</template>
+<template class="mdc-tooltip
+  ${rich ? 'mdc-tooltip--rich' : ''}
+" role="tooltip" aria-hidden="true" transitionend.trigger="handleTransitionEnd()">
+  <div class="mdc-tooltip__surface mdc-tooltip__surface-animation">
+    <au-slot></au-slot>
+  </div>
+</template>

package/dist/top-app-bar/mdc-top-app-bar-section/mdc-top-app-bar-section.html

@@ -1,3 +1,3 @@
-<template class="mdc-top-app-bar__section mdc-top-app-bar__section--align-${end ? 'end' : 'start'}" role="toolbar">
-  <au-slot></au-slot>
-</template>
+<template class="mdc-top-app-bar__section mdc-top-app-bar__section--align-${end ? 'end' : 'start'}" role="toolbar">
+  <au-slot></au-slot>
+</template>

package/dist/top-app-bar/mdc-top-app-bar.html

@@ -1,9 +1,9 @@
-<template class="mdc-top-app-bar
-  ${short ? 'mdc-top-app-bar--short' : ''}
-  ${short && collapsed ? 'mdc-top-app-bar--short-collapsed' : ''}
-  ${fixed ? 'mdc-top-app-bar--fixed' : ''}
-  ${prominent ? 'mdc-top-app-bar--prominent' : ''}
-  ${dense ? 'mdc-top-app-bar--dense' : ''}
-  ${hasActionItems ? 'mdc-top-app-bar--short-has-action-item' : ''}">
-  <au-slot></au-slot>
-</template>
+<template class="mdc-top-app-bar
+  ${short ? 'mdc-top-app-bar--short' : ''}
+  ${short && collapsed ? 'mdc-top-app-bar--short-collapsed' : ''}
+  ${fixed ? 'mdc-top-app-bar--fixed' : ''}
+  ${prominent ? 'mdc-top-app-bar--prominent' : ''}
+  ${dense ? 'mdc-top-app-bar--dense' : ''}
+  ${hasActionItems ? 'mdc-top-app-bar--short-has-action-item' : ''}">
+  <au-slot></au-slot>
+</template>

package/dist/types/src/alert/alert-configuration.d.ts

@@ -0,0 +1,8 @@
+export declare class MdcAlertConfiguration {
+    defaultAlertModal: new (...args: any[]) => any;
+    defaultPromptDialog: new (...args: any[]) => any;
+    okText: string;
+    cancelText: string;
+    yesText: string;
+    noText: string;
+}

package/dist/types/src/alert/alert-modal/alert-modal.d.ts

@@ -0,0 +1,6 @@
+import { IAlertModalPayload } from './i-alert-modal-payload';
+import './alert-modal.scss';
+export declare class AlertModal {
+    payload: IAlertModalPayload;
+    loading(payload: IAlertModalPayload): void;
+}

package/dist/types/src/alert/alert-modal/i-alert-modal-payload.d.ts

@@ -0,0 +1,9 @@
+export declare class IAlertModalPayload {
+    icon: string;
+    iconColour: string;
+    caption?: string;
+    message?: string;
+    html?: string;
+    okText: string;
+    cancelText: string;
+}

package/dist/types/src/alert/alert-service.d.ts

@@ -0,0 +1,27 @@
+import { Subject } from 'rxjs/internal/Subject';
+import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
+import { IPromptDialogData } from './prompt-dialog/prompt-dialog';
+import { IAlertModalPayload } from './alert-modal/i-alert-modal-payload';
+import { IMdcDialogOptions } from '../dialog/mdc-dialog-service';
+export declare class AlertService {
+    private dialogService;
+    private exceptionsTracker;
+    private configuration;
+    increment$: Subject<void>;
+    decrement$: Subject<void>;
+    busy$: BehaviorSubject<boolean>;
+    busyAccumulator$: import("rxjs/internal/Subscription").Subscription;
+    allowCancel$: Subject<boolean>;
+    showProgress(): void;
+    hideProgress(): void;
+    usingProgress<T, E = never>(action: () => Promise<T>, catchHandler?: (e: any) => Promise<E> | E, allowCancel?: boolean): Promise<T | E>;
+    open<T extends {
+        loading: (params: any) => any;
+    }>(options: IMdcDialogOptions<T>): Promise<string>;
+    showModal(model: Partial<IAlertModalPayload>): Promise<string>;
+    alert(message: string | Partial<IAlertModalPayload>): Promise<boolean>;
+    confirm(message: string | Partial<IAlertModalPayload>): Promise<boolean>;
+    prompt(data: Partial<IPromptDialogData>): Promise<boolean>;
+    error(message: string | Partial<IAlertModalPayload>): Promise<boolean>;
+    criticalError(message: string | Partial<IAlertModalPayload>, error: Error): Promise<boolean>;
+}

package/dist/types/src/alert/decorators/confirm-action.d.ts

@@ -0,0 +1,3 @@
+import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';
+import { IWithAlertService } from './using-progress';
+export declare function confirmAction(message: string | Partial<IAlertModalPayload>): <This extends IWithAlertService, Args extends any[], Return>(originalMethod: (this: This, ...args: Args) => Return, _: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) => (this: This, ...args: Args) => Promise<any>;

package/dist/types/src/alert/decorators/using-progress.d.ts

@@ -0,0 +1,6 @@
+import { IAlertModalPayload } from '../alert-modal/i-alert-modal-payload';
+import { AlertService } from '../alert-service';
+export interface IWithAlertService {
+    alertService: AlertService;
+}
+export declare function usingProgress(errorMessage?: string | Partial<IAlertModalPayload> | ((e: any) => string), allowCancel?: boolean): <This extends IWithAlertService, Args extends any[], Return>(originalMethod: (this: This, ...args: Args) => Return, _: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) => (this: This, ...args: Args) => Promise<any>;

package/dist/types/src/alert/exceptions-tracker.d.ts

@@ -0,0 +1,3 @@
+export declare class ExceptionsTracker {
+    track(_error: Error): void;
+}

package/dist/types/src/alert/global-progress/global-progress.d.ts

@@ -0,0 +1,11 @@
+import './global-progress.scss';
+export declare class GlobalProgress {
+    private element;
+    constructor(element: Element);
+    size: number;
+    strokeWidth: number;
+    progress?: number;
+    text?: string;
+    allowCancel: boolean | string;
+    cancel(): void;
+}

package/dist/types/src/alert/prompt-dialog/prompt-dialog.d.ts

@@ -0,0 +1,21 @@
+import { IValidationController } from '@aurelia/validation-html';
+import { IValidationRules } from '@aurelia/validation';
+import { MdcDialog } from '../../dialog/mdc-dialog';
+export interface IPromptDialogData {
+    title: string;
+    label: string;
+    text: string;
+    required: boolean;
+    textarea: boolean;
+    okText: string;
+    cancelText: string;
+}
+export declare class PromptDialog {
+    private validationController;
+    private rules;
+    constructor(validationController: IValidationController, rules: IValidationRules);
+    dialog: MdcDialog;
+    data: IPromptDialogData;
+    loading(data: IPromptDialogData): void;
+    ok(): Promise<void>;
+}

package/dist/types/{data-table → src/data-table}/mdc-data-table.d.ts

@@ -1,6 +1,9 @@
 import { MdcComponent } from '../base';
 import { MDCDataTableFoundation } from '@material/data-table';
 import { MdcCheckbox } from '../checkbox/mdc-checkbox';
+export interface MDCDataTableColumnsResizedEventDetail {
+    widths: string[];
+}
 /**
  * Use `pagination-total` replaceable part to customise pagination total label.
  * @selector mdc-data-table
@@ -13,6 +16,8 @@ import { MdcCheckbox } from '../checkbox/mdc-checkbox';
 export declare class MdcDataTable extends MdcComponent<MDCDataTableFoundation> implements EventListenerObject {
     header: HTMLElement;
     content: HTMLElement;
+    columnResized: boolean;
+    private mutationObserver;
     /** Shows pagination footer */
     pagination: boolean;
     /** Caption for the page size selector */
@@ -24,6 +29,10 @@ export declare class MdcDataTable extends MdcComponent<MDCDataTableFoundation> i
     /** Makes header row sticky (fixed) on vertical scroll.
      * (Note: Sticky header feature is not compatible with IE11 browsers.) */
     stickyHeader: boolean;
+    /** Turns off checkbox handling by the MDC framework */
+    manualCheckboxHandling: boolean;
+    /** Turns on automatic column widths saving to localStorage */
+    saveColumnWidths: boolean;
     get paginationPosition(): 'first' | 'between' | 'last' | undefined;
     /** Sets total number of records. Used in navigation row. */
     recordsCount: number;
@@ -46,15 +55,15 @@ export declare class MdcDataTable extends MdcComponent<MDCDataTableFoundation> i
      */
     layout(): void;
     /**
-     * @return Returns array of header row cell elements.
+     * Returns array of header row cell elements.
      */
-    getHeaderCells(): Element[];
+    getHeaderCells(): HTMLElement[];
     /**
-     * @return Returns array of row elements.
+     * Returns array of row elements.
      */
     getRows(): Element[];
     /**
-     * @return Returns array of selected row ids.
+     * Returns array of selected row ids.
      */
     getSelectedRowIds(): (string | null)[];
     /**
@@ -64,8 +73,11 @@ export declare class MdcDataTable extends MdcComponent<MDCDataTableFoundation> i
     setSelectedRowIds(rowIds: string[]): void;
     handleEvent(evt: Event): void;
     beforeFoundationCreated(): void;
+    restoreColumnWidths(): void;
     initialSyncWithDOM(): void;
+    private startColumnResize;
     destroy(): void;
+    setColumnWidths(widths: string[]): void;
     getDefaultFoundation(): MDCDataTableFoundation;
     private getRowByIndex;
     private getRowIdByIndex;

package/dist/types/{index.d.ts → src/index.d.ts}

@@ -111,7 +111,15 @@ 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 };
+import { MdcDefaultLookupConfiguration } from './lookup/mdc-lookup-configuration';
+import { MdcDefaultTextFieldConfiguration } from './text-field/mdc-default-text-field-configuration';
+import { IAlertModalPayload } from './alert/alert-modal/i-alert-modal-payload';
+import { AlertService } from './alert/alert-service';
+import { confirmAction } from './alert/decorators/confirm-action';
+import { usingProgress } from './alert/decorators/using-progress';
+import { ExceptionsTracker } from './alert/exceptions-tracker';
+import { validate } from './validation/validate';
+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, validate, MdcDialogService, MdcValidationControllerFactory, MdcDefaultLookupConfiguration, MdcDefaultTextFieldConfiguration, AlertService, confirmAction, usingProgress, ExceptionsTracker, IAlertModalPayload };
 export { MdcComponent } from './base/mdc-component';
 export type { IValidatedElement, IError } from './base/elements/i-validated-element';
 export { MATERIAL_PALETTE } from './base/material-palette';
@@ -133,6 +141,8 @@ 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 type { IPromptDialogData } from './alert/prompt-dialog/prompt-dialog';
+export type { IWithAlertService } from './alert/decorators/using-progress';
 export declare const AllConfiguration: {
     /**
      * Apply this configuration to the provided container.

package/dist/types/{lookup → src/lookup}/mdc-lookup.d.ts

@@ -1,14 +1,14 @@
 import { DiscardablePromise } from './discardable-promise';
-import { MdcDefaultLookupConfiguration } from './mdc-lookup-configuration';
 import { IValidatedElement, IError } from '../base';
 import { MdcMenu, IMdcMenuItemComponentEvent } from '../menu/mdc-menu';
+import { MdcConfiguration } from '../mdc-configuration';
 /**
  * @selector mdc-lookup
  */
 export declare class MdcLookup implements EventListenerObject {
     private root;
-    private defaultConfiguration;
-    constructor(root: HTMLElement, defaultConfiguration: MdcDefaultLookupConfiguration);
+    private configuration;
+    constructor(root: HTMLElement, configuration: MdcConfiguration);
     private menuSurface;
     isWrapperOpen: boolean;
     optionsArray?: unknown[];

package/dist/types/{mdc-configuration.d.ts → src/mdc-configuration.d.ts}

@@ -1,3 +1,4 @@
+import { MdcAlertConfiguration } from './alert/alert-configuration';
 import { MdcDefaultLookupConfiguration } from './lookup/mdc-lookup-configuration';
 import { MdcDefaultSelectConfiguration } from './select/mdc-default-select-configuration';
 import { MdcDefaultTextFieldConfiguration } from './text-field/mdc-default-text-field-configuration';
@@ -7,4 +8,5 @@ export declare class MdcConfiguration {
     select: MdcDefaultSelectConfiguration;
     textField: MdcDefaultTextFieldConfiguration;
     tooltip: MdcDefaultTooltipConfiguration;
+    alert: MdcAlertConfiguration;
 }

package/dist/types/{select → src/select}/mdc-select.d.ts

@@ -3,17 +3,17 @@ import { IPlatform } from 'aurelia';
 import { MDCMenuItemEvent } from '@material/menu';
 import { MDCSelectFoundationAurelia } from './mdc-select-foundation-aurelia';
 import { MDCMenuDistance } from '@material/menu-surface';
-import { MdcDefaultSelectConfiguration } from './mdc-default-select-configuration';
 import { MdcListItem } from '../list/mdc-list-item/mdc-list-item';
 import { MdcMenu } from '../menu/mdc-menu';
+import { MdcConfiguration } from '../mdc-configuration';
 /**
  * @selector mdc-select
  * @emits mdcselect:change | Emitted if user changed the value
  */
 export declare class MdcSelect extends MdcComponent<MDCSelectFoundationAurelia> {
     private platform;
-    private defaultConfiguration;
-    constructor(root: HTMLElement, platform: IPlatform, defaultConfiguration: MdcDefaultSelectConfiguration);
+    private configuration;
+    constructor(root: HTMLElement, platform: IPlatform, configuration: MdcConfiguration);
     id: string;
     menu: MdcMenu;
     private selectAnchor;

package/dist/types/src/text-field/mdc-inputmask.d.ts

@@ -0,0 +1,11 @@
+export declare class MdcInputmaskCustomAttribute {
+    private element;
+    constructor(element: Element);
+    attached(): void;
+    detached(): void;
+    handleEvent(e: Event): void;
+    inputmaskChangeHandler(): void;
+}
+export declare class EnhanceMask {
+    compiling(template: HTMLTemplateElement): void;
+}

package/dist/types/{text-field → src/text-field}/mdc-text-field.d.ts

@@ -4,14 +4,14 @@ import { MdcTextFieldIcon } from './mdc-text-field-icon';
 import { MdcTextFieldHelperText } from './mdc-text-field-helper-text/mdc-text-field-helper-text';
 import { MdcTextFieldCharacterCounter } from './mdc-text-field-character-counter';
 import { IPlatform } from '@aurelia/runtime-html';
-import { MdcDefaultTextFieldConfiguration } from './mdc-default-text-field-configuration';
 import { MdcFloatingLabel } from '../floating-label/mdc-floating-label';
 import { MdcLineRipple } from '../line-ripple/mdc-line-ripple';
 import { MdcNotchedOutline } from '../notched-outline/mdc-notched-outline';
+import { MdcConfiguration } from '../mdc-configuration';
 export declare class MdcTextField extends MdcComponent<MDCTextFieldFoundation> {
     private platform;
-    private defaultConfiguration;
-    constructor(root: HTMLElement, platform: IPlatform, defaultConfiguration: MdcDefaultTextFieldConfiguration);
+    private configuration;
+    constructor(root: HTMLElement, platform: IPlatform, configuration: MdcConfiguration);
     id: string;
     id1: string;
     input_: HTMLInputElement;

package/dist/types/{tooltip → src/tooltip}/mdc-tooltip.d.ts

@@ -1,12 +1,12 @@
 import { MdcComponent } from '../base';
 import { MDCTooltipFoundation, XPosition, YPosition, AnchorBoundaryType, PositionWithCaret } from '@material/tooltip';
-import { MdcDefaultTooltipConfiguration } from './mdc-default-tooltip-configuration';
+import { MdcConfiguration } from '../mdc-configuration';
 /**
  * @selector mdc-tooltip
  */
 export declare class MdcTooltip extends MdcComponent<MDCTooltipFoundation> implements EventListenerObject {
-    private defaultConfiguration;
-    constructor(root: HTMLElement, defaultConfiguration: MdcDefaultTooltipConfiguration);
+    private configuration;
+    constructor(root: HTMLElement, configuration: MdcConfiguration);
     /** Sets the anchor element */
     anchorElem?: HTMLElement;
     rich: boolean;

package/dist/types/src/validation/validate.d.ts

@@ -0,0 +1,10 @@
+import { IValidationController } from '@aurelia/validation-html';
+import { AlertService } from '../alert/alert-service';
+export interface IWithValidationController {
+    validationController: IValidationController;
+    alertService: AlertService;
+}
+/**
+ * @param errorMessage Optional error message, not displayed if `null`
+ */
+export declare function validate(errorMessage?: string | undefined | null): <This extends IWithValidationController, Args extends any[], Return>(originalMethod: (this: This, ...args: Args) => Return, _: ClassMethodDecoratorContext<This, (this: This, ...args: Args) => Return>) => (this: This, ...args: Args) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurelia-mdc-web/all",
-  "version": "9.3.1-au2",
+  "version": "9.3.2-au2",
   "publishConfig": {
     "access": "public"
   },
@@ -23,7 +23,8 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
     },
     "./styles": {
       "sass": "./_index.scss"
@@ -90,6 +91,7 @@
     "@material/top-app-bar": "^14.0.0",
     "@material/typography": "^14.0.0",
     "aurelia": "2.0.0-beta.24",
+    "rxjs": "^7.8.2",
     "tslib": "^2.8.1"
   }
 }

package/src/alert/alert-configuration.ts

@@ -0,0 +1,11 @@
+import { AlertModal } from './alert-modal/alert-modal';
+import { PromptDialog } from './prompt-dialog/prompt-dialog';
+
+export class MdcAlertConfiguration {
+  defaultAlertModal: new (...args: any[]) => any = AlertModal;
+  defaultPromptDialog: new (...args: any[]) => any = PromptDialog;
+  okText: string = 'Ok';
+  cancelText: string = 'Cancel';
+  yesText: string = 'Yes';
+  noText: string = 'No';
+}

package/src/alert/alert-modal/alert-modal.html

@@ -0,0 +1,27 @@
+<mdc-dialog class="alert-modal">
+  <mdc-dialog-title if.bind="payload.caption">${payload.caption}</mdc-dialog-title>
+  <mdc-dialog-content class='alert-modal__dialog-content'>
+    <mdc-icon class="${payload.iconColour}">${payload.icon}</mdc-icon>
+    <span if.bind="payload.message">${payload.message}</span>
+    <div if.bind="payload.html" innerhtml.bind="payload.html"></div>
+  </mdc-dialog-content>
+  <mdc-dialog-actions>
+    <template if.bind="payload.button1Action === payload.defaultAction">
+      <button mdc-button data-mdc-dialog-action.bind="payload.button1Action" data-mdc-dialog-button-default
+        data-mdc-dialog-initial-focus if.bind="payload.button1Text">${payload.button1Text}</button>
+    </template>
+    <template else>
+      <button mdc-button data-mdc-dialog-action.bind="payload.button1Action"
+        if.bind="payload.button1Text">${payload.button1Text}</button>
+    </template>
+
+    <template if.bind="payload.button2Action === payload.defaultAction">
+      <button mdc-button data-mdc-dialog-action.bind="payload.button2Action" data-mdc-dialog-button-default
+        data-mdc-dialog-initial-focus if.bind="payload.button2Text">${payload.button2Text}</button>
+    </template>
+    <template else>
+      <button mdc-button data-mdc-dialog-action.bind="payload.button2Action"
+        if.bind="payload.button2Text">${payload.button2Text}</button>
+    </template>
+  </mdc-dialog-actions>
+</mdc-dialog>

package/src/alert/alert-modal/alert-modal.scss

@@ -0,0 +1,10 @@
+.alert-modal__dialog-content {
+  display: flex !important;
+  flex-direction: row;
+  align-items: center;
+
+  mdc-icon {
+    margin-right: 15px;
+    font-size: xxx-large;
+  }
+}

package/src/alert/alert-modal/alert-modal.ts

@@ -0,0 +1,13 @@
+import { IAlertModalPayload } from './i-alert-modal-payload';
+import template from './alert-modal.html?raw';
+import { customElement } from 'aurelia';
+import './alert-modal.scss'
+
+@customElement({ name: 'alert-modal', template })
+export class AlertModal {
+  payload: IAlertModalPayload;
+
+  loading(payload: IAlertModalPayload) {
+    this.payload = payload;
+  }
+}

package/src/alert/alert-modal/i-alert-modal-payload.ts

@@ -0,0 +1,9 @@
+export class IAlertModalPayload {
+  icon: string;
+  iconColour: string;
+  caption?: string;
+  message?: string;
+  html?: string;
+  okText: string;
+  cancelText: string;
+}