cmat 0.0.78 → 0.0.79

package/types/cmat.d.ts

@@ -1,8 +1,8 @@
 import { DateAdapter, MatDateFormats, ThemePalette, MatOption } from '@angular/material/core';
 import * as i0 from '@angular/core';
-import { InjectionToken, OnDestroy, OnInit, TemplateRef, OnChanges, SimpleChanges, AfterContentInit, AfterContentChecked, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, QueryList, AfterViewInit, Type as Type$2, PipeTransform, Injector } from '@angular/core';
+import { InjectionToken, TemplateRef, OnChanges, SimpleChanges, AfterContentInit, AfterContentChecked, OnDestroy, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, QueryList, OnInit, AfterViewInit, Type as Type$2, PipeTransform, Injector } from '@angular/core';
 import { Dayjs } from 'dayjs';
-import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
+import { Observable, Subject, ReplaySubject } from 'rxjs';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor, NgControl, FormControl, FormGroup, UntypedFormGroup, Validator, AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
 import { CdkOverlayOrigin, OverlayRef, ScrollStrategy, Overlay } from '@angular/cdk/overlay';
@@ -11,6 +11,7 @@ import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
 import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
 import { MatAutocompleteSelectedEvent, MatAutocompleteActivatedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
+import { NgxEditorModel } from 'ngx-monaco-editor-v2';
 import { FormlyFieldConfig, FieldWrapper, FieldTypeConfig, FieldArrayType, FieldType as FieldType$2 } from '@ngx-formly/core';
 import { FormlyFieldProps, FieldType } from '@ngx-formly/material/form-field';
 import { FieldType as FieldType$1 } from '@ngx-formly/material';
@@ -21,7 +22,6 @@ import { FormlyFieldSelectProps } from '@ngx-formly/core/select';
 import { CmatSelectTableDataSource as CmatSelectTableDataSource$1, CmatSelectTableRow as CmatSelectTableRow$1 } from 'cmat/components/select-table';
 import { MatTable, MatTableDataSource } from '@angular/material/table';
 import { QuillModules } from 'ngx-quill';
-import { NgxEditorModel } from 'ngx-monaco-editor-v2';
 import { SafeUrl } from '@angular/platform-browser';
 import { Content as Content$1 } from 'vanilla-jsoneditor';
 import { MatButton } from '@angular/material/button';
@@ -34,6 +34,10 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { CdkTree } from '@angular/cdk/tree';
 import { Node, NodeProperties, NodeView, Dom } from '@antv/x6';
 import { WritingOptions } from 'xlsx';
+import { HttpResponseBase, HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpHeaders } from '@angular/common/http';
+import { MatDialogRef } from '@angular/material/dialog';
+import { BreakpointState } from '@angular/cdk/layout';
+import { Language } from '@ngx-translate/core';
 
 declare abstract class DatetimeAdapter<D> extends DateAdapter<D> {
     protected _delegate: DateAdapter<D>;
@@ -119,12 +123,6 @@ declare class CNativeDatetimeAdapter extends DatetimeAdapter<Date> {
     addCalendarMinutes(date: Date, minutes: number): Date;
     toIso8601(date: Date): string;
     private _getDateInNextMonth;
-    /**
-     * Pads a number to make it two digits.
-     *
-     * @param n The number to pad.
-     * @returns The padded number.
-     */
     private _2digit;
     private _createDateWithOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<CNativeDatetimeAdapter, never>;
@@ -155,14 +153,8 @@ declare class DayjsDatetimeAdapter extends DatetimeAdapter<Dayjs> {
 declare const CMAT_DAYJS_DATETIME_FORMATS: CmatDatetimeFormats;
 
 interface DayJsDateAdapterOptions {
-    /**
-     * Turns the use of utc dates on or off.
-     * Changing this will change how Angular Material components like DatePicker output dates.
-     * {@default false}
-     */
     useUtc?: boolean;
 }
-/** InjectionToken for Dayjs date adapter to configure options. */
 declare const CMAT_DAYJS_DATE_ADAPTER_OPTIONS: InjectionToken<DayJsDateAdapterOptions>;
 declare function CMAT_DAYJS_DATE_ADAPTER_OPTIONS_FACTORY(): DayJsDateAdapterOptions;
 declare class DayjsDateAdapter extends DateAdapter<Dayjs> {
@@ -190,19 +182,6 @@ declare class DayjsDateAdapter extends DateAdapter<Dayjs> {
     addCalendarMonths(date: Dayjs, months: number): Dayjs;
     addCalendarDays(date: Dayjs, days: number): Dayjs;
     toIso8601(date: Dayjs): string;
-    /**
-     * Attempts to deserialize a value to a valid date object. This is different from parsing in that
-     * deserialize should only accept non-ambiguous, locale-independent formats (e.g. a ISO 8601
-     * string). The default implementation does not allow any deserialization, it simply checks that
-     * the given value is already a valid date object or null. The `<mat-datepicker>` will call this
-     * method on all of it's `@Input()` properties that accept dates. It is therefore possible to
-     * support passing values from your backend directly to these properties by overriding this method
-     * to also deserialize the format used by your backend.
-     *
-     * @param value The value to be deserialized into a date object.
-     * @returns The deserialized date object, either a valid date, null if the value can be
-     *     deserialized into a null date (e.g. the empty string), or an invalid date.
-     */
     deserialize(value: any): Dayjs | null;
     isDateInstance(obj: any): boolean;
     isValid(date: Dayjs): boolean;
@@ -215,241 +194,91 @@ declare class DayjsDateAdapter extends DateAdapter<Dayjs> {
 
 declare const CMAT_DAYJS_DATE_FORMATS: MatDateFormats;
 
-/**
- * This directive is used to customize the breadcrumb label behavior
- * *cmatBreadcrumbItem directive can be used in the child element of cmat-breadcrumb
- * Usage: refer to the demo - app.component.html
- */
 declare class CmatBreadcrumbItemDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatBreadcrumbItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatBreadcrumbItemDirective, "[cmatBreadcrumbItem]", never, {}, {}, never, never, true, never>;
 }
 
 interface CmatBreadcrumb {
-    /**
-     * actual route path with resolved param. Ex /mentor/2, connect/edit
-     */
     routeLink?: string;
-    /**
-     * route with path params converted to a RegExp
-     * path '/mentor/:id' becomes routeRegex '/mentor/[^/]+', which can be matched against when needed
-     */
     routeRegex?: string;
-    /**
-     * This is additional info on each breadcrumb item whether label is auto generated or user specified
-     * isAutoGeneratedLabel has to be present at component level but not at the service,
-     * since we may need to support multiple breadcrumb components in same app
-     */
     isAutoGeneratedLabel?: boolean;
-    /**
-     * Query params in string form.
-     */
     queryParams?: any;
     fragment?: string;
     routeInterceptor?: (breadcrumb: CmatBreadcrumb, routeLink?: string) => string;
 }
 
-/**
- * Breadcrumb config provided as part of App Route Config
- */
 interface CmatBreadcrumbObject {
-    /**
-     * breadcrumb label for a route
-     */
     label?: string | CmatBreadcrumbFunction;
-    /**
-     * unique alias name for a route path that can be used to dynamically update a route's breadcrumb label via breadcrumbService.set()
-     */
     alias?: string;
-    /**
-     * hide or show the breadcrumb item
-     */
     skip?: boolean;
-    /**
-     * disable a certain breadcrumb in the list. Not clickable.
-     * It may be needed when the routing has the path, but navigating to that path is of no use
-     */
     disable?: boolean;
-    /**
-     * custom data for each breadcrumb that is passed back to ng-template
-     */
     info?: unknown;
-    /**
-     * Interceptor for breadcrumb click action that returns the dynamic path
-     * Consumers can change the breadcrumb routing dynamically with this approach
-     */
     routeInterceptor?: (breadcrumb: CmatBreadcrumb, routeLink?: string) => string;
 }
 type CmatBreadcrumbFunction = (resolvedLabel?: string) => string;
 
 type CmatBreadcrumbDefinition = CmatBreadcrumb & CmatBreadcrumbObject;
-declare class CmatBreadcrumbService implements OnDestroy {
+declare class CmatBreadcrumbService {
     private _activatedRoute;
     private _router;
+    private readonly _destroyRef;
     private _baseHref;
-    private _unsubscribeAll;
-    /**
-     * dynamicBreadcrumbStore holds information about dynamically updated breadcrumbs.
-     * Breadcrumbs can be set from anywhere (component, service) in the app.
-     * On every breadcrumb update check this store and use the info if available.
-     */
-    private _dynamicBreadcrumbStore;
-    /**
-     * breadcrumbList for the current route
-     * When breadcrumb info is changed dynamically, check if the currentBreadcrumbs is effected
-     * If effected, update the change and emit a new stream
-     */
+    private readonly _dynamicBreadcrumbStore;
     private _currentBreadcrumbs;
     private _previousBreadcrumbs;
-    /**
-     * Breadcrumbs observable to be subscribed by BreadcrumbComponent
-     * Emits on every route change OR dynamic update of breadcrumb
-     */
     private _breadcrumbs;
+    private readonly _breadcrumbs$;
     constructor();
     get breadcrumbs$(): Observable<CmatBreadcrumbDefinition[]>;
-    ngOnDestroy(): void;
-    /**
-     * Update breadcrumb dynamically
-     *
-     * key can be a path | alias
-     *
-     * 1) Using complete route path. route can be passed the same way you define angular routes
-     * - path can be passed as 'exact path(routeLink)' or 'path with params(routeRegex)'
-     * - update label Ex: set('/mentor', 'Mentor'), set('/mentor/:id', 'Mentor Details')
-     * - change visibility Ex: set('/mentor/:id/edit', { skip: true })
-     * ------------------------------------------ OR ------------------------------------------
-     * 2) Using route alias (prefixed with '@'). alias should be unique for a route
-     * - update label Ex: set('@mentor', 'Enabler')
-     * - change visibility Ex: set('@mentorEdit', { skip: true })
-     *
-     *
-     * value can be string | BreadcrumbObject | BreadcrumbFunction
-     */
     set(key: string, breadcrumb: string | CmatBreadcrumbObject): void;
-    /**
-     * Whenever route changes build breadcrumb list again
-     */
     private _detectRouteChanges;
     private _setupBreadcrumbs;
     private _getRootBreadcrumb;
     private _prepareBreadcrumbItem;
     private _prepareBreadcrumbList;
     private _getFromStore;
-    /**
-     * use exact match instead of regexp.test
-     * for /mentor/[^/]+ we should match '/mentor/12' but not '/mentor/12/abc'
-     */
     private _matchRegex;
-    /**
-     * if the path segment has route params, read the param value from url
-     * for each segment of route this gets called
-     *
-     * for mentor/:id/view - it gets called with mentor, :id, view 3 times
-     */
     private _resolvePathSegment;
-    /**
-     * queryParams & fragments for previous breadcrumb path are copied over to new list
-     */
     private _getQueryParamsFromPreviousList;
-    /**
-     * set current activated route query params to the last breadcrumb item
-     */
     private _setQueryParamsForActiveBreadcrumb;
-    /**
-     * For a specific route, breadcrumb can be defined either on parent OR it's child(which has empty path)
-     * When both are defined, child takes precedence
-     *
-     * Ex: Below we are setting breadcrumb on both parent and child.
-     * So, child takes precedence and "Defined On Child" is displayed for the route 'home'
-     * { path: 'home', loadChildren: './home/home.module#HomeModule' , data: {breadcrumb: "Defined On Module"}}
-     *                                                AND
-     * children: [
-     *   { path: '', component: ShowUserComponent, data: {breadcrumb: "Defined On Child" }
-     * ]
-     */
     private _parseRouteData;
-    /**
-     * get empty children of a module or Component. Empty child is the one with path: ''
-     * When parent and it's children (that has empty route path) define data merge them both with child taking precedence
-     */
     private _mergeWithBaseChildData;
-    /**
-     * Update the store to reuse for dynamic declarations
-     * If the store already has this route definition update it, else add
-     */
     private _updateStore;
-    /**
-     * If breadcrumb is present in current breadcrumbs update it and emit new stream
-     */
     private _updateCurrentBreadcrumbs;
-    /**
-     * For a route with path param, we create regex dynamically from angular route syntax
-     * '/mentor/:id' becomes '/mentor/[^/]',
-     * breadcrumbService.set('/mentor/:id', 'Uday') should update 'Uday' as label for '/mentor/2' OR 'mentor/ada'
-     */
     private _buildRegex;
     private _ensureLeadingSlash;
-    /**
-     * In App's RouteConfig, breadcrumb can be defined as a string OR a function OR an object
-     *
-     * string: simple static breadcrumb label for a path
-     * function: callback that gets invoked with resolved path param
-     * object: additional data defined along with breadcrumb label that gets passed to *cmatBreadcrumbItem directive
-     */
     private _extractLabel;
     private _extractObject;
+    private _publishCurrentBreadcrumbs;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatBreadcrumbService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatBreadcrumbService>;
 }
 
-declare class CmatBreadcrumbComponent implements OnInit {
-    /**
-     * 面包屑项目可以使用此模板进行自定义
-     * 模板上下文提供标签、附加信息、第一个和最后一个索引
-     * 用例:
-     * 1) 添加图标和标签
-     * 2) i18n. {{breadcrumb | translate}}
-     * 3) 更改文本大小写 {{breadcrumb | titlecase}}
-     */
-    itemTemplate: any;
-    /**
-     * 如果为true，即使没有任何映射标签，面包屑也会自动生成
-     * 默认标签与路由segment相同
-     */
-    autoGenerate: boolean;
-    /**
-     * 默认情况下，查询参数将与breadcrumbs一起保留
-     */
+interface CmatBreadcrumbTemplateContext {
+    $implicit: string | undefined | CmatBreadcrumbFunction;
+    info: unknown;
+    last: boolean;
+    first: boolean;
+    index: number;
+    count: number;
+}
+declare class CmatBreadcrumbComponent {
+    itemTemplate: TemplateRef<CmatBreadcrumbTemplateContext> | null;
+    set autoGenerate(value: boolean);
+    get autoGenerate(): boolean;
     preserveQueryParams: boolean;
-    /**
-     * 默认情况下，fragments参数将与breadcrumbs一起保留
-     */
     preserveFragment: boolean;
-    /**
-     * 可提供覆盖样式，增加特异性
-     */
     class: string;
-    /**
-     * anchorTarget = "_blank" 使breadcrumb链接在新选项卡中打开
-     */
     anchorTarget: '_blank' | void;
-    breadcrumbs$: Observable<CmatBreadcrumbDefinition[]>;
-    separatorTemplate: TemplateRef<any> | null;
-    private _separator;
-    private _breadcrumbService;
+    separatorTemplate: TemplateRef<void> | null;
+    readonly breadcrumbs: i0.Signal<CmatBreadcrumbDefinition[]>;
+    private readonly _breadcrumbService;
+    private readonly _autoGenerate;
+    private readonly _breadcrumbItems;
+    set separator(value: string | void);
     get separator(): string | void;
-    /**
-     * 面包屑分隔符, 默认'/'.
-     * 用户可以通过传递字符串或模板来自定义分隔符
-     *
-     * 字符串 --> Ex: <cmat-breadcrumb separator="-"></cmat-breadcrumb>
-     *
-     * 模板 --> Ex: <cmat-breadcrumb [separator]="separatorTemplate"></cmat-breadcrumb>
-     * <ng-template #separatorTemplate><mat-icon>arrow_right</mat-icon></ng-template>
-     */
-    set separator(value: string | TemplateRef<void>);
-    ngOnInit(): void;
+    private _separator;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatBreadcrumbComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatBreadcrumbComponent, "cmat-breadcrumb", ["cmatBreadcrumb"], { "autoGenerate": { "alias": "autoGenerate"; "required": false; }; "preserveQueryParams": { "alias": "preserveQueryParams"; "required": false; }; "preserveFragment": { "alias": "preserveFragment"; "required": false; }; "class": { "alias": "class"; "required": false; }; "anchorTarget": { "alias": "anchorTarget"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; }, {}, ["itemTemplate"], never, true, never>;
 }
@@ -469,17 +298,8 @@ declare class CmatCardComponent implements OnChanges {
 }
 
 interface CmatCarouselResponsiveOptions {
-    /**
-     * 响应模式的断点。
-     */
     breakpoint: string;
-    /**
-     * 断点上可见项目的数量。
-     */
     numVisible: number;
-    /**
-     * 断点上滚动的项目数。
-     */
     numScroll: number;
 }
 interface CmatCarouselPageEvent {
@@ -492,17 +312,8 @@ interface CmatCarouselTemplates {
     }): TemplateRef<{
         $implicit: any;
     }>;
-    /**
-     * previousicon自定义模板。
-     */
     previousicon(): TemplateRef<any>;
-    /**
-     * nexticon自定义模板。
-     */
     nexticon(): TemplateRef<any>;
-    /**
-     * footer自定义模板。
-     */
     footer(): TemplateRef<any>;
 }
 
@@ -655,6 +466,7 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     private _breakpointObserver;
     private _bottomSheet;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     id: string;
     options: CmatCascadeOptionsInterface[];
     clearable: boolean;
@@ -673,7 +485,6 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     focused: boolean;
     touched: boolean;
     controlType: string;
-    private _unsubscribeAll;
     constructor();
     private _touchUi;
     get touchUi(): boolean;
@@ -740,7 +551,8 @@ declare class CmatChipInputComponent implements MatFormFieldControl<any>, Contro
     separatorKey: string;
     inputControl: FormControl<string | null>;
     filteredOptions$: Observable<string[] | null>;
-    selectedOptions$: BehaviorSubject<any>;
+    private _selectedOptions;
+    readonly selectedOptions$: Observable<any[]>;
     separatorKeysCodes: number[];
     readonly stateChanges: Subject<void>;
     focused: boolean;
@@ -748,7 +560,7 @@ declare class CmatChipInputComponent implements MatFormFieldControl<any>, Contro
     controlType: string;
     autocompleteOptionActive: boolean;
     private readonly _maxFilteredItems;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnDestroy(): void;
     get placeholder(): string;
@@ -785,6 +597,20 @@ declare class CmatChipInputComponent implements MatFormFieldControl<any>, Contro
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatChipInputComponent, "cmat-chip-input", ["cmatChipInput"], { "id": { "alias": "id"; "required": false; }; "selectableOptions": { "alias": "selectableOptions"; "required": false; }; "hasAutocomplete": { "alias": "hasAutocomplete"; "required": false; }; "outputIsString": { "alias": "outputIsString"; "required": false; }; "separatorKey": { "alias": "separatorKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class CmatCodeEditorComponent {
+    value: string;
+    language: string;
+    height: string;
+    readOnly: boolean;
+    options: any;
+    private readonly _document;
+    get model(): NgxEditorModel;
+    get editorOptions(): any;
+    private get _isDarkTheme();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCodeEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCodeEditorComponent, "cmat-code-editor", never, { "value": { "alias": "value"; "required": false; }; "language": { "alias": "language"; "required": false; }; "height": { "alias": "height"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare function addonsExtension(field: FormlyFieldConfig): void;
 
 declare class CmatAddonsWrapperComponent extends FieldWrapper implements AfterViewInit {
@@ -857,7 +683,7 @@ interface ChipsCascadeProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCascadeProps>> implements OnInit, OnDestroy {
+declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCascadeProps>> implements OnInit {
     defaultOptions: {
         props: {
             clearable: boolean;
@@ -870,10 +696,9 @@ declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCa
     private _http;
     private _changeDetectorRef;
     private _cmatMediaWatcherService;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatCascadeTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatCascadeTypeComponent, "cmat-cascade-type", never, {}, {}, never, never, true, never>;
 }
@@ -888,7 +713,7 @@ interface CheckListProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatCheckListTypeComponent extends FieldType<FieldTypeConfig<CheckListProps>> implements OnInit, OnDestroy {
+declare class CmatCheckListTypeComponent extends FieldType<FieldTypeConfig<CheckListProps>> implements OnInit {
     isIndeterminate: boolean;
     isChecked: boolean;
     urlData: [];
@@ -896,13 +721,13 @@ declare class CmatCheckListTypeComponent extends FieldType<FieldTypeConfig<Check
     checklist: any[];
     filteredData: any[];
     private _http;
+    private readonly _destroyRef;
     private _filteredItems;
-    private _unsubscribeAll;
+    private readonly _filteredItems$;
     constructor();
     get filteredItems$(): Observable<any[] | null>;
     get datas(): any[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     trackByFn(index: number, item: any): any;
     filterByQuery(event: any): void;
     toggleCheckList(data: any, event: any): void;
@@ -923,14 +748,13 @@ interface ChipsInputProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatChipsInputTypeComponent extends FieldType<FieldTypeConfig<ChipsInputProps>> implements OnInit, OnDestroy {
+declare class CmatChipsInputTypeComponent extends FieldType<FieldTypeConfig<ChipsInputProps>> implements OnInit {
     autocompleteUrlData: [];
     private _http;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     get autocompleteText(): string[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatChipsInputTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatChipsInputTypeComponent, "cmat-chips-input-type", never, {}, {}, never, never, true, never>;
 }
@@ -967,7 +791,7 @@ interface DatepickerProps extends CustomFormFieldProps {
     twelvehour: boolean;
     timeInput: boolean;
 }
-declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<DatepickerProps>> implements OnInit, OnDestroy {
+declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<DatepickerProps>> implements OnInit {
     defaultOptions: {
         props: {
             startView: "month";
@@ -984,10 +808,9 @@ declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<Date
     isHandSet: boolean;
     private _changeDetectorRef;
     private _cmatMediaWatcherService;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatepickerTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatepickerTypeComponent, "cmat-datepicker-type", never, {}, {}, never, never, true, never>;
 }
@@ -1004,7 +827,7 @@ interface MultiCheckboxProps extends CustomFormFieldProps {
 interface FormlyMultiCheckboxFieldConfig extends FormlyFieldConfig<MultiCheckboxProps> {
     type: 'multicheckbox' | Type$2<CmatMultiCheckboxTypeComponent>;
 }
-declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeConfig<MultiCheckboxProps>> implements OnInit, OnDestroy {
+declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeConfig<MultiCheckboxProps>> implements OnInit {
     checkboxes: QueryList<MatCheckbox>;
     defaultOptions: {
         props: {
@@ -1015,13 +838,13 @@ declare class CmatMultiCheckboxTypeComponent extends FieldType<FieldTypeConfig<M
         };
     };
     private _http;
+    private readonly _destroyRef;
     private _urlData;
-    private _unsubscribeAll;
+    private readonly _urlData$;
     constructor();
     get urlData$(): Observable<any[]>;
     onChange(value: any, checked: boolean): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     isChecked(option: any): any;
     trackByFn(index: number): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatMultiCheckboxTypeComponent, never>;
@@ -1078,7 +901,7 @@ interface RadioProps extends CustomFormFieldProps {
 interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {
     type: 'radio' | Type$2<CmatRadioTypeComponent>;
 }
-declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<RadioProps>> implements OnInit, AfterViewInit, OnDestroy {
+declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<RadioProps>> implements OnInit, AfterViewInit {
     radioGroup: MatRadioGroup;
     defaultOptions: {
         props: {
@@ -1091,7 +914,8 @@ declare class CmatRadioTypeComponent extends FieldType<FieldTypeConfig<RadioProp
     private _http;
     private focusObserver;
     private _urlData;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
+    private readonly _urlData$;
     constructor();
     get urlData$(): Observable<any[]>;
     ngOnInit(): void;
@@ -1144,12 +968,11 @@ declare class CmatSelectTypeComponent extends FieldType<FieldTypeConfig<SelectPr
     isChecked: boolean;
     multiFilterCtrl: FormControl;
     private _http;
+    private readonly _destroyRef;
     private _urlData;
-    private _unsubscribeAll;
     constructor();
     get datas(): any[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     getAriaLabelledby(): string;
     getAriaLabel(): string;
     toggleSelectAll(selectAllValue: boolean): void;
@@ -1188,10 +1011,9 @@ declare class CmatSelectTreeTypeComponent extends FieldType$1<FieldTypeConfig<Se
     urlData: [];
     private _http;
     private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTreeTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTreeTypeComponent, "cmat-select-tree-type", never, {}, {}, never, never, true, never>;
 }
@@ -1220,10 +1042,9 @@ declare class CmatSelectTableTypeComponent extends FieldType$1<FieldTypeConfig<S
     urlData: CmatSelectTableDataSource$1<CmatSelectTableRow$1>;
     private _http;
     private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTableTypeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTableTypeComponent, "cmat-select-table-type", never, {}, {}, never, never, true, never>;
 }
@@ -1296,7 +1117,7 @@ interface TagsProps extends CustomFormFieldProps {
         value?: string;
     };
 }
-declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>> implements OnInit, OnDestroy {
+declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>> implements OnInit {
     private _tagsPanelOrigin;
     private _tagsPanel;
     urlData: [];
@@ -1305,14 +1126,14 @@ declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>
     private _overlay;
     private _viewContainerRef;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _filteredItems;
+    private readonly _filteredItems$;
     private _tagsPanelOverlayRef;
-    private _unsubscribeAll;
     constructor();
     get filteredItems$(): Observable<any[] | null>;
     get tags(): any[];
     ngOnInit(): void;
-    ngOnDestroy(): void;
     openTagsPanel(): void;
     filterTags(event: any): void;
     toggleTag(tag: any): void;
@@ -1381,12 +1202,11 @@ declare class CmatQuillTypeComponent extends FieldType<FieldTypeConfig<QuillProp
     private _fileService;
     private _urlStateConfigService;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _editorInstance;
     private _imgIds;
     private _config;
-    private _unsubscribeAll;
     constructor();
-    ngOnDestroy(): void;
     ngAfterViewInit(): void;
     fileChangeEvent(file: any): void;
     editorCreated(editorInstance: any): void;
@@ -1497,111 +1317,50 @@ declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, On
     private _timeRange;
     private _readonly;
     private readonly _timeRegExp;
-    private _unsubscribeAll;
     constructor();
     get readonly(): boolean;
     set readonly(value: boolean);
     get dateFormat(): string;
     set dateFormat(value: string);
-    /**
-     * Setter & getter for timeFormat input */
     get timeFormat(): string;
     set timeFormat(value: string);
-    /**
-     * Setter & getter for timeRange input */
     get timeRange(): boolean;
     set timeRange(value: boolean);
-    /**
-     * Setter & getter for range input */
     get range(): any;
     set range(value: any);
-    /**
-     * Update the form model on change
-     *
-     * @param fn
-     */
     registerOnChange(fn: any): void;
-    /**
-     * Update the form model on blur
-     *
-     * @param fn
-     */
     registerOnTouched(fn: any): void;
-    /**
-     * Write to view from model when the form model changes programmatically
-     *
-     * @param range
-     */
     writeValue(range: {
         start: string;
         end: string;
     }): void;
     ngOnInit(): void;
-    /**
-     * On destroy
-     */
     ngOnDestroy(): void;
-    /**
-     * Open the picker panel
-     */
     openPickerPanel(): void;
-    /**
-     * Get month label
-     *
-     * @param month
-     */
     getMonthLabel(month: number): string | void;
-    /**
-     * Date class function to add/remove class names to calendar days
-     */
     dateClass(): any;
-    /**
-     * Date filter to enable/disable calendar days
-     */
     dateFilter(): any;
-    /**
-     * On selected date change
-     *
-     * @param date
-     */
     onSelectedDateChange(date: Dayjs): void;
-    /**
-     * Go to previous month on both views
-     */
     prev(): void;
-    /**
-     * Go to next month on both views
-     */
     next(): void;
-    /**
-     * Update the start time
-     *
-     * @param event
-     */
     updateStartTime(event: any): void;
-    /**
-     * Update the end time
-     *
-     * @param event
-     */
     updateEndTime(event: any): void;
-    /**
-     * Initialize
-     *
-     * @private
-     */
     private _init;
-    /**
-     * Parse the time from the inputs
-     *
-     * @param value
-     * @private
-     */
     private _parseTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateRangeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateRangeComponent, "cmat-date-range", ["cmatDateRange"], { "controlClass": { "alias": "controlClass"; "required": false; }; "initData": { "alias": "initData"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeRange": { "alias": "timeRange"; "required": false; }; "range": { "alias": "range"; "required": false; }; }, { "rangeChanged": "rangeChanged"; }, never, never, true, never>;
 }
 
+declare class CmatDateTimeDisplayComponent {
+    value: string | number | Date | null | undefined;
+    format: string;
+    timezone: string;
+    prefix: string;
+    emptyText: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateTimeDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateTimeDisplayComponent, "cmat-date-time-display", never, { "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 type CmatDrawerMode = 'over' | 'side';
 type CmatDrawerPosition = 'left' | 'right';
 
@@ -1637,36 +1396,10 @@ declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
     open(): void;
     close(): void;
     toggle(): void;
-    /**
-     * Enable the animations
-     *
-     * @private
-     */
     private _enableAnimations;
-    /**
-     * Disable the animations
-     *
-     * @private
-     */
     private _disableAnimations;
-    /**
-     * Show the backdrop
-     *
-     * @private
-     */
     private _showOverlay;
-    /**
-     * Hide the backdrop
-     *
-     * @private
-     */
     private _hideOverlay;
-    /**
-     * Open/close the drawer
-     *
-     * @param open
-     * @private
-     */
     private _toggleOpened;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDrawerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDrawerComponent, "cmat-drawer", ["cmatDrawer"], { "fixed": { "alias": "fixed"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transparentOverlay": { "alias": "transparentOverlay"; "required": false; }; }, { "fixedChanged": "fixedChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["*"], true, never>;
@@ -1674,232 +1407,70 @@ declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
 
 declare class CmatDrawerService {
     private _componentRegistry;
-    /**
-     * Register drawer component
-     *
-     * @param name
-     * @param component
-     */
     registerComponent(name: string, component: CmatDrawerComponent): void;
-    /**
-     * Deregister drawer component
-     *
-     * @param name
-     */
     deregisterComponent(name: string): void;
-    /**
-     * Get drawer component from the registry
-     *
-     * @param name
-     */
     getComponent(name: string): CmatDrawerComponent | void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDrawerService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatDrawerService>;
 }
 
 declare class CmatEmptyStateComponent {
-    /**
-     * 图标名称。
-     */
     icon: string;
-    /**
-     * 标题。
-     */
     title: string;
-    /**
-     * 说明文字。
-     */
     description: string;
-    /**
-     * 按钮文字。
-     */
     ctaLabel: string;
-    /**
-     * 按钮是否禁用。
-     */
     ctaDisabled: boolean;
-    /**
-     * 点击按钮事件。
-     */
     ctaClick: EventEmitter<void>;
-    /**
-     * 触发操作。
-     */
     emitAction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatEmptyStateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatEmptyStateComponent, "cmat-empty-state", never, { "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; }; "ctaDisabled": { "alias": "ctaDisabled"; "required": false; }; }, { "ctaClick": "ctaClick"; }, never, never, true, never>;
 }
 
-declare class CmatFullscreenComponent {
-    iconTpl: TemplateRef<any>;
-    tooltip: string;
-    private _document;
-    toggleFullscreen(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFullscreenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFullscreenComponent, "cmat-fullscreen", ["cmatFullscreen"], { "iconTpl": { "alias": "iconTpl"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, true, never>;
+declare class CmatFilePreviewComponent {
+    name: string;
+    description: string;
+    fileType: string;
+    size: string;
+    src: any;
+    previewImage: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFilePreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFilePreviewComponent, "cmat-file-preview", never, { "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "fileType": { "alias": "fileType"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "previewImage": { "alias": "previewImage"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class CmatFilterToolbarComponent implements OnInit, OnDestroy {
-    /**
-     * 标题。
-     */
+declare class CmatFilterToolbarComponent implements OnInit {
     title: string;
-    /**
-     * 说明文字。
-     */
     description: string;
-    /**
-     * 搜索框占位符。
-     */
     searchPlaceholder: string;
-    /**
-     * 是否显示搜索框。
-     */
     showSearch: boolean;
-    /**
-     * 当前搜索内容。
-     */
     searchText: string;
-    /**
-     * 是否允许清空搜索内容。
-     */
     clearable: boolean;
-    /**
-     * 搜索内容变化事件。
-     */
     searchTextChange: EventEmitter<string>;
-    /**
-     * 清空事件。
-     */
     clear: EventEmitter<void>;
-    /**
-     * 搜索提交事件。
-     */
     searchSubmit: EventEmitter<string>;
     hostClass: string;
     searchControl: FormControl<string | null>;
-    private readonly _unsubscribeAll;
-    /**
-     * 初始化搜索联动。
-     */
+    private readonly _destroyRef;
     ngOnInit(): void;
-    /**
-     * 释放订阅。
-     */
-    ngOnDestroy(): void;
-    /**
-     * 提交搜索。
-     */
     submitSearch(): void;
-    /**
-     * 清空搜索。
-     */
     clearSearch(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatFilterToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatFilterToolbarComponent, "cmat-filter-toolbar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, { "searchTextChange": "searchTextChange"; "clear": "clear"; "searchSubmit": "searchSubmit"; }, never, ["[cmatFilterToolbarActions]"], true, never>;
 }
 
-declare class CmatFilePreviewComponent {
-    /**
-     * 文件名。
-     */
-    name: string;
-    /**
-     * 文件描述。
-     */
-    description: string;
-    /**
-     * 文件类型。
-     */
-    fileType: string;
-    /**
-     * 文件大小。
-     */
-    size: string;
-    /**
-     * 预览地址。
-     */
-    src: any;
-    /**
-     * 是否预览图片。
-     */
-    previewImage: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFilePreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFilePreviewComponent, "cmat-file-preview", never, { "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "fileType": { "alias": "fileType"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "previewImage": { "alias": "previewImage"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CmatInlineLoadingComponent {
-    /**
-     * 说明文字。
-     */
-    message: string;
-    /**
-     * 圆环大小。
-     */
-    diameter: number;
-    /**
-     * 是否显示文字。
-     */
-    showText: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatInlineLoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatInlineLoadingComponent, "cmat-inline-loading", never, { "message": { "alias": "message"; "required": false; }; "diameter": { "alias": "diameter"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CmatCodeEditorComponent {
-    /**
-     * 编辑器内容。
-     */
-    value: string;
-    /**
-     * 编程语言。
-     */
-    language: string;
-    /**
-     * 编辑器高度。
-     */
-    height: string;
-    /**
-     * 是否只读。
-     */
-    readOnly: boolean;
-    /**
-     * 编辑器配置。
-     */
-    options: any;
-    private readonly _document;
-    /**
-     * Monaco 模型。
-     */
-    get model(): NgxEditorModel;
-    get editorOptions(): any;
-    private get _isDarkTheme();
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCodeEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCodeEditorComponent, "cmat-code-editor", never, { "value": { "alias": "value"; "required": false; }; "language": { "alias": "language"; "required": false; }; "height": { "alias": "height"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+declare class CmatFormActionsComponent {
+    align: 'start' | 'center' | 'end';
+    divider: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFormActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFormActionsComponent, "cmat-form-actions", never, { "align": { "alias": "align"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["[cmatFormActionsLeft]", "[cmatFormActions]"], true, never>;
 }
 
-declare class CmatDateTimeDisplayComponent {
-    /**
-     * 日期值。
-     */
-    value: string | number | Date | null | undefined;
-    /**
-     * 格式化模板。
-     */
-    format: string;
-    /**
-     * 时区。
-     */
-    timezone: string;
-    /**
-     * 前缀文字。
-     */
-    prefix: string;
-    /**
-     * 无值占位文字。
-     */
-    emptyText: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateTimeDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateTimeDisplayComponent, "cmat-date-time-display", never, { "value": { "alias": "value"; "required": false; }; "format": { "alias": "format"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, {}, never, never, true, never>;
+declare class CmatFullscreenComponent {
+    iconTpl: TemplateRef<any>;
+    tooltip: string;
+    private _document;
+    toggleFullscreen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFullscreenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFullscreenComponent, "cmat-fullscreen", ["cmatFullscreen"], { "iconTpl": { "alias": "iconTpl"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class CmatHighlightComponent implements OnChanges, AfterViewInit {
@@ -1937,21 +1508,9 @@ declare class CmatImageComponent {
     width: number | undefined;
     height: number | undefined;
     loading: 'lazy' | 'eager' | undefined;
-    /**
-     * 要附加对话框的目标元素，有效值是“body”或另一个元素的本地ng模板变量（注意：使用带括号的绑定来绑定模板变量，例如[appedTo]=“mydiv”用于变量名为#mydiv的div元素）。
-     */
     appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined;
-    /**
-     * 启动预览功能。
-     */
     preview: boolean;
-    /**
-     * 监听预览显示/隐藏.
-     */
     previewShowChange: EventEmitter<boolean>;
-    /**
-     * 如果加载图像文件时发生错误，则会触发此事件.
-     */
     imageErrorEvent: EventEmitter<Event>;
     el: ElementRef<any>;
     maskVisible: boolean;
@@ -1994,6 +1553,14 @@ declare class CmatImageComponent {
     static ngAcceptInputType_preview: unknown;
 }
 
+declare class CmatInlineLoadingComponent {
+    message: string;
+    diameter: number;
+    showText: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatInlineLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatInlineLoadingComponent, "cmat-inline-loading", never, { "message": { "alias": "message"; "required": false; }; "diameter": { "alias": "diameter"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class CmatJsonEditorComponent implements OnInit, OnChanges, OnDestroy {
     options: any;
     data: any;
@@ -2071,7 +1638,7 @@ declare class CmatKnobInputComponent implements MatFormFieldControl<any>, OnDest
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     protected _disabled: boolean;
-    onKeyDown(event: KeyboardEvent): void;
+    onKeyDown(event: Event): void;
     onMouseDown(event: MouseEvent): void;
     onMouseUp(event: MouseEvent): void;
     onTouchStart(event: TouchEvent): void;
@@ -2175,17 +1742,11 @@ declare enum CmatDatetimepickerFilterType {
     MINUTE = 2
 }
 
-/** Possible types for datetimepicker. */
 type CmatDatetimepickerType = 'date' | 'time' | 'month' | 'year' | 'datetime';
-/** Possible views for datetimepicker calendar. */
 type CmatCalendarView = 'clock' | 'month' | 'year' | 'multi-year';
-/** Possible types for AM / PM */
 type CmatAMPM = 'AM' | 'PM';
-/** Possible modes for datetimepicker dropdown display. */
 type CmatDatetimepickerMode = 'auto' | 'portrait' | 'landscape';
-/** Possible positions for the datetimepicker dropdown along the X axis. */
 type DatetimepickerDropdownPositionX = 'start' | 'end';
-/** Possible positions for the datetimepicker dropdown along the Y axis. */
 type DatetimepickerDropdownPositionY = 'above' | 'below';
 type CmatClockView = 'hour' | 'minute';
 
@@ -2193,24 +1754,17 @@ declare const CLOCK_RADIUS = 50;
 declare const CLOCK_INNER_RADIUS = 27.5;
 declare const CLOCK_OUTER_RADIUS = 41.25;
 declare const CLOCK_TICK_RADIUS = 7.0833;
-/**
- * A clock that is used as part of the datepicker.
- */
 declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit {
     userSelection: EventEmitter<void>;
-    /** A function used to filter which dates are selectable. */
     dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
     interval: number;
     twelvehour: boolean;
-    /** Emits when the currently selected date changes. */
     selectedChange: EventEmitter<D>;
     activeDateChange: EventEmitter<D>;
     role: string;
     class: string;
-    /** Hours and Minutes representing the clock view. */
     hours: any[];
     minutes: any[];
-    /** Whether the clock is in hour view. */
     hourView: boolean;
     selectedHour: number;
     selectedMinute: number;
@@ -2224,58 +1778,35 @@ declare class CmatDatetimepickerClockComponent<D> implements AfterContentInit {
     private _minDate;
     private _maxDate;
     constructor();
-    /**
-     * The date to display in this clock view.
-     */
     get activeDate(): D;
     set activeDate(value: D);
-    /** The currently selected date. */
     get selected(): D | null;
     set selected(value: D | null);
-    /** The minimum selectable date. */
     get minDate(): D | null;
     set minDate(value: D | null);
-    /** The maximum selectable date. */
     get maxDate(): D | null;
     set maxDate(value: D | null);
-    /** Whether the clock should be started in hour or minute view. */
     set startView(value: CmatClockView);
     get hand(): any;
-    /** Handles mousedown events on the clock body. */
     handleMousedown(event: MouseEvent): void;
     ngAfterContentInit(): void;
     handleMousemove(event: any): void;
     handleMouseup(): void;
-    /** Initializes this clock view. */
     private _init;
-    /**
-     * Set Time
-     *
-     * @param event
-     */
     private _setTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerClockComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerClockComponent<any>, "cmat-datetimepicker-clock", ["cmatDatetimepickerClock"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "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; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; }, never, never, true, never>;
 }
 
-/**
- * A calendar that is used as part of the datepicker.
- */
 declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit, OnDestroy {
     userSelection: EventEmitter<void>;
-    /** Active multi year view when click on year. */
     multiYearSelector: boolean;
-    /** Whether the calendar should be started in month or year view. */
     startView: CmatCalendarView;
     twelvehour: boolean;
     timeInterval: number;
-    /** A function used to filter which dates are selectable. */
     dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
-    /** Prevent user to select same date time */
     preventSameDateTimeSelection: boolean;
-    /** Emits when the currently selected date changes. */
     selectedChange: EventEmitter<D>;
-    /** Emits when the view has been changed. **/
     viewChanged: EventEmitter<CmatCalendarView>;
     class: string;
     label: string;
@@ -2284,7 +1815,6 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     AMPM: CmatAMPM;
     clockView: CmatClockView;
     calendarState: string;
-    /** Whether the calendar is in month view. */
     private _elementRef;
     private _intl;
     private _adapter;
@@ -2303,34 +1833,20 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     constructor();
     get type(): CmatDatetimepickerType;
     set type(value: CmatDatetimepickerType);
-    /** A date representing the period (month or year) to start the calendar in. */
     get startAt(): D | null;
     set startAt(value: D | null);
-    /**
-     * 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
-     */
     get timeInput(): boolean;
     set timeInput(value: boolean);
-    /** The currently selected date. */
     get selected(): D | null;
     set selected(value: D | null);
-    /** The minimum selectable date. */
     get minDate(): D | null;
     set minDate(value: D | null);
-    /** The maximum selectable date. */
     get maxDate(): D | null;
     set maxDate(value: D | null);
-    /**
-     * The current active date. This determines which time period is shown and which date is
-     * highlighted when using keyboard navigation.
-     */
     get activeDate(): D;
     set activeDate(value: D);
     get currentView(): CmatCalendarView;
     set currentView(view: CmatCalendarView);
-    /** The label for the current calendar view. */
     get yearButtonText(): string;
     get yearPeriodText(): string;
     get yearButtonLabel(): string;
@@ -2343,16 +1859,12 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     get prevButtonLabel(): string;
     get nextButtonLabel(): string;
     handleCalendarBodyKeydown(event: KeyboardEvent): void;
-    /** Date filter for the month and year views. */
     dateFilterForViews: (date: D) => boolean;
     userSelected(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    /** Handles date selection in the month view. */
     dateSelected(date: D): void;
-    /** Handles month selection in the year view. */
     monthSelected(month: D): void;
-    /** Handles year selection in the multi year view. */
     yearSelected(year: D): void;
     timeSelected(date: D): void;
     dialTimeSelected(date: D): void;
@@ -2364,35 +1876,18 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     dateClicked(): void;
     hoursClicked(): void;
     minutesClicked(): void;
-    /** Handles user clicks on the previous button. */
     previousClicked(): void;
-    /** Handles user clicks on the next button. */
     nextClicked(): void;
-    /** Whether the previous period button is enabled. */
     previousEnabled(): boolean;
-    /** Whether the next period button is enabled. */
     nextEnabled(): boolean;
     focusActiveCell(): void;
     calendarStateDone(event: AnimationEvent): void;
-    /** Whether the two dates represent the same view in the current view mode (month or year). */
     private _isSameView;
-    /** Handles keydown events on the calendar body when calendar is in month view. */
     private _handleCalendarBodyKeydownInMonthView;
-    /** Handles keydown events on the calendar body when calendar is in year view. */
     private _handleCalendarBodyKeydownInYearView;
-    /** Handles keydown events on the calendar body when calendar is in multi-year view. */
     private _handleCalendarBodyKeydownInMultiYearView;
-    /** Handles keydown events on the calendar body when calendar is in month view. */
     private _handleCalendarBodyKeydownInClockView;
-    /**
-     * Determine the date for the month that comes before the given month in the same column in the
-     * calendar table.
-     */
     private _prevMonthInSameCol;
-    /**
-     * Determine the date for the month that comes after the given month in the same column in the
-     * calendar table.
-     */
     private _nextMonthInSameCol;
     private _changeCalendarState;
     private _2digit;
@@ -2400,9 +1895,6 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerCalendarComponent<any>, "cmat-datetimepicker-calendar", ["cmatDatetimepickerCalendar"], { "multiYearSelector": { "alias": "multiYearSelector"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "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; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; "viewChanged": "viewChanged"; }, never, never, true, never>;
 }
 
-/**
- * An internal class that represents the data corresponding to a single calendar cell.
- */
 declare class CmatDatetimepickerCalendarCellComponent {
     value: number;
     displayValue: string;
@@ -2410,30 +1902,17 @@ declare class CmatDatetimepickerCalendarCellComponent {
     enabled: boolean;
     constructor(value: number, displayValue: string, ariaLabel: string, enabled: boolean);
 }
-/**
- * An internal component used to display calendar data in a table.
- */
 declare class CmatDatetimepickerCalendarBodyComponent {
-    /** The label for the table. (e.g. "Jan 2017"). */
     label: string;
-    /** The cells to display in the table. */
     rows: CmatDatetimepickerCalendarCellComponent[][];
-    /** The value in the table that corresponds to today. */
     todayValue: number | null;
-    /** The value in the table that is currently selected. */
     selectedValue: number | null;
-    /** The minimum number of free cells needed to fit the label in the first row. */
     labelMinRequiredCells: number;
-    /** The number of columns in the table. */
     numCols: number;
-    /** Whether to allow selection of disabled cells. */
     allowDisabledSelection: boolean;
-    /** The cell number of the active cell in the table. */
     activeCell: number;
-    /** Emits when a new value is selected. */
     selectedValueChange: EventEmitter<number>;
     class: string;
-    /** The number of blank cells to put at the beginning for the first row. */
     get _firstRowOffset(): number;
     cellClicked(cell: CmatDatetimepickerCalendarCellComponent): void;
     isActiveCell(rowIndex: number, colIndex: number): boolean;
@@ -2443,29 +1922,18 @@ declare class CmatDatetimepickerCalendarBodyComponent {
 
 declare const CMAT_DATETIMEPICKER_VALUE_ACCESSOR: any;
 declare const CMAT_DATETIMEPICKER_VALIDATORS: any;
-/**
- * An event used for datepicker input and change events. We don't always have access to a native
- * input or change event because the event may have been triggered by the user clicking on the
- * calendar popup. For consistency, we always use MatDatepickerInputEvent instead.
- */
 declare class CmatDatetimepickerInputEvent<D> {
     target: CmatDatetimepickerInputDirective<D>;
     targetElement: HTMLElement;
-    /** The new value for the target datepicker input. */
     value: D | null;
     constructor(target: CmatDatetimepickerInputDirective<D>, targetElement: HTMLElement);
 }
-/** Directive used to connect an input to a MatDatepicker. */
 declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, ControlValueAccessor, OnDestroy, Validator {
-    /** Emits when a `change` event is fired on this `<input>`. */
     dateChange: EventEmitter<CmatDatetimepickerInputEvent<D>>;
-    /** Emits when an `input` event is fired on this `<input>`. */
     dateInput: EventEmitter<CmatDatetimepickerInputEvent<D>>;
     datetimepicker: CmatDatetimepickerComponent<D>;
     dateFilter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
-    /** Emits when the value changes (either due to user input or programmatic change). */
     valueChange: EventEmitter<D | null>;
-    /** Emits when the disabled state has changed */
     disabledChange: EventEmitter<boolean>;
     private _elementRef;
     private _dateAdapter;
@@ -2473,39 +1941,27 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
     private _formField;
     private _datepickerSubscription;
     private _localeSubscription;
-    /** Whether the last value set on the input was valid. */
     private _lastValueValid;
     private _value;
     private _min;
     private _max;
     private _disabled;
     constructor();
-    /** The datepicker that this input is associated with. */
     set cmatDatetimepicker(value: CmatDatetimepickerComponent<D>);
     set cmatDatepickerFilter(filter: (date: D | null, type: CmatDatetimepickerFilterType) => boolean);
-    /** The value of the input. */
     get value(): D | null;
     set value(value: D | null);
-    /** The minimum valid date. */
     get min(): D | null;
     set min(value: D | null);
-    /** The maximum valid date. */
     get max(): D | null;
     set max(value: D | null);
-    /** Whether the datepicker-input is disabled. */
     get disabled(): boolean;
     set disabled(value: any);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     registerOnValidatorChange(fn: VoidFunction): void;
     validate(c: AbstractControl): ValidationErrors | null;
-    /**
-     * Gets the element that the datepicker popup should be connected to.
-     *
-     * @return The element to connect the popup to.
-     */
     getConnectedOverlayOrigin(): ElementRef;
-    /** Gets the ID of an element that should be used a description for the calendar overlay. */
     getOverlayLabelId(): string | null;
     writeValue(value: D): void;
     registerOnChange(fn: (value: any) => void): void;
@@ -2514,9 +1970,7 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
     onKeydown(event: KeyboardEvent): void;
     onInput(value: string): void;
     onChange(): void;
-    /** Handles blur events on the input. */
     onBlur(): void;
-    /** Returns the palette used by the input's form field, if any. */
     getThemePalette(): ThemePalette;
     private _registerDatetimepicker;
     private _getDisplayFormat;
@@ -2524,23 +1978,16 @@ declare class CmatDatetimepickerInputDirective<D> implements AfterContentInit, C
     private _onTouched;
     private _cvaOnChange;
     private _validatorOnChange;
-    /** The form control validator for whether the input parses. */
     private _parseValidator;
-    /** The form control validator for the min date. */
     private _minValidator;
-    /** The form control validator for the max date. */
     private _maxValidator;
-    /** The form control validator for the date filter. */
     private _filterValidator;
-    /** The combined form control validator for this input. */
     private _validator;
-    /** Formats a value and sets it on the input element. */
     private _formatValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerInputDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerInputDirective<any>, "input[cmatDatetimepicker]", ["cmatDatepickerInput"], { "cmatDatetimepicker": { "alias": "cmatDatetimepicker"; "required": false; }; "cmatDatepickerFilter": { "alias": "cmatDatepickerFilter"; "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>;
 }
 
-/** Injection token that determines the scroll handling while the calendar is open. */
 declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
 declare function CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
 declare const CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER: {
@@ -2552,13 +1999,9 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
     _calendar: CmatDatetimepickerCalendarComponent<D>;
     color: ThemePalette;
     datetimepicker: CmatDatetimepickerComponent<D>;
-    /** Whether the datetimepicker is above or below the input. */
     isAbove: boolean;
-    /** Current state of the animation. */
     animationState: 'enter-dropdown' | 'enter-dialog' | 'leave';
-    /** Emits when an animation has finished. */
     readonly animationDone: Subject<void>;
-    /** Id of the label for the `role="dialog"` element. */
     dialogLabelId: string | null;
     protected _elementRef: ElementRef<any>;
     private _changeDetectorRef;
@@ -2571,29 +2014,18 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerContentComponent<any>, "cmat-datetimepicker-content", ["cmatDatetimepickerContent"], { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class CmatDatetimepickerComponent<D> implements OnDestroy {
-    /** The view that the calendar should start in. */
     startView: CmatCalendarView;
     mode: CmatDatetimepickerMode;
     timeInterval: number;
-    /** Prevent user to select same date time */
     preventSameDateTimeSelection: boolean;
-    /** Preferred position of the datetimepicker in the X axis. */
     xPosition: DatetimepickerDropdownPositionX;
-    /** Preferred position of the datetimepicker in the Y axis. */
     yPosition: DatetimepickerDropdownPositionY;
     selectedChanged: EventEmitter<D>;
-    /** Emits when the datepicker has been opened. */
     openedStream: EventEmitter<void>;
-    /** Emits when the datepicker has been closed. */
     closedStream: EventEmitter<void>;
-    /** Emits when the view has been changed. **/
     viewChanged: EventEmitter<CmatCalendarView>;
-    /** Whether the calendar is open. */
-    /** The id for the datepicker calendar. */
     id: string;
-    /** The input element this datepicker is associated with. */
     datetimepickerInput: CmatDatetimepickerInputDirective<D>;
-    /** Emits when the datepicker is disabled. */
     disabledChange: Subject<boolean>;
     private _overlay;
     private _injector;
@@ -2603,13 +2035,9 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _dir;
     private _document;
     private _validSelected;
-    /** A reference to the overlay into which we've rendered the calendar. */
     private _overlayRef;
-    /** Reference to the component instance rendered in the overlay. */
     private _componentRef;
-    /** The element that was focused before the datetimepicker was opened. */
     private _focusedElementBeforeOpen;
-    /** Unique class that will be added to the backdrop so that the test harnesses can look it up. */
     private _backdropHarnessClass;
     private _inputStateChanges;
     private _multiYearSelector;
@@ -2624,170 +2052,92 @@ declare class CmatDatetimepickerComponent<D> implements OnDestroy {
     private _timeInput;
     private _restoreFocus;
     constructor();
-    /** Whether to show multi-year view. */
     get multiYearSelector(): boolean;
     set multiYearSelector(value: boolean);
-    /** Whether the clock uses 12 hour format. */
     get twelvehour(): boolean;
     set twelvehour(value: boolean);
-    /**
-     * 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[]);
-    /** Whether the calendar is open. */
     get opened(): boolean;
     set opened(value: boolean);
-    /** Color palette to use on the datetimepicker's calendar. */
     get color(): ThemePalette;
     set color(value: ThemePalette);
-    /** The date to open the calendar to initially. */
     get startAt(): D | null;
     set startAt(date: D | null);
     get type(): CmatDatetimepickerType;
     set type(value: CmatDatetimepickerType);
-    /**
-     * 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.
-     */
     get timeInput(): boolean;
     set timeInput(value: boolean);
-    /**
-     * Whether the calendar UI is in touch mode. In touch mode the calendar opens in a dialog rather
-     * than a popup and elements have more padding to allow for bigger touch targets.
-     */
     get touchUi(): boolean;
     set touchUi(value: boolean);
-    /** Whether the datepicker pop-up should be disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
-    /**
-     * 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);
-    /** The currently selected date. */
     get selected(): D | null;
     set selected(value: D | null);
-    /** The minimum selectable date. */
     get minDate(): D | null;
-    /** The maximum selectable date. */
     get maxDate(): D | null;
     get dateFilter(): (date: D | null, type: CmatDatetimepickerFilterType) => boolean;
     ngOnDestroy(): void;
-    /**
-     * Register an input with this datepicker.
-     *
-     * @param input The datepicker input to register with this datepicker.
-     */
     registerInput(input: CmatDatetimepickerInputDirective<D>): void;
-    /** Open the calendar. */
     open(): void;
-    /** Close the calendar. */
     close(): void;
-    /** Selects the given date */
     select(date: D): void;
     viewChange(type: CmatCalendarView): void;
-    /**
-     *  relevant values from the datetimepicker to the
-     * datetimepicker content inside the overlay.
-     */
     private _forwardContentValues;
-    /** Opens the overlay with the calendar. */
     private _openOverlay;
-    /** Destroys the current overlay. */
     private _destroyOverlay;
-    /** Gets a position strategy that will open the calendar as a dropdown. */
     private _getDialogStrategy;
-    /** Gets a position strategy that will open the calendar as a dropdown. */
     private _getDropdownStrategy;
-    /**
-     * Sets the positions of the datetimepicker in dropdown mode based on the current configuration.
-     */
     private _setConnectedPositions;
-    /** Gets an observable that will emit when the overlay is supposed to be closed. */
     private _getCloseStream;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerComponent<any>, never>;
     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>;
 }
 
 declare class CmatDatetimepickerIntl {
-    /**
-     * Stream to emit from when labels are changed. Use this to notify components when the labels have
-     * changed after initialization.
-     */
     readonly changes: Subject<void>;
-    /** A label for the calendar popup (used by screen readers). */
     calendarLabel: string;
-    /** A label for the button used to open the calendar popup (used by screen readers). */
     openCalendarLabel: string;
-    /** Label for the button used to close the calendar popup. */
     closeCalendarLabel: string;
-    /** A label for the previous month button (used by screen readers). */
     prevMonthLabel: string;
-    /** A label for the next month button (used by screen readers). */
     nextMonthLabel: string;
-    /** A label for the previous year button (used by screen readers). */
     prevYearLabel: string;
-    /** A label for the next year button (used by screen readers). */
     nextYearLabel: string;
-    /** A label for the previous multi-year button (used by screen readers). */
     prevMultiYearLabel: string;
-    /** A label for the next multi-year button (used by screen readers). */
     nextMultiYearLabel: string;
-    /** A label for the 'switch to month view' button (used by screen readers). */
     switchToMonthViewLabel: string;
-    /** A label for the 'switch to year view' button (used by screen readers). */
     switchToYearViewLabel: string;
-    /** A label for the 'switch to multi-year view' button (used by screen readers). */
     switchToMultiYearViewLabel: string;
-    /** A label for the first date of a range of dates (used by screen readers). */
     startDateLabel: string;
-    /** A label for the last date of a range of dates (used by screen readers). */
     endDateLabel: string;
-    /** A label for the 'switch to clock hour view' button (used by screen readers). */
     switchToClockHourViewLabel: string;
-    /** A label for the 'switch to clock minute view' button (used by screen readers). */
     switchToClockMinuteViewLabel: string;
-    /** Label used for ok button within the manual time input. */
     okLabel: string;
-    /** Label used for cancel button within the manual time input. */
     cancelLabel: string;
-    /** Formats a range of years (used for visuals). */
     formatYearRange(start: string, end: string): string;
-    /** Formats a label for a range of years (used by screen readers). */
     formatYearRangeLabel(start: string, end: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerIntl, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatDatetimepickerIntl>;
 }
 
-/** Can be used to override the icon of a `cmatDatetimepickerToggle`. */
 declare class CmatDatetimepickerToggleIconDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerToggleIconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerToggleIconDirective, "[cmatDatetimepickerToggleIcon]", never, {}, {}, never, never, true, never>;
 }
 declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit, OnChanges, OnDestroy {
-    /** Datepicker instance that the button will toggle. */
     datetimepicker: CmatDatetimepickerComponent<D>;
-    /** Tabindex for the toggle. */
     tabIndex: number;
-    /** Screen-reader label for the button. */
     ariaLabel?: string;
-    /** Whether ripples on the toggle should be disabled. */
     disableRipple: boolean;
-    /** Custom icon set by the consumer. */
     customIcon: CmatDatetimepickerToggleIconDirective;
-    /** Underlying button element. */
     button: MatButton;
     class: string;
     protected intl: CmatDatetimepickerIntl;
     private _stateChanges;
     private _disabled;
     private _changeDetectorRef;
-    /** Whether the toggle button is disabled. */
     get disabled(): boolean;
     set disabled(value: boolean);
     ngOnChanges(changes: SimpleChanges): void;
@@ -2799,28 +2149,15 @@ declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit,
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerToggleComponent<any>, "cmat-datetimepicker-toggle", ["cmatDatetimepickerToggle"], { "datetimepicker": { "alias": "for"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["customIcon"], ["[cmatDatetimepickerToggleIcon]"], true, never>;
 }
 
-/**
- * An internal component used to display a single month in the datepicker.
- */
 declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentInit, OnDestroy {
     type: CmatDatetimepickerType;
     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>;
-    /** Grid of calendar cells representing the dates of the month. */
     weeks: CmatDatetimepickerCalendarCellComponent[][];
-    /** The number of blank cells in the first row before the 1st of the month. */
     firstWeekOffset: number;
-    /**
-     * The date of the month that the currently selected Date falls on.
-     * Null if the currently selected Date is in another month.
-     */
     selectedDate: number | null;
-    /** The date of the month that today falls on. Null if today is in another month. */
     todayDate: number | null;
-    /** The names of the weekdays. */
     weekdays: {
         long: string;
         narrow: string;
@@ -2834,53 +2171,30 @@ declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentIni
     private _changeDetectorRef;
     private _calendarAnimationListener;
     constructor();
-    /**
-     * The date to display in this month view (everything other than the month and year is ignored).
-     */
     get activeDate(): D;
     set activeDate(value: D);
-    /** The currently selected date. */
     get selected(): D;
     set selected(value: D);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    /** Handles when a new date is selected. */
     dateSelected(date: number): void;
     calendarStateDone(event: AnimationEvent): void;
-    /** Initializes this month view. */
     private _init;
-    /** Creates MdCalendarCells for the dates in this month. */
     private _createWeekCells;
-    /**
-     * Gets the date in this month that the given Date falls on.
-     * Returns null if the given Date is in another month.
-     */
     private _getDateInCurrentMonth;
     private _changeCalendarState;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerMonthViewComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerMonthViewComponent<any>, "cmat-datetimepicker-month-view", ["cmatDatetimepickerMonthView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
 
-/**
- * An internal component used to display a single year in the datepicker.
- */
 declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit, OnDestroy {
     userSelection: EventEmitter<void>;
     type: CmatDatetimepickerType;
-    /** A function used to filter which dates are selectable. */
     dateFilter: (date: D) => boolean;
-    /** Emits when a new month is selected. */
     selectedChange: EventEmitter<D>;
-    /** Grid of calendar cells representing the months of the year. */
     months: CmatDatetimepickerCalendarCellComponent[][];
-    /** The label for this year (e.g. "2017"). */
     yearLabel: string;
-    /** The month in this year that today falls on. Null if today is in a different year. */
     todayMonth: number | null;
-    /**
-     * The month in this year that the selected Date falls on.
-     * Null if the selected Date is in a different year.
-     */
     selectedMonth: number | null;
     calendarState: string;
     adapter: DatetimeAdapter$1<D>;
@@ -2891,27 +2205,17 @@ declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit
     private _elementRef;
     private _calendarAnimationListener;
     constructor();
-    /** The date to display in this year view (everything other than the year is ignored). */
     get activeDate(): D;
     set activeDate(value: D);
-    /** The currently selected date. */
     get selected(): D;
     set selected(value: D);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    /** Handles when a new month is selected. */
     monthSelected(month: number): void;
     calendarStateDone(event: AnimationEvent): void;
-    /** Initializes this month view. */
     private _init;
-    /**
-     * Gets the month in this year that the given Date falls on.
-     * Returns null if the given Date is in another year.
-     */
     private _getMonthInCurrentYear;
-    /** Creates an MdCalendarCell for the given month. */
     private _createCellForMonth;
-    /** Whether the given month is enabled. */
     private _isMonthEnabled;
     private _changeCalendarState;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerYearViewComponent<any>, never>;
@@ -2945,8 +2249,13 @@ declare class CmatNavigationItem {
         classes?: string;
     };
     children?: CmatNavigationItem[];
-    meta?: any;
-    permission?: any;
+    meta?: unknown;
+    permission?: unknown;
+}
+interface CmatNavigationComponent {
+    close(): void;
+    open(): void;
+    toggle(): void;
 }
 type CmatVerticalNavigationAppearance = 'default' | 'compact' | 'dense' | 'thin';
 type CmatVerticalNavigationMode = 'over' | 'side';
@@ -2960,7 +2269,6 @@ declare class CmatHorizontalNavigationComponent implements OnChanges, OnInit, On
     onRefreshed: ReplaySubject<boolean>;
     private _changeDetectorRef;
     private _cmatNavigationService;
-    private _unsubscribeAll;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -2975,6 +2283,9 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     static ngAcceptInputType_inner: BooleanInput;
     static ngAcceptInputType_opened: BooleanInput;
     static ngAcceptInputType_transparentOverlay: BooleanInput;
+    classList: string;
+    styleList: string;
+    private _navigationContentEl;
     appearance: CmatVerticalNavigationAppearance;
     autoCollapse: boolean;
     editState: boolean;
@@ -2992,7 +2303,6 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     readonly openedChanged: EventEmitter<boolean>;
     readonly positionChanged: EventEmitter<CmatVerticalNavigationPosition>;
     readonly editSelectedItemChanged: EventEmitter<CmatNavigationItem>;
-    private _navigationContentEl;
     activeAsideItemId: string | null;
     onCollapsableItemCollapsed: ReplaySubject<CmatNavigationItem>;
     onCollapsableItemExpanded: ReplaySubject<CmatNavigationItem>;
@@ -3003,6 +2313,8 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     private _router;
     private _scrollStrategyOptions;
     private _cmatNavigationService;
+    private readonly _cmatUtilsService;
+    private readonly _destroyRef;
     private _animationsEnabled;
     private _asideOverlay;
     private readonly _handleAsideOverlayClick;
@@ -3010,199 +2322,51 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     private _hovered;
     private _overlay;
     private _scrollStrategy;
-    private _unsubscribeAll;
     constructor();
-    /**
-     * Host binding for component classes
-     */
-    get classList(): any;
-    /**
-     * Host binding for component inline styles
-     */
-    get styleList(): any;
-    /**
-     * On mouseenter
-     *
-     * @private
-     */
     onMouseenter(): void;
-    /**
-     * On mouseleave
-     *
-     * @private
-     */
     onMouseleave(): void;
-    /**
-     * On changes
-     *
-     * @param changes
-     */
     ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * On init
-     */
     ngOnInit(): void;
-    /**
-     * After view init
-     */
     ngAfterViewInit(): void;
-    /**
-     * On destroy
-     */
     ngOnDestroy(): void;
-    /**
-     * Refresh the component to apply the changes
-     */
     refresh(): void;
-    /**
-     * Open the navigation
-     */
     open(): void;
-    /**
-     * Close the navigation
-     */
     close(): void;
-    /**
-     * Toggle the navigation
-     */
     toggle(): void;
-    /**
-     * Open the aside
-     *
-     * @param item
-     */
     openAside(item: CmatNavigationItem): void;
-    /**
-     * Close the aside
-     */
     closeAside(): void;
-    /**
-     * Toggle the aside
-     *
-     * @param item
-     */
     toggleAside(item: CmatNavigationItem): void;
-    /**
-     * Track by function for ngFor loops
-     *
-     * @param index
-     * @param item
-     */
-    trackByFn(index: number, item: any): any;
+    trackByFn(index: number, item: CmatNavigationItem): string | number;
     selectItem(item: CmatNavigationItem): void;
     goToRouterLink(link: string): void;
-    /**
-     * Enable the animations
-     *
-     * @private
-     */
+    isItemVisible(item: CmatNavigationItem): boolean;
     private _enableAnimations;
-    /**
-     * Disable the animations
-     *
-     * @private
-     */
     private _disableAnimations;
-    /**
-     * Show the overlay
-     *
-     * @private
-     */
     private _showOverlay;
-    /**
-     * Hide the overlay
-     *
-     * @private
-     */
     private _hideOverlay;
-    /**
-     * Show the aside overlay
-     *
-     * @private
-     */
     private _showAsideOverlay;
-    /**
-     * Hide the aside overlay
-     *
-     * @private
-     */
     private _hideAsideOverlay;
-    /**
-     * Open/close the navigation
-     *
-     * @param open
-     * @private
-     */
     private _toggleOpened;
+    private _setNavigationOpened;
+    private _applyOpenedState;
+    private _setAsideActive;
+    private _removeOverlayElement;
+    private _syncHostBindings;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatVerticalNavigationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatVerticalNavigationComponent, "cmat-vertical-navigation", ["cmatVerticalNavigation"], { "appearance": { "alias": "appearance"; "required": false; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; }; "editState": { "alias": "editState"; "required": false; }; "inner": { "alias": "inner"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transparentOverlay": { "alias": "transparentOverlay"; "required": false; }; "hasRouteReuseStrategy": { "alias": "hasRouteReuseStrategy"; "required": false; }; }, { "routeReuseStrategyEmitUrl": "routeReuseStrategyEmitUrl"; "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; "editSelectedItemChanged": "editSelectedItemChanged"; }, never, ["[cmatVerticalNavigationHeader]", "[cmatVerticalNavigationContentHeader]", "[cmatVerticalNavigationContentFooter]", "[cmatVerticalNavigationFooter]"], true, never>;
 }
 
 declare class CmatNavigationService {
-    private _componentRegistry;
-    private _navigationStore;
-    /**
-     * Register navigation component
-     *
-     * @param name
-     * @param component
-     */
-    registerComponent(name: string, component: any): void;
-    /**
-     * Deregister navigation component
-     *
-     * @param name
-     */
+    private readonly _componentRegistry;
+    private readonly _navigationStore;
+    registerComponent(name: string, component: unknown): void;
     deregisterComponent(name: string): void;
-    /**
-     * Get navigation component from the registry
-     *
-     * @param name
-     */
-    getComponent<T>(name: string): T;
-    /**
-     * Store the given navigation with the given key
-     *
-     * @param key
-     * @param navigation
-     */
+    getComponent<T = unknown>(name: string): T;
     storeNavigation(key: string, navigation: CmatNavigationItem[]): void;
-    /**
-     * Get navigation from storage by key
-     *
-     * @param key
-     */
     getNavigation(key: string): CmatNavigationItem[];
-    /**
-     * Delete the navigation from the storage
-     *
-     * @param key
-     */
     deleteNavigation(key: string): void;
-    /**
-     * Utility function that returns a flattened
-     * version of the given navigation array
-     *
-     * @param navigation
-     * @param flatNavigation
-     */
     getFlatNavigation(navigation: CmatNavigationItem[], flatNavigation?: CmatNavigationItem[]): CmatNavigationItem[];
-    /**
-     * Utility function that returns the item
-     * with the given id from given navigation
-     *
-     * @param id
-     * @param navigation
-     */
     getItem(id: string, navigation: CmatNavigationItem[]): CmatNavigationItem | null;
-    /**
-     * Utility function that returns the item's parent
-     * with the given id from given navigation
-     *
-     * @param id
-     * @param navigation
-     * @param parent
-     */
     getItemParent(id: string, navigation: CmatNavigationItem[], parent: CmatNavigationItem[] | CmatNavigationItem): CmatNavigationItem[] | CmatNavigationItem | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatNavigationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatNavigationService>;
@@ -3236,7 +2400,7 @@ declare class CmatOtpInputComponent implements MatFormFieldControl<any>, AfterVi
     ngControl: NgControl;
     private _document;
     private _formBuilder;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     private _activeFocusCount;
     constructor();
     get inputType(): string;
@@ -3320,6 +2484,17 @@ declare class CmatOrgChartComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatOrgChartComponent, "cmat-org-chart", ["cmatOrgChart"], { "nodes": { "alias": "nodes"; "required": false; }; "enableControlHeight": { "alias": "enableControlHeight"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "detailsBtnTitle": { "alias": "detailsBtnTitle"; "required": false; }; }, { "detailsBtnClick": "detailsBtnClick"; }, never, never, true, never>;
 }
 
+declare class CmatPageHeaderComponent {
+    title: string;
+    description: string;
+    eyebrow: string;
+    divider: boolean;
+    align: 'start' | 'center';
+    get isCentered(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatPageHeaderComponent, "cmat-page-header", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "eyebrow": { "alias": "eyebrow"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, ["[cmatPageHeaderActions]"], true, never>;
+}
+
 declare class CmatPaginationComponent implements OnInit {
     pageChange: EventEmitter<number>;
     pageBoundsCorrection: EventEmitter<number>;
@@ -3331,8 +2506,8 @@ declare class CmatPaginationComponent implements OnInit {
     isScreenSmall: boolean;
     private _cmatMediaWatcherService;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _autoHide;
-    private _unsubscribeAll;
     get autoHide(): boolean;
     set autoHide(value: boolean);
     ngOnInit(): void;
@@ -3341,11 +2516,7 @@ declare class CmatPaginationComponent implements OnInit {
 }
 
 interface CmatPaginationInstance {
-    [prop: string]: any;
-    /**
-     * An optional ID for the pagination instance. Only useful if you wish to
-     * have more than once instance at a time in a given component.
-     */
+    [prop: string]: unknown;
     id?: string;
     itemsPerPage: number;
     currentPage: number;
@@ -3353,24 +2524,26 @@ interface CmatPaginationInstance {
 }
 
 declare class CmatPaginationService {
-    change: EventEmitter<string>;
-    private _instances;
-    private _defaultPaginationId;
+    private readonly _change;
+    private readonly _instances;
+    private readonly _defaultPaginationId;
+    get change$(): Observable<string>;
     defaultId(): string;
+    notifyChange(id: string): void;
     register(instance: CmatPaginationInstance): boolean;
-    getCurrentPage(id: string): number | void;
-    getItemsPerPage(id: string): number | void;
+    getCurrentPage(id: string): number | undefined;
+    getItemsPerPage(id: string): number | undefined;
     setCurrentPage(id: string, page: number): void;
     setTotalItems(id: string, totalItems: number): void;
     setItemsPerPage(id: string, itemsPerPage: number): void;
-    getInstance(id?: string): CmatPaginationInstance;
+    getInstance(id?: string): CmatPaginationInstance | undefined;
     private _updateInstance;
     private _clone;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatPaginationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatPaginationService>;
 }
 
-type Collection<T> = T[];
+type Collection<T> = readonly T[];
 interface CmatPaginatePipeArgs {
     id?: string;
     currentPage: string | number;
@@ -3378,42 +2551,41 @@ interface CmatPaginatePipeArgs {
     totalItems: string | number;
 }
 interface CmatPipeState {
-    collection: any[];
     size: number;
     start?: number;
     end?: number;
-    slice: any[];
+    slice: readonly unknown[];
 }
 declare class CmatPaginatePipe implements PipeTransform {
     private service;
-    private state;
+    private readonly state;
     transform<T, U extends Collection<T>>(collection: U, args: CmatPaginatePipeArgs): U;
     private createInstance;
     private checkConfig;
     private _saveState;
     private _stateIsIdentical;
+    private _toNumber;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatPaginatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<CmatPaginatePipe, "paginate", true>;
 }
 
 interface Page {
-    label: string;
-    value: any;
+    label: string | number;
+    value: number;
 }
-declare class CmatPaginationDirective implements OnInit, OnChanges, OnDestroy {
+declare class CmatPaginationDirective implements OnInit, OnChanges {
     id: string;
     maxSize: number;
     pageChange: EventEmitter<number>;
     pageBoundsCorrection: EventEmitter<number>;
     perPageCountChange: EventEmitter<number>;
     pages: Page[];
-    private service;
-    private changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly service;
+    private readonly changeDetectorRef;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
     ngOnChanges(): void;
-    ngOnDestroy(): void;
     previous(): void;
     next(): void;
     goFirstPage(): void;
@@ -3434,98 +2606,6 @@ declare class CmatPaginationDirective implements OnInit, OnChanges, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatPaginationDirective, "pagination-template,[pagination-template]", ["paginationApi"], { "id": { "alias": "id"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; }, { "pageChange": "pageChange"; "pageBoundsCorrection": "pageBoundsCorrection"; "perPageCountChange": "perPageCountChange"; }, never, never, true, never>;
 }
 
-declare class CmatPageHeaderComponent {
-    /**
-     * 标题。
-     */
-    title: string;
-    /**
-     * 副标题说明。
-     */
-    description: string;
-    /**
-     * 眉头说明。
-     */
-    eyebrow: string;
-    /**
-     * 是否显示底部分割线。
-     */
-    divider: boolean;
-    /**
-     * 内容对齐方式。
-     */
-    align: 'start' | 'center';
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatPageHeaderComponent, "cmat-page-header", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "eyebrow": { "alias": "eyebrow"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, ["[cmatPageHeaderActions]", "[cmatPageHeaderActions]"], true, never>;
-}
-
-declare class CmatRichTextEditorComponent implements OnChanges {
-    /**
-     * 编辑器内容。
-     */
-    value: string;
-    /**
-     * 占位文字。
-     */
-    placeholder: string;
-    /**
-     * 是否只读。
-     */
-    readOnly: boolean;
-    /**
-     * 编辑器主题。
-     */
-    theme: string;
-    /**
-     * 编辑器最小高度。
-     */
-    minHeight: string;
-    /**
-     * 编辑器控件。
-     */
-    control: FormControl<string | null>;
-    /**
-     * 同步外部输入值。
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatRichTextEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatRichTextEditorComponent, "cmat-rich-text-editor", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CmatFormActionsComponent {
-    /**
-     * 对齐方式。
-     */
-    align: 'start' | 'center' | 'end';
-    /**
-     * 是否显示顶部分割线。
-     */
-    divider: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFormActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFormActionsComponent, "cmat-form-actions", never, { "align": { "alias": "align"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["[cmatFormActionsLeft]", "[cmatFormActions]"], true, never>;
-}
-
-declare class CmatTableToolbarComponent {
-    /**
-     * 标题。
-     */
-    title: string;
-    /**
-     * 说明文字。
-     */
-    description: string;
-    /**
-     * 记录数量。
-     */
-    count: number;
-    /**
-     * 是否显示数量。
-     */
-    showCount: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatTableToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatTableToolbarComponent, "cmat-table-toolbar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "count": { "alias": "count"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; }, {}, never, ["[cmatTableToolbarActions]"], true, never>;
-}
-
 type Type$1 = 'text' | 'password';
 declare class CmatPassToggleVisibilityComponent {
     isVisible: boolean;
@@ -3655,27 +2735,18 @@ declare class CmatPopoverComponent implements CmatPopoverPanel, OnDestroy {
     static ngAcceptInputType_disableAnimation: BooleanInput;
     static ngAcceptInputType_focusTrapEnabled: BooleanInput;
     static ngAcceptInputType_focusTrapAutoCaptureEnabled: BooleanInput;
-    /** Event emitted when the popover is closed. */
     closed: EventEmitter<void>;
     templateRef: TemplateRef<any>;
     role: string;
-    /** Config object to be passed into the popover's arrow ngStyle */
     popoverPanelStyles: {};
-    /** Config object to be passed into the popover's arrow ngStyle */
     popoverArrowStyles: {};
-    /** Config object to be passed into the popover's content ngStyle */
     popoverContentStyles: {};
-    /** Whether popover's `targetElement` is defined */
     containerPositioning: boolean;
-    /** Closing disabled on popover */
     closeDisabled: boolean;
-    /** Config object to be passed into the popover's ngClass */
     classList: Record<string, boolean>;
-    /** Emits the current animation state whenever it changes. */
     _onAnimationStateChange: EventEmitter<AnimationEvent>;
     private _dir;
     private _elementRef;
-    /** Settings for popover, view setters and getters for more detail */
     private _position;
     private _triggerEvent;
     private _scrollStrategy;
@@ -3694,106 +2765,57 @@ declare class CmatPopoverComponent implements CmatPopoverPanel, OnDestroy {
     private _arrowHeight;
     constructor();
     get position(): CmatPopoverPosition;
-    /** Position of the popover. */
     set position(value: CmatPopoverPosition);
-    /** Popover trigger event */
     get triggerEvent(): CmatPopoverTriggerEvent;
     set triggerEvent(value: CmatPopoverTriggerEvent);
-    /** Popover scroll strategy */
     get scrollStrategy(): CmatPopoverScrollStrategy;
     set scrollStrategy(value: CmatPopoverScrollStrategy);
-    /** Popover enter delay */
     get enterDelay(): number;
     set enterDelay(value: number);
-    /** Popover leave delay */
     get leaveDelay(): number;
     set leaveDelay(value: number);
-    /** Popover target offset x */
     get xOffset(): number;
     set xOffset(value: number);
-    /** Popover target offset y */
     get yOffset(): number;
     set yOffset(value: number);
-    /** Popover arrow offset x */
     get arrowOffsetX(): number;
     set arrowOffsetX(value: number);
-    /** Popover arrow offset y */
     get arrowOffsetY(): number;
     set arrowOffsetY(value: number);
-    /** Popover arrow width */
     get arrowWidth(): number;
     set arrowWidth(value: number);
-    /** Popover arrow height */
     get arrowHeight(): number;
     set arrowHeight(value: number);
-    /** Popover close on container click */
     get closeOnPanelClick(): boolean;
     set closeOnPanelClick(value: boolean);
-    /** Popover close on backdrop click */
     get closeOnBackdropClick(): boolean;
     set closeOnBackdropClick(value: boolean);
-    /** Disable animations of popover and all child elements */
     get disableAnimation(): boolean;
     set disableAnimation(value: boolean);
-    /** Popover focus trap using cdkTrapFocus */
     get focusTrapEnabled(): boolean;
     set focusTrapEnabled(value: boolean);
-    /** Popover focus trap auto capture using cdkTrapFocusAutoCapture */
     get focusTrapAutoCaptureEnabled(): boolean;
     set focusTrapAutoCaptureEnabled(value: boolean);
-    /**
-     * This method takes classes set on the host md-popover element and applies them on the
-     * popover template that displays in the overlay container.  Otherwise, it's difficult
-     * to style the containing popover from outside the component.
-     *
-     * @param classes list of class names
-     */
     set panelClass(classes: string);
     ngOnDestroy(): void;
-    /** Handle a keyboard event from the popover, delegating to the appropriate action. */
     handleKeydown(event: KeyboardEvent): void;
-    /**
-     * This emits a close event to which the trigger is subscribed. When emitted, the
-     * trigger will close the popover.
-     */
     emitCloseEvent(): void;
-    /** Close popover on click if closeOnPanelClick is true */
     onClick(): void;
-    /**
-     * TODO: Refactor when @angular/cdk includes feature I mentioned on github see link below.
-     * https://github.com/angular/material2/pull/5493#issuecomment-313085323
-     */
-    /** Disables close of popover when leaving trigger element and mouse over the popover */
     onMouseOver(): void;
     onFocus(): void;
-    /** Enables close of popover when mouse leaving popover element */
     onMouseLeave(): void;
-    /** Sets the current styles for the popover to allow for dynamically changing settings */
     setCurrentStyles(pos?: CmatPopoverPosition): void;
-    /**
-     * It's necessary to set position-based classes to ensure the popover panel animation
-     * folds out from the correct direction.
-     */
     setPositionClasses(pos?: CmatPopoverPosition): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatPopoverComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatPopoverComponent, "cmat-popover", ["cmatPopover"], { "popoverPanelStyles": { "alias": "popoverPanelStyles"; "required": false; }; "popoverArrowStyles": { "alias": "popoverArrowStyles"; "required": false; }; "popoverContentStyles": { "alias": "popoverContentStyles"; "required": false; }; "position": { "alias": "position"; "required": false; }; "triggerEvent": { "alias": "triggerEvent"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "enterDelay": { "alias": "enterDelay"; "required": false; }; "leaveDelay": { "alias": "leaveDelay"; "required": false; }; "xOffset": { "alias": "xOffset"; "required": false; }; "yOffset": { "alias": "yOffset"; "required": false; }; "arrowOffsetX": { "alias": "arrowOffsetX"; "required": false; }; "arrowOffsetY": { "alias": "arrowOffsetY"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "required": false; }; "arrowHeight": { "alias": "arrowHeight"; "required": false; }; "closeOnPanelClick": { "alias": "closeOnPanelClick"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; }; "focusTrapEnabled": { "alias": "focusTrapEnabled"; "required": false; }; "focusTrapAutoCaptureEnabled": { "alias": "focusTrapAutoCaptureEnabled"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
 }
 
-/**
- * This directive is intended to be used in conjunction with an cmat-popover tag. It is
- * responsible for toggling the display of the provided popover instance.
- */
 declare class CmatPopoverTriggerDirective implements OnChanges, AfterViewInit, OnDestroy {
     ariaHaspopup: boolean;
-    /** References the popover instance that the trigger is associated with. */
     popover: CmatPopoverPanel;
-    /** References the popover target instance that the trigger is associated with. */
     targetElement: CmatTarget;
-    /** Popover trigger event */
     triggerEvent: CmatPopoverTriggerEvent;
-    /** Event emitted when the associated popover is opened. */
     popoverOpened: EventEmitter<void>;
-    /** Event emitted when the associated popover is closed. */
     popoverClosed: EventEmitter<void>;
     popoverOpened$: Subject<void>;
     popoverClosed$: Subject<void>;
@@ -3802,6 +2824,7 @@ declare class CmatPopoverTriggerDirective implements OnChanges, AfterViewInit, O
     private _viewContainerRef;
     private _dir;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _portal;
     private _overlayRef;
     private _popoverOpen;
@@ -3811,10 +2834,7 @@ declare class CmatPopoverTriggerDirective implements OnChanges, AfterViewInit, O
     private _detachmentsSubscription;
     private _mouseoverTimer;
     private _openedByMouse;
-    private _onDestroy;
-    /** Whether the popover is open. */
     get popoverOpen(): boolean;
-    /** The text direction of the containing app. */
     get dir(): Direction$1;
     onClick(): void;
     onMouseEnter(): void;
@@ -3823,70 +2843,22 @@ declare class CmatPopoverTriggerDirective implements OnChanges, AfterViewInit, O
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    /** Toggles the popover between the open and closed states. */
     togglePopover(): void;
-    /** Opens the popover. */
     openPopover(): void;
-    /** Closes the popover. */
     closePopover(): void;
-    /** Removes the popover from the DOM. */
     destroyPopover(): void;
-    /** Focuses the popover trigger. */
     focus(): void;
-    /**
-     * This method ensures that the popover closes when the overlay backdrop is clicked.
-     * We do not use first() here because doing so would not catch clicks from within
-     * the popover, and it would fail to unsubscribe properly. Instead, we unsubscribe
-     * explicitly when the popover is closed or destroyed.
-     */
     private _subscribeToBackdrop;
     private _subscribeToDetachments;
-    /**
-     * This method sets the popover state to open and focuses the first item if
-     * the popover was opened via the keyboard.
-     */
     private _initPopover;
-    /**
-     * This method resets the popover when it's closed, most importantly restoring
-     * focus to the popover trigger if the popover was opened via the keyboard.
-     */
     private _resetPopover;
-    /** set state rather than toggle to support triggers sharing a popover */
     private _setPopoverOpened;
-    /** set state rather than toggle to support triggers sharing a popover */
     private _setPopoverClosed;
-    /**
-     *  This method checks that a valid instance of MdPopover has been passed into
-     *  mdPopoverTriggerFor. If not, an exception is thrown.
-     */
     private _checkPopover;
-    /**
-     *  This method creates the overlay from the provided popover's template and saves its
-     *  OverlayRef so that it can be attached to the DOM when openPopover is called.
-     */
     private _createOverlay;
-    /**
-     * This method builds the configuration object needed to create the overlay, the OverlayConfig.
-     *
-     * @returns OverlayConfig
-     */
     private _getOverlayConfig;
-    /**
-     * This method returns the scroll strategy used by the cdk/overlay.
-     */
     private _getOverlayScrollStrategy;
-    /**
-     * Listens to changes in the position of the overlay and sets the correct classes
-     * on the popover based on the new position. This ensures the animation origin is always
-     * correct, even if a fallback position is used for the overlay.
-     */
     private _subscribeToPositions;
-    /**
-     * This method builds the position strategy for the overlay, so the popover is properly connected
-     * to the trigger.
-     *
-     * @returns ConnectedPositionStrategy
-     */
     private _getPosition;
     private _cleanUpSubscriptions;
     private _setCurrentConfig;
@@ -3900,17 +2872,16 @@ declare class CmatPopoverTargetDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatPopoverTargetDirective, "cmat-popover-target, [cmatPopoverTarget]", ["cmatPopoverTarget"], {}, {}, never, never, true, never>;
 }
 
-declare class CmatProgressBarComponent implements OnChanges, OnInit, OnDestroy {
+declare class CmatProgressBarComponent implements OnChanges, OnInit {
     autoMode: boolean;
     mode: 'determinate' | 'indeterminate';
     progress: number | null;
     show: boolean;
     private _cmatLoadingService;
     private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatProgressBarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatProgressBarComponent, "cmat-progress-bar", ["cmatProgressBar"], { "autoMode": { "alias": "autoMode"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -4007,30 +2978,16 @@ declare class CmatRatingComponent implements MatFormFieldControl<any>, ControlVa
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatRatingComponent, "cmat-rating", ["cmatRating"], { "id": { "alias": "id"; "required": false; }; "stars": { "alias": "stars"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "hover": { "alias": "hover"; "required": false; }; "half": { "alias": "half"; "required": false; }; "color": { "alias": "color"; "required": false; }; "showMode": { "alias": "showMode"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
-declare class CmatStatusTagComponent {
-    /**
-     * 标签文字。
-     */
-    label: string;
-    /**
-     * 视觉风格。
-     */
-    variant: 'soft' | 'filled' | 'outline';
-    /**
-     * 主题色。
-     */
-    tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
-    /**
-     * 是否显示圆点。
-     */
-    dot: boolean;
-    hostClass: string;
-    /**
-     * 计算样式类。
-     */
-    get classMap(): Record<string, boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatStatusTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatStatusTagComponent, "cmat-status-tag", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; }, {}, never, never, true, never>;
+declare class CmatRichTextEditorComponent implements OnChanges {
+    value: string;
+    placeholder: string;
+    readOnly: boolean;
+    theme: string;
+    minHeight: string;
+    control: FormControl<string | null>;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatRichTextEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatRichTextEditorComponent, "cmat-rich-text-editor", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class CmatSelectNoEntriesFoundDirective {
@@ -4043,7 +3000,7 @@ declare class CmatSelectSearchClearDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatSelectSearchClearDirective, "[cmatSelectSearchClear]", never, {}, {}, never, never, true, never>;
 }
 
-declare class CmatSelectSearchComponent implements OnInit, OnDestroy, ControlValueAccessor {
+declare class CmatSelectSearchComponent implements OnInit, ControlValueAccessor {
     placeholderLabel: string;
     type: string;
     noEntriesFoundLabel: string;
@@ -4055,17 +3012,13 @@ declare class CmatSelectSearchComponent implements OnInit, OnDestroy, ControlVal
     preventHomeEndKeyPropagation: boolean;
     disableScrollToActiveOnOptionsChanged: boolean;
     ariaLabel: string;
-    /** Whether to show Select All Checkbox (for mat-select[multi=true]) */
     showToggleAllCheckbox: boolean;
-    /** select all checkbox checked state */
     toggleAllCheckboxChecked: boolean;
-    /** select all checkbox indeterminate state */
     toggleAllCheckboxIndeterminate: boolean;
     toggleAllCheckboxTooltipMessage: string;
     toggleAllCheckboxTooltipPosition: 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
     hideClearSearchButton: boolean;
     alwaysRestoreSelectedOptionsMulti: boolean;
-    /** Output emitter to send to parent component with the toggle all boolean */
     toggleAll: EventEmitter<boolean>;
     searchSelectInput: ElementRef;
     innerSelectSearch: ElementRef;
@@ -4078,16 +3031,14 @@ declare class CmatSelectSearchComponent implements OnInit, OnDestroy, ControlVal
     private _viewportRuler;
     private _matOption;
     private _defaultOptions;
+    private readonly _destroyRef;
     private _options$;
     private _lastExternalInputValue?;
     private _optionsList$;
     private _optionsLength$;
     private _previousSelectedValues;
-    private _onDestroy;
-    /** Reference to active descendant for ARIA Support. */
     private _activeDescendant?;
     constructor();
-    /** whether to show the no entries found message */
     showNoEntriesFound$: Observable<boolean>;
     get isInsideMatOption(): boolean;
     get value(): string;
@@ -4096,13 +3047,8 @@ declare class CmatSelectSearchComponent implements OnInit, OnDestroy, ControlVal
     onTouched: () => any;
     ngOnInit(): void;
     emitSelectAllBooleanToParent(state: boolean): void;
-    ngOnDestroy(): void;
     isToggleAllCheckboxVisible(): boolean;
     handleKeydown(event: KeyboardEvent): void;
-    /**
-     * Handles the key up event with MatSelect.
-     * Allows e.g. the announcing of the currently activeDescendant by screen readers.
-     */
     handleKeyup(event: KeyboardEvent): void;
     writeValue(value: string): void;
     onBlur(): void;
@@ -4116,30 +3062,25 @@ declare class CmatSelectSearchComponent implements OnInit, OnDestroy, ControlVal
     private _unselectActiveDescendant;
     private _applyDefaultOptions;
     private _initMultipleHandling;
-    /**
-     * Scrolls the currently active option into the view if it is not yet visible.
-     */
     private _adjustScrollTopToFitActiveOptionIntoView;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectSearchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectSearchComponent, "cmat-select-search", ["cmatSelectSearch"], { "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "showNoFoundLabel": { "alias": "showNoFoundLabel"; "required": false; }; "clearSearchInput": { "alias": "clearSearchInput"; "required": false; }; "searching": { "alias": "searching"; "required": false; }; "disableInitialFocus": { "alias": "disableInitialFocus"; "required": false; }; "enableClearOnEscapePressed": { "alias": "enableClearOnEscapePressed"; "required": false; }; "preventHomeEndKeyPropagation": { "alias": "preventHomeEndKeyPropagation"; "required": false; }; "disableScrollToActiveOnOptionsChanged": { "alias": "disableScrollToActiveOnOptionsChanged"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "required": false; }; "toggleAllCheckboxChecked": { "alias": "toggleAllCheckboxChecked"; "required": false; }; "toggleAllCheckboxIndeterminate": { "alias": "toggleAllCheckboxIndeterminate"; "required": false; }; "toggleAllCheckboxTooltipMessage": { "alias": "toggleAllCheckboxTooltipMessage"; "required": false; }; "toggleAllCheckboxTooltipPosition": { "alias": "toggleAllCheckboxTooltipPosition"; "required": false; }; "hideClearSearchButton": { "alias": "hideClearSearchButton"; "required": false; }; "alwaysRestoreSelectedOptionsMulti": { "alias": "alwaysRestoreSelectedOptionsMulti"; "required": false; }; }, { "toggleAll": "toggleAll"; }, ["clearIcon", "noEntriesFound"], ["[cmatSelectSearchClear]", ".cmat-select-search-custom-header-content", "[cmatSelectNoEntriesFound]"], true, never>;
 }
 
-/** List of inputs of CmatSelectSearchComponent that can be configured with a global default. */
 declare const configurableDefaultOptions: readonly ["ariaLabel", "clearSearchInput", "disableInitialFocus", "disableScrollToActiveOnOptionsChanged", "enableClearOnEscapePressed", "hideClearSearchButton", "noEntriesFoundLabel", "placeholderLabel", "preventHomeEndKeyPropagation", "searching"];
 type ConfigurableDefaultOptions = typeof configurableDefaultOptions[number];
 declare const MAT_SELECTSEARCH_DEFAULT_OPTIONS: InjectionToken<Readonly<Partial<Pick<CmatSelectSearchComponent, "ariaLabel" | "clearSearchInput" | "disableInitialFocus" | "disableScrollToActiveOnOptionsChanged" | "enableClearOnEscapePressed" | "hideClearSearchButton" | "noEntriesFoundLabel" | "placeholderLabel" | "preventHomeEndKeyPropagation" | "searching">>>>;
-/** Global configurable options for MatSelectSearch. */
 type MatSelectSearchOptions = Readonly<Partial<Pick<CmatSelectSearchComponent, ConfigurableDefaultOptions>>>;
 
 interface CmatSelectTableRow {
-    [key: string]: any;
+    [key: string]: unknown;
     id: string | number | null | undefined;
 }
 interface CmatSelectTableFilter {
     enabled?: boolean;
     type: 'string' | 'number';
     comparator?: 'equalsIgnoreCase' | 'equals' | 'containsIgnoreCase' | 'contains' | 'startsWithIgnoreCase' | 'startsWith';
-    comparatorFn?: (value: any, filterValue: any, row: CmatSelectTableRow) => boolean;
+    comparatorFn?: (value: string | number | boolean | null | undefined, filterValue: string | number | boolean | null | undefined, row: CmatSelectTableRow) => boolean;
 }
 interface CmatSelectTableColumn {
     key: string;
@@ -4170,7 +3111,7 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     defaultSort: Sort;
     resetOptionAction: () => void;
     keyParam: string;
-    compareWith: (o1: any, o2: any) => boolean;
+    compareWith: (o1: CmatSelectTableRow | null, o2: CmatSelectTableRow | null) => boolean;
     closed: EventEmitter<boolean>;
     private _matSelectSearch;
     private _sort;
@@ -4179,6 +3120,8 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     tableDataSource: CmatSelectTableRow[];
     tableColumns: string[];
     tableColumnsMap: Map<string, CmatSelectTableColumn>;
+    private readonly _rowById;
+    private _columnKeys;
     filteredOutRows: Record<string, CmatSelectTableRow>;
     completeRowList: CmatSelectTableRow[];
     overallSearchVisibleState: boolean;
@@ -4189,10 +3132,10 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     touched: boolean;
     ngControl: NgControl;
     private _cd;
+    private readonly _destroyRef;
     private _matSelect;
     private _filterControls;
     private _nullRow;
-    private _unsubscribeAll;
     private _completeValueList;
     constructor();
     set matSelect(m: MatSelect);
@@ -4227,8 +3170,10 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     openedChange(opened: boolean): void;
     filterFormControl(key: string): FormControl;
     simpleTriggerLabelFn(value: CmatSelectTableRow[]): string;
+    getTriggerLabel(): string;
     toggleOverallSearch(): void;
     addNullRow(): boolean;
+    get hasNullRow(): boolean;
     private _onModelChange;
     private _onTouchedChange;
     private _init;
@@ -4239,6 +3184,15 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     private _sortingDataAccessor;
     private _sortData;
     private _checkAndResetSelection;
+    private _matchesColumnFilter;
+    private _buildTableOptions;
+    private _getMatOptionById;
+    private _expandPanelForTableRows;
+    private _getCommittedValue;
+    private _syncMatSelectValue;
+    private _removeFilteredRow;
+    private _resolveTriggerLabel;
+    private _getTriggerRows;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTableComponent, "cmat-select-table", ["cmatSelectTable"], { "id": { "alias": "id"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "showNoFoundLabel": { "alias": "showNoFoundLabel"; "required": false; }; "isPhone": { "alias": "isPhone"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "overallSearchEnabled": { "alias": "overallSearchEnabled"; "required": false; }; "overallSearchVisible": { "alias": "overallSearchVisible"; "required": false; }; "resetSortOnOpen": { "alias": "resetSortOnOpen"; "required": false; }; "resetFiltersOnOpen": { "alias": "resetFiltersOnOpen"; "required": false; }; "customTriggerLabelFn": { "alias": "customTriggerLabelFn"; "required": false; }; "triggerLabelSort": { "alias": "triggerLabelSort"; "required": false; }; "customTriggerLabelTemplate": { "alias": "customTriggerLabelTemplate"; "required": false; }; "canNull": { "alias": "canNull"; "required": false; }; "defaultSort": { "alias": "defaultSort"; "required": false; }; "resetOptionAction": { "alias": "resetOptionAction"; "required": false; }; "keyParam": { "alias": "keyParam"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
@@ -4256,6 +3210,8 @@ declare class CmatSelectTreeNode {
     name: string;
 }
 
+type CmatSelectTreeValueItem = CmatSelectTreeNode | CmatSelectTreeFlatNode;
+type CmatSelectTreeValue = CmatSelectTreeValueItem[] | CmatSelectTreeValueItem | null;
 declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnChanges, AfterViewInit, OnDestroy {
     id: string;
     dataSource: CmatSelectTreeNode[];
@@ -4264,14 +3220,16 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     multiple: boolean;
     overallSearchEnabled: boolean;
     canNull: boolean;
-    customTriggerLabelFn: (value: CmatSelectTreeNode[]) => string;
+    customTriggerLabelFn?: (value: CmatSelectTreeFlatNode[]) => string;
     customTriggerLabelTemplate: string;
     expandable: boolean;
     showToggleAllCheckbox: boolean;
-    compareWith: (o1: any, o2: any) => boolean;
+    compareWith: (o1: CmatSelectTreeNode | CmatSelectTreeFlatNode | null, o2: CmatSelectTreeNode | CmatSelectTreeFlatNode | null) => boolean;
     flatNodeMap: Map<CmatSelectTreeFlatNode, CmatSelectTreeNode>;
     nestedNodeMap: Map<CmatSelectTreeNode, CmatSelectTreeFlatNode>;
-    selectedParent: CmatSelectTreeFlatNode | null;
+    private readonly _flatNodeById;
+    private readonly _parentFlatNodeById;
+    private readonly _selectedFlatNodeIds;
     checklistSelection: SelectionModel<CmatSelectTreeFlatNode>;
     treeDataSource: CmatSelectTreeNode[];
     dataFlatNodes: CmatSelectTreeFlatNode[];
@@ -4280,14 +3238,14 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     isChecked: boolean;
     checkCount: number;
     selectControl: FormControl;
-    matSelectData: ReplaySubject<any[]>;
+    readonly matSelectData: CmatSelectTreeFlatNode[];
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;
     ngControl: NgControl;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _matSelect;
-    private _unsubscribeAll;
     constructor();
     tree: CdkTree<CmatSelectTreeNode>;
     set matSelect(m: MatSelect);
@@ -4301,9 +3259,9 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     get placeholder(): string;
     set placeholder(value: string);
     private _placeholder;
-    get value(): any;
-    set value(value: any);
-    protected _value: any;
+    get value(): CmatSelectTreeValue;
+    set value(value: CmatSelectTreeValue);
+    protected _value: CmatSelectTreeValue;
     get empty(): boolean;
     get errorState(): boolean;
     get shouldLabelFloat(): boolean;
@@ -4313,24 +3271,20 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     get disabled(): boolean;
     set disabled(value: BooleanInput);
     protected _disabled: boolean;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: CmatSelectTreeValue) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     setDescribedByIds(ids: string[]): void;
     onContainerClick(): void;
     onFocusIn(): void;
     onFocusOut(event: FocusEvent): void;
-    writeValue(value: any): void;
+    writeValue(value: CmatSelectTreeValue): void;
     simpleTriggerLabelFn(value: CmatSelectTreeFlatNode[]): string;
     openedChange(opened: boolean): void;
-    /** Whether all the descendants of the node are selected. */
     descendantsAllSelected(node: CmatSelectTreeFlatNode): boolean;
-    /** Whether part of the descendants are selected */
     descendantsPartiallySelected(node: CmatSelectTreeFlatNode): boolean;
-    /** Toggle the to-do item selection. Select/deselect all the descendants node */
-    todoItemSelectionToggle(event: any, node: CmatSelectTreeFlatNode): void;
-    /** Toggle a leaf to-do item selection. Check all the parents to see if they changed */
-    todoLeafItemSelectionToggle(event: any, node: CmatSelectTreeFlatNode): void;
+    todoItemSelectionToggle(event: MouseEvent, node: CmatSelectTreeFlatNode): void;
+    todoLeafItemSelectionToggle(event: MouseEvent, node: CmatSelectTreeFlatNode): void;
     clearSelection(): void;
     toggleSelectAll(selectAllValue: boolean): void;
     getChecklistSelectionIsSelected(i: CmatSelectTreeNode): boolean;
@@ -4338,7 +3292,6 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     private _onTouchedChange;
     private _init;
     private _checkAllParentsSelection;
-    /** Check root node checked state and change it accordingly */
     private _checkRootNodeSelection;
     private _getParentNode;
     private _updateChecklistSelection;
@@ -4346,6 +3299,8 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     private _applyColumnLevelFilters;
     private _updateCheckState;
     private _getFlattenNodes;
+    private _cloneTreeNodes;
+    private _syncSelectedFlatNodeIds;
     private _transformer;
     private _getDescendants;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTreeComponent, never>;
@@ -4413,6 +3368,26 @@ declare class CmatSpeedDialTriggerComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatSpeedDialTriggerComponent, "cmat-speed-dial-trigger", never, { "spin": { "alias": "spin"; "required": false; }; }, {}, never, ["[matFab]"], true, never>;
 }
 
+declare class CmatStatusTagComponent {
+    label: string;
+    variant: 'soft' | 'filled' | 'outline';
+    tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    dot: boolean;
+    hostClass: string;
+    get classMap(): Record<string, boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatStatusTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatStatusTagComponent, "cmat-status-tag", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class CmatTableToolbarComponent {
+    title: string;
+    description: string;
+    count: number;
+    showCount: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatTableToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatTableToolbarComponent, "cmat-table-toolbar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "count": { "alias": "count"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; }, {}, never, ["[cmatTableToolbarActions]"], true, never>;
+}
+
 declare class CmatTimelineItemIconDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTimelineItemIconDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatTimelineItemIconDirective, "ng-template[cmatTimelineItemIcon]", never, {}, {}, never, never, true, never>;
@@ -4439,14 +3414,14 @@ declare class CmatTimelineItemComponent {
 
 type CMAT_TIMELINE_POSITION = 'start' | 'end' | 'center' | 'center-alt';
 type CMAT_TIMELINE_ORIENTATION = 'vertical' | 'horizontal';
-declare class CmatTimelineComponent implements OnInit, OnDestroy {
+declare class CmatTimelineComponent implements OnInit {
     readonly items: QueryList<CmatTimelineItemComponent>;
     readonly class = "cmat-timeline";
     private _host;
+    private readonly _destroyRef;
     private _reverse;
     private _position;
     private _orientation;
-    private _unsubscribeAll;
     get isStartPosition(): boolean;
     get isEndPosition(): boolean;
     get isCenterPosition(): boolean;
@@ -4458,7 +3433,6 @@ declare class CmatTimelineComponent implements OnInit, OnDestroy {
     set orientation(orientation: CMAT_TIMELINE_ORIENTATION);
     set reverse(reverse: boolean);
     ngOnInit(): void;
-    ngOnDestroy(): void;
     updateLayout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTimelineComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTimelineComponent, "cmat-timeline", ["cmatTimeLine"], { "position": { "alias": "position"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
@@ -4522,6 +3496,7 @@ declare class CmatToastComponent implements OnInit {
 declare class CmatToastService {
     toasts: CmatToastModel[];
     private _positionSubject;
+    private readonly _position$;
     private _toastPopSubject;
     private _globalConfigs;
     private _counter;
@@ -4542,16 +3517,12 @@ declare class CmatToastService {
     static ɵprov: i0.ɵɵInjectableDeclaration<CmatToastService>;
 }
 
-/**
- * Node for Transfer item
- */
 declare class CmatTransferItemNode {
     [key: string]: any;
     children?: CmatTransferItemNode[];
     label: string;
     value: string | number;
 }
-/** Flat Transfer item node with expandable and level information */
 declare class CmatTransferItemFlatNode {
     label: string;
     value: string | number;
@@ -4585,7 +3556,7 @@ interface CmatSourceOptions {
 }
 
 declare class CmatTransferPickerFilterComponent implements OnInit {
-    filters: CmatTransferFilterItem[];
+    filters: CmatTransferFilterItem[] | undefined;
     overlayOrigin: CdkOverlayOrigin;
     filterTemplate: CdkPortal;
     overlayRef: OverlayRef;
@@ -4603,7 +3574,7 @@ declare class CmatTransferPickerFilterComponent implements OnInit {
 }
 
 declare class CmatTransferPickerSearchComponent implements OnInit {
-    searchPlaceholder: string;
+    searchPlaceholder: string | undefined;
     keyword: FormControl;
     private _service;
     constructor();
@@ -4613,45 +3584,35 @@ declare class CmatTransferPickerSearchComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTransferPickerSearchComponent, "cmat-transfer-picker-search", ["cmatTransferPickerSearch"], { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class CmatTransferPickerSourceComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class CmatTransferPickerSourceComponent implements OnInit, AfterViewInit {
     tree: CdkTree<CmatTransferItemNode>;
-    /** Map from nested node to flattened node. This helps us to keep the same object for selection */
     nestedNodeMap: Map<CmatTransferItemNode, CmatTransferItemFlatNode>;
     dataSource: CmatTransferItemNode[];
     dataFlatNodes: CmatTransferItemFlatNode[];
-    /** The selection for checklist */
     checklistSelection: SelectionModel<CmatTransferItemFlatNode>;
-    options: CmatSourceOptions;
+    options: CmatSourceOptions | undefined;
     selectedList: CmatTransferItemFlatNode[];
+    private readonly _flatNodeByValue;
     private _service;
     private _changeDetectorRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     getSelectedList(): CmatTransferItemFlatNode[];
     resetSelectedItem(item: CmatTransferItemFlatNode): void;
     childrenAccessor: (node: CmatTransferItemNode) => CmatTransferItemNode[];
     hasChild: (_: number, node: CmatTransferItemNode) => boolean;
-    /** Whether all the descendants of the node are selected */
     descendantsAllSelected(node: CmatTransferItemFlatNode): boolean;
-    /** Whether part of the descendants are selected */
     descendantsPartiallySelected(node: CmatTransferItemFlatNode): boolean;
-    /** Toggle the transfer item selection. Select/deselect all the descendants node */
     transferItemSelectionToggle(node: CmatTransferItemFlatNode): void;
-    /** Toggle a leaf transfer item selection. Check all the parents to see if they changed */
     transferLeafItemSelectionToggle(node: CmatTransferItemFlatNode): void;
     private _getLevel;
     private _isExpandable;
     private _getChildren;
-    /**
-     * Transformer to convert nested node to flat node. Record the nodes in maps for later use.
-     */
     private _transformer;
     private _getDescendants;
     private _getFlattenNodes;
     private _checkAllParentsSelection;
-    /** Check root node checked state and change it accordingly */
     private _checkRootNodeSelection;
     private _getParentNode;
     static ɵfac: i0.ɵɵFactoryDeclaration<CmatTransferPickerSourceComponent, never>;
@@ -4692,11 +3653,11 @@ declare class CmatTransferPickerComponent implements OnInit, AfterViewInit {
 }
 
 declare class CmatTransferPickerService {
-    dataSourceChange: BehaviorSubject<CmatTransferItemNode[]>;
-    refreshDataSourceChange: BehaviorSubject<boolean>;
-    filtersChange: BehaviorSubject<CmatTransferFilterItem[]>;
-    sourceOptionsChange: BehaviorSubject<CmatSourceOptions | void>;
-    selectedValuesChange: BehaviorSubject<string[]>;
+    private readonly _dataSourceChange;
+    private readonly _refreshDataSourceChange;
+    private readonly _filtersChange;
+    private readonly _sourceOptionsChange;
+    private readonly _selectedValuesChange;
     private _dataSource;
     private _filterData;
     private _keyword;
@@ -4704,7 +3665,17 @@ declare class CmatTransferPickerService {
     private _filteredDataSource;
     private _compareMap;
     private _conditionMap;
+    private readonly _dataSourceChange$;
+    private readonly _refreshDataSourceChange$;
+    private readonly _filtersChange$;
+    private readonly _sourceOptionsChange$;
+    private readonly _selectedValuesChange$;
     constructor();
+    get dataSourceChange(): Observable<CmatTransferItemNode[]>;
+    get refreshDataSourceChange(): Observable<boolean>;
+    get filtersChange(): Observable<CmatTransferFilterItem[]>;
+    get sourceOptionsChange(): Observable<CmatSourceOptions | void>;
+    get selectedValuesChange(): Observable<string[]>;
     get dataSource(): CmatTransferItemNode[];
     set dataSource(data: CmatTransferItemNode[]);
     set sourceOptions(value: CmatSourceOptions);
@@ -4758,7 +3729,7 @@ declare class CmatTreeTableComponent implements OnChanges {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatTreeTableComponent, "cmat-treetable", ["cmatTreeTable"], { "data": { "alias": "data"; "required": false; }; "verticalSeparator": { "alias": "verticalSeparator"; "required": false; }; "initExpand": { "alias": "initExpand"; "required": false; }; "tableClass": { "alias": "tableClass"; "required": false; }; "showControlColumn": { "alias": "showControlColumn"; "required": false; }; }, { "nodeClicked": "nodeClicked"; }, ["customColumnTpl"], never, true, never>;
 }
 
-declare class CmatUploadComponent implements OnInit, OnDestroy {
+declare class CmatUploadComponent implements OnInit {
     fileAlias: string;
     filePath: string;
     fileCategory: string;
@@ -4774,13 +3745,12 @@ declare class CmatUploadComponent implements OnInit, OnDestroy {
     isUploading: boolean;
     private _fileService;
     private _changeDetectorRef;
+    private readonly _destroyRef;
     private _file;
-    private _unsubscribeAll;
     get file(): any;
     set file(file: any);
     get fileType(): 'csv' | 'gif' | 'word' | 'excel' | 'jpg' | 'outlook' | 'pdf' | 'png' | 'ppt' | 'file' | 'text' | 'video' | 'zip';
     ngOnInit(): void;
-    ngOnDestroy(): void;
     upload(): void;
     download(): void;
     remove(): void;
@@ -4788,7 +3758,7 @@ declare class CmatUploadComponent implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatUploadComponent, "cmat-upload", ["cmatUpload"], { "fileAlias": { "alias": "fileAlias"; "required": false; }; "filePath": { "alias": "filePath"; "required": false; }; "fileCategory": { "alias": "fileCategory"; "required": false; }; "isPublic": { "alias": "isPublic"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "autoUpload": { "alias": "autoUpload"; "required": false; }; "id": { "alias": "id"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "removeEvent": "removeEvent"; "uploadEvent": "uploadEvent"; }, never, never, true, never>;
 }
 
-declare class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {
+declare class CmatUploadQueueComponent implements AfterViewInit {
     fileUploads: QueryList<CmatUploadComponent>;
     fileAlias: string;
     filePath: string;
@@ -4809,12 +3779,11 @@ declare class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {
     private _changeDetectorRef;
     private _cmatMediaWatcherService;
     private _elementRef;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     constructor();
     onDrop(event: any): void;
     onDropOver(event: any): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     add(file: any): void;
     upload(event: any): void;
     remove(event: CmatUploadComponent): void;
@@ -4826,13 +3795,12 @@ declare class CmatUploadQueueComponent implements OnDestroy, AfterViewInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<CmatUploadQueueComponent, "cmat-upload-queue", ["cmatUploadQueue"], { "fileAlias": { "alias": "fileAlias"; "required": false; }; "filePath": { "alias": "filePath"; "required": false; }; "fileCategory": { "alias": "fileCategory"; "required": false; }; "isPublic": { "alias": "isPublic"; "required": false; }; "required": { "alias": "required"; "required": false; }; "autoUpload": { "alias": "autoUpload"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "title": { "alias": "title"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "filesData": { "alias": "filesData"; "required": false; }; }, { "outputRemoveIdEvent": "outputRemoveIdEvent"; "outputUploadIdEvent": "outputUploadIdEvent"; "outputFilesDataEvent": "outputFilesDataEvent"; }, never, never, true, never>;
 }
 
-declare class CmatFilesUtilService implements OnDestroy {
+declare class CmatFilesUtilService {
     private _http;
     private _urlStateConfigService;
+    private readonly _destroyRef;
     private _config;
-    private _unsubscribeAll;
     constructor();
-    ngOnDestroy(): void;
     downloadFile(fileId: string, isStream?: boolean): Observable<any>;
     downloadFileZip(fileIds?: string[]): Observable<any>;
     uploadFile(file: FormData): Observable<any>;
@@ -4887,7 +3855,6 @@ declare class AngularShapeView extends NodeView<AngularShape> {
     protected renderAngularContent(): void;
     protected unmountAngularContent(): HTMLDivElement;
     private getNgArguments;
-    /** 当执行 node.setData() 时需要对实例设置新的输入值 */
     private setInstanceInput;
 }
 declare namespace AngularShapeView {
@@ -4948,7 +3915,7 @@ declare class CmatArrowCursorDirective implements AfterViewInit, OnDestroy {
     oldCursorSide: string | null;
     private _document;
     private _cmatMediaWatcherService;
-    private _unsubscribeAll;
+    private readonly _destroyRef;
     onMouseEnter(event: any): void;
     onMouseLeave(event: any): void;
     onMouseOver(event: any): void;
@@ -5005,15 +3972,14 @@ declare class CmatDataExporterDirective implements OnChanges {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDataExporterDirective, "button[cmatDataExporter]", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "exportColumns": { "alias": "exportColumns"; "required": false; }; "options": { "alias": "options"; "required": false; }; "exportType": { "alias": "exportType"; "required": false; }; "transformBoolean": { "alias": "transformBoolean"; "required": false; }; "transformDate": { "alias": "transformDate"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare abstract class AbstractDebounceDirective implements OnInit, OnDestroy {
+declare abstract class AbstractDebounceDirective implements OnInit {
     debounceTime: number;
     emitChanged: EventEmitter<any>;
     emitEvent$: Subject<any>;
-    subscription$: Subject<void>;
+    private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
     emitChange(value: any): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDebounceDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDebounceDirective, never, never, { "debounceTime": { "alias": "debounceTime"; "required": false; }; }, { "emitChanged": "emitChanged"; }, never, never, true, never>;
 }
@@ -5147,5 +4113,386 @@ declare class CmatKeysPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<CmatKeysPipe, "cmatKeys", true>;
 }
 
-export { AngularShape, AngularShapeView, CLOCK_INNER_RADIUS, CLOCK_OUTER_RADIUS, CLOCK_RADIUS, CLOCK_TICK_RADIUS, CMAT_DATETIMEPICKER_SCROLL_STRATEGY, CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY, CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, CMAT_DATETIMEPICKER_VALIDATORS, CMAT_DATETIMEPICKER_VALUE_ACCESSOR, CMAT_DATETIME_FORMATS, CMAT_DAYJS_DATETIME_FORMATS, CMAT_DAYJS_DATE_ADAPTER_OPTIONS, CMAT_DAYJS_DATE_ADAPTER_OPTIONS_FACTORY, CMAT_DAYJS_DATE_FORMATS, CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR, CMAT_NATIVE_DATETIME_FORMATS, CNativeDatetimeAdapter, ChartNode, CmatAddonsWrapperComponent, CmatAnimationOnScrollDirective, CmatArrowCursorDirective, CmatAutofocusDirective, CmatBreadcrumbComponent, CmatBreadcrumbItemDirective, CmatBreadcrumbService, CmatButtonTypeComponent, CmatBytesPipe, CmatCardComponent, CmatCardWrapperComponent, CmatCarouselComponent, CmatCarouselFooterComponent, CmatCarouselHeaderComponent, CmatCarouselTemplateDirective, CmatCascadeBottomSheetComponent, CmatCascadeListComponent, CmatCascadeTypeComponent, CmatCheckListTypeComponent, CmatChipInputComponent, CmatChipsInputTypeComponent, CmatCodeEditorComponent, CmatColorPickerTypeComponent, CmatDataExporterDirective, CmatDateFormatPipe, CmatDateRangeComponent, CmatDateRangeTypeComponent, CmatDateTimeDisplayComponent, CmatDatepickerTypeComponent, CmatDatetimepickerCalendarBodyComponent, CmatDatetimepickerCalendarCellComponent, CmatDatetimepickerCalendarComponent, CmatDatetimepickerClockComponent, CmatDatetimepickerComponent, CmatDatetimepickerContentComponent, CmatDatetimepickerFilterType, CmatDatetimepickerInputDirective, CmatDatetimepickerInputEvent, CmatDatetimepickerMonthViewComponent, CmatDatetimepickerToggleComponent, CmatDatetimepickerToggleIconDirective, CmatDatetimepickerYearViewComponent, CmatDebounceClickDirective, CmatDebounceKeyupDirective, CmatDigitOnlyDirective, CmatDrawerComponent, CmatDrawerService, CmatEmptyStateComponent, CmatEqualValidatorDirective, CmatExpansionWrapperComponent, CmatFilePreviewComponent, CmatFilesUtilService, CmatFilterToolbarComponent, CmatFindByKeyPipe, CmatFormActionsComponent, CmatFormFieldWrapperComponent, CmatFullscreenComponent, CmatGroupByPipe, CmatHighlightComponent, CmatHighlightService, CmatHorizontalNavigationComponent, CmatImageComponent, CmatInlineLoadingComponent, CmatJsonEditorComponent, CmatKeysPipe, CmatKnobInputComponent, CmatKnobTypeComponent, CmatMaskDirective, CmatMasonryComponent, CmatMaterialColorPickerComponent, CmatMultiCheckboxTypeComponent, CmatNavigationItem, CmatNavigationService, CmatNumberTypeComponent, CmatOrgChartComponent, CmatOtpInputComponent, CmatPageHeaderComponent, CmatPaginatePipe, CmatPaginationComponent, CmatPaginationDirective, CmatPaginationService, CmatPanelWrapperComponent, CmatPassToggleVisibilityComponent, CmatPasswordStrengthComponent, CmatPasswordStrengthInfoComponent, CmatPopoverComponent, CmatPopoverTargetDirective, CmatPopoverTriggerDirective, CmatProgressBarComponent, CmatQRCodeComponent, CmatQuillTypeComponent, CmatRadioTypeComponent, CmatRatingComponent, CmatRatingTypeComponent, CmatRepeatTypeComponent, CmatRichTextEditorComponent, CmatSeamlessAutoScrollDirective, CmatSelectSearchComponent, CmatSelectTableComponent, CmatSelectTableTypeComponent, CmatSelectTreeComponent, CmatSelectTreeFlatNode, CmatSelectTreeNode, CmatSelectTreeTypeComponent, CmatSelectTypeComponent, CmatSelectedColor, CmatSliderTypeComponent, CmatSpeedDialActionsComponent, CmatSpeedDialComponent, CmatSpeedDialTriggerComponent, CmatStatusTagComponent, CmatStepperHorizontalTypeComponent, CmatStepperVerticalTypeComponent, CmatTabTypeComponent, CmatTableToolbarComponent, CmatTableTypeComponent, CmatTagsTypeComponent, CmatTextareaTypeComponent, CmatTimelineComponent, CmatTimelineItemComponent, CmatTimelineItemIconDirective, CmatTimelineItemLabelDirective, CmatToastComponent, CmatToastModalComponent, CmatToastService, CmatTransferFilterCondition, CmatTransferItemFlatNode, CmatTransferItemNode, CmatTransferPickerComponent, CmatTransferPickerFilterComponent, CmatTransferPickerSearchComponent, CmatTransferPickerService, CmatTransferPickerSourceComponent, CmatTransferPickerTargetComponent, CmatTreeTableColumnDirective, CmatTreeTableComponent, CmatTreeTableNode, CmatUploadComponent, CmatUploadQueueComponent, CmatUploadTypeComponent, CmatVerticalNavigationComponent, DatetimeAdapter, DayjsDateAdapter, DayjsDatetimeAdapter, ExportType, MAT_SELECTSEARCH_DEFAULT_OPTIONS, addonsExtension, configurableDefaultOptions, register, registerInfo };
-export type { AngularShapeConfig, AnimationMode, CMAT_TIMELINE_ORIENTATION, CMAT_TIMELINE_POSITION, CmatAMPM, CmatBreadcrumb, CmatBreadcrumbDefinition, CmatBreadcrumbFunction, CmatBreadcrumbObject, CmatCalendarView, CmatCardFace, CmatCarouselPageEvent, CmatCarouselResponsiveOptions, CmatCarouselTemplates, CmatCascadeOptionsInterface, CmatClockView, CmatDatetimeFormats, CmatDatetimepickerMode, CmatDatetimepickerType, CmatDrawerMode, CmatDrawerPosition, CmatPaginatePipeArgs, CmatPaginationInstance, CmatPipeState, CmatPopoverPosition, CmatPopoverPositionEnd, CmatPopoverPositionStart, CmatPopoverScrollStrategy, CmatPopoverTriggerEvent, CmatSelectTableColumn, CmatSelectTableDataSource, CmatSelectTableFilter, CmatSelectTableRow, CmatSourceOptions, CmatToastModel, CmatTransferFilterData, CmatTransferFilterItem, CmatVerticalNavigationAppearance, CmatVerticalNavigationMode, CmatVerticalNavigationPosition, Collection, ConfigurableDefaultOptions, Content, CustomFormFieldProps, DatetimepickerDropdownPositionX, DatetimepickerDropdownPositionY, DayJsDateAdapterOptions, Direction, ExcelOptions, ExporterListInfo, FileCategoryModel, FileListModel, FileModel, FormlyMultiCheckboxFieldConfig, FormlyRadioFieldConfig, FormlySliderFieldConfig, GlobalConfigModel, GlobalPosition, GlobalTheme, GlobalType, INode, MatSelectSearchOptions, Options, Page, Position, PositionX, PositionY, Theme, ToastAPrefix, TxtOptions, Type };
+declare class CmatSecurePipe implements PipeTransform {
+    private _http;
+    private _sanitizer;
+    private _urlStateConfigService;
+    private readonly _destroyRef;
+    private _config;
+    constructor();
+    transform(fileId: string): Observable<SafeUrl>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatSecurePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CmatSecurePipe, "cmatSecure", true>;
+}
+
+declare class CmatUppercasePipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatUppercasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<CmatUppercasePipe, "cmatUppercase", true>;
+}
+
+declare enum CmatDialogType {
+    alert = 0,
+    confirm = 1,
+    prompt = 2
+}
+declare enum CmatMessageSeverity {
+    info = "info",
+    success = "success",
+    error = "error",
+    warning = "warning",
+    wait = "wait"
+}
+interface ApiResult {
+    success: boolean;
+    msg: string;
+    type: number;
+    data?: any;
+    dataExt?: any;
+}
+
+declare class CmatAlertDialog {
+    message: string;
+    type: CmatDialogType;
+    okCallback?: ((val?: any) => any) | undefined;
+    cancelCallback?: (() => any) | undefined;
+    defaultValue?: string | undefined;
+    okLabel?: string | undefined;
+    cancelLabel?: string | undefined;
+    constructor(message: string, type: CmatDialogType, okCallback?: ((val?: any) => any) | undefined, cancelCallback?: (() => any) | undefined, defaultValue?: string | undefined, okLabel?: string | undefined, cancelLabel?: string | undefined);
+}
+
+declare class CmatAlertMessage {
+    severity: CmatMessageSeverity;
+    summary: string;
+    detail: string;
+    isPostionBottom: boolean;
+    constructor(severity: CmatMessageSeverity, summary: string, detail: string, isPostionBottom?: boolean);
+}
+
+declare class CmatAlertService {
+    private _messages;
+    private _stickyMessages;
+    private _dialogs;
+    private _isLoading;
+    private _loadingMessageId;
+    get dialogEvent$(): Observable<CmatAlertDialog>;
+    get messageEvent$(): Observable<CmatAlertMessage>;
+    get stickyMessageEvent$(): Observable<CmatAlertMessage | void>;
+    get isLoadingInProgress$(): Observable<boolean>;
+    showDialog(message: string, type?: CmatDialogType, okCallback?: (val?: any) => any, cancelCallback?: () => any, okLabel?: string, cancelLabel?: string, defaultValue?: string): void;
+    showMessage(summary: string): void;
+    showMessage(detail: string | string[] | HttpResponseBase, params: string, severity: CmatMessageSeverity): void;
+    showBottomMessage(summary: string): void;
+    showBottomMessage(summary: string, detail: string, severity: CmatMessageSeverity): void;
+    showStickyMessage(summary: string): void;
+    showStickyMessage(summary: string, detail: string, severity: CmatMessageSeverity, error?: any): void;
+    showStickyMessage(detail: string[] | HttpResponseBase, params: string, severity: CmatMessageSeverity): void;
+    startLoadingMessage(message?: string, caption?: string): void;
+    stopLoadingMessage(): void;
+    logDebug(msg: any): void;
+    logError(msg: any): void;
+    logInfo(msg: any): void;
+    logMessage(msg: any): void;
+    logTrace(msg: any): void;
+    logWarning(msg: any): void;
+    resetStickyMessage(): void;
+    private _showMessageHelper;
+    private isApiResult;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatAlertService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatAlertService>;
+}
+
+type CmatScheme = 'auto' | 'dark' | 'light';
+type CmatTheme = string;
+type CmatScreens = Record<string, string>;
+type CmatThemeOption<TExtra extends Record<string, unknown> = Record<string, unknown>> = {
+    id: string;
+    name: string;
+} & TExtra;
+interface CmatAppConfigBase {
+    layout: string;
+    scheme: CmatScheme;
+    screens: CmatScreens;
+    theme: CmatTheme;
+    themes: CmatThemeOption[];
+}
+type CmatAppConfig<TExtra extends Record<string, unknown> = Record<string, unknown>> = CmatAppConfigBase & TExtra;
+declare const CMAT_APP_CONFIG: InjectionToken<CmatAppConfig<Record<string, unknown>>>;
+interface IUrlStateConfig {
+    fileUrl: string;
+    enableDataProtect: boolean;
+}
+
+declare class CmatConfigService {
+    private readonly _defaultConfig;
+    private readonly _config;
+    private readonly _config$;
+    get config$(): Observable<CmatAppConfig>;
+    set config(value: Partial<CmatAppConfig>);
+    updateConfig(value: Partial<CmatAppConfig>): void;
+    reset(): void;
+    private _mergeConfig;
+    private _isRecord;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatConfigService>;
+}
+
+declare class CmatUrlStateConfigService {
+    private readonly _defaultConfig;
+    private readonly _config;
+    private readonly _config$;
+    get config$(): Observable<IUrlStateConfig>;
+    config(value: Partial<IUrlStateConfig>): void;
+    updateConfig(value: Partial<IUrlStateConfig>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatUrlStateConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatUrlStateConfigService>;
+}
+
+interface CmatConfirmationConfig {
+    title?: string;
+    message?: string;
+    icon?: {
+        show?: boolean;
+        name?: string;
+        color?: 'primary' | 'accent' | 'warn' | 'basic' | 'info' | 'success' | 'warning' | 'error';
+    };
+    actions?: {
+        confirm?: {
+            show?: boolean;
+            label?: string;
+            color?: 'primary' | 'accent' | 'warn';
+        };
+        cancel?: {
+            show?: boolean;
+            label?: string;
+        };
+    };
+    dismissible?: boolean;
+}
+
+declare class CmatConfirmationDialogComponent {
+    data: CmatConfirmationConfig;
+    matDialogRef: MatDialogRef<CmatConfirmationDialogComponent, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatConfirmationDialogComponent, "cmat-confirmation-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class CmatConfirmationService {
+    private _matDialog;
+    private _defaultConfig;
+    open(config?: CmatConfirmationConfig): MatDialogRef<CmatConfirmationDialogComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatConfirmationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatConfirmationService>;
+}
+
+declare class CmatDataService {
+    private readonly _http;
+    private readonly _urlStateConfigService;
+    private readonly _destroyRef;
+    private _enableDataProtect;
+    constructor();
+    get<T>(url: string, params?: Record<string, unknown>, auth?: boolean): Observable<T>;
+    post<T>(url: string, data: any, params?: Record<string, unknown>, auth?: boolean, idempotent?: boolean): Observable<T>;
+    put<T>(url: string, data: any, params?: Record<string, unknown>, auth?: boolean): Observable<T>;
+    delete<T>(url: string, params?: Record<string, unknown>, auth?: boolean): Observable<T>;
+    patch<T>(url: string, data: any, params?: Record<string, unknown>, auth?: boolean): Observable<T>;
+    private _buildHttpParams;
+    private _decryptResponse;
+    private _normalizeParamValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDataService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatDataService>;
+}
+
+type SupportedExtensions = 'xlsx' | 'xls' | 'txt' | 'csv' | 'json' | 'xml';
+interface ExportAsConfig {
+    type: SupportedExtensions;
+    elementIdOrContent: string;
+    download?: boolean;
+    fileName: string;
+    options?: any;
+}
+
+declare class CmatExportAsService {
+    get(config: ExportAsConfig): Observable<any>;
+    save(config: ExportAsConfig, fileName: string): Observable<string | null>;
+    contentToBlob(content: string): Observable<Blob>;
+    removeFileTypeFromBase64(fileContent: string): string;
+    addFileTypeToBase64(fileContent: string, fileMime: string): string;
+    downloadFromDataURL(fileName: string, dataURL: string): void;
+    downloadFromBlob(blob: Blob, fileName: string): void;
+    private _getCSV;
+    private _getTXT;
+    private _getXLS;
+    private _getXLSX;
+    private _getJSON;
+    private _getXML;
+    private _btoa;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatExportAsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatExportAsService>;
+}
+
+declare class CmatLoadingService {
+    private readonly _auto$;
+    private readonly _mode$;
+    private readonly _progress$;
+    private readonly _show$;
+    private readonly _autoObservable$;
+    private readonly _modeObservable$;
+    private readonly _progressObservable$;
+    private readonly _showObservable$;
+    private readonly _urlSet;
+    get auto$(): Observable<boolean>;
+    get isAuto(): boolean;
+    get mode$(): Observable<'determinate' | 'indeterminate'>;
+    get currentMode(): 'determinate' | 'indeterminate';
+    get progress$(): Observable<number | null>;
+    get currentProgress(): number | null;
+    get show$(): Observable<boolean>;
+    get isShowing(): boolean;
+    show(): void;
+    hide(): void;
+    setAutoMode(value: boolean): void;
+    setMode(value: 'determinate' | 'indeterminate'): void;
+    setProgress(value: number): void;
+    setLoadingStatus(status: boolean, url: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatLoadingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatLoadingService>;
+}
+
+declare class CmatLoadingInterceptor implements HttpInterceptor {
+    private readonly _cmatLoadingService;
+    intercept(req: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatLoadingInterceptor, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatLoadingInterceptor>;
+}
+
+declare class CmatLocalStorageService {
+    getItem(key: string): string | null;
+    setItem(key: string, item: string): void;
+    removeItem(key: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatLocalStorageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatLocalStorageService>;
+}
+
+interface CmatMediaChange {
+    matchingAliases: string[];
+    matchingQueries: Record<string, string>;
+}
+declare class CmatMediaWatcherService {
+    private readonly _breakpointObserver;
+    private readonly _cmatConfigService;
+    get onMediaChange$(): Observable<CmatMediaChange>;
+    onMediaQueryChange$(query: string | string[]): Observable<BreakpointState>;
+    private _screensAreEqual;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatMediaWatcherService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatMediaWatcherService>;
+}
+
+declare class CmatPlatformService {
+    osName: string;
+    private _platform;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPlatformService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatPlatformService>;
+}
+
+declare class CmatSplashScreenService {
+    private _document;
+    private _router;
+    private readonly _destroyRef;
+    constructor();
+    show(): void;
+    hide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatSplashScreenService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatSplashScreenService>;
+}
+
+declare class CmatTitleService {
+    private readonly _destroyRef;
+    private readonly _router;
+    private readonly _titleService;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatTitleService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatTitleService>;
+}
+
+declare class CmatTranslationService {
+    private _translate;
+    private readonly _defaultLanguage;
+    private _onLanguageChanged;
+    constructor();
+    get languageChanged$(): Observable<Language>;
+    addLanguages(lang: Language[]): void;
+    setDefaultLanguage(lang: Language): void;
+    getDefaultLanguage(): Language;
+    getBrowserLanguage(): Language | void;
+    useBrowserLanguage(): Language | void;
+    changeLanguage(language?: Language): Language;
+    getTranslation(key: string | string[], interpolateParams?: object): any;
+    getTranslationAsync(key: string | string[], interpolateParams?: object): Observable<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatTranslationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatTranslationService>;
+}
+
+declare class CmatUtilsService {
+    static readonly captionAndMessageSeparator = ":";
+    static readonly noNetworkMessageCaption = "\u65E0\u7F51\u7EDC";
+    static readonly noNetworkMessageDetail = "\u65E0\u6CD5\u8FDE\u63A5\u670D\u52A1\u5668";
+    static readonly accessDeniedMessageCaption = "\u62D2\u7EDD\u8BBF\u95EE!";
+    static readonly accessDeniedMessageDetail = "";
+    private static readonly key;
+    private static readonly iv;
+    get exactMatchOptions(): IsActiveMatchOptions;
+    get subsetMatchOptions(): IsActiveMatchOptions;
+    static getRequestHeaders(): HttpHeaders;
+    static getRequestIdempotentHeaders(): HttpHeaders;
+    static getRequestBypassHeaders(): HttpHeaders;
+    static getRequestIdempotentBypassHeaders(): HttpHeaders;
+    static getRequestCryptoHeaders(params: string): HttpHeaders;
+    static getRequestCryptoBypassHeaders(params: string): HttpHeaders;
+    static getRequestCryptoIdempotentHeaders(params: string): HttpHeaders;
+    static getRequestCryptoIdempotentBypassHeaders(params: string): HttpHeaders;
+    static getEncryptData(data: string): string;
+    static getDecryptData(data: string): string;
+    static handleError(error: any): Observable<never>;
+    static getHttpResponseMessage(data: any): string[];
+    static findHttpResponseMessage(messageToFind: string, data: any, seachInCaptionOnly?: boolean, includeCaptionInResult?: boolean): string | null;
+    static getResponseBody(response: HttpResponseBase): any;
+    static checkNoNetwork(response: HttpResponseBase): boolean;
+    static checkAccessDenied(response: HttpResponseBase): boolean;
+    static checkNotFound(response: HttpResponseBase): boolean;
+    static checkIsLocalHost(url: string, base?: string): boolean;
+    static getQueryParamsFromString(paramString: string): Record<string, string | null> | null;
+    static splitInTwo(text: string, separator?: string): {
+        firstPart: string;
+        secondPart: string | null;
+    };
+    static safeStringify(object: any): string;
+    static jsonTryParse(value: string): string | void;
+    static capitalizeFirstLetter(text: string): string;
+    static toTitleCase(text: string): string;
+    static toLowerCase(items: any): string | string[] | void;
+    static uniqueId(): string;
+    static randomNumber(min: number, max: number): number;
+    static baseUrl(): string;
+    static newGuid(): string;
+    static testIsAbsoluteUrl(url: string): boolean;
+    static convertToAbsoluteUrl(url: string): string;
+    static urlBase64Decode(str: string): string;
+    static decodeToken(token: string): any;
+    static getTokenExpirationDate(token: string): Date | null;
+    static isTokenExpired(token: string, offsetSeconds?: number): boolean;
+    static readAsDataURL(file: File): Promise<any>;
+    static dataURIToBlob(dataURI: string): Blob;
+    static getFileType(accept: string): 'csv' | 'gif' | 'word' | 'excel' | 'jpg' | 'outlook' | 'pdf' | 'png' | 'ppt' | 'file' | 'text' | 'video' | 'zip';
+    static isDateString(value: any): boolean;
+    static transformObjectsForExport(jsonObjects: any[], columns: any[]): any[];
+    private static _base64DecodeUnicode;
+    randomId(stringLength?: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatUtilsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatUtilsService>;
+}
+
+export { AngularShape, AngularShapeView, CLOCK_INNER_RADIUS, CLOCK_OUTER_RADIUS, CLOCK_RADIUS, CLOCK_TICK_RADIUS, CMAT_APP_CONFIG, CMAT_DATETIMEPICKER_SCROLL_STRATEGY, CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY, CMAT_DATETIMEPICKER_SCROLL_STRATEGY_FACTORY_PROVIDER, CMAT_DATETIMEPICKER_VALIDATORS, CMAT_DATETIMEPICKER_VALUE_ACCESSOR, CMAT_DATETIME_FORMATS, CMAT_DAYJS_DATETIME_FORMATS, CMAT_DAYJS_DATE_ADAPTER_OPTIONS, CMAT_DAYJS_DATE_ADAPTER_OPTIONS_FACTORY, CMAT_DAYJS_DATE_FORMATS, CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR, CMAT_NATIVE_DATETIME_FORMATS, CNativeDatetimeAdapter, ChartNode, CmatAddonsWrapperComponent, CmatAlertDialog, CmatAlertMessage, CmatAlertService, CmatAnimationOnScrollDirective, CmatArrowCursorDirective, CmatAutofocusDirective, CmatBreadcrumbComponent, CmatBreadcrumbItemDirective, CmatBreadcrumbService, CmatButtonTypeComponent, CmatBytesPipe, CmatCardComponent, CmatCardWrapperComponent, CmatCarouselComponent, CmatCarouselFooterComponent, CmatCarouselHeaderComponent, CmatCarouselTemplateDirective, CmatCascadeBottomSheetComponent, CmatCascadeListComponent, CmatCascadeTypeComponent, CmatCheckListTypeComponent, CmatChipInputComponent, CmatChipsInputTypeComponent, CmatCodeEditorComponent, CmatColorPickerTypeComponent, CmatConfigService, CmatConfirmationService, CmatDataExporterDirective, CmatDataService, CmatDateFormatPipe, CmatDateRangeComponent, CmatDateRangeTypeComponent, CmatDateTimeDisplayComponent, CmatDatepickerTypeComponent, CmatDatetimepickerCalendarBodyComponent, CmatDatetimepickerCalendarCellComponent, CmatDatetimepickerCalendarComponent, CmatDatetimepickerClockComponent, CmatDatetimepickerComponent, CmatDatetimepickerContentComponent, CmatDatetimepickerFilterType, CmatDatetimepickerInputDirective, CmatDatetimepickerInputEvent, CmatDatetimepickerMonthViewComponent, CmatDatetimepickerToggleComponent, CmatDatetimepickerToggleIconDirective, CmatDatetimepickerYearViewComponent, CmatDebounceClickDirective, CmatDebounceKeyupDirective, CmatDialogType, CmatDigitOnlyDirective, CmatDrawerComponent, CmatDrawerService, CmatEmptyStateComponent, CmatEqualValidatorDirective, CmatExpansionWrapperComponent, CmatExportAsService, CmatFilePreviewComponent, CmatFilesUtilService, CmatFilterToolbarComponent, CmatFindByKeyPipe, CmatFormActionsComponent, CmatFormFieldWrapperComponent, CmatFullscreenComponent, CmatGroupByPipe, CmatHighlightComponent, CmatHighlightService, CmatHorizontalNavigationComponent, CmatImageComponent, CmatInlineLoadingComponent, CmatJsonEditorComponent, CmatKeysPipe, CmatKnobInputComponent, CmatKnobTypeComponent, CmatLoadingInterceptor, CmatLoadingService, CmatLocalStorageService, CmatMaskDirective, CmatMasonryComponent, CmatMaterialColorPickerComponent, CmatMediaWatcherService, CmatMessageSeverity, CmatMultiCheckboxTypeComponent, CmatNavigationItem, CmatNavigationService, CmatNumberTypeComponent, CmatOrgChartComponent, CmatOtpInputComponent, CmatPageHeaderComponent, CmatPaginatePipe, CmatPaginationComponent, CmatPaginationDirective, CmatPaginationService, CmatPanelWrapperComponent, CmatPassToggleVisibilityComponent, CmatPasswordStrengthComponent, CmatPasswordStrengthInfoComponent, CmatPlatformService, CmatPopoverComponent, CmatPopoverTargetDirective, CmatPopoverTriggerDirective, CmatProgressBarComponent, CmatQRCodeComponent, CmatQuillTypeComponent, CmatRadioTypeComponent, CmatRatingComponent, CmatRatingTypeComponent, CmatRepeatTypeComponent, CmatRichTextEditorComponent, CmatSeamlessAutoScrollDirective, CmatSecurePipe, CmatSelectSearchComponent, CmatSelectTableComponent, CmatSelectTableTypeComponent, CmatSelectTreeComponent, CmatSelectTreeFlatNode, CmatSelectTreeNode, CmatSelectTreeTypeComponent, CmatSelectTypeComponent, CmatSelectedColor, CmatSliderTypeComponent, CmatSpeedDialActionsComponent, CmatSpeedDialComponent, CmatSpeedDialTriggerComponent, CmatSplashScreenService, CmatStatusTagComponent, CmatStepperHorizontalTypeComponent, CmatStepperVerticalTypeComponent, CmatTabTypeComponent, CmatTableToolbarComponent, CmatTableTypeComponent, CmatTagsTypeComponent, CmatTextareaTypeComponent, CmatTimelineComponent, CmatTimelineItemComponent, CmatTimelineItemIconDirective, CmatTimelineItemLabelDirective, CmatTitleService, CmatToastComponent, CmatToastModalComponent, CmatToastService, CmatTransferFilterCondition, CmatTransferItemFlatNode, CmatTransferItemNode, CmatTransferPickerComponent, CmatTransferPickerFilterComponent, CmatTransferPickerSearchComponent, CmatTransferPickerService, CmatTransferPickerSourceComponent, CmatTransferPickerTargetComponent, CmatTranslationService, CmatTreeTableColumnDirective, CmatTreeTableComponent, CmatTreeTableNode, CmatUploadComponent, CmatUploadQueueComponent, CmatUploadTypeComponent, CmatUppercasePipe, CmatUrlStateConfigService, CmatUtilsService, CmatVerticalNavigationComponent, DatetimeAdapter, DayjsDateAdapter, DayjsDatetimeAdapter, ExportType, MAT_SELECTSEARCH_DEFAULT_OPTIONS, addonsExtension, configurableDefaultOptions, register, registerInfo };
+export type { AngularShapeConfig, AnimationMode, ApiResult, CMAT_TIMELINE_ORIENTATION, CMAT_TIMELINE_POSITION, CmatAMPM, CmatAppConfig, CmatAppConfigBase, CmatBreadcrumb, CmatBreadcrumbDefinition, CmatBreadcrumbFunction, CmatBreadcrumbObject, CmatCalendarView, CmatCardFace, CmatCarouselPageEvent, CmatCarouselResponsiveOptions, CmatCarouselTemplates, CmatCascadeOptionsInterface, CmatClockView, CmatConfirmationConfig, CmatDatetimeFormats, CmatDatetimepickerMode, CmatDatetimepickerType, CmatDrawerMode, CmatDrawerPosition, CmatNavigationComponent, CmatPaginatePipeArgs, CmatPaginationInstance, CmatPipeState, CmatPopoverPosition, CmatPopoverPositionEnd, CmatPopoverPositionStart, CmatPopoverScrollStrategy, CmatPopoverTriggerEvent, CmatScheme, CmatScreens, CmatSelectTableColumn, CmatSelectTableDataSource, CmatSelectTableFilter, CmatSelectTableRow, CmatSourceOptions, CmatTheme, CmatThemeOption, CmatToastModel, CmatTransferFilterData, CmatTransferFilterItem, CmatVerticalNavigationAppearance, CmatVerticalNavigationMode, CmatVerticalNavigationPosition, Collection, ConfigurableDefaultOptions, Content, CustomFormFieldProps, DatetimepickerDropdownPositionX, DatetimepickerDropdownPositionY, DayJsDateAdapterOptions, Direction, ExcelOptions, ExportAsConfig, ExporterListInfo, FileCategoryModel, FileListModel, FileModel, FormlyMultiCheckboxFieldConfig, FormlyRadioFieldConfig, FormlySliderFieldConfig, GlobalConfigModel, GlobalPosition, GlobalTheme, GlobalType, INode, IUrlStateConfig, MatSelectSearchOptions, Options, Page, Position, PositionX, PositionY, SupportedExtensions, Theme, ToastAPrefix, TxtOptions, Type };