cmat 0.0.79 → 0.0.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmat",
-  "version": "0.0.79",
+  "version": "0.0.80",
   "author": {
     "name": "Yu Tao",
     "email": "916426364@qq.com"

package/types/cmat-components-carousel.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnChanges, AfterContentChecked, OnDestroy, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
+import { TemplateRef, AfterContentInit, OnChanges, AfterContentChecked, OnDestroy, ElementRef, NgZone, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
 
 interface CmatCarouselResponsiveOptions {
     breakpoint: string;
@@ -40,7 +40,7 @@ declare class CmatCarouselTemplateDirective {
 declare class CmatCarouselComponent implements AfterContentInit, OnChanges, AfterContentChecked, OnDestroy {
     el: ElementRef<any>;
     zone: NgZone;
-    cd: ChangeDetectorRef;
+    readonly refreshVersion: i0.WritableSignal<number>;
     private renderer;
     private _document;
     get page(): number;

package/types/cmat-components-cascade.d.ts

@@ -1,9 +1,9 @@
 import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkOverlayOrigin, OverlayRef } from '@angular/cdk/overlay';
 import { CdkPortal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -22,7 +22,6 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     private _overlay;
     private _breakpointObserver;
     private _bottomSheet;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     id: string;
     options: CmatCascadeOptionsInterface[];
@@ -42,6 +41,7 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     focused: boolean;
     touched: boolean;
     controlType: string;
+    readonly refreshVersion: i0.WritableSignal<number>;
     constructor();
     private _touchUi;
     get touchUi(): boolean;

package/types/cmat-components-custom-formly.d.ts

@@ -96,9 +96,9 @@ declare class CmatCascadeTypeComponent extends FieldType<FieldTypeConfig<ChipsCa
         };
     };
     urlData: [];
-    isHandSet: boolean;
+    readonly isHandSet: i0.WritableSignal<boolean>;
+    readonly refreshVersion: i0.WritableSignal<number>;
     private _http;
-    private _changeDetectorRef;
     private _cmatMediaWatcherService;
     private readonly _destroyRef;
     constructor();
@@ -209,8 +209,7 @@ declare class CmatDatepickerTypeComponent extends FieldType<FieldTypeConfig<Date
             twelvehour: boolean;
         };
     };
-    isHandSet: boolean;
-    private _changeDetectorRef;
+    readonly isHandSet: i0.WritableSignal<boolean>;
     private _cmatMediaWatcherService;
     private readonly _destroyRef;
     constructor();
@@ -413,8 +412,8 @@ declare class CmatSelectTreeTypeComponent extends FieldType$1<FieldTypeConfig<Se
         };
     };
     urlData: [];
+    readonly refreshVersion: i0.WritableSignal<number>;
     private _http;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
@@ -444,8 +443,8 @@ declare class CmatSelectTableTypeComponent extends FieldType$1<FieldTypeConfig<S
         };
     };
     urlData: CmatSelectTableDataSource<CmatSelectTableRow>;
+    readonly refreshVersion: i0.WritableSignal<number>;
     private _http;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     constructor();
     ngOnInit(): void;
@@ -486,13 +485,13 @@ declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConfig<Tabl
         label: string;
     }[];
     displayedColumns: string[];
+    readonly refreshVersion: i0.WritableSignal<number>;
     dialogType: 'add' | 'edit' | '';
     defaultOptions: {
         props: {
             addText: string;
         };
     };
-    private _changeDetectorRef;
     private readonly _dialog;
     private readonly _viewContainerRef;
     private _dialogRef;
@@ -526,10 +525,10 @@ declare class CmatTagsTypeComponent extends FieldType<FieldTypeConfig<TagsProps>
     private _tagsPanel;
     urlData: [];
     optionsData: any[];
+    readonly refreshVersion: i0.WritableSignal<number>;
     private _http;
     private _overlay;
     private _viewContainerRef;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     private _filteredItems;
     private readonly _filteredItems$;
@@ -603,9 +602,9 @@ declare class CmatQuillTypeComponent extends FieldType<FieldTypeConfig<QuillProp
         };
     };
     baseGroup: UntypedFormGroup;
+    readonly refreshVersion: i0.WritableSignal<number>;
     private _fileService;
     private _urlStateConfigService;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     private _editorInstance;
     private _imgIds;

package/types/cmat-components-date-range.d.ts

@@ -18,12 +18,12 @@ declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, On
         month1: Dayjs | null;
         month2: Dayjs | null;
     };
+    readonly refreshVersion: i0.WritableSignal<number>;
     setWhichDate: 'start' | 'end';
     startTimeFormControl: FormControl;
     endTimeFormControl: FormControl;
     private _overlay;
     private _viewContainerRef;
-    private _changeDetectorRef;
     private _dateFormat;
     private _onChange;
     private _onTouched;

package/types/cmat-components-drawer.d.ts

@@ -1,6 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { OnChanges, OnInit, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 
 type CmatDrawerMode = 'over' | 'side';
 type CmatDrawerPosition = 'left' | 'right';
@@ -19,6 +19,7 @@ declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
     readonly modeChanged: EventEmitter<CmatDrawerMode>;
     readonly openedChanged: EventEmitter<boolean>;
     readonly positionChanged: EventEmitter<CmatDrawerPosition>;
+    readonly refreshVersion: i0.WritableSignal<number>;
     private _elementRef;
     private _renderer2;
     private _cmatDrawerService;
@@ -26,7 +27,6 @@ declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
     private _hovered;
     private _overlay;
     private _overlayClickDestroyFn;
-    private _changeDetectorRef;
     get classList(): any;
     get styleList(): any;
     onMouseenter(): void;

package/types/cmat-components-image-viewer.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
 import { SafeUrl } from '@angular/platform-browser';
 
@@ -18,14 +18,13 @@ declare class CmatImageComponent {
     previewShowChange: EventEmitter<boolean>;
     imageErrorEvent: EventEmitter<Event>;
     el: ElementRef<any>;
-    maskVisible: boolean;
-    previewVisible: boolean;
+    readonly maskVisible: _angular_core.WritableSignal<boolean>;
+    readonly previewVisible: _angular_core.WritableSignal<boolean>;
     rotate: number;
     scale: number;
     private _loadingPreview;
     private _closePreviewByEscape;
     private _document;
-    private _changeDetectorRef;
     private _originalOverflow;
     private _zoomSettings;
     get isZoomOutDisabled(): boolean;
@@ -53,8 +52,8 @@ declare class CmatImageComponent {
     imageError(event: Event): void;
     private _disableBackgroundScroll;
     private _enableBackgroundScroll;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatImageComponent, "cmat-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; }, { "previewShowChange": "previewShowChange"; "imageErrorEvent": "imageErrorEvent"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatImageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatImageComponent, "cmat-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; }, { "previewShowChange": "previewShowChange"; "imageErrorEvent": "imageErrorEvent"; }, never, never, true, never>;
     static ngAcceptInputType_preview: unknown;
 }
 

package/types/cmat-components-json-editor.d.ts

@@ -13,7 +13,6 @@ declare class CmatJsonEditorComponent implements OnInit, OnChanges, OnDestroy {
     private _jsonEditorContainer?;
     private _destroyed;
     private readonly _document;
-    private _changeDetectorRef;
     get darkTheme(): boolean;
     private get _isDarkTheme();
     set jsonEditorContainer(value: ElementRef | undefined);

package/types/cmat-components-knob-input.d.ts

@@ -1,6 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { OnDestroy, EventEmitter } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -32,10 +32,10 @@ declare class CmatKnobInputComponent implements MatFormFieldControl<any>, OnDest
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;
+    readonly refreshVersion: i0.WritableSignal<number>;
     ngControl: NgControl;
     private _document;
     private _renderer;
-    private _changeDetectorRef;
     private _el;
     constructor();
     ngOnDestroy(): void;

package/types/cmat-components-masonry.d.ts

@@ -8,8 +8,7 @@ declare class CmatMasonryComponent implements OnChanges, AfterViewInit {
     columnsTemplate: TemplateRef<any>;
     columns: number;
     items: any[];
-    distributedColumns: MasonryColumn[];
-    private _changeDetectorRef;
+    readonly distributedColumns: i0.WritableSignal<MasonryColumn[]>;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     private _distributeItems;

package/types/cmat-components-material-color-picker.d.ts

@@ -14,10 +14,9 @@ declare class CmatMaterialColorPickerComponent implements ControlValueAccessor {
     palettes: string[];
     hues: string[];
     view: string;
-    selectedColor: CmatSelectedColor;
+    readonly selectedColor: i0.WritableSignal<CmatSelectedColor>;
     selectedPalette: string;
     selectedHue: string;
-    private _changeDetectorRef;
     private _color;
     private _title;
     private _readonly;

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

@@ -85,12 +85,12 @@ declare class CmatDatetimepickerCalendarComponent<D> implements AfterContentInit
     tabindex: number;
     AMPM: CmatAMPM;
     clockView: CmatClockView;
-    calendarState: string;
+    readonly calendarState: i0.WritableSignal<string>;
+    readonly intlVersion: i0.WritableSignal<number>;
     private _elementRef;
     private _intl;
     private _adapter;
     private _dateFormats;
-    private _changeDetectorRef;
     private _currentView;
     private _intlChanges;
     private _clampedActiveDate;
@@ -271,11 +271,10 @@ declare class CmatDatetimepickerContentComponent<D> implements OnInit, AfterCont
     color: ThemePalette;
     datetimepicker: CmatDatetimepickerComponent<D>;
     isAbove: boolean;
-    animationState: 'enter-dropdown' | 'enter-dialog' | 'leave';
+    readonly animationState: i0.WritableSignal<"enter-dropdown" | "enter-dialog" | "leave">;
     readonly animationDone: Subject<void>;
     dialogLabelId: string | null;
     protected _elementRef: ElementRef<any>;
-    private _changeDetectorRef;
     private _animationEndListener;
     ngOnInit(): void;
     ngAfterContentInit(): void;
@@ -405,10 +404,10 @@ declare class CmatDatetimepickerToggleComponent<D> implements AfterContentInit,
     customIcon: CmatDatetimepickerToggleIconDirective;
     button: MatButton;
     class: string;
+    readonly refreshVersion: i0.WritableSignal<number>;
     protected intl: CmatDatetimepickerIntl;
     private _stateChanges;
     private _disabled;
-    private _changeDetectorRef;
     get disabled(): boolean;
     set disabled(value: boolean);
     ngOnChanges(changes: SimpleChanges): void;
@@ -433,13 +432,12 @@ declare class CmatDatetimepickerMonthViewComponent<D> implements AfterContentIni
         long: string;
         narrow: string;
     }[];
-    calendarState: string;
+    readonly calendarState: i0.WritableSignal<string>;
     adapter: DatetimeAdapter<D>;
     private _dateFormats;
     private _activeDate;
     private _selected;
     private _elementRef;
-    private _changeDetectorRef;
     private _calendarAnimationListener;
     constructor();
     get activeDate(): D;
@@ -467,12 +465,11 @@ declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit
     yearLabel: string;
     todayMonth: number | null;
     selectedMonth: number | null;
-    calendarState: string;
+    readonly calendarState: i0.WritableSignal<string>;
     adapter: DatetimeAdapter<D>;
     private _dateFormats;
     private _activeDate;
     private _selected;
-    private _changeDetectorRef;
     private _elementRef;
     private _calendarAnimationListener;
     constructor();

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { OnChanges, OnInit, OnDestroy, EventEmitter, SimpleChanges, AfterViewInit } from '@angular/core';
-import { ReplaySubject } from 'rxjs';
+import { OnChanges, OnInit, OnDestroy, EventEmitter, SimpleChanges, AfterViewInit, Signal } from '@angular/core';
 import { IsActiveMatchOptions } from '@angular/router';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { ReplaySubject } from 'rxjs';
 
 declare class CmatNavigationItem {
     id?: string;
@@ -48,8 +48,7 @@ declare class CmatHorizontalNavigationComponent implements OnChanges, OnInit, On
     navigation: CmatNavigationItem[];
     hasRouteReuseStrategy: boolean;
     readonly routeReuseStrategyEmitUrl: EventEmitter<string>;
-    onRefreshed: ReplaySubject<boolean>;
-    private _changeDetectorRef;
+    readonly refreshToken: i0.WritableSignal<number>;
     private _cmatNavigationService;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
@@ -85,11 +84,10 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     readonly openedChanged: EventEmitter<boolean>;
     readonly positionChanged: EventEmitter<CmatVerticalNavigationPosition>;
     readonly editSelectedItemChanged: EventEmitter<CmatNavigationItem>;
-    activeAsideItemId: string | null;
+    readonly activeAsideItemId: i0.WritableSignal<string | null>;
     onCollapsableItemCollapsed: ReplaySubject<CmatNavigationItem>;
     onCollapsableItemExpanded: ReplaySubject<CmatNavigationItem>;
-    onRefreshed: ReplaySubject<boolean>;
-    private _changeDetectorRef;
+    readonly refreshToken: i0.WritableSignal<number>;
     private _elementRef;
     private _renderer2;
     private _router;
@@ -133,6 +131,7 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     private _applyOpenedState;
     private _setAsideActive;
     private _removeOverlayElement;
+    private _removeOverlayAfterTransition;
     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>;
@@ -140,10 +139,14 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
 
 declare class CmatNavigationService {
     private readonly _componentRegistry;
+    private readonly _refreshTokenRegistry;
     private readonly _navigationStore;
     registerComponent(name: string, component: unknown): void;
     deregisterComponent(name: string): void;
     getComponent<T = unknown>(name: string): T;
+    registerRefreshToken(name: string, refreshToken: Signal<number>): void;
+    deregisterRefreshToken(name: string): void;
+    getRefreshToken(name: string): Signal<number> | undefined;
     storeNavigation(key: string, navigation: CmatNavigationItem[]): void;
     getNavigation(key: string): CmatNavigationItem[];
     deleteNavigation(key: string): void;

package/types/cmat-components-pagination.d.ts

@@ -10,9 +10,8 @@ declare class CmatPaginationComponent implements OnInit {
     maxSize: number;
     itemsPerPages: number[];
     initPerPage: number;
-    isScreenSmall: boolean;
+    readonly isScreenSmall: i0.WritableSignal<boolean>;
     private _cmatMediaWatcherService;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     private _autoHide;
     get autoHide(): boolean;
@@ -86,10 +85,11 @@ declare class CmatPaginationDirective implements OnInit, OnChanges {
     pageChange: EventEmitter<number>;
     pageBoundsCorrection: EventEmitter<number>;
     perPageCountChange: EventEmitter<number>;
-    pages: Page[];
+    readonly pages$: i0.WritableSignal<Page[]>;
     private readonly service;
-    private readonly changeDetectorRef;
+    private readonly _injector;
     private readonly _destroyRef;
+    private _pageLinksUpdateQueued;
     constructor();
     ngOnInit(): void;
     ngOnChanges(): void;
@@ -106,6 +106,7 @@ declare class CmatPaginationDirective implements OnInit, OnChanges {
     setItemsPerPage(count: number): void;
     private _checkValidId;
     private _updatePageLinks;
+    private _schedulePageLinksUpdate;
     private _outOfBoundCorrection;
     private _createPageArray;
     private _calculatePageNumber;

package/types/cmat-components-password-strength.d.ts

@@ -84,8 +84,7 @@ declare class CmatPasswordStrengthInfoComponent implements OnInit, AfterViewInit
     specialCharsCriteriaMsg: string;
     customCharsCriteriaMsg: string;
     minCharsCriteriaMsg: string;
-    pageLoaded: boolean;
-    private _changeDetectorRef;
+    readonly pageLoaded: i0.WritableSignal<boolean>;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     getEnterIndex(itemType: string): number;

package/types/cmat-components-popover.d.ts

@@ -130,7 +130,6 @@ declare class CmatPopoverTriggerDirective implements OnChanges, AfterViewInit, O
     private _elementRef;
     private _viewContainerRef;
     private _dir;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     private _portal;
     private _overlayRef;

package/types/cmat-components-progress-bar.d.ts

@@ -1,18 +1,17 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
 
 declare class CmatProgressBarComponent implements OnChanges, OnInit {
     autoMode: boolean;
-    mode: 'determinate' | 'indeterminate';
-    progress: number | null;
-    show: boolean;
+    readonly mode: _angular_core.WritableSignal<"determinate" | "indeterminate">;
+    readonly progress: _angular_core.WritableSignal<number | null>;
+    readonly show: _angular_core.WritableSignal<boolean>;
     private _cmatLoadingService;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): 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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatProgressBarComponent, "cmat-progress-bar", ["cmatProgressBar"], { "autoMode": { "alias": "autoMode"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 export { CmatProgressBarComponent };

package/types/cmat-components-rating.d.ts

@@ -1,6 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -15,14 +15,13 @@ declare class CmatRatingComponent implements MatFormFieldControl<any>, ControlVa
     color?: string;
     showMode?: 'horizontal' | 'vertical';
     valueChange: EventEmitter<any>;
-    starArray: number[];
-    currentValue: number;
+    readonly starArray: _angular_core.WritableSignal<number[]>;
+    readonly currentValue: _angular_core.WritableSignal<number>;
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;
     controlType: string;
     ngControl: NgControl;
-    private _changeDetectorRef;
     constructor();
     onModelChange: (value: any) => void;
     onTouchedChange: () => any;
@@ -55,8 +54,8 @@ declare class CmatRatingComponent implements MatFormFieldControl<any>, ControlVa
     onMouseover(event: any, value: number, half?: boolean): void;
     onMouseleave(): void;
     private _initializeStarArray;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatRatingComponent, never>;
-    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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatRatingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
 }
 
 export { CmatRatingComponent };

package/types/cmat-components-select-search.d.ts

@@ -43,7 +43,6 @@ declare class CmatSelectSearchComponent implements OnInit, ControlValueAccessor
     formControl: FormControl;
     protected matSelect: MatSelect;
     protected matFormField: MatFormField | null;
-    private _changeDetectorRef;
     private _viewportRuler;
     private _matOption;
     private _defaultOptions;
@@ -55,6 +54,7 @@ declare class CmatSelectSearchComponent implements OnInit, ControlValueAccessor
     private _previousSelectedValues;
     private _activeDescendant?;
     constructor();
+    readonly showNoEntriesFound: i0.WritableSignal<boolean>;
     showNoEntriesFound$: Observable<boolean>;
     get isInsideMatOption(): boolean;
     get value(): string;

package/types/cmat-components-select-table.d.ts

@@ -1,6 +1,6 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
@@ -52,21 +52,20 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     private _sort;
     private _table;
     private _matOptions;
-    tableDataSource: CmatSelectTableRow[];
-    tableColumns: string[];
+    readonly tableDataSource: _angular_core.WritableSignal<CmatSelectTableRow[]>;
+    readonly tableColumns: _angular_core.WritableSignal<string[]>;
     tableColumnsMap: Map<string, CmatSelectTableColumn>;
     private readonly _rowById;
     private _columnKeys;
     filteredOutRows: Record<string, CmatSelectTableRow>;
     completeRowList: CmatSelectTableRow[];
-    overallSearchVisibleState: boolean;
+    readonly overallSearchVisibleState: _angular_core.WritableSignal<boolean>;
     overallFilterControl: FormControl;
     selectControl: FormControl;
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;
     ngControl: NgControl;
-    private _cd;
     private readonly _destroyRef;
     private _matSelect;
     private _filterControls;
@@ -128,8 +127,8 @@ declare class CmatSelectTableComponent implements MatFormFieldControl<any>, Cont
     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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatSelectTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
 }
 
 export { CmatSelectTableComponent };

package/types/cmat-components-select-tree.d.ts

@@ -1,8 +1,8 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { SelectionModel } from '@angular/cdk/collections';
 import { CdkTree } from '@angular/cdk/tree';
-import * as i0 from '@angular/core';
-import { OnChanges, AfterViewInit, OnDestroy, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { MatSelect } from '@angular/material/select';
@@ -42,19 +42,18 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     private readonly _parentFlatNodeById;
     private readonly _selectedFlatNodeIds;
     checklistSelection: SelectionModel<CmatSelectTreeFlatNode>;
-    treeDataSource: CmatSelectTreeNode[];
-    dataFlatNodes: CmatSelectTreeFlatNode[];
+    readonly treeDataSource: _angular_core.WritableSignal<CmatSelectTreeNode[]>;
+    readonly dataFlatNodes: _angular_core.WritableSignal<CmatSelectTreeFlatNode[]>;
     overallFilterControl: FormControl;
-    isIndeterminate: boolean;
-    isChecked: boolean;
-    checkCount: number;
+    readonly isIndeterminate: _angular_core.WritableSignal<boolean>;
+    readonly isChecked: _angular_core.WritableSignal<boolean>;
+    readonly checkCount: _angular_core.WritableSignal<number>;
     selectControl: FormControl;
-    readonly matSelectData: CmatSelectTreeFlatNode[];
+    readonly matSelectData: _angular_core.WritableSignal<CmatSelectTreeFlatNode[]>;
     readonly stateChanges: Subject<void>;
     focused: boolean;
     touched: boolean;
     ngControl: NgControl;
-    private _changeDetectorRef;
     private readonly _destroyRef;
     private _matSelect;
     constructor();
@@ -114,8 +113,8 @@ declare class CmatSelectTreeComponent implements MatFormFieldControl<any>, Contr
     private _syncSelectedFlatNodeIds;
     private _transformer;
     private _getDescendants;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTreeComponent, "cmat-select-tree", ["cmatSelectTree"], { "id": { "alias": "id"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "showNoFoundLabel": { "alias": "showNoFoundLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "overallSearchEnabled": { "alias": "overallSearchEnabled"; "required": false; }; "canNull": { "alias": "canNull"; "required": false; }; "customTriggerLabelFn": { "alias": "customTriggerLabelFn"; "required": false; }; "customTriggerLabelTemplate": { "alias": "customTriggerLabelTemplate"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "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; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatSelectTreeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatSelectTreeComponent, "cmat-select-tree", ["cmatSelectTree"], { "id": { "alias": "id"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "showNoFoundLabel": { "alias": "showNoFoundLabel"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "overallSearchEnabled": { "alias": "overallSearchEnabled"; "required": false; }; "canNull": { "alias": "canNull"; "required": false; }; "customTriggerLabelFn": { "alias": "customTriggerLabelFn"; "required": false; }; "customTriggerLabelTemplate": { "alias": "customTriggerLabelTemplate"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "showToggleAllCheckbox": { "alias": "showToggleAllCheckbox"; "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; }; }, {}, never, never, true, never>;
 }
 
 export { CmatSelectTreeComponent, CmatSelectTreeFlatNode, CmatSelectTreeNode };