@ng-matero/extensions 12.5.0 → 12.6.0

package/datetimepicker/datetimepicker.d.ts

@@ -1,7 +1,8 @@
-import { AfterContentInit, EventEmitter, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, NgZone, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { Directionality } from '@angular/cdk/bidi';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { Overlay } from '@angular/cdk/overlay';
+import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
+import { CanColor, ThemePalette } from '@angular/material/core';
 import { Subject } from 'rxjs';
 import { DatetimeAdapter } from '@ng-matero/extensions/core';
 import { MtxCalendarView, MtxCalendar } from './calendar';
@@ -9,6 +10,24 @@ import { MtxDatetimepickerFilterType } from './datetimepicker-filtertype';
 import { MtxDatetimepickerInput } from './datetimepicker-input';
 export declare type MtxDatetimepickerType = 'date' | 'time' | 'month' | 'year' | 'datetime';
 export declare type MtxDatetimepickerMode = 'auto' | 'portrait' | 'landscape';
+/** Possible positions for the colorpicker dropdown along the X axis. */
+export declare type DatetimepickerDropdownPositionX = 'start' | 'end';
+/** Possible positions for the colorpicker dropdown along the Y axis. */
+export declare type DatetimepickerDropdownPositionY = 'above' | 'below';
+/** Injection token that determines the scroll handling while the calendar is open. */
+export declare const MTX_DATETIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
+export declare function MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
+export declare const MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
+    provide: InjectionToken<() => ScrollStrategy>;
+    deps: (typeof Overlay)[];
+    useFactory: typeof MTX_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY;
+};
+/** @docs-private */
+declare const _MtxDatetimepickerContentBase: import("@angular/material/core/common-behaviors/constructor").Constructor<CanColor> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<CanColor> & {
+    new (_elementRef: ElementRef): {
+        _elementRef: ElementRef;
+    };
+};
 /**
  * Component used as the content for the datetimepicker dialog and popup. We use this instead of
  * using MtxCalendar directly as the content so we can control the initial focus. This also gives us
@@ -16,11 +35,21 @@ export declare type MtxDatetimepickerMode = 'auto' | 'portrait' | 'landscape';
  * future. (e.g. confirmation buttons).
  * @docs-private
  */
-export declare class MtxDatetimepickerContent<D> implements AfterContentInit {
-    datetimepicker: MtxDatetimepicker<D>;
+export declare class MtxDatetimepickerContent<D> extends _MtxDatetimepickerContentBase implements OnInit, AfterContentInit, OnDestroy, CanColor {
+    private _changeDetectorRef;
     _calendar: MtxCalendar<D>;
+    datetimepicker: MtxDatetimepicker<D>;
+    /** Whether the datetimepicker is above or below the input. */
+    _isAbove: boolean;
+    /** Current state of the animation. */
+    _animationState: 'enter-dropdown' | 'enter-dialog' | 'void';
+    /** Emits when an animation has finished. */
+    readonly _animationDone: Subject<void>;
+    constructor(elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
     ngAfterContentInit(): void;
-    onSelectionChange(date: D): void;
+    _startExitAnimation(): void;
+    ngOnDestroy(): void;
 }
 export declare class MtxDatetimepicker<D> implements OnDestroy {
     private _overlay;
@@ -41,10 +70,6 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     startView: MtxCalendarView;
     mode: MtxDatetimepickerMode;
     timeInterval: number;
-    ariaNextMonthLabel: string;
-    ariaPrevMonthLabel: string;
-    ariaNextYearLabel: string;
-    ariaPrevYearLabel: string;
     /** Prevent user to select same date time */
     preventSameDateTimeSelection: boolean;
     /**
@@ -52,20 +77,31 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
      * @deprecated Switch to the `dateChange` and `dateInput` binding on the input element.
      */
     selectedChanged: EventEmitter<D>;
-    /** Classes to be passed to the date picker panel. Supports the same syntax as `ngClass`. */
-    panelClass: string | string[];
     /** Emits when the datetimepicker has been opened. */
     openedStream: EventEmitter<void>;
     /** Emits when the datetimepicker has been closed. */
     closedStream: EventEmitter<void>;
     /** Emits when the view has been changed. */
     viewChanged: EventEmitter<MtxCalendarView>;
+    /**
+     * Classes to be passed to the date picker panel.
+     * Supports string and string array values, similar to `ngClass`.
+     */
+    get panelClass(): string | string[];
+    set panelClass(value: string | string[]);
+    private _panelClass;
     /** Whether the calendar is open. */
-    opened: boolean;
+    get opened(): boolean;
+    set opened(value: boolean);
+    private _opened;
     /** The id for the datetimepicker calendar. */
     id: string;
+    /** Color palette to use on the datetimepicker's calendar. */
+    get color(): ThemePalette;
+    set color(value: ThemePalette);
+    private _color;
     /** The input element this datetimepicker is associated with. */
-    _datetimepickerInput: MtxDatetimepickerInput<D>;
+    datetimepickerInput: MtxDatetimepickerInput<D>;
     /** Emits when the datetimepicker is disabled. */
     _disabledChange: Subject<boolean>;
     private _validSelected;
@@ -83,9 +119,6 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     get startAt(): D | null;
     set startAt(date: D | null);
     private _startAt;
-    get openOnFocus(): boolean;
-    set openOnFocus(value: boolean);
-    private _openOnFocus;
     get type(): MtxDatetimepickerType;
     set type(value: MtxDatetimepickerType);
     private _type;
@@ -100,6 +133,18 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     get disabled(): boolean;
     set disabled(value: boolean);
     private _disabled;
+    /** Preferred position of the datetimepicker in the X axis. */
+    xPosition: DatetimepickerDropdownPositionX;
+    /** Preferred position of the datetimepicker in the Y axis. */
+    yPosition: DatetimepickerDropdownPositionY;
+    /**
+     * Whether to restore focus to the previously-focused element when the panel is closed.
+     * Note that automatic focus restoration is an accessibility feature and it is recommended that
+     * you provide your own equivalent, if you decide to turn it off.
+     */
+    get restoreFocus(): boolean;
+    set restoreFocus(value: boolean);
+    private _restoreFocus;
     /** The currently selected date. */
     get _selected(): D | null;
     set _selected(value: D | null);
@@ -110,10 +155,7 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     get _dateFilter(): (date: D | null, type: MtxDatetimepickerFilterType) => boolean;
     _viewChanged(type: MtxCalendarView): void;
     ngOnDestroy(): void;
-    /**
-     * TODO: use model
-     * Selects the given date
-     */
+    /** Selects the given date */
     _select(date: D): void;
     /**
      * Register an input with this datetimepicker.
@@ -125,7 +167,6 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     /** Close the calendar. */
     close(): void;
     /**
-     * TODO: add datetimepicker color
      * Forwards relevant values from the datetimepicker to the
      * datetimepicker content inside the overlay.
      */
@@ -139,7 +180,6 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     /** Gets a position strategy that will open the calendar as a dropdown. */
     private _getDropdownStrategy;
     /**
-     * TODO: `xPosition` and `yPosition`
      * Sets the positions of the datetimepicker in dropdown mode based on the current configuration.
      */
     private _setConnectedPositions;
@@ -147,7 +187,10 @@ export declare class MtxDatetimepicker<D> implements OnDestroy {
     private _getCloseStream;
     static ngAcceptInputType_multiYearSelector: BooleanInput;
     static ngAcceptInputType_twelvehour: BooleanInput;
-    static ngAcceptInputType_touchUi: BooleanInput;
+    static ngAcceptInputType_preventSameDateTimeSelection: BooleanInput;
     static ngAcceptInputType_disabled: BooleanInput;
-    static ngAcceptInputType_openOnFocus: BooleanInput;
+    static ngAcceptInputType_opened: BooleanInput;
+    static ngAcceptInputType_touchUi: BooleanInput;
+    static ngAcceptInputType_restoreFocus: BooleanInput;
 }
+export {};

package/datetimepicker/month-view.d.ts

@@ -1,6 +1,5 @@
 import { AfterContentInit, EventEmitter } from '@angular/core';
-import { MtxDatetimeFormats } from '@ng-matero/extensions/core';
-import { DatetimeAdapter } from '@ng-matero/extensions/core';
+import { MtxDatetimeFormats, DatetimeAdapter } from '@ng-matero/extensions/core';
 import { MtxCalendarCell } from './calendar-body';
 import { MtxDatetimepickerType } from './datetimepicker';
 /**
@@ -11,11 +10,12 @@ export declare class MtxMonthView<D> implements AfterContentInit {
     _adapter: DatetimeAdapter<D>;
     private _dateFormats;
     type: MtxDatetimepickerType;
-    _userSelection: EventEmitter<void>;
     /** A function used to filter which dates are selectable. */
     dateFilter: (date: D) => boolean;
     /** Emits when a new date is selected. */
     selectedChange: EventEmitter<D>;
+    /** Emits when any date is selected. */
+    readonly _userSelection: EventEmitter<void>;
     /** Grid of calendar cells representing the dates of the month. */
     _weeks: MtxCalendarCell[][];
     /** The number of blank cells in the first row before the 1st of the month. */

package/datetimepicker/mtxDatetimepicker.d.ts

@@ -2,5 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public-api';
-export { slideCalendar as ɵa } from './datetimepicker-animations';
-export { MtxMultiYearView as ɵb } from './multi-year-view';