coer-elements 2.0.26 → 2.0.27

package/components/lib/coer-secretbox/coer-secretbox.component.d.ts

@@ -1,15 +1,17 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { EffectRef, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
-export declare class CoerSecretBox extends ControlValue implements OnInit {
+export declare class CoerSecretBox extends ControlValue implements AfterViewInit, OnDestroy {
+    protected readonly matFormField: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
     protected _value: string | number;
-    protected matFormField: import("@angular/core").Signal<ElementRef<any>>;
-    protected coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
-    protected _id: string;
-    protected _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _id: string;
+    protected readonly _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _effect: EffectRef;
     protected passwordType: boolean;
-    private element;
+    protected element: HTMLInputElement;
     id: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<string | number | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
     textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
@@ -30,26 +32,24 @@ export declare class CoerSecretBox extends ControlValue implements OnInit {
     marginRight: import("@angular/core").InputSignal<string>;
     marginBottom: import("@angular/core").InputSignal<string>;
     marginLeft: import("@angular/core").InputSignal<string>;
-    set value(value: string | number | null | undefined);
     onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
     onInput: import("@angular/core").OutputEmitterRef<string | number>;
     onClickClear: import("@angular/core").OutputEmitterRef<void>;
     onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
-    ngOnInit(): void;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected get _showSecret(): boolean;
     protected get _passwordType(): boolean;
-    get value(): string;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _paddingRight: import("@angular/core").Signal<"0px" | "18px" | "45px">;
     /** */
-    private _SetEvents;
-    /** */
     Focus(select?: boolean, delay?: number): void;
     /** */
     Blur(): void;
     /** */
     Clear(delay?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSecretBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSecretBox, "coer-secretbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "showSecret": { "alias": "showSecret"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSecretBox, "coer-secretbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "showSecret": { "alias": "showSecret"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
 }

package/components/lib/coer-selectbox/coer-selectbox.component.d.ts

@@ -1,23 +1,24 @@
-import { AfterViewInit, ElementRef } from '@angular/core';
+import { AfterViewInit, EffectRef, ElementRef, OnDestroy } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
-export declare class CoerSelectbox<T> extends ControlValue implements AfterViewInit {
+export declare class CoerSelectbox<T> extends ControlValue implements AfterViewInit, OnDestroy {
+    protected readonly _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
     protected _value: T | null;
     private readonly _scrollByRow;
-    protected _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
-    protected _id: string;
-    protected _index: import("@angular/core").WritableSignal<number>;
-    protected _search: import("@angular/core").WritableSignal<string>;
-    protected _isOpen: import("@angular/core").WritableSignal<boolean>;
-    protected _isDirty: import("@angular/core").WritableSignal<boolean>;
-    protected _isOverMenu: import("@angular/core").WritableSignal<boolean>;
-    protected _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
-    protected _scroll: import("@angular/core").WritableSignal<number>;
+    protected readonly _id: string;
+    protected readonly _index: import("@angular/core").WritableSignal<number>;
+    protected readonly _search: import("@angular/core").WritableSignal<string>;
+    protected readonly _isOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isDirty: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isOverMenu: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _scroll: import("@angular/core").WritableSignal<number>;
+    protected readonly _effect: EffectRef;
     protected _textbox: HTMLInputElement;
     protected _dropDownMenu: HTMLElement;
     protected _container: HTMLElement;
-    set value(value: T | null | undefined);
     id: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<T | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -38,8 +39,9 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     marginLeft: import("@angular/core").InputSignal<string>;
     onSelected: import("@angular/core").OutputEmitterRef<T>;
     onUnselect: import("@angular/core").OutputEmitterRef<null>;
-    ngAfterViewInit(): Promise<void>;
-    get value(): T | null;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected get _displayed(): string;
     protected get _placeholder(): string;
     protected get _dropDownWidth(): string;
@@ -49,13 +51,9 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _dataSource: import("@angular/core").Signal<any[]>;
-    /** */
     protected SetValue(_value: any): void;
-    /** */
     writeValue(_value: any): void;
     /** */
-    private _SetEvents;
-    /** */
     protected _GetIndexRow: (item: any) => number;
     /** */
     protected _GetDisplay: (item: any) => string;
@@ -74,5 +72,5 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     /** */
     protected _Search(_value: string | number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSelectbox<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSelectbox<any>, "coer-selectbox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "displayProperty": { "alias": "displayProperty"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSelectbox<any>, "coer-selectbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "displayProperty": { "alias": "displayProperty"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; }, never, never, false, never>;
 }

package/components/lib/coer-sidenav/coer-menu-option/coer-menu-option.component.d.ts

@@ -1,22 +1,23 @@
-import { AfterContentInit, EventEmitter } from '@angular/core';
+import { AfterContentInit } from '@angular/core';
 import { IMenu, IMenuOptionSelected } from 'coer-elements/interfaces';
+import { Router } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class CoerMenuOption implements AfterContentInit {
-    private _router;
-    level: number;
-    label: string;
-    icon: undefined | string;
-    path: undefined | string;
-    tree: IMenu[];
-    clickMenuOption: EventEmitter<IMenuOptionSelected>;
+    protected readonly _router: Router;
+    level: import("@angular/core").InputSignal<number>;
+    label: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
+    path: import("@angular/core").InputSignal<string | undefined>;
+    tree: import("@angular/core").InputSignal<IMenu[]>;
+    clickMenuOption: import("@angular/core").OutputEmitterRef<IMenuOptionSelected>;
     ngAfterContentInit(): void;
-    protected get _icon(): string;
-    protected get _path(): string;
-    protected get _tree(): IMenu[];
-    protected get marginLeft(): string;
-    protected get identityClass(): string;
+    protected _icon: import("@angular/core").Signal<string>;
+    protected _path: import("@angular/core").Signal<string>;
+    protected _tree: import("@angular/core").Signal<IMenu[]>;
+    protected _marginLeft: import("@angular/core").Signal<string>;
+    protected _identityClass: import("@angular/core").Signal<string>;
     /** */
     ClickMenuOption(queryParams: string, resetSource?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerMenuOption, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerMenuOption, "coer-menu-option", never, { "level": { "alias": "level"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "path": { "alias": "path"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, { "clickMenuOption": "clickMenuOption"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerMenuOption, "coer-menu-option", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; }, { "clickMenuOption": "clickMenuOption"; }, never, never, false, never>;
 }

package/components/lib/coer-sidenav/coer-sidenav.component.d.ts

@@ -4,20 +4,20 @@ import { CoerTreeAccordion } from './coer-tree-accordion/coer-tree-accordion.com
 import { MatDrawer } from '@angular/material/sidenav';
 import * as i0 from "@angular/core";
 export declare class CoerSidenav {
-    private _router;
-    protected isOpen: WritableSignal<boolean>;
-    protected _isModalOpen: WritableSignal<boolean>;
-    protected _isLoading: WritableSignal<boolean>;
-    protected sidenav: import("@angular/core").Signal<MatDrawer>;
-    protected menuList: import("@angular/core").Signal<readonly CoerTreeAccordion[]>;
+    private readonly _router;
+    protected readonly sidenav: import("@angular/core").Signal<MatDrawer>;
+    protected readonly menuList: import("@angular/core").Signal<readonly CoerTreeAccordion[]>;
+    protected readonly _isOpen: WritableSignal<boolean>;
+    protected readonly _isModalOpen: WritableSignal<boolean>;
+    protected readonly _isLoading: WritableSignal<boolean>;
     onMenuSelected: import("@angular/core").OutputEmitterRef<IMenuSelected>;
-    protected get backdrop(): boolean;
-    protected get mode(): 'over' | 'push';
-    protected get showAsideMenu(): boolean;
-    _navigation: import("@angular/core").Signal<IMenu[]>;
     constructor();
+    protected _backdrop: import("@angular/core").Signal<boolean>;
+    protected _mode: import("@angular/core").Signal<"push" | "over">;
+    protected _showAsideMenu: import("@angular/core").Signal<boolean>;
+    protected _navigation: import("@angular/core").Signal<IMenu[]>;
     /** */
-    protected NavigateTo(selectedOption: IMenuOptionSelected, showGridMenu?: boolean): Promise<void>;
+    protected _NavigateTo(selectedOption: IMenuOptionSelected): void;
     /** */
     SetActiveLink(selectedOption: IMenuOptionSelected | null): void;
     /** */
@@ -27,9 +27,9 @@ export declare class CoerSidenav {
     /** */
     Toggle(): void;
     /** */
-    protected MenuSelected(selectedMenu: IMenuSelected): void;
+    protected _MenuSelected(selectedMenu: IMenuSelected): void;
     /** */
-    protected ShowGridMenu(menuOption: IMenuOptionSelected, menu: IMenu): void;
+    protected _ShowGridMenu(menuOption: IMenuOptionSelected, menu: IMenu): void;
     /** */
     protected _IsMenu: (item: IMenu) => boolean;
     /** */
@@ -37,11 +37,11 @@ export declare class CoerSidenav {
     /** */
     protected _GetIcon: (item: IMenu) => string;
     /** */
-    protected SetIdentityClass: (label: String) => string;
+    protected _SetIdentityClass: (label: String) => string;
     /** */
-    private GetIdentityClass;
+    protected _GetIdentityClass(tree: IMenu[]): string;
     /** */
-    private BackButtonBrowser;
+    protected _BackButtonBrowser(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSidenav, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CoerSidenav, "coer-sidenav", never, {}, { "onMenuSelected": "onMenuSelected"; }, never, ["*"], false, never>;
 }

package/components/lib/coer-sidenav/coer-toolbar/coer-toolbar.component.d.ts

@@ -2,13 +2,13 @@ import { AfterViewInit, WritableSignal } from '@angular/core';
 import { IMenuToolbar, IUserLogin } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
 export declare class CoerToolbar implements AfterViewInit {
-    protected isReadyPage: boolean;
-    protected isLoading: boolean;
-    protected awaitSignals: boolean;
+    protected _isReadyPage: boolean;
+    protected _isLoading: boolean;
+    protected _awaitSignals: boolean;
     protected _isModalOpen: WritableSignal<boolean>;
-    protected appName: string;
-    protected appLogoPath: string;
-    protected appLogoWidth: string;
+    protected _appName: string;
+    protected _appLogoPath: string;
+    protected _appLogoWidth: string;
     user: import("@angular/core").InputSignal<IUserLogin | null>;
     image: import("@angular/core").InputSignal<string | null>;
     menu: import("@angular/core").InputSignal<IMenuToolbar[]>;

package/components/lib/coer-sidenav/coer-tree-accordion/coer-tree-accordion.component.d.ts

@@ -1,43 +1,42 @@
-import { EventEmitter, QueryList } from '@angular/core';
 import { IMenu, IMenuSelected, IMenuOptionSelected } from 'coer-elements/interfaces';
 import { MatExpansionPanel } from '@angular/material/expansion';
 import * as i0 from "@angular/core";
 export declare class CoerTreeAccordion {
-    expansionPanel: MatExpansionPanel;
-    menuList: QueryList<CoerTreeAccordion>;
+    protected expansionPanel: import("@angular/core").Signal<MatExpansionPanel>;
+    menuList: import("@angular/core").Signal<readonly CoerTreeAccordion[]>;
     isExpanded: boolean;
     isCollapsed: boolean;
-    level: number;
-    item: IMenu;
-    tree: IMenu[];
-    showTree: boolean;
-    showGridMenu: EventEmitter<IMenuOptionSelected>;
-    clickMenuOption: EventEmitter<IMenuOptionSelected>;
-    clickMenu: EventEmitter<IMenuSelected>;
-    protected get _tree(): IMenu[];
-    protected get _icon(): string;
-    protected get marginLeft(): string;
-    protected get identityClass(): string;
+    level: import("@angular/core").InputSignal<number>;
+    item: import("@angular/core").InputSignal<IMenu>;
+    tree: import("@angular/core").InputSignal<IMenu[]>;
+    showTree: import("@angular/core").InputSignal<boolean>;
+    showGridMenu: import("@angular/core").OutputEmitterRef<IMenuOptionSelected>;
+    clickMenuOption: import("@angular/core").OutputEmitterRef<IMenuOptionSelected>;
+    clickMenu: import("@angular/core").OutputEmitterRef<IMenuSelected>;
+    protected _tree: import("@angular/core").Signal<IMenu[]>;
+    protected _icon: import("@angular/core").Signal<string>;
+    protected _marginLeft: import("@angular/core").Signal<string>;
+    protected _identityClass: import("@angular/core").Signal<string>;
     /** */
-    protected IsActive: (element: Element) => boolean;
+    protected _IsActive: (element: Element) => boolean;
     /** */
-    protected IsMenu: (item: IMenu) => boolean;
+    protected _IsMenu: (item: IMenu) => boolean;
     /** */
-    protected IsGrid: (item: IMenu) => boolean;
+    protected _IsGrid: (item: IMenu) => boolean;
     /** */
-    protected GetGridIcon: (icon: string | null | undefined) => string;
+    protected _GetGridIcon: (icon: string | null | undefined) => string;
     /** */
     Close(): void;
     /** */
     Open(): void;
     /** */
-    protected Toggle(): void;
+    protected _Toggle(): void;
     /** */
-    protected ClickMenuOption(menuOption: IMenuOptionSelected, showGridMenu?: boolean): void;
+    protected _ClickMenuOption(menuOption: IMenuOptionSelected, showGridMenu?: boolean): void;
     /** */
-    protected ClickMenu(menu: IMenuSelected): void;
+    protected _ClickMenu(menu: IMenuSelected): void;
     /** */
-    protected ShowGridMenu(menuOption: IMenuOptionSelected, menu: IMenu): void;
+    protected _ShowGridMenu(menuOption: IMenuOptionSelected, menu: IMenu): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerTreeAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerTreeAccordion, "coer-tree-accordion", never, { "level": { "alias": "level"; "required": false; }; "item": { "alias": "item"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; "showTree": { "alias": "showTree"; "required": false; }; }, { "showGridMenu": "showGridMenu"; "clickMenuOption": "clickMenuOption"; "clickMenu": "clickMenu"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerTreeAccordion, "coer-tree-accordion", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "showTree": { "alias": "showTree"; "required": false; "isSignal": true; }; }, { "showGridMenu": "showGridMenu"; "clickMenuOption": "clickMenuOption"; "clickMenu": "clickMenu"; }, never, never, false, never>;
 }

package/components/lib/coer-switch/coer-switch.component.d.ts

@@ -1,33 +1,32 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, EffectRef } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import { MatSlideToggle } from '@angular/material/slide-toggle';
-import { Tooltip } from 'bootstrap';
 import * as i0 from "@angular/core";
-export declare class CoerSwitch extends ControlValue implements OnInit, OnDestroy {
+export declare class CoerSwitch extends ControlValue implements OnDestroy {
     protected coerSwitch: import("@angular/core").Signal<MatSlideToggle>;
     protected _value: boolean;
-    protected _id: string;
-    protected _tooltip: string;
-    protected _tooltipElement: Tooltip;
-    set value(value: boolean | null | undefined);
+    protected readonly _id: string;
+    protected readonly _effect: EffectRef;
     id: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<boolean | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
     labelPosition: import("@angular/core").InputSignal<"before" | "after">;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;
     isReadonly: import("@angular/core").InputSignal<boolean>;
     isInvisible: import("@angular/core").InputSignal<boolean>;
+    tooltip: import("@angular/core").InputSignal<string>;
     tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
-    set tooltip(value: string);
     onChange: import("@angular/core").OutputEmitterRef<boolean>;
-    ngOnInit(): void;
+    constructor();
     ngOnDestroy(): void;
-    get value(): boolean;
+    protected _tooltip: import("@angular/core").Signal<string>;
+    protected _tooltipPosition: import("@angular/core").Signal<"left" | "right" | "above" | "below">;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     /** */
     Focus(): void;
     /** */
     protected _Change(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSwitch, "coer-switch", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSwitch, "coer-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

package/components/lib/coer-tab/coer-tab.component.d.ts

@@ -1,13 +1,15 @@
-import { OnDestroy, AfterViewInit } from '@angular/core';
+import { OnDestroy, AfterViewInit, EffectRef } from '@angular/core';
 import { MatTabGroup } from '@angular/material/tabs';
 import { ICoerRef } from 'coer-elements/interfaces';
 import { Tooltip } from 'bootstrap';
 import * as i0 from "@angular/core";
 export declare class CoerTab implements AfterViewInit, OnDestroy {
-    contentRef: any;
-    protected _matTabGroup: import("@angular/core").Signal<MatTabGroup>;
-    protected _id: string;
-    protected _selectedIndex: import("@angular/core").WritableSignal<number>;
+    contentRef: import("@angular/core").Signal<readonly any[]>;
+    protected readonly _matTabGroup: import("@angular/core").Signal<MatTabGroup>;
+    protected readonly _id: string;
+    protected readonly _selectedIndex: import("@angular/core").WritableSignal<number>;
+    protected readonly _effectSelectedIndex: EffectRef;
+    protected readonly _effectAlignTabs: EffectRef;
     protected _htmlElement: HTMLElement;
     protected _tooltipList: {
         id: string;
@@ -16,13 +18,15 @@ export declare class CoerTab implements AfterViewInit, OnDestroy {
     height: import("@angular/core").InputSignal<string>;
     minHeight: import("@angular/core").InputSignal<string>;
     maxHeight: import("@angular/core").InputSignal<string>;
-    set selectedIndex(value: number);
-    set alignTabs(value: 'start' | 'center' | 'end');
+    selectedIndex: import("@angular/core").InputSignal<number>;
+    alignTabs: import("@angular/core").InputSignal<"center" | "start" | "end">;
+    stretchTabs: import("@angular/core").InputSignal<boolean>;
     onSelectedTab: import("@angular/core").OutputEmitterRef<ICoerRef>;
-    protected get _contentList(): ICoerRef[];
-    selectedTab: import("@angular/core").Signal<ICoerRef>;
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    protected _contentList: import("@angular/core").Signal<ICoerRef[]>;
+    selectedTab: import("@angular/core").Signal<ICoerRef>;
     /** */
     protected _SelectedIndexChange(selectedIndex: number): void;
     /** */
@@ -32,9 +36,7 @@ export declare class CoerTab implements AfterViewInit, OnDestroy {
     /** */
     SelectTabBy(callback: (tab: ICoerRef) => boolean): void;
     /** */
-    protected _SetToolTip(tab: ICoerRef): string;
-    /** */
-    protected _RemoveTooltip(element: HTMLElement): void;
+    protected _SetToolTip: (tab: ICoerRef) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerTab, "coer-tab", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "alignTabs": { "alias": "alignTabs"; "required": false; }; }, { "onSelectedTab": "onSelectedTab"; }, ["contentRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerTab, "coer-tab", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "alignTabs": { "alias": "alignTabs"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; }, { "onSelectedTab": "onSelectedTab"; }, ["contentRef"], never, false, never>;
 }

package/components/lib/coer-textarea/coer-textarea.component.d.ts

@@ -1,7 +1,7 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, AfterViewInit } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
-export declare class CoerTextarea extends ControlValue implements OnInit {
+export declare class CoerTextarea extends ControlValue implements AfterViewInit {
     protected _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
     protected _value: string | number;
     protected _id: string;
@@ -31,12 +31,11 @@ export declare class CoerTextarea extends ControlValue implements OnInit {
     marginLeft: import("@angular/core").InputSignal<string>;
     set value(value: string | number | null | undefined);
     onInput: import("@angular/core").OutputEmitterRef<string>;
-    ngOnInit(): void;
-    get value(): string;
+    ngAfterViewInit(): void;
     protected get footer(): string;
     protected _isEnable: import("@angular/core").Signal<boolean>;
-    protected floatLabel: import("@angular/core").Signal<"auto" | "always">;
-    protected paddingRight: import("@angular/core").Signal<"0px" | "18px">;
+    protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
+    protected _paddingRight: import("@angular/core").Signal<"0px" | "18px">;
     /** */
     private _SetEvents;
     /** */

package/components/lib/coer-textbox/coer-textbox.component.d.ts

@@ -1,15 +1,19 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { EffectRef, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import { IBoxButton } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
-export declare class CoerTextBox extends ControlValue implements OnInit {
-    protected matFormField: import("@angular/core").Signal<ElementRef<any>>;
-    protected coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
+export declare class CoerTextBox extends ControlValue implements AfterViewInit, OnDestroy {
+    protected readonly matFormField: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
     protected _value: string | number;
-    protected _id: string;
-    protected _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _id: string;
+    protected readonly _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _externalButton: import("@angular/core").WritableSignal<IBoxButton>;
+    protected readonly _effectExternalButton: EffectRef;
+    protected readonly _effectValue: EffectRef;
     private element;
     id: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<string | number | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
     textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
@@ -17,7 +21,7 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
     isValid: import("@angular/core").InputSignal<boolean>;
-    externalButton: IBoxButton;
+    externalButton: import("@angular/core").InputSignal<IBoxButton>;
     selectOnFocus: import("@angular/core").InputSignal<boolean>;
     showClearIcon: import("@angular/core").InputSignal<boolean>;
     showSearchIcon: import("@angular/core").InputSignal<boolean>;
@@ -32,26 +36,24 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
     marginRight: import("@angular/core").InputSignal<string>;
     marginBottom: import("@angular/core").InputSignal<string>;
     marginLeft: import("@angular/core").InputSignal<string>;
-    set value(value: string | number | null | undefined);
     onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
     onInput: import("@angular/core").OutputEmitterRef<string | number>;
     onClickClear: import("@angular/core").OutputEmitterRef<void>;
     onClickSearch: import("@angular/core").OutputEmitterRef<string | number>;
     onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
-    ngOnInit(): void;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected get _showSearchIcon(): boolean;
     protected get _showClearIcon(): boolean;
     protected get _showButtonLeft(): boolean;
     protected get _showButtonRight(): boolean;
     protected get _buttonIcon(): string;
     protected get _isDisabledExternalButton(): boolean;
-    get value(): string;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _paddingRight: import("@angular/core").Signal<"0px" | "18px">;
     /** */
-    private _SetEvents;
-    /** */
     Focus(select?: boolean, delay?: number): void;
     /** */
     Blur(): void;
@@ -60,5 +62,5 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
     /** */
     protected _ClickSearch(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerTextBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerTextBox, "coer-textbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "externalButton": { "alias": "externalButton"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickSearch": "onClickSearch"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerTextBox, "coer-textbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "externalButton": { "alias": "externalButton"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "showClearIcon": { "alias": "showClearIcon"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickSearch": "onClickSearch"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
 }