cmat 0.0.14 → 0.0.16

package/README.md

@@ -1,3 +1,3 @@
-# Cmat
-
+# Cmat
+
 个人使用UI控件包，基于angular material

package/components/cascade/cascade-list/cascade-list.component.d.ts

@@ -16,7 +16,7 @@ export declare class CmatCascadeListComponent implements MatFormFieldControl<any
     private _bottomSheet;
     private _changeDetectorRef;
     id: string;
-    options: Array<CmatCascadeOptionsInterface>;
+    options: CmatCascadeOptionsInterface[];
     clearable: boolean;
     fullLevels: boolean;
     changeOnSelect: boolean;
@@ -25,9 +25,9 @@ export declare class CmatCascadeListComponent implements MatFormFieldControl<any
     private _inputElement;
     overlayRef: OverlayRef;
     bottomSheetRef: MatBottomSheetRef;
-    steps: Array<any>;
+    steps: any[];
     menuVisible: boolean;
-    currentLabels: Array<CmatCascadeOptionsInterface>;
+    currentLabels: CmatCascadeOptionsInterface[];
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;

package/components/cascade/options.interface.d.ts

@@ -2,7 +2,7 @@ export interface CmatCascadeOptionsInterface {
     [propName: string]: any;
     label?: string;
     value: string;
-    children?: Array<CmatCascadeOptionsInterface>;
+    children?: CmatCascadeOptionsInterface[];
     disabled?: boolean;
     active?: boolean;
 }

package/components/custom-formly/public-api.d.ts

@@ -3,6 +3,7 @@ export * from './wrappers/addons/addons.component';
 export * from './wrappers/card/card.component';
 export * from './wrappers/expansion/expansion.component';
 export * from './wrappers/panel/panel.component';
+export * from './wrappers/form-field/form-field.component';
 export * from './types/button/button.component';
 export * from './types/cascade/cascade.component';
 export * from './types/checklist/checklist.component';

package/components/custom-formly/types/button/button.component.d.ts

@@ -1,17 +1,33 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CmatToastService } from 'cmat/components/toast';
+import { CmatAlertMessage } from 'cmat/services/alert';
+import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface ButtonProps extends FormlyFieldProps {
+interface ButtonProps extends CustomFormFieldProps {
     color?: 'primary' | 'accent' | 'warn';
     onClick?: any;
 }
-export declare class CmatButtonTypeComponent extends FieldType<FieldTypeConfig<ButtonProps>> {
+export declare class CmatButtonTypeComponent extends FieldType<FieldTypeConfig<ButtonProps>> implements OnInit, OnDestroy {
+    private _cmatToastService;
+    private _snackBar;
+    private _cmatMediaWatcherService;
     defaultOptions: {
         props: {
             color: "primary";
         };
     };
+    private _isPhone;
+    private _unsubscribeAll;
+    constructor(_cmatToastService: CmatToastService, _snackBar: MatSnackBar, _cmatMediaWatcherService: CmatMediaWatcherService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     onClick($event: Event): void;
+    showMessage(message: CmatAlertMessage | void): void;
+    private _executeFunctionFromString;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatButtonTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatButtonTypeComponent, "cmat-button-type", never, {}, {}, never, never, true, never>;
 }

package/components/custom-formly/types/cascade/cascade.component.d.ts

@@ -1,10 +1,11 @@
 import { HttpClient } from '@angular/common/http';
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface ChipsCascadeProps extends FormlyFieldProps {
+interface ChipsCascadeProps extends CustomFormFieldProps {
     clearable: boolean;
     fullLevels: boolean;
     changeOnSelect: boolean;

package/components/custom-formly/types/checklist/checklist.component.d.ts

@@ -1,10 +1,11 @@
 import { HttpClient } from '@angular/common/http';
 import { OnInit, OnDestroy } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { Observable } from 'rxjs';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface CheckListProps extends FormlyFieldProps {
+interface CheckListProps extends CustomFormFieldProps {
     showAllCheck: boolean;
     controlMaxHeight: boolean;
     domain?: {

package/components/custom-formly/types/chips/chips.component.d.ts

@@ -1,9 +1,10 @@
 import { HttpClient } from '@angular/common/http';
 import { OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface ChipsInputProps extends FormlyFieldProps {
+interface ChipsInputProps extends CustomFormFieldProps {
     hasAutocomplete?: boolean;
     autocompleteText?: string;
     domain?: {

package/components/custom-formly/types/date-range/date-range.component.d.ts

@@ -1,7 +1,8 @@
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface DateRangeProps extends FormlyFieldProps {
+interface DateRangeProps extends CustomFormFieldProps {
     dateFormat: string;
     timeFormat: string;
     timeRange: boolean;

package/components/custom-formly/types/datepicker/datepicker.component.d.ts

@@ -1,10 +1,11 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { CmatCalendarView, CmatDatetimepickerMode, CmatDatetimepickerType } from 'cmat/components/material-datetimepicker';
 import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface DatepickerProps extends FormlyFieldProps {
+interface DatepickerProps extends CustomFormFieldProps {
     startView: CmatCalendarView;
     mode: CmatDatetimepickerMode;
     togglePosition: 'left' | 'right';

package/components/custom-formly/types/multicheckbox/multicheckbox.component.d.ts

@@ -2,10 +2,11 @@ import { HttpClient } from '@angular/common/http';
 import { QueryList, Type, OnDestroy, OnInit } from '@angular/core';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { Observable } from 'rxjs';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface MultiCheckboxProps extends FormlyFieldProps {
+interface MultiCheckboxProps extends CustomFormFieldProps {
     labelPosition: 'before' | 'after';
     domain?: {
         url?: string;
@@ -35,7 +36,6 @@ export declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeC
     onChange(value: any, checked: boolean): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onContainerClick(): void;
     isChecked(option: any): any;
     trackByFn(index: number): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatMultiCheckboxTypeComponent, never>;

package/components/custom-formly/types/number/number.component.d.ts

@@ -1,7 +1,8 @@
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface NumberProps extends FormlyFieldProps {
+interface NumberProps extends CustomFormFieldProps {
     decimal: boolean;
     min: number;
     max: number;

package/components/custom-formly/types/quill/quill.component.d.ts

@@ -1,11 +1,12 @@
 import { ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { QuillModules } from 'ngx-quill';
 import { CmatFilesUtilService } from 'cmat/components/upload';
 import { CmatUrlStateConfigService } from 'cmat/services/config';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface QuillProps extends FormlyFieldProps {
+interface QuillProps extends CustomFormFieldProps {
     fileAlias: string;
     filePath: string;
 }

package/components/custom-formly/types/radio/radio.component.d.ts

@@ -2,10 +2,11 @@ import { HttpClient } from '@angular/common/http';
 import { AfterViewInit, OnDestroy, Type, OnInit } from '@angular/core';
 import { MatRadioGroup } from '@angular/material/radio';
 import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { Observable } from 'rxjs';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface RadioProps extends FormlyFieldProps {
+interface RadioProps extends CustomFormFieldProps {
     labelPosition: 'before' | 'after';
     domain?: {
         url?: string;
@@ -35,7 +36,6 @@ export declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<Ra
     get urlData$(): Observable<any[]>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    onContainerClick(): void;
     ngOnDestroy(): void;
     trackByFn(index: number): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatRadioTypeComponent, never>;

package/components/custom-formly/types/rating/rating.component.d.ts

@@ -1,7 +1,8 @@
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface RatingProps extends FormlyFieldProps {
+interface RatingProps extends CustomFormFieldProps {
     stars: number;
     readonly: boolean;
     hover: boolean;

package/components/custom-formly/types/repeat/repeat.component.d.ts

@@ -1,6 +1,7 @@
-import { FieldArrayType, FieldTypeConfig, FormlyFieldProps } from '@ngx-formly/core';
+import { FieldArrayType, FieldTypeConfig } from '@ngx-formly/core';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface RepeatProps extends FormlyFieldProps {
+interface RepeatProps extends CustomFormFieldProps {
     addText: string;
 }
 export declare class CmatRepeatTypeComponent extends FieldArrayType<FieldTypeConfig<RepeatProps>> {

package/components/custom-formly/types/select/select.component.d.ts

@@ -3,10 +3,11 @@ import { OnDestroy, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { FieldTypeConfig } from '@ngx-formly/core';
 import { FormlyFieldSelectProps } from '@ngx-formly/core/select';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { ReplaySubject } from 'rxjs';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {
+interface SelectProps extends CustomFormFieldProps, FormlyFieldSelectProps {
     multiple?: boolean;
     disableOptionCentering?: boolean;
     typeaheadDebounceInterval?: number;

package/components/custom-formly/types/select-tree/select-tree.component.d.ts

@@ -3,9 +3,9 @@ import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
 import { FormlyFieldSelectProps } from '@ngx-formly/core/select';
 import { FieldType } from '@ngx-formly/material';
-import { FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface SelectTreeProps extends FormlyFieldProps, FormlyFieldSelectProps {
+interface SelectTreeProps extends CustomFormFieldProps, FormlyFieldSelectProps {
     multiple: boolean;
     search: boolean;
     canNull: boolean;

package/components/custom-formly/types/stepper/stepper.type.d.ts

@@ -1,5 +1,5 @@
-import { FormlyFieldProps } from '@ngx-formly/core';
-export interface StepperProps extends FormlyFieldProps {
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
+export interface StepperProps extends CustomFormFieldProps {
     isEditable?: boolean;
     isLinear?: boolean;
     isOptional?: boolean;

package/components/custom-formly/types/table/table.component.d.ts

@@ -1,23 +1,26 @@
-import { OnInit, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import { OnInit, TemplateRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { MatTable } from '@angular/material/table';
-import { FieldArrayType, FieldTypeConfig, FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
+import { FieldArrayType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface TableProps extends FormlyFieldProps {
+interface TableProps extends CustomFormFieldProps {
     addText: string;
     showColumn?: boolean;
 }
-export declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConfig<TableProps>> implements OnInit {
+export declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConfig<TableProps>> implements OnInit, OnDestroy {
+    private _cmatMediaWatcherService;
     private _changeDetectorRef;
     dialogRef: TemplateRef<any>;
     table: MatTable<any>;
     inlineform: FormGroup<{}>;
     currentMode: any;
     currentIndex: number;
-    columns: Array<{
+    columns: {
         key: string;
         label: string;
-    }>;
+    }[];
     displayedColumns: string[];
     dialogType: 'add' | 'edit' | '';
     defaultOptions: {
@@ -25,13 +28,16 @@ export declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConf
             addText: string;
         };
     };
+    isScreenSmall: boolean;
     private readonly _dialog;
     private readonly _viewContainerRef;
     private _dialogRef;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
+    private _unsubscribeAll;
+    constructor(_cmatMediaWatcherService: CmatMediaWatcherService, _changeDetectorRef: ChangeDetectorRef);
     get fieldArray(): FormlyFieldConfig[];
     get key(): string;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     addRow(): void;
     editRow(item: any, index: number): void;
     deleteRow(id: number): void;

package/components/custom-formly/types/tags/tags.component.d.ts

@@ -2,10 +2,11 @@ import { Overlay } from '@angular/cdk/overlay';
 import { HttpClient } from '@angular/common/http';
 import { ChangeDetectorRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
 import { Observable } from 'rxjs';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface TagsProps extends FormlyFieldProps {
+interface TagsProps extends CustomFormFieldProps {
     domain?: {
         url?: string;
         code?: string;

package/components/custom-formly/types/upload/upload.component.d.ts

@@ -1,7 +1,8 @@
 import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
-interface UploadProps extends FormlyFieldProps {
+interface UploadProps extends CustomFormFieldProps {
     fileAlias: string;
     filePath: string;
     fileCategory: string;

package/components/custom-formly/wrappers/form-field/form-field.component.d.ts

@@ -0,0 +1,25 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { AfterViewInit, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { MatFormField } from '@angular/material/form-field';
+import { FieldWrapper, FormlyFieldConfig } from '@ngx-formly/core';
+import { FormlyFieldProps, FormlyWrapperFormField } from '@ngx-formly/material/form-field/form-field.wrapper';
+import * as i0 from "@angular/core";
+interface MatFormlyFieldConfig extends FormlyFieldConfig<CustomFormFieldProps> {
+    _formField?: FormlyWrapperFormField;
+}
+export interface CustomFormFieldProps extends FormlyFieldProps {
+    showValidationMessage?: boolean;
+}
+export declare class CmatFormFieldWrapperComponent extends FieldWrapper<MatFormlyFieldConfig> implements OnInit, OnDestroy, AfterViewInit {
+    private renderer;
+    private elementRef;
+    private focusMonitor;
+    formField: MatFormField;
+    constructor(renderer: Renderer2, elementRef: ElementRef, focusMonitor: FocusMonitor);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFormFieldWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFormFieldWrapperComponent, "cmat-form-field-wrapper", never, {}, {}, never, never, true, never>;
+}
+export {};

package/components/material-datetimepicker/clock.d.ts

@@ -24,8 +24,8 @@ export declare class CmatDatetimepickerClockComponent<D> implements AfterContent
     role: string;
     class: string;
     /** Hours and Minutes representing the clock view. */
-    hours: Array<any>;
-    minutes: Array<any>;
+    hours: any[];
+    minutes: any[];
     /** Whether the clock is in hour view. */
     hourView: boolean;
     selectedHour: number;

package/components/material-datetimepicker/datetimepicker.d.ts

@@ -1,6 +1,6 @@
 import { Directionality } from '@angular/cdk/bidi';
 import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { Subject } from 'rxjs';
 import { DatetimeAdapter } from 'cmat/components/adapter';
@@ -47,6 +47,7 @@ export declare class CmatDatetimepickerContentComponent<D> implements OnInit, Af
 }
 export declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _overlay;
+    private _injector;
     private _viewContainerRef;
     private _scrollStrategy;
     private _dateAdapter;
@@ -97,7 +98,7 @@ export declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _disabled;
     private _timeInput;
     private _restoreFocus;
-    constructor(_overlay: Overlay, _viewContainerRef: ViewContainerRef, _scrollStrategy: any, _dateAdapter: DatetimeAdapter<D>, _dir: Directionality, _document: any);
+    constructor(_overlay: Overlay, _injector: Injector, _viewContainerRef: ViewContainerRef, _scrollStrategy: any, _dateAdapter: DatetimeAdapter<D>, _dir: Directionality, _document: any);
     /** Whether to show multi-year view. */
     get multiYearSelector(): boolean;
     set multiYearSelector(value: boolean);
@@ -184,6 +185,6 @@ export declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _setConnectedPositions;
     /** Gets an observable that will emit when the overlay is supposed to be closed. */
     private _getCloseStream;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerComponent<any>, "cmat-datetimepicker", ["cmatDatetimepicker"], { "startView": { "alias": "startView"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "timeInterval": { "alias": "timeInterval"; "required": false; }; "preventSameDateTimeSelection": { "alias": "preventSameDateTimeSelection"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "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; }; "timeInput": { "alias": "timeInput"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; }, { "selectedChanged": "selectedChanged"; "openedStream": "openedStream"; "closedStream": "closedStream"; "viewChanged": "viewChanged"; }, never, never, true, never>;
 }

package/components/navigation/navigation.types.d.ts

@@ -10,7 +10,7 @@ export declare class CmatNavigationItem {
     tooltip?: string;
     link?: string;
     externalLink?: boolean;
-    target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
     exactMatch?: boolean;
     isActiveMatchOptions?: IsActiveMatchOptions;
     function?: (item: CmatNavigationItem) => void;

package/components/password-strength/mat-password-strength-validator.d.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, ValidatorFn } from '@angular/forms';
 export declare class CmatPasswordStrengthValidator {
-    isUndefinedOrEmpty(control: AbstractControl): any | void;
+    isUndefinedOrEmpty(control: AbstractControl): void;
     validate(criteria: string, regex: RegExp): ValidatorFn;
     confirm(password: string): ValidatorFn;
 }

package/components/popover/popover.component.d.ts

@@ -28,9 +28,7 @@ export declare class CmatPopoverComponent implements CmatPopoverPanel, OnDestroy
     /** Closing disabled on popover */
     closeDisabled: boolean;
     /** Config object to be passed into the popover's ngClass */
-    classList: {
-        [key: string]: boolean;
-    };
+    classList: Record<string, boolean>;
     /** Emits the current animation state whenever it changes. */
     _onAnimationStateChange: EventEmitter<AnimationEvent>;
     /** Settings for popover, view setters and getters for more detail */

package/components/timeline/timeline.component.d.ts

@@ -6,12 +6,12 @@ export type CMAT_TIMELINE_ORIENTATION = 'vertical' | 'horizontal';
 export declare class CmatTimelineComponent implements OnInit, OnDestroy {
     private _host;
     readonly items: QueryList<CmatTimelineItemComponent>;
+    readonly class = "cmat-timeline";
     private _reverse;
     private _position;
     private _orientation;
     private _unsubscribeAll;
     constructor(_host: ElementRef);
-    get class(): string;
     get isStartPosition(): boolean;
     get isEndPosition(): boolean;
     get isCenterPosition(): boolean;

package/components/transfer-picker/filter/filter.component.d.ts

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 export declare class CmatTransferPickerFilterComponent implements OnInit {
     private _overlay;
     private _service;
-    filters: Array<CmatTransferFilterItem>;
+    filters: CmatTransferFilterItem[];
     overlayOrigin: CdkOverlayOrigin;
     filterTemplate: CdkPortal;
     overlayRef: OverlayRef;

package/components/transfer-picker/interface.d.ts

@@ -3,7 +3,7 @@
  */
 export declare class CmatTransferItemNode {
     [key: string]: any;
-    children?: Array<CmatTransferItemNode>;
+    children?: CmatTransferItemNode[];
     label: string;
     value: string | number;
     disabled?: boolean;
@@ -25,18 +25,18 @@ export declare enum CmatTransferFilterCondition {
 export interface CmatTransferFilterItem {
     label: string;
     value: number | string;
-    condition: Array<CmatTransferFilterCondition>;
+    condition: CmatTransferFilterCondition[];
     field: string;
     selected?: boolean;
 }
 export interface CmatTransferFilterData {
     condition: 'or' | 'and';
-    filters: Array<CmatTransferFilterItem>;
+    filters: CmatTransferFilterItem[];
 }
 export interface CmatSourceOptions {
     title: string;
     filterable: boolean;
     searchable: boolean;
     searchPlaceholder: string;
-    filters: Array<CmatTransferFilterItem>;
+    filters: CmatTransferFilterItem[];
 }

package/components/transfer-picker/transfer-picker-source/transfer-picker-source.component.d.ts

@@ -16,13 +16,13 @@ export declare class CmatTransferPickerSourceComponent implements OnInit, AfterV
     /** The selection for checklist */
     checklistSelection: SelectionModel<CmatTransferItemFlatNode>;
     options: CmatSourceOptions;
-    selectedList: Array<CmatTransferItemFlatNode>;
+    selectedList: CmatTransferItemFlatNode[];
     private _unsubscribeAll;
     constructor(_service: CmatTransferPickerService, _changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    getSelectedList(): Array<CmatTransferItemFlatNode>;
+    getSelectedList(): CmatTransferItemFlatNode[];
     resetSelectedItem(item: CmatTransferItemFlatNode): void;
     hasChild: (_: number, _nodeData: CmatTransferItemFlatNode) => boolean;
     /** Whether all the descendants of the node are selected */

package/components/transfer-picker/transfer-picker-target/transfer-picker-target.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { CmatTransferItemFlatNode } from '../interface';
 import * as i0 from "@angular/core";
 export declare class CmatTransferPickerTargetComponent {
-    selectedList: Array<CmatTransferItemFlatNode>;
+    selectedList: CmatTransferItemFlatNode[];
     clearItemChange: EventEmitter<CmatTransferItemFlatNode>;
     constructor();
     clearItem(item: CmatTransferItemFlatNode): void;

package/components/transfer-picker/transfer-picker.component.d.ts

@@ -10,12 +10,12 @@ export declare class CmatTransferPickerComponent implements OnInit, AfterViewIni
     filterable: boolean;
     searchable: boolean;
     searchPlaceholder: string;
-    dataSource: Array<CmatTransferItemNode>;
-    filters: Array<CmatTransferFilterItem>;
-    selectedValues: Array<string>;
-    selectChange: EventEmitter<Array<CmatTransferItemFlatNode>>;
+    dataSource: CmatTransferItemNode[];
+    filters: CmatTransferFilterItem[];
+    selectedValues: string[];
+    selectChange: EventEmitter<CmatTransferItemFlatNode[]>;
     source: CmatTransferPickerSourceComponent;
-    selectedList: Array<CmatTransferItemFlatNode>;
+    selectedList: CmatTransferItemFlatNode[];
     constructor(_service: CmatTransferPickerService, _changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/components/transfer-picker/transfer-picker.service.d.ts

@@ -2,11 +2,11 @@ import { BehaviorSubject } from 'rxjs';
 import { CmatSourceOptions, CmatTransferFilterData, CmatTransferFilterItem, CmatTransferItemNode } from './interface';
 import * as i0 from "@angular/core";
 export declare class CmatTransferPickerService {
-    dataSourceChange: BehaviorSubject<Array<CmatTransferItemNode>>;
+    dataSourceChange: BehaviorSubject<CmatTransferItemNode[]>;
     refreshDataSourceChange: BehaviorSubject<boolean>;
-    filtersChange: BehaviorSubject<Array<CmatTransferFilterItem>>;
+    filtersChange: BehaviorSubject<CmatTransferFilterItem[]>;
     sourceOptionsChange: BehaviorSubject<CmatSourceOptions | void>;
-    selectedValuesChange: BehaviorSubject<Array<string>>;
+    selectedValuesChange: BehaviorSubject<string[]>;
     private _dataSource;
     private _filterData;
     private _keyword;
@@ -15,10 +15,10 @@ export declare class CmatTransferPickerService {
     private _compareMap;
     private _conditionMap;
     constructor();
-    get dataSource(): Array<CmatTransferItemNode>;
-    set dataSource(data: Array<CmatTransferItemNode>);
+    get dataSource(): CmatTransferItemNode[];
+    set dataSource(data: CmatTransferItemNode[]);
     set sourceOptions(value: CmatSourceOptions);
-    set selectedValues(value: Array<string>);
+    set selectedValues(value: string[]);
     filterDataSource({ filterData, keyword }: {
         filterData?: CmatTransferFilterData;
         keyword?: string;