@ng-matero/extensions 18.3.4 → 18.4.1

package/core/tokens/_token-utils.scss

@@ -125,9 +125,7 @@ $_system-fallbacks: m3-tokens.create-system-fallbacks();
   @if $tokens != null {
     @each $key, $value in $tokens {
       @if $value != null {
-        & {
-          #{_create-var-name($prefix, $key)}: #{$value};
-        }
+        #{_create-var-name($prefix, $key)}: #{$value};
       }
     }
   }

package/datetimepicker/calendar.d.ts

@@ -55,10 +55,12 @@ export declare class MtxCalendar<D> implements AfterContentInit, OnDestroy {
     set startAt(value: D | null);
     private _startAt;
     /**
-     * Whether the calendar is in time mode. In time mode the calendar clock gets time input elements
-     * rather then just clock. When touchUi is enabled this will be disabled
+     * Whether the calendar is in time mode. In time mode the calendar clock gets time input
+     * elements rather then just clock. When `touchUi` is enabled this will be disabled.
      */
     timeInput: boolean;
+    /** Whether the time input should be auto-focused after view init.  */
+    timeInputAutoFocus: boolean;
     /** The currently selected date. */
     get selected(): D | null;
     set selected(value: D | null);
@@ -106,7 +108,6 @@ export declare class MtxCalendar<D> implements AfterContentInit, OnDestroy {
     _timeSelected(date: D): void;
     _dialTimeSelected(date: D): void;
     _onActiveDateChange(date: D): void;
-    _updateDate(date: D): D;
     _selectAMPM(date: D): void;
     _ampmClicked(source: MtxAMPM): void;
     _yearClicked(): void;
@@ -148,8 +149,9 @@ 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; }; "headerComponent": { "alias": "headerComponent"; "required": false; }; "actionsPortal": { "alias": "actionsPortal"; "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 ɵ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; }; "headerComponent": { "alias": "headerComponent"; "required": false; }; "actionsPortal": { "alias": "actionsPortal"; "required": false; }; "type": { "alias": "type"; "required": false; }; "startAt": { "alias": "startAt"; "required": false; }; "timeInput": { "alias": "timeInput"; "required": false; }; "timeInputAutoFocus": { "alias": "timeInputAutoFocus"; "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;
+    static ngAcceptInputType_timeInputAutoFocus: unknown;
 }

package/datetimepicker/datetimepicker.d.ts

@@ -150,6 +150,8 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
      * elements rather then just clock. When `touchUi` is enabled this will be disabled.
      */
     timeInput: boolean;
+    /** Whether the time input should be auto-focused after view init.  */
+    timeInputAutoFocus: boolean;
     /** Whether the datetimepicker pop-up should be disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
@@ -217,13 +219,14 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
      */
     removeActions(portal: TemplatePortal): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxDatetimepicker<any>, [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; }; "calendarHeaderComponent": { "alias": "calendarHeaderComponent"; "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 ɵ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; }; "calendarHeaderComponent": { "alias": "calendarHeaderComponent"; "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; }; "timeInputAutoFocus": { "alias": "timeInputAutoFocus"; "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;
     static ngAcceptInputType_opened: unknown;
     static ngAcceptInputType_touchUi: unknown;
     static ngAcceptInputType_timeInput: unknown;
+    static ngAcceptInputType_timeInputAutoFocus: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_restoreFocus: unknown;
 }

package/datetimepicker/time.d.ts

@@ -75,6 +75,8 @@ export declare class MtxTime<D> implements OnChanges, AfterViewInit, OnDestroy {
     interval: number;
     /** Input for action buttons. */
     actionsPortal: TemplatePortal | null;
+    /** Whether the time input should be auto-focused after view init. */
+    autoFocus: boolean;
     protected hourInputElement: ElementRef<HTMLInputElement> | undefined;
     protected hourInputDirective: MtxTimeInput | undefined;
     protected minuteInputElement: ElementRef<HTMLInputElement> | undefined;
@@ -84,9 +86,7 @@ export declare class MtxTime<D> implements OnChanges, AfterViewInit, OnDestroy {
     twelvehour: boolean;
     /** Whether the time is now in AM or PM. */
     AMPM: MtxAMPM;
-    /**
-     * The date to display in this clock view.
-     */
+    /** The date to display in this clock view. */
     get activeDate(): D;
     set activeDate(value: D);
     private _activeDate;
@@ -127,6 +127,7 @@ export declare class MtxTime<D> implements OnChanges, AfterViewInit, OnDestroy {
     _handleOk(): void;
     _handleCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxTime<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxTime<any>, "mtx-time", ["mtxTime"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "actionsPortal": { "alias": "actionsPortal"; "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; }; "clockView": { "alias": "clockView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "_userSelection": "_userSelection"; "ampmChange": "ampmChange"; "clockViewChange": "clockViewChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxTime<any>, "mtx-time", ["mtxTime"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "actionsPortal": { "alias": "actionsPortal"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "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; }; "clockView": { "alias": "clockView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "_userSelection": "_userSelection"; "ampmChange": "ampmChange"; "clockViewChange": "clockViewChange"; }, never, never, true, never>;
+    static ngAcceptInputType_autoFocus: unknown;
     static ngAcceptInputType_twelvehour: unknown;
 }

package/drawer/public-api.d.ts

@@ -2,5 +2,5 @@ export * from './drawer-module';
 export * from './drawer';
 export * from './drawer-config';
 export * from './drawer-container';
-export * from './drawer-animation';
+export * from './drawer-animations';
 export * from './drawer-ref';