@dhutaryan/ngx-mat-timepicker 20.1.0 → 20.2.0

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, InjectionToken, Provider, OnDestroy, AfterContentInit, AfterViewChecked, OnInit, NgZone, ElementRef, ChangeDetectorRef, AfterViewInit, OnChanges, ViewContainerRef, SimpleChanges, TemplateRef } from '@angular/core';
+import { EventEmitter, InjectionToken, Provider, OnDestroy, AfterContentInit, AfterViewChecked, ElementRef, ChangeDetectorRef, AfterViewInit, OnChanges, ViewContainerRef, Injector, SimpleChanges, OnInit, TemplateRef } from '@angular/core';
 import * as i1$1 from '@angular/cdk/overlay';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
 import * as i2 from '@angular/cdk/portal';
@@ -324,11 +324,9 @@ declare abstract class MatTimeFaceBase<T> implements AfterContentInit, AfterView
     availableMinutes: number[];
     availableHours: number[];
     /**
-     * Used for scheduling that focus should be moved to the active cell on the next tick.
-     * We need to schedule it, rather than do it immediately, because we have to wait
-     * for Angular to re-evaluate the view children.
+     * Used to focus the active cell after change detection has run.
      */
-    private _moveFocusOnNextTick;
+    private _focusActiveCellAfterViewChecked;
     constructor(_timeAdapter: TimeAdapter<T>);
     ngAfterContentInit(): void;
     ngAfterViewChecked(): void;
@@ -377,6 +375,8 @@ declare abstract class MatTimeFaceBase<T> implements AfterContentInit, AfterView
     private _setMaxMinute;
     /** Sets disabled period. */
     private _setDisabledPeriod;
+    /** Schedules focus to be moved to the active cell on the next tick. */
+    private _scheduleFocusActiveCellAfterViewChecked;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTimeFaceBase<any>, [{ optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatTimeFaceBase<any>, never, never, { "selected": { "alias": "selected"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "maxTime": { "alias": "maxTime"; "required": false; }; "minuteInterval": { "alias": "minuteInterval"; "required": false; }; "isMeridiem": { "alias": "isMeridiem"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "_userSelection": "_userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
@@ -385,22 +385,22 @@ declare abstract class MatTimeFaceBase<T> implements AfterContentInit, AfterView
 type TimepickerOrientation = 'horizontal' | 'vertical';
 
 type MatDialView = 'hours' | 'minutes';
-declare class MatClockDials<T> extends MatTimeFaceBase<T> implements OnInit, OnDestroy {
+declare class MatClockDials<T> extends MatTimeFaceBase<T> {
     _intl: MatTimepickerIntl;
-    private _ngZone;
     private _elementRef;
     private _cdr;
     /** Layout orientation. */
-    orientation: TimepickerOrientation;
+    readonly orientation: i0.InputSignal<TimepickerOrientation>;
     /** Whether the timepicker UI is in touch mode. */
-    touchUi: boolean;
-    isHoursView: i0.WritableSignal<boolean>;
+    readonly touchUi: i0.InputSignal<boolean>;
+    /** Whether the current view for the timepicker. */
+    readonly currentView: i0.InputSignal<MatDialView>;
+    /** Emits when the view is changed. */
+    readonly viewChanged: i0.OutputEmitterRef<MatDialView>;
+    readonly isHoursView: i0.Signal<boolean>;
     /** Specifies the view of clock dial. */
     private readonly _view;
-    private _viewSubscription;
-    constructor(_intl: MatTimepickerIntl, _timeAdapter: TimeAdapter<T>, _ngZone: NgZone, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    constructor(_intl: MatTimepickerIntl, _timeAdapter: TimeAdapter<T>, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
     /** Changes clock dial view. */
     onViewChange(event: Event, view: MatDialView): void;
     focusActiveCell(): void;
@@ -411,8 +411,8 @@ declare class MatClockDials<T> extends MatTimeFaceBase<T> implements OnInit, OnD
         hour: number;
         changeView?: boolean;
     }): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatClockDials<any>, [null, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatClockDials<any>, "mat-clock-dials", ["matClockDials"], { "orientation": { "alias": "orientation"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatClockDials<any>, [null, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatClockDials<any>, "mat-clock-dials", ["matClockDials"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "touchUi": { "alias": "touchUi"; "required": false; "isSignal": true; }; "currentView": { "alias": "currentView"; "required": false; "isSignal": true; }; }, { "viewChanged": "viewChanged"; }, never, never, true, never>;
 }
 
 declare const MAT_TIMEPICKER_INPUTS_KEYDOWN_HANDLER: InjectionToken<(event: KeyboardEvent) => void>;
@@ -470,16 +470,15 @@ declare class MatMinuteInput extends MatTimeInputBase {
 }
 declare class MatTimeInputs<T> extends MatTimeFaceBase<T> {
     _intl: MatTimepickerIntl;
-    private _ngZone;
     private _elementRef;
-    constructor(_intl: MatTimepickerIntl, _timeAdapter: TimeAdapter<T>, _ngZone: NgZone, _elementRef: ElementRef);
+    constructor(_intl: MatTimepickerIntl, _timeAdapter: TimeAdapter<T>, _elementRef: ElementRef);
     /**
      * Using for skipping that focus shouldn't be moved to the active cell on the next tick.
      * We need to use it to avoid focusing input for input mode.
      */
     private _skipNextTickFocus;
     focusActiveCell(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTimeInputs<any>, [null, { optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTimeInputs<any>, [null, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTimeInputs<any>, "mat-time-inputs", never, {}, {}, never, never, true, never>;
 }
 
@@ -609,7 +608,7 @@ declare const MAT_TIMEPICKER_DEFAULT_OPTIONS: InjectionToken<MatTimepickerDefaul
 declare abstract class MatTimepickerBase<C extends MatTimepickerControl<T>, S, T = ExtractTimeTypeFromSelection<S>> implements OnChanges {
     private _viewContainerRef;
     private _overlay;
-    private _ngZone;
+    private readonly _injector;
     private _defaultActionsComponent;
     private _model;
     private _defaults?;
@@ -692,7 +691,7 @@ declare abstract class MatTimepickerBase<C extends MatTimepickerControl<T>, S, T
     _getMinTime(): T | null;
     /** The maximum selectable time. */
     _getMaxTime(): T | null;
-    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _ngZone: NgZone, scrollStrategy: any, _defaultActionsComponent: ComponentType<any>, _model: MatTimeSelectionModel<S, T>, _defaults?: MatTimepickerDefaultOptions | undefined);
+    constructor(_viewContainerRef: ViewContainerRef, _overlay: Overlay, _injector: Injector, scrollStrategy: any, _defaultActionsComponent: ComponentType<any>, _model: MatTimeSelectionModel<S, T>, _defaults?: MatTimepickerDefaultOptions | undefined);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     /** Opens the timepicker. */

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dhutaryan/ngx-mat-timepicker",
   "description": "Angular timepicker to add time which is based on material design and Angular material.",
   "homepage": "https://dhutaryan.github.io/ngx-mat-timepicker/",
-  "version": "20.1.0",
+  "version": "20.2.0",
   "license": "MIT",
   "author": {
     "name": "Dzmitry Hutaryan"