cmat 0.0.86 → 0.0.88

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

@@ -1,7 +1,6 @@
 import * as _angular_core from '@angular/core';
-import { OnChanges, OnInit, OnDestroy, EventEmitter, SimpleChanges, AfterViewInit } from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit } from '@angular/core';
 import { IsActiveMatchOptions } from '@angular/router';
-import { BooleanInput } from '@angular/cdk/coercion';
 import { ReplaySubject } from 'rxjs';
 
 declare class CmatNavigationItem {
@@ -43,65 +42,63 @@ type CmatVerticalNavigationAppearance = 'default' | 'compact' | 'dense' | 'thin'
 type CmatVerticalNavigationMode = 'over' | 'side';
 type CmatVerticalNavigationPosition = 'left' | 'right';
 
-declare class CmatHorizontalNavigationComponent implements OnChanges, OnInit, OnDestroy {
-    name: string;
-    navigation: CmatNavigationItem[];
-    hasRouteReuseStrategy: boolean;
-    readonly routeReuseStrategyEmitUrl: EventEmitter<string>;
+declare class CmatHorizontalNavigationComponent implements OnInit, OnDestroy {
+    readonly routeReuseStrategyEmitUrl: _angular_core.OutputEmitterRef<string>;
     readonly refreshToken: _angular_core.WritableSignal<number>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly navigation: _angular_core.InputSignal<CmatNavigationItem[] | undefined>;
+    readonly hasRouteReuseStrategy: _angular_core.InputSignal<boolean | undefined>;
     private _cmatNavigationService;
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     refresh(): void;
     trackByFn(index: number, item: CmatNavigationItem): string | number;
     goToRouterLink(link: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatHorizontalNavigationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatHorizontalNavigationComponent, "cmat-horizontal-navigation", ["cmatHorizontalNavigation"], { "name": { "alias": "name"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; "hasRouteReuseStrategy": { "alias": "hasRouteReuseStrategy"; "required": false; }; }, { "routeReuseStrategyEmitUrl": "routeReuseStrategyEmitUrl"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatHorizontalNavigationComponent, "cmat-horizontal-navigation", ["cmatHorizontalNavigation"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "hasRouteReuseStrategy": { "alias": "hasRouteReuseStrategy"; "required": false; "isSignal": true; }; }, { "routeReuseStrategyEmitUrl": "routeReuseStrategyEmitUrl"; }, never, never, true, never>;
 }
 
-declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, AfterViewInit, OnDestroy {
-    static ngAcceptInputType_inner: BooleanInput;
-    static ngAcceptInputType_opened: BooleanInput;
-    static ngAcceptInputType_transparentOverlay: BooleanInput;
-    readonly classList: _angular_core.WritableSignal<string>;
-    readonly styleList: _angular_core.WritableSignal<string>;
-    private _navigationContentEl;
-    appearance: CmatVerticalNavigationAppearance;
-    autoCollapse: boolean;
-    editState: boolean;
-    inner: boolean;
-    mode: CmatVerticalNavigationMode;
-    name: string;
-    navigation: CmatNavigationItem[];
-    opened: boolean;
-    position: CmatVerticalNavigationPosition;
-    transparentOverlay: boolean;
-    hasRouteReuseStrategy: boolean;
-    readonly routeReuseStrategyEmitUrl: EventEmitter<string>;
-    readonly appearanceChanged: EventEmitter<CmatVerticalNavigationAppearance>;
-    readonly modeChanged: EventEmitter<CmatVerticalNavigationMode>;
-    readonly openedChanged: EventEmitter<boolean>;
-    readonly positionChanged: EventEmitter<CmatVerticalNavigationPosition>;
-    readonly editSelectedItemChanged: EventEmitter<CmatNavigationItem>;
+declare class CmatVerticalNavigationComponent implements OnInit, AfterViewInit, OnDestroy {
+    readonly routeReuseStrategyEmitUrl: _angular_core.OutputEmitterRef<string>;
+    readonly appearanceChanged: _angular_core.OutputEmitterRef<CmatVerticalNavigationAppearance>;
+    readonly modeChanged: _angular_core.OutputEmitterRef<CmatVerticalNavigationMode>;
+    readonly openedChanged: _angular_core.OutputEmitterRef<boolean>;
+    readonly positionChanged: _angular_core.OutputEmitterRef<CmatVerticalNavigationPosition>;
+    readonly editSelectedItemChanged: _angular_core.OutputEmitterRef<CmatNavigationItem>;
+    readonly appearance: _angular_core.InputSignal<CmatVerticalNavigationAppearance>;
+    readonly autoCollapse: _angular_core.InputSignal<boolean>;
+    readonly editState: _angular_core.InputSignal<boolean>;
+    readonly inner: _angular_core.InputSignal<boolean>;
+    readonly mode: _angular_core.InputSignal<CmatVerticalNavigationMode>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly navigation: _angular_core.InputSignal<CmatNavigationItem[]>;
+    readonly opened: _angular_core.InputSignal<boolean>;
+    readonly position: _angular_core.InputSignal<CmatVerticalNavigationPosition>;
+    readonly transparentOverlay: _angular_core.InputSignal<boolean>;
+    readonly hasRouteReuseStrategy: _angular_core.InputSignal<boolean>;
     readonly activeAsideItemId: _angular_core.WritableSignal<string | null>;
     readonly asideOverlayVisible: _angular_core.WritableSignal<boolean>;
     onCollapsableItemCollapsed: ReplaySubject<CmatNavigationItem>;
     onCollapsableItemExpanded: ReplaySubject<CmatNavigationItem>;
     readonly refreshToken: _angular_core.WritableSignal<number>;
+    readonly classList: _angular_core.Signal<string>;
+    readonly styleList: _angular_core.Signal<string>;
+    private readonly _openedState;
+    private readonly _animationsEnabled;
+    private readonly _hovered;
+    private readonly _prevMode;
+    private readonly _navigationContentEl;
     private _elementRef;
     private _renderer2;
     private _router;
     private _scrollStrategyOptions;
     private _cmatNavigationService;
-    private readonly _cmatUtilsService;
     private readonly _destroyRef;
-    private _animationsEnabled;
     private _asideOverlay;
     private _asideOverlayClickDestroyFn;
     private _asideOverlayLeaveTimeoutId;
     private readonly _handleOverlayClick;
-    private _hovered;
     private _overlay;
     private _overlayClickDestroyFn;
     private _overlayLeaveTimeoutId;
@@ -110,7 +107,6 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     constructor();
     onMouseenter(): void;
     onMouseleave(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -141,9 +137,8 @@ declare class CmatVerticalNavigationComponent implements OnChanges, OnInit, Afte
     private _setNavigationOpened;
     private _applyOpenedState;
     private _setAsideActive;
-    private _syncHostBindings;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatVerticalNavigationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatVerticalNavigationComponent, "cmat-vertical-navigation", ["cmatVerticalNavigation"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "autoCollapse": { "alias": "autoCollapse"; "required": false; "isSignal": true; }; "editState": { "alias": "editState"; "required": false; "isSignal": true; }; "inner": { "alias": "inner"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "transparentOverlay": { "alias": "transparentOverlay"; "required": false; "isSignal": true; }; "hasRouteReuseStrategy": { "alias": "hasRouteReuseStrategy"; "required": false; "isSignal": true; }; }, { "routeReuseStrategyEmitUrl": "routeReuseStrategyEmitUrl"; "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; "editSelectedItemChanged": "editSelectedItemChanged"; }, never, ["[cmatVerticalNavigationHeader]", "[cmatVerticalNavigationContentHeader]", "[cmatVerticalNavigationContentFooter]", "[cmatVerticalNavigationFooter]"], true, never>;
 }
 
 declare class CmatNavigationService {

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

@@ -1,6 +1,6 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
-import { AfterViewInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, UntypedFormGroup, NgControl, FormControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
@@ -20,28 +20,43 @@ declare class OptInputConfig {
     showError?: boolean;
 }
 
-declare class CmatOtpInputComponent implements MatFormFieldControl<string | null>, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor {
-    id: string;
-    onBlur: EventEmitter<void>;
-    onInputChange: EventEmitter<string | null>;
-    config: OptInputConfig;
+declare class CmatOtpInputComponent implements MatFormFieldControl<string | null>, AfterViewInit, OnDestroy, ControlValueAccessor {
+    readonly config: _angular_core.InputSignal<OptInputConfig>;
+    readonly onBlur: _angular_core.OutputEmitterRef<void>;
+    readonly onInputChange: _angular_core.OutputEmitterRef<string | null>;
+    readonly id: string;
+    userAriaDescribedBy?: string;
+    readonly stateChanges: Subject<void>;
+    private readonly _placeholderSignal;
+    private readonly _requiredSignal;
+    private readonly _disabledSignal;
+    private readonly _valueSignal;
+    private readonly _currentValSignal;
+    private _focused;
+    private _activeFocusCount;
+    readonly controlKeys: _angular_core.Signal<string[]>;
+    readonly inputType: _angular_core.Signal<"password" | "tel" | "text">;
+    get errorState(): boolean;
     otpForm: UntypedFormGroup;
-    currentVal: string | null;
     componentKey: string;
-    readonly stateChanges: Subject<void>;
-    focused: boolean;
     ngControl: NgControl;
-    private _document;
-    private _formBuilder;
+    private readonly _document;
+    private readonly _formBuilder;
     private readonly _destroyRef;
     private _valueChangesSub;
-    private _activeFocusCount;
     private _pendingTimeouts;
     constructor();
-    get inputType(): string;
-    get controlKeys(): string[];
-    get errorState(): boolean;
-    ngOnChanges(changes: SimpleChanges): void;
+    get placeholder(): string;
+    set placeholder(value: string);
+    get required(): boolean;
+    set required(value: BooleanInput);
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    get focused(): boolean;
+    get value(): string | null;
+    set value(val: string | null);
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string | null) => void): void;
@@ -50,20 +65,6 @@ declare class CmatOtpInputComponent implements MatFormFieldControl<string | null
     onFocusOut(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    get placeholder(): string;
-    set placeholder(value: string);
-    private _placeholder;
-    get value(): string | null;
-    set value(value: string | null);
-    protected _value: string | null;
-    get empty(): boolean;
-    get shouldLabelFloat(): boolean;
-    get required(): boolean;
-    set required(value: BooleanInput);
-    protected _required: boolean;
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    protected _disabled: boolean;
     setDescribedByIds(ids: string[]): void;
     onContainerClick(): void;
     onKeyDown($event: KeyboardEvent, inputIdx: number): void;
@@ -83,8 +84,9 @@ declare class CmatOtpInputComponent implements MatFormFieldControl<string | null
     private _setSelected;
     private ifValidKeyCode;
     private _rebuildValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatOtpInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatOtpInputComponent, "cmat-otp-input", ["cmatOtpInput"], { "id": { "alias": "id"; "required": false; }; "config": { "alias": "config"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onBlur": "onBlur"; "onInputChange": "onInputChange"; }, never, never, true, never>;
+    private _rebuildForm;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatOtpInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatOtpInputComponent, "cmat-otp-input", ["cmatOtpInput"], { "config": { "alias": "config"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onBlur": "onBlur"; "onInputChange": "onInputChange"; }, never, never, true, never>;
 }
 
 export { CmatOtpInputComponent };

package/types/cmat-components-org-chart.d.ts

@@ -1,5 +1,4 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 interface INode {
     name: string;
@@ -25,13 +24,13 @@ declare class ChartNode implements INode {
 }
 
 declare class CmatOrgChartComponent {
-    nodes: INode[];
-    enableControlHeight: boolean;
-    direction: 'vertical' | 'horizontal';
-    detailsBtnTitle: string;
-    detailsBtnClick: EventEmitter<INode>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatOrgChartComponent, never>;
-    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>;
+    readonly nodes: _angular_core.InputSignal<INode[]>;
+    readonly enableControlHeight: _angular_core.InputSignal<boolean>;
+    readonly direction: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly detailsBtnTitle: _angular_core.InputSignal<string>;
+    readonly detailsBtnClick: _angular_core.OutputEmitterRef<INode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatOrgChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatOrgChartComponent, "cmat-org-chart", ["cmatOrgChart"], { "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "enableControlHeight": { "alias": "enableControlHeight"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "detailsBtnTitle": { "alias": "detailsBtnTitle"; "required": false; "isSignal": true; }; }, { "detailsBtnClick": "detailsBtnClick"; }, never, never, true, never>;
 }
 
 export { ChartNode, CmatOrgChartComponent };

package/types/cmat-components-page-header.d.ts

@@ -1,14 +1,14 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 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>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly eyebrow: _angular_core.InputSignal<string>;
+    readonly divider: _angular_core.InputSignal<boolean>;
+    readonly align: _angular_core.InputSignal<"start" | "center">;
+    readonly isCentered: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatPageHeaderComponent, "cmat-page-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "eyebrow": { "alias": "eyebrow"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["[cmatPageHeaderActions]"], true, never>;
 }
 
 export { CmatPageHeaderComponent };

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

@@ -1,24 +1,22 @@
-import * as i0 from '@angular/core';
-import { OnInit, EventEmitter, PipeTransform, OnChanges } from '@angular/core';
-import { Observable } from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { PipeTransform } from '@angular/core';
 
-declare class CmatPaginationComponent implements OnInit {
-    pageChange: EventEmitter<number>;
-    pageBoundsCorrection: EventEmitter<number>;
-    perPageCountChange: EventEmitter<number>;
-    id: string;
-    maxSize: number;
-    itemsPerPages: number[];
-    initPerPage: number;
-    readonly isScreenSmall: i0.WritableSignal<boolean>;
-    private _cmatMediaWatcherService;
-    private readonly _destroyRef;
-    private _autoHide;
-    get autoHide(): boolean;
-    set autoHide(value: boolean);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatPaginationComponent, "cmat-pagination", ["cmatPagination"], { "id": { "alias": "id"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "itemsPerPages": { "alias": "itemsPerPages"; "required": false; }; "initPerPage": { "alias": "initPerPage"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, { "pageChange": "pageChange"; "pageBoundsCorrection": "pageBoundsCorrection"; "perPageCountChange": "perPageCountChange"; }, never, never, true, never>;
+declare class CmatPaginationComponent {
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    readonly maxSize: _angular_core.InputSignal<number>;
+    readonly itemsPerPages: _angular_core.InputSignal<number[]>;
+    readonly initPerPage: _angular_core.InputSignal<number>;
+    readonly autoHide: _angular_core.InputSignal<boolean>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly pageBoundsCorrection: _angular_core.OutputEmitterRef<number>;
+    readonly perPageCountChange: _angular_core.OutputEmitterRef<number>;
+    private _elementRef;
+    private _destroyRef;
+    private _componentWidth;
+    readonly isScreenSmall: _angular_core.Signal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatPaginationComponent, "cmat-pagination", ["cmatPagination"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "itemsPerPages": { "alias": "itemsPerPages"; "required": false; "isSignal": true; }; "initPerPage": { "alias": "initPerPage"; "required": false; "isSignal": true; }; "autoHide": { "alias": "autoHide"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageBoundsCorrection": "pageBoundsCorrection"; "perPageCountChange": "perPageCountChange"; }, never, never, true, never>;
 }
 
 interface CmatPaginationInstance {
@@ -30,13 +28,12 @@ interface CmatPaginationInstance {
 }
 
 declare class CmatPaginationService {
-    private readonly _change;
     private readonly _instances;
+    readonly instances: _angular_core.Signal<Record<string, CmatPaginationInstance>>;
     private readonly _defaultPaginationId;
-    get change$(): Observable<string>;
     defaultId(): string;
-    notifyChange(id: string): void;
-    register(instance: CmatPaginationInstance): boolean;
+    notifyChange(_id: string): void;
+    register(instance: CmatPaginationInstance, fromPipe?: boolean): boolean;
     getCurrentPage(id: string): number | undefined;
     getItemsPerPage(id: string): number | undefined;
     setCurrentPage(id: string, page: number): void;
@@ -44,9 +41,10 @@ declare class CmatPaginationService {
     setItemsPerPage(id: string, itemsPerPage: number): void;
     getInstance(id?: string): CmatPaginationInstance | undefined;
     private _updateInstance;
+    private _needsUpdate;
     private _clone;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPaginationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CmatPaginationService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPaginationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CmatPaginationService>;
 }
 
 type Collection<T> = readonly T[];
@@ -71,28 +69,25 @@ declare class CmatPaginatePipe implements PipeTransform {
     private _saveState;
     private _stateIsIdentical;
     private _toNumber;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPaginatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<CmatPaginatePipe, "paginate", true>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPaginatePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<CmatPaginatePipe, "paginate", true>;
 }
 
 interface Page {
     label: string | number;
     value: number;
 }
-declare class CmatPaginationDirective implements OnInit, OnChanges {
-    id: string;
-    maxSize: number;
-    pageChange: EventEmitter<number>;
-    pageBoundsCorrection: EventEmitter<number>;
-    perPageCountChange: EventEmitter<number>;
-    readonly pages$: i0.WritableSignal<Page[]>;
+declare class CmatPaginationDirective {
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    readonly maxSize: _angular_core.InputSignal<number>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly pageBoundsCorrection: _angular_core.OutputEmitterRef<number>;
+    readonly perPageCountChange: _angular_core.OutputEmitterRef<number>;
+    readonly pages: _angular_core.WritableSignal<Page[]>;
     private readonly service;
     private readonly _injector;
-    private readonly _destroyRef;
     private _pageLinksUpdateQueued;
     constructor();
-    ngOnInit(): void;
-    ngOnChanges(): void;
     previous(): void;
     next(): void;
     goFirstPage(): void;
@@ -104,14 +99,15 @@ declare class CmatPaginationDirective implements OnInit, OnChanges {
     getLastPage(): number | void;
     getTotalItems(): number | void;
     setItemsPerPage(count: number): void;
+    private _getId;
     private _checkValidId;
     private _updatePageLinks;
     private _schedulePageLinksUpdate;
     private _outOfBoundCorrection;
     private _createPageArray;
     private _calculatePageNumber;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPaginationDirective, never>;
-    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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPaginationDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CmatPaginationDirective, "pagination-template,[pagination-template]", ["paginationApi"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageBoundsCorrection": "pageBoundsCorrection"; "perPageCountChange": "perPageCountChange"; }, never, never, true, never>;
 }
 
 export { CmatPaginatePipe, CmatPaginationComponent, CmatPaginationDirective, CmatPaginationService };

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

@@ -1,16 +1,16 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnChanges, EventEmitter, SimpleChanges, AfterViewInit } from '@angular/core';
-import { AbstractControl, ValidatorFn, FormControl } from '@angular/forms';
+import * as _angular_core from '@angular/core';
+import { FormControl, ValidatorFn } from '@angular/forms';
 import { ThemePalette } from '@angular/material/core';
 
-type Type = 'text' | 'password';
 declare class CmatPassToggleVisibilityComponent {
-    isVisible: boolean;
-    tabindex?: string;
-    _type: Type;
+    readonly isVisible: _angular_core.InputSignal<boolean>;
+    readonly isVisibleChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly tabindex: _angular_core.InputSignal<string | undefined>;
+    private readonly _type;
     get type(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPassToggleVisibilityComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatPassToggleVisibilityComponent, "cmat-pass-toggle-visibility", ["cmatPassToggleVisibility"], { "isVisible": { "alias": "isVisible"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, never, true, never>;
+    toggleVisibility(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPassToggleVisibilityComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatPassToggleVisibilityComponent, "cmat-pass-toggle-visibility", ["cmatPassToggleVisibility"], { "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "isVisibleChange": "isVisibleChange"; }, never, never, true, never>;
 }
 
 declare enum Criteria {
@@ -22,47 +22,41 @@ declare enum Criteria {
     at_custom_chars = "customChars"
 }
 
-declare class CmatPasswordStrengthValidator {
-    isUndefinedOrEmpty(control: AbstractControl): void;
-    validate(criteria: string, regex: RegExp): ValidatorFn;
-    confirm(password: string): ValidatorFn;
-}
-
-declare class CmatPasswordStrengthComponent implements OnInit, OnChanges {
-    password: string;
-    externalError: boolean;
-    enableLengthRule: boolean;
-    enableLowerCaseLetterRule: boolean;
-    enableUpperCaseLetterRule: boolean;
-    enableDigitRule: boolean;
-    enableSpecialCharRule: boolean;
-    min: number;
-    max: number;
-    customValidator: RegExp;
-    warnThreshold: number;
-    accentThreshold: number;
-    strengthChanged: EventEmitter<number>;
-    criteriaMap: Map<Criteria, RegExp>;
-    containAtLeastMinChars: boolean | void;
-    containAtLeastOneLowerCaseLetter: boolean | void;
-    containAtLeastOneUpperCaseLetter: boolean | void;
-    containAtLeastOneDigit: boolean | void;
-    containAtLeastOneSpecialChar: boolean | void;
-    containAtCustomChars: boolean | void;
-    passwordFormControl: FormControl;
-    passwordConfirmationFormControl: FormControl;
-    validatorsArray: ValidatorFn[];
-    validators: ValidatorFn | null;
-    cmatPasswordStrengthValidator: CmatPasswordStrengthValidator;
-    private _strength;
-    private _color;
-    get strength(): number;
-    get color(): ThemePalette;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+declare class CmatPasswordStrengthComponent {
+    readonly password: _angular_core.InputSignal<string>;
+    readonly externalError: _angular_core.InputSignal<boolean>;
+    readonly enableLengthRule: _angular_core.InputSignal<boolean>;
+    readonly enableLowerCaseLetterRule: _angular_core.InputSignal<boolean>;
+    readonly enableUpperCaseLetterRule: _angular_core.InputSignal<boolean>;
+    readonly enableDigitRule: _angular_core.InputSignal<boolean>;
+    readonly enableSpecialCharRule: _angular_core.InputSignal<boolean>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly customValidator: _angular_core.InputSignal<RegExp | undefined>;
+    readonly warnThreshold: _angular_core.InputSignal<number>;
+    readonly accentThreshold: _angular_core.InputSignal<number>;
+    readonly strengthChanged: _angular_core.OutputEmitterRef<number>;
+    readonly criteriaMap: _angular_core.WritableSignal<Map<Criteria, RegExp>>;
+    readonly containAtLeastMinChars: _angular_core.WritableSignal<boolean | void>;
+    readonly containAtLeastOneLowerCaseLetter: _angular_core.WritableSignal<boolean | void>;
+    readonly containAtLeastOneUpperCaseLetter: _angular_core.WritableSignal<boolean | void>;
+    readonly containAtLeastOneDigit: _angular_core.WritableSignal<boolean | void>;
+    readonly containAtLeastOneSpecialChar: _angular_core.WritableSignal<boolean | void>;
+    readonly containAtCustomChars: _angular_core.WritableSignal<boolean | void>;
+    readonly passwordFormControl: FormControl<any>;
+    readonly passwordConfirmationFormControl: FormControl<any>;
+    readonly validatorsArray: _angular_core.WritableSignal<ValidatorFn[]>;
+    readonly validators: _angular_core.WritableSignal<ValidatorFn | null>;
+    readonly strength: _angular_core.Signal<number>;
+    readonly color: _angular_core.Signal<ThemePalette>;
+    private readonly cmatPasswordStrengthValidator;
+    private readonly _strength;
+    private readonly _color;
+    private _isProcessingEffect;
+    constructor();
     parseCustomValidatorsRegex(): RegExp;
     setRulesAndValidators(): void;
-    calculatePasswordStrength(): void;
+    calculatePasswordStrength(rebuildValidators?: boolean): void;
     reset(): void;
     private _containAtLeastMinChars;
     private _containAtLeastOneLowerCaseLetter;
@@ -71,26 +65,26 @@ declare class CmatPasswordStrengthComponent implements OnInit, OnChanges {
     private _containAtLeastOneSpecialChar;
     private _containCustomChars;
     private _checkPassword;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPasswordStrengthComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatPasswordStrengthComponent, "cmat-password-strength", ["cmatPasswordStrength"], { "password": { "alias": "password"; "required": false; }; "externalError": { "alias": "externalError"; "required": false; }; "enableLengthRule": { "alias": "enableLengthRule"; "required": false; }; "enableLowerCaseLetterRule": { "alias": "enableLowerCaseLetterRule"; "required": false; }; "enableUpperCaseLetterRule": { "alias": "enableUpperCaseLetterRule"; "required": false; }; "enableDigitRule": { "alias": "enableDigitRule"; "required": false; }; "enableSpecialCharRule": { "alias": "enableSpecialCharRule"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "customValidator": { "alias": "customValidator"; "required": false; }; "warnThreshold": { "alias": "warnThreshold"; "required": false; }; "accentThreshold": { "alias": "accentThreshold"; "required": false; }; }, { "strengthChanged": "strengthChanged"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPasswordStrengthComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatPasswordStrengthComponent, "cmat-password-strength", ["cmatPasswordStrength"], { "password": { "alias": "password"; "required": false; "isSignal": true; }; "externalError": { "alias": "externalError"; "required": false; "isSignal": true; }; "enableLengthRule": { "alias": "enableLengthRule"; "required": false; "isSignal": true; }; "enableLowerCaseLetterRule": { "alias": "enableLowerCaseLetterRule"; "required": false; "isSignal": true; }; "enableUpperCaseLetterRule": { "alias": "enableUpperCaseLetterRule"; "required": false; "isSignal": true; }; "enableDigitRule": { "alias": "enableDigitRule"; "required": false; "isSignal": true; }; "enableSpecialCharRule": { "alias": "enableSpecialCharRule"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "customValidator": { "alias": "customValidator"; "required": false; "isSignal": true; }; "warnThreshold": { "alias": "warnThreshold"; "required": false; "isSignal": true; }; "accentThreshold": { "alias": "accentThreshold"; "required": false; "isSignal": true; }; }, { "strengthChanged": "strengthChanged"; }, never, never, true, never>;
 }
 
-declare class CmatPasswordStrengthInfoComponent implements OnInit, AfterViewInit {
-    passwordComponent: CmatPasswordStrengthComponent;
-    enableScoreInfo: boolean;
-    lowerCaseCriteriaMsg: string;
-    upperCaseCriteriaMsg: string;
-    digitsCriteriaMsg: string;
-    specialCharsCriteriaMsg: string;
-    customCharsCriteriaMsg: string;
-    minCharsCriteriaMsg: string;
-    readonly pageLoaded: i0.WritableSignal<boolean>;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
+declare class CmatPasswordStrengthInfoComponent {
+    readonly passwordComponent: _angular_core.InputSignal<CmatPasswordStrengthComponent>;
+    readonly enableScoreInfo: _angular_core.InputSignal<boolean>;
+    readonly lowerCaseCriteriaMsg: _angular_core.InputSignal<string>;
+    readonly upperCaseCriteriaMsg: _angular_core.InputSignal<string>;
+    readonly digitsCriteriaMsg: _angular_core.InputSignal<string>;
+    readonly specialCharsCriteriaMsg: _angular_core.InputSignal<string>;
+    readonly customCharsCriteriaMsg: _angular_core.InputSignal<string>;
+    readonly minCharsCriteriaMsg: _angular_core.InputSignal<string | undefined>;
+    readonly pageLoaded: _angular_core.WritableSignal<boolean>;
+    constructor();
+    getMinCharsMsg(): string;
     getEnterIndex(itemType: string): number;
     getLeaveIndex(itemType: string): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatPasswordStrengthInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatPasswordStrengthInfoComponent, "cmat-password-strength-info", ["cmatPasswordStrengthInfo"], { "passwordComponent": { "alias": "passwordComponent"; "required": false; }; "enableScoreInfo": { "alias": "enableScoreInfo"; "required": false; }; "lowerCaseCriteriaMsg": { "alias": "lowerCaseCriteriaMsg"; "required": false; }; "upperCaseCriteriaMsg": { "alias": "upperCaseCriteriaMsg"; "required": false; }; "digitsCriteriaMsg": { "alias": "digitsCriteriaMsg"; "required": false; }; "specialCharsCriteriaMsg": { "alias": "specialCharsCriteriaMsg"; "required": false; }; "customCharsCriteriaMsg": { "alias": "customCharsCriteriaMsg"; "required": false; }; "minCharsCriteriaMsg": { "alias": "minCharsCriteriaMsg"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatPasswordStrengthInfoComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatPasswordStrengthInfoComponent, "cmat-password-strength-info", ["cmatPasswordStrengthInfo"], { "passwordComponent": { "alias": "passwordComponent"; "required": true; "isSignal": true; }; "enableScoreInfo": { "alias": "enableScoreInfo"; "required": false; "isSignal": true; }; "lowerCaseCriteriaMsg": { "alias": "lowerCaseCriteriaMsg"; "required": false; "isSignal": true; }; "upperCaseCriteriaMsg": { "alias": "upperCaseCriteriaMsg"; "required": false; "isSignal": true; }; "digitsCriteriaMsg": { "alias": "digitsCriteriaMsg"; "required": false; "isSignal": true; }; "specialCharsCriteriaMsg": { "alias": "specialCharsCriteriaMsg"; "required": false; "isSignal": true; }; "customCharsCriteriaMsg": { "alias": "customCharsCriteriaMsg"; "required": false; "isSignal": true; }; "minCharsCriteriaMsg": { "alias": "minCharsCriteriaMsg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CmatPassToggleVisibilityComponent, CmatPasswordStrengthComponent, CmatPasswordStrengthInfoComponent };