@ng-matero/extensions 17.0.0 → 17.1.0

package/_index.scss

@@ -1,15 +1,27 @@
-@forward './alert/alert-theme' as alert-* show alert-theme;
-@forward './button/button-theme' as button-* show button-theme;
-@forward './colorpicker/colorpicker-theme' as colorpicker-* show colorpicker-theme;
-@forward './datetimepicker/datetimepicker-theme' as datetimepicker-* show datetimepicker-theme;
-@forward './drawer/drawer-theme' as drawer-* show drawer-theme;
-@forward './grid/grid-theme' as grid-* show grid-theme;
-@forward './loader/loader-theme' as loader-* show loader-theme;
-@forward './popover/popover-theme' as popover-* show popover-theme;
-@forward './progress/progress-theme' as progress-* show progress-theme;
-@forward './select/select-theme' as select-* show select-theme;
-@forward './split/split-theme' as split-* show split-theme;
-@forward './tooltip/tooltip-theme' as tooltip-* show tooltip-theme;
+@forward './alert/alert-theme' as alert-* show alert-theme,
+alert-color, alert-typography, alert-density, alert-base;
+@forward './button/button-theme' as button-* show button-theme,
+button-color, button-typography, button-density, button-base;
+@forward './colorpicker/colorpicker-theme' as colorpicker-* show colorpicker-theme,
+colorpicker-color, colorpicker-typography, colorpicker-density, colorpicker-base;
+@forward './datetimepicker/datetimepicker-theme' as datetimepicker-* show datetimepicker-theme,
+datetimepicker-color, datetimepicker-typography, datetimepicker-density, datetimepicker-base;
+@forward './drawer/drawer-theme' as drawer-* show drawer-theme,
+drawer-color, drawer-typography, drawer-density, drawer-base;
+@forward './grid/grid-theme' as grid-* show grid-theme,
+grid-color, grid-typography, grid-density, grid-base;
+@forward './loader/loader-theme' as loader-* show loader-theme,
+loader-color, loader-typography, loader-density, loader-base;
+@forward './popover/popover-theme' as popover-* show popover-theme,
+popover-color, popover-typography, popover-density, popover-base;
+@forward './progress/progress-theme' as progress-* show progress-theme,
+progress-color, progress-typography, progress-density, progress-base;
+@forward './select/select-theme' as select-* show select-theme,
+select-color, select-typography, select-density, select-base;
+@forward './split/split-theme' as split-* show split-theme,
+split-color, split-typography, split-density, split-base;
+@forward './tooltip/tooltip-theme' as tooltip-* show tooltip-theme,
+tooltip-color, tooltip-typography, tooltip-density, tooltip-base;
 
 @forward './core/theming/all-theme' show all-component-themes, all-component-bases;
 @forward './core/color/all-color' show all-component-colors;

package/alert/alert-module.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./alert";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./alert";
 export declare class MtxAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxAlertModule, [typeof i1.MtxAlert], [typeof i2.CommonModule], [typeof i1.MtxAlert]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxAlertModule, never, [typeof i1.CommonModule, typeof i2.MtxAlert], [typeof i2.MtxAlert]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxAlertModule>;
 }

package/alert/alert.d.ts

@@ -15,6 +15,6 @@ export declare class MtxAlert {
     constructor(_changeDetectorRef: ChangeDetectorRef);
     _onClosed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxAlert, "mtx-alert", ["mtxAlert"], { "type": { "alias": "type"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxAlert, "mtx-alert", ["mtxAlert"], { "type": { "alias": "type"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
     static ngAcceptInputType_dismissible: unknown;
 }

package/checkbox-group/checkbox-group-module.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./checkbox-group";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/material/checkbox";
-import * as i5 from "@ng-matero/extensions/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/checkbox";
+import * as i4 from "@ng-matero/extensions/core";
+import * as i5 from "./checkbox-group";
 export declare class MtxCheckboxGroupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxCheckboxGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxCheckboxGroupModule, [typeof i1.MtxCheckboxGroup], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatCheckboxModule, typeof i5.MtxPipesModule], [typeof i1.MtxCheckboxGroup, typeof i5.MtxPipesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxCheckboxGroupModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.MatCheckboxModule, typeof i4.MtxPipesModule, typeof i5.MtxCheckboxGroup], [typeof i5.MtxCheckboxGroup, typeof i4.MtxPipesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxCheckboxGroupModule>;
 }

package/checkbox-group/checkbox-group.d.ts

@@ -72,7 +72,7 @@ export declare class MtxCheckboxGroup implements AfterViewInit, OnDestroy, Contr
     /** Handle master checkbox toggle */
     _updateMasterCheckboxState(e: MatCheckboxChange, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxCheckboxGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCheckboxGroup, "mtx-checkbox-group", ["mtxCheckboxGroup"], { "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, ["_checkboxes"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCheckboxGroup, "mtx-checkbox-group", ["mtxCheckboxGroup"], { "items": { "alias": "items"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, ["_checkboxes"], never, true, never>;
     static ngAcceptInputType_showSelectAll: unknown;
     static ngAcceptInputType_disabled: unknown;
 }

package/colorpicker/colorpicker-input.d.ts

@@ -85,6 +85,6 @@ export declare class MtxColorpickerInput implements ControlValueAccessor, AfterV
     /** TODO: Formats a value and sets it on the input element. */
     private _formatValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerInput, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxColorpickerInput, "input[mtxColorpicker]", ["mtxColorpickerInput"], { "mtxColorpicker": { "alias": "mtxColorpicker"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "colorChange": "colorChange"; "colorInput": "colorInput"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxColorpickerInput, "input[mtxColorpicker]", ["mtxColorpickerInput"], { "mtxColorpicker": { "alias": "mtxColorpicker"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "colorChange": "colorChange"; "colorInput": "colorInput"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/colorpicker/colorpicker-module.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./colorpicker";
-import * as i2 from "./colorpicker-input";
-import * as i3 from "./colorpicker-toggle";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/overlay";
-import * as i6 from "@angular/cdk/a11y";
-import * as i7 from "@angular/cdk/portal";
-import * as i8 from "@angular/material/button";
-import * as i9 from "ngx-color/chrome";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/portal";
+import * as i5 from "@angular/material/button";
+import * as i6 from "ngx-color/chrome";
+import * as i7 from "./colorpicker";
+import * as i8 from "./colorpicker-input";
+import * as i9 from "./colorpicker-toggle";
 export declare class MtxColorpickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxColorpickerModule, [typeof i1.MtxColorpicker, typeof i1.MtxColorpickerContent, typeof i2.MtxColorpickerInput, typeof i3.MtxColorpickerToggle, typeof i3.MtxColorpickerToggleIcon], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.PortalModule, typeof i8.MatButtonModule, typeof i9.ColorChromeModule], [typeof i1.MtxColorpicker, typeof i1.MtxColorpickerContent, typeof i2.MtxColorpickerInput, typeof i3.MtxColorpickerToggle, typeof i3.MtxColorpickerToggleIcon]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxColorpickerModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.MatButtonModule, typeof i6.ColorChromeModule, typeof i7.MtxColorpicker, typeof i7.MtxColorpickerContent, typeof i8.MtxColorpickerInput, typeof i9.MtxColorpickerToggle, typeof i9.MtxColorpickerToggleIcon], [typeof i7.MtxColorpicker, typeof i7.MtxColorpickerContent, typeof i8.MtxColorpickerInput, typeof i9.MtxColorpickerToggle, typeof i9.MtxColorpickerToggleIcon]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxColorpickerModule>;
 }

package/colorpicker/colorpicker-toggle.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 /** Can be used to override the icon of a `mtxColorpickerToggle`. */
 export declare class MtxColorpickerToggleIcon {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerToggleIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxColorpickerToggleIcon, "[mtxColorpickerToggleIcon]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxColorpickerToggleIcon, "[mtxColorpickerToggleIcon]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxColorpickerToggle implements AfterContentInit, OnChanges, OnDestroy {
     private _changeDetectorRef;
@@ -33,7 +33,7 @@ export declare class MtxColorpickerToggle implements AfterContentInit, OnChanges
     _open(event: Event): void;
     private _watchStateChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerToggle, [null, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpickerToggle, "mtx-colorpicker-toggle", ["mtxColorpickerToggle"], { "picker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_customIcon"], ["[mtxColorpickerToggleIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpickerToggle, "mtx-colorpicker-toggle", ["mtxColorpickerToggle"], { "picker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_customIcon"], ["[mtxColorpickerToggleIcon]"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_disableRipple: unknown;
 }

package/colorpicker/colorpicker.d.ts

@@ -3,8 +3,8 @@ import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnChanges, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { CanColor, ThemePalette } from '@angular/material/core';
 import { Subject } from 'rxjs';
-import { ColorFormat, MtxColorpickerInput } from './colorpicker-input';
 import { ColorEvent } from 'ngx-color';
+import { ColorFormat, MtxColorpickerInput } from './colorpicker-input';
 import * as i0 from "@angular/core";
 /** Injection token that determines the scroll handling while the panel is open. */
 export declare const MTX_COLORPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -36,7 +36,7 @@ export declare class MtxColorpickerContent extends _MtxColorpickerContentBase im
     ngOnDestroy(): void;
     getColorString(e: ColorEvent): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpickerContent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpickerContent, "mtx-colorpicker-content", ["mtxColorpickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpickerContent, "mtx-colorpicker-content", ["mtxColorpickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class MtxColorpicker implements OnChanges, OnDestroy {
     private _overlay;
@@ -124,7 +124,7 @@ export declare class MtxColorpicker implements OnChanges, OnDestroy {
     /** Gets an observable that will emit when the overlay is supposed to be closed. */
     private _getCloseStream;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxColorpicker, [null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpicker, "mtx-colorpicker", ["mtxColorpicker"], { "content": { "alias": "content"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "openedStream": "opened"; "closedStream": "closed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxColorpicker, "mtx-colorpicker", ["mtxColorpicker"], { "content": { "alias": "content"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "openedStream": "opened"; "closedStream": "closed"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_restoreFocus: unknown;
     static ngAcceptInputType_opened: unknown;

package/column-resize/column-resize-directives/column-resize-flex.d.ts

@@ -24,5 +24,5 @@ export declare class CdkColumnResizeFlex extends ColumnResize {
     protected readonly table: CdkTable<unknown>;
     constructor(columnResizeNotifier: ColumnResizeNotifier, elementRef: ElementRef<HTMLElement>, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, notifier: ColumnResizeNotifierSource, table: CdkTable<unknown>);
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkColumnResizeFlex, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkColumnResizeFlex, "cdk-table[columnResize]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkColumnResizeFlex, "cdk-table[columnResize]", never, {}, {}, never, never, true, never>;
 }

package/column-resize/column-resize-directives/column-resize.d.ts

@@ -24,5 +24,5 @@ export declare class CdkColumnResize extends ColumnResize {
     protected readonly table: CdkTable<unknown>;
     constructor(columnResizeNotifier: ColumnResizeNotifier, elementRef: ElementRef<HTMLElement>, eventDispatcher: HeaderRowEventDispatcher, ngZone: NgZone, notifier: ColumnResizeNotifierSource, table: CdkTable<unknown>);
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkColumnResize, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkColumnResize, "table[cdk-table][columnResize]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkColumnResize, "table[cdk-table][columnResize]", never, {}, {}, never, never, true, never>;
 }

package/column-resize/column-resize-module.d.ts

@@ -7,6 +7,6 @@ import * as i2 from "./column-resize-directives/column-resize-flex";
  */
 export declare class CdkColumnResizeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CdkColumnResizeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CdkColumnResizeModule, [typeof i1.CdkColumnResize, typeof i2.CdkColumnResizeFlex], never, [typeof i1.CdkColumnResize, typeof i2.CdkColumnResizeFlex]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CdkColumnResizeModule, never, [typeof i1.CdkColumnResize, typeof i2.CdkColumnResizeFlex], [typeof i1.CdkColumnResize, typeof i2.CdkColumnResizeFlex]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CdkColumnResizeModule>;
 }

package/core/color/_all-color.scss

@@ -1,14 +1,14 @@
+@use '@angular/material' as mat;
 @use '../theming/all-theme';
-@use '../theming/inspection';
 
 // Includes all of the color styles.
 @mixin all-component-colors($theme) {
-  @if not inspection.theme-has($theme, color) {
+  @if not mat.theme-has($theme, color) {
     @error 'No color configuration specified.';
   }
 
   @include all-theme.all-component-themes(
-      inspection.theme-remove($theme, base, typography, density));
+      mat.theme-remove($theme, base, typography, density));
 }
 
 // @deprecated Use `all-component-colors`.

package/core/datetime/datetime.module.d.ts

@@ -1,3 +1,5 @@
+import { Provider } from '@angular/core';
+import { MtxDatetimeFormats } from './datetime-formats';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/core";
 export declare class NativeDatetimeModule {
@@ -5,8 +7,9 @@ export declare class NativeDatetimeModule {
     static ɵmod: i0.ɵɵNgModuleDeclaration<NativeDatetimeModule, never, [typeof i1.NativeDateModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NativeDatetimeModule>;
 }
+export declare function provideNativeDatetimeAdapter(formats?: MtxDatetimeFormats): Provider[];
 export declare class MtxNativeDatetimeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxNativeDatetimeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxNativeDatetimeModule, never, [typeof NativeDatetimeModule, typeof i1.MatNativeDateModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxNativeDatetimeModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxNativeDatetimeModule>;
 }

package/core/density/_all-density.scss

@@ -1,4 +1,4 @@
-@use '../theming/inspection';
+@use '@angular/material' as mat;
 @use '../../alert/alert-theme';
 @use '../../button/button-theme';
 @use '../../colorpicker/colorpicker-theme';
@@ -14,7 +14,7 @@
 
 // Includes all of the density styles.
 @mixin all-component-densities($theme) {
-  @if not inspection.theme-has($theme, density) {
+  @if not mat.theme-has($theme, density) {
     @error 'No density configuration specified.';
   }
 

package/core/pipes/is-template-ref.pipe.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class MtxIsTemplateRefPipe implements PipeTransform {
     transform(obj: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxIsTemplateRefPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxIsTemplateRefPipe, "isTemplateRef", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxIsTemplateRefPipe, "isTemplateRef", true>;
 }

package/core/pipes/pipes.module.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./to-observable.pipe";
-import * as i2 from "./is-template-ref.pipe";
-import * as i3 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./to-observable.pipe";
+import * as i3 from "./is-template-ref.pipe";
 export declare class MtxPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxPipesModule, [typeof i1.MtxToObservablePipe, typeof i2.MtxIsTemplateRefPipe], [typeof i3.CommonModule], [typeof i1.MtxToObservablePipe, typeof i2.MtxIsTemplateRefPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxPipesModule, never, [typeof i1.CommonModule, typeof i2.MtxToObservablePipe, typeof i3.MtxIsTemplateRefPipe], [typeof i2.MtxToObservablePipe, typeof i3.MtxIsTemplateRefPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxPipesModule>;
 }

package/core/pipes/to-observable.pipe.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class MtxToObservablePipe implements PipeTransform {
     transform(value: Observable<any> | unknown): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxToObservablePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<MtxToObservablePipe, "toObservable", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MtxToObservablePipe, "toObservable", true>;
 }

package/core/tokens/m2/mdc/_plain-tooltip.scss

@@ -1,4 +1,4 @@
-@use '../../../theming/inspection';
+@use '@angular/material' as mat;
 @use '../../../style/sass-utils';
 @use '../../token-utils';
 
@@ -27,7 +27,7 @@ $prefix: (mdc, plain-tooltip);
 
   @return (
     // Color of the tooltip container.
-    container-color: inspection.get-theme-color($theme, background, tooltip),
+    container-color: mat.get-theme-color($theme, background, tooltip),
     // Color of the tooltip text.
     supporting-text-color: #fff,
   );
@@ -37,13 +37,13 @@ $prefix: (mdc, plain-tooltip);
 @function get-typography-tokens($theme) {
   @return (
     // Font for the tooltip text.
-    supporting-text-font: inspection.get-theme-typography($theme, caption, font-family),
+    supporting-text-font: mat.get-theme-typography($theme, caption, font-family),
     // Font size for the tooltip text.
-    supporting-text-size: inspection.get-theme-typography($theme, caption, font-size),
+    supporting-text-size: mat.get-theme-typography($theme, caption, font-size),
     // Font weight of the tooltip text.
-    supporting-text-weight: inspection.get-theme-typography($theme, caption, font-weight),
+    supporting-text-weight: mat.get-theme-typography($theme, caption, font-weight),
     // Tracking (space between letters) of the tooltip text.
-    supporting-text-tracking: inspection.get-theme-typography($theme, caption, letter-spacing),
+    supporting-text-tracking: mat.get-theme-typography($theme, caption, letter-spacing),
   );
 }
 

package/core/tokens/m2/mtx/_select.scss

@@ -67,48 +67,7 @@ $prefix: (mtx, select);
 
 // Tokens that can be configured through Angular Material's density theming API.
 @function get-density-tokens($theme) {
-  $density-scale: mat.private-clamp-density(mat.get-theme-density($theme), -4);
-  $height: mdc-density.prop-value(
-    $density-config: mdc-textfield.$density-config,
-    $density-scale: mat.get-theme-density($theme),
-    $property-name: height,
-  );
-  $hide-label: $height < mdc-textfield.$minimum-height-for-filled-label;
-
-  // We computed the desired height of the form-field using the density configuration. The
-  // spec only describes vertical spacing/alignment in non-dense mode. This means that we
-  // cannot update the spacing to explicit numbers based on the density scale. Instead, we
-  // determine the height reduction and equally subtract it from the default `top` and `bottom`
-  // padding that is provided by the Material Design specification.
-  $vertical-deduction: math.div(mdc-textfield.$height - $height, 2);
-
-  // Note: these calculations are trivial enough that we could do them at runtime with `calc`
-  // and the value of the `height` token. The problem is that because we need to hide the label
-  // if the container becomes too short, we have to change the padding calculation. This is
-  // complicated further by the fact that filled form fields without labels have the same
-  // vertical padding as outlined ones. Alternatives:
-  // 1. Using container queries to hide the label and change the padding - this doesn't work
-  // because size container queries require setting the `container-type` property which breaks
-  // the form field layout. We could use style queries, but they're only supported in Chrome.
-  // 2. Monitoring the size of the label - we already have a `ResizeObserver` on the label so we
-  // could reuse it to also check when it becomes `display: none`. This would allows us to remove
-  // the three padding tokens. We don't do it, because it would require us to always set up
-  // the resize observer, as opposed to currently where it's only set up for outlined form fields.
-  // This may lead to performance regressions.
-  // 3. Conditionally adding `::before` and `::after` to the infix with positive and negative
-  // margin respectively - this works, but is likely to break a lot of overrides that are targeting
-  // a specific padding. It also runs the risk of overflowing the container.
-  // TODO: switch the padding tokens to style-based container queries
-  // when they become available in all the browsers we support.
-  $filled-with-label-padding: 24px - $vertical-deduction;
-  $filled-with-label-padding-bottom: 8px - $vertical-deduction;
-  $vertical-padding: 16px - $vertical-deduction;
-
-  @return (
-    vertical-padding: $vertical-padding,
-    filled-padding-top: if($hide-label, $vertical-padding, $filled-with-label-padding),
-    filled-padding-bottom: if($hide-label, $vertical-padding, $filled-with-label-padding-bottom),
-  );
+  @return ();
 }
 
 // Combines the tokens generated by the above functions into a single map with placeholder values.

package/core/typography/_all-typography.scss

@@ -1,5 +1,5 @@
+@use '@angular/material' as mat;
 @use './typography';
-@use '../theming/inspection';
 @use '../../alert/alert-theme';
 @use '../../button/button-theme';
 @use '../../colorpicker/colorpicker-theme';
@@ -16,7 +16,7 @@
 // Includes all of the typographic styles.
 @mixin all-component-typographies($theme: null) {
   // If no actual color configuration has been specified, create a default one.
-  @if not inspection.theme-has($theme, typography) {
+  @if not mat.theme-has($theme, typography) {
     $theme: typography.define-typography-config();
   }
 

package/datetimepicker/calendar-body.d.ts

@@ -39,5 +39,5 @@ export declare class MtxCalendarBody {
     _cellClicked(cell: MtxCalendarCell): void;
     _isActiveCell(rowIndex: number, colIndex: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxCalendarBody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCalendarBody, "[mtx-calendar-body]", ["mtxCalendarBody"], { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "allowDisabledSelection": { "alias": "allowDisabledSelection"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCalendarBody, "[mtx-calendar-body]", ["mtxCalendarBody"], { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "todayValue": { "alias": "todayValue"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "labelMinRequiredCells": { "alias": "labelMinRequiredCells"; "required": false; }; "numCols": { "alias": "numCols"; "required": false; }; "allowDisabledSelection": { "alias": "allowDisabledSelection"; "required": false; }; "activeCell": { "alias": "activeCell"; "required": false; }; }, { "selectedValueChange": "selectedValueChange"; }, never, never, true, never>;
 }

package/datetimepicker/calendar.d.ts

@@ -140,7 +140,7 @@ export declare class MtxCalendar<D> implements AfterContentInit, OnDestroy {
     private calendarState;
     private _2digit;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxCalendar<any>, [null, null, null, { optional: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCalendar<any>, "mtx-calendar", ["mtxCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; "_userSelection": "_userSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxCalendar<any>, "mtx-calendar", ["mtxCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; "_userSelection": "_userSelection"; }, never, never, true, never>;
     static ngAcceptInputType_multiYearSelector: unknown;
     static ngAcceptInputType_twelvehour: unknown;
     static ngAcceptInputType_timeInput: unknown;

package/datetimepicker/clock.d.ts

@@ -89,6 +89,6 @@ export declare class MtxClock<D> implements AfterContentInit, OnDestroy, OnChang
      */
     private setTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxClock<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxClock<any>, "mtx-clock", ["mtxClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "AMPM": { "alias": "AMPM"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "_userSelection": "_userSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxClock<any>, "mtx-clock", ["mtxClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "AMPM": { "alias": "AMPM"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "_userSelection": "_userSelection"; }, never, never, true, never>;
     static ngAcceptInputType_twelvehour: unknown;
 }

package/datetimepicker/datetimepicker-input.d.ts

@@ -101,6 +101,6 @@ export declare class MtxDatetimepickerInput<D> implements AfterContentInit, Cont
     /** Returns the palette used by the input's form field, if any. */
     getThemePalette(): ThemePalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepickerInput<any>, [null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxDatetimepickerInput<any>, "input[mtxDatetimepicker]", ["mtxDatetimepickerInput"], { "mtxDatetimepicker": { "alias": "mtxDatetimepicker"; "required": false; }; "mtxDatetimepickerFilter": { "alias": "mtxDatetimepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxDatetimepickerInput<any>, "input[mtxDatetimepicker]", ["mtxDatetimepickerInput"], { "mtxDatetimepicker": { "alias": "mtxDatetimepicker"; "required": false; }; "mtxDatetimepickerFilter": { "alias": "mtxDatetimepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/datetimepicker/datetimepicker-module.d.ts

@@ -1,21 +1,21 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./calendar";
-import * as i2 from "./calendar-body";
-import * as i3 from "./clock";
-import * as i4 from "./time";
-import * as i5 from "./datetimepicker";
-import * as i6 from "./datetimepicker-toggle";
-import * as i7 from "./datetimepicker-input";
-import * as i8 from "./month-view";
-import * as i9 from "./year-view";
-import * as i10 from "./multi-year-view";
-import * as i11 from "@angular/common";
-import * as i12 from "@angular/material/button";
-import * as i13 from "@angular/cdk/overlay";
-import * as i14 from "@angular/cdk/a11y";
-import * as i15 from "@angular/cdk/portal";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@angular/cdk/portal";
+import * as i5 from "@angular/material/button";
+import * as i6 from "./calendar";
+import * as i7 from "./calendar-body";
+import * as i8 from "./clock";
+import * as i9 from "./time";
+import * as i10 from "./datetimepicker";
+import * as i11 from "./datetimepicker-toggle";
+import * as i12 from "./datetimepicker-input";
+import * as i13 from "./month-view";
+import * as i14 from "./year-view";
+import * as i15 from "./multi-year-view";
 export declare class MtxDatetimepickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxDatetimepickerModule, [typeof i1.MtxCalendar, typeof i2.MtxCalendarBody, typeof i3.MtxClock, typeof i4.MtxTime, typeof i4.MtxTimeInput, typeof i5.MtxDatetimepicker, typeof i6.MtxDatetimepickerToggle, typeof i6.MtxDatetimepickerToggleIcon, typeof i7.MtxDatetimepickerInput, typeof i5.MtxDatetimepickerContent, typeof i8.MtxMonthView, typeof i9.MtxYearView, typeof i10.MtxMultiYearView], [typeof i11.CommonModule, typeof i12.MatButtonModule, typeof i13.OverlayModule, typeof i14.A11yModule, typeof i15.PortalModule], [typeof i1.MtxCalendar, typeof i2.MtxCalendarBody, typeof i3.MtxClock, typeof i4.MtxTime, typeof i5.MtxDatetimepicker, typeof i6.MtxDatetimepickerToggle, typeof i6.MtxDatetimepickerToggleIcon, typeof i7.MtxDatetimepickerInput, typeof i5.MtxDatetimepickerContent, typeof i8.MtxMonthView, typeof i9.MtxYearView, typeof i10.MtxMultiYearView]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MtxDatetimepickerModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.A11yModule, typeof i4.PortalModule, typeof i5.MatButtonModule, typeof i6.MtxCalendar, typeof i7.MtxCalendarBody, typeof i8.MtxClock, typeof i9.MtxTime, typeof i9.MtxTimeInput, typeof i10.MtxDatetimepicker, typeof i11.MtxDatetimepickerToggle, typeof i11.MtxDatetimepickerToggleIcon, typeof i12.MtxDatetimepickerInput, typeof i10.MtxDatetimepickerContent, typeof i13.MtxMonthView, typeof i14.MtxYearView, typeof i15.MtxMultiYearView], [typeof i6.MtxCalendar, typeof i7.MtxCalendarBody, typeof i8.MtxClock, typeof i9.MtxTime, typeof i10.MtxDatetimepicker, typeof i11.MtxDatetimepickerToggle, typeof i11.MtxDatetimepickerToggleIcon, typeof i12.MtxDatetimepickerInput, typeof i10.MtxDatetimepickerContent, typeof i13.MtxMonthView, typeof i14.MtxYearView, typeof i15.MtxMultiYearView]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MtxDatetimepickerModule>;
 }

package/datetimepicker/datetimepicker-toggle.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 /** Can be used to override the icon of a `mtxDatetimepickerToggle`. */
 export declare class MtxDatetimepickerToggleIcon {
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepickerToggleIcon, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxDatetimepickerToggleIcon, "[mtxDatetimepickerToggleIcon]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MtxDatetimepickerToggleIcon, "[mtxDatetimepickerToggleIcon]", never, {}, {}, never, never, true, never>;
 }
 export declare class MtxDatetimepickerToggle<D> implements AfterContentInit, OnChanges, OnDestroy {
     _intl: MtxDatetimepickerIntl;
@@ -35,7 +35,7 @@ export declare class MtxDatetimepickerToggle<D> implements AfterContentInit, OnC
     _open(event: Event): void;
     private _watchStateChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepickerToggle<any>, [null, null, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxDatetimepickerToggle<any>, "mtx-datetimepicker-toggle", ["mtxDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_customIcon"], ["[mtxDatetimepickerToggleIcon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxDatetimepickerToggle<any>, "mtx-datetimepicker-toggle", ["mtxDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_customIcon"], ["[mtxDatetimepickerToggleIcon]"], true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_disableRipple: unknown;
 }

package/datetimepicker/datetimepicker.d.ts

@@ -2,8 +2,8 @@ import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { CanColor, ThemePalette } from '@angular/material/core';
-import { DatetimeAdapter } from '@ng-matero/extensions/core';
 import { Subject } from 'rxjs';
+import { DatetimeAdapter } from '@ng-matero/extensions/core';
 import { MtxCalendar } from './calendar';
 import { MtxDatetimepickerFilterType } from './datetimepicker-filtertype';
 import { MtxDatetimepickerInput } from './datetimepicker-input';
@@ -54,7 +54,7 @@ export declare class MtxDatetimepickerContent<D> extends _MtxDatetimepickerConte
     _startExitAnimation(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepickerContent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxDatetimepickerContent<any>, "mtx-datetimepicker-content", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxDatetimepickerContent<any>, "mtx-datetimepicker-content", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
 export declare class MtxDatetimepicker<D> implements OnDestroy {
     private _overlay;
@@ -192,7 +192,7 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     /** Gets an observable that will emit when the overlay is supposed to be closed. */
     private _getCloseStream;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepicker<any>, [null, null, null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxDatetimepicker<any>, "mtx-datetimepicker", ["mtxDatetimepicker"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "openedStream": "opened"; "closedStream": "closed"; "viewChanged": "viewChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxDatetimepicker<any>, "mtx-datetimepicker", ["mtxDatetimepicker"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "color": { "alias": "color"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "openedStream": "opened"; "closedStream": "closed"; "viewChanged": "viewChanged"; }, never, never, true, never>;
     static ngAcceptInputType_multiYearSelector: unknown;
     static ngAcceptInputType_twelvehour: unknown;
     static ngAcceptInputType_preventSameDateTimeSelection: unknown;

package/datetimepicker/month-view.d.ts

@@ -60,5 +60,5 @@ export declare class MtxMonthView<D> implements AfterContentInit {
     private _getDateInCurrentMonth;
     private calendarState;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxMonthView<any>, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxMonthView<any>, "mtx-month-view", ["mtxMonthView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxMonthView<any>, "mtx-month-view", ["mtxMonthView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; }, never, never, true, never>;
 }

package/datetimepicker/multi-year-view.d.ts

@@ -75,7 +75,7 @@ export declare class MtxMultiYearView<D> implements AfterContentInit {
      */
     private _getValidDateOrNull;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxMultiYearView<any>, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxMultiYearView<any>, "mtx-multi-year-view", ["mtxMultiYearView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxMultiYearView<any>, "mtx-multi-year-view", ["mtxMultiYearView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedChange": "selectedChange"; "_userSelection": "_userSelection"; }, never, never, true, never>;
 }
 export declare function isSameMultiYearView<D>(dateAdapter: DatetimeAdapter<D>, date1: D, date2: D, minDate: D | null, maxDate: D | null): boolean;
 /**