coer-elements 2.0.26 → 2.0.28

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

@@ -1,9 +1,10 @@
 import { AfterViewInit } from '@angular/core';
+import { MatExpansionPanel } from '@angular/material/expansion';
 import * as i0 from "@angular/core";
 export declare class CoerAccordion implements AfterViewInit {
-    protected _id: string;
-    private _expansionPanel;
-    private _htmlElement;
+    protected readonly _expansionPanel: import("@angular/core").Signal<MatExpansionPanel | undefined>;
+    protected readonly _id: string;
+    protected _htmlElement: HTMLElement;
     protected _isDisabled: boolean;
     id: import("@angular/core").InputSignal<string>;
     title: import("@angular/core").InputSignal<string>;

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

@@ -1,17 +1,14 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class CoerButton implements OnInit, OnDestroy {
-    protected _id: string;
+export declare class CoerButton implements AfterViewInit {
+    protected readonly _id: string;
     private _element;
-    private _tooltip;
-    private _tooltipElement;
     id: import("@angular/core").InputSignal<string>;
     color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark" | "light">;
     type: import("@angular/core").InputSignal<"filled" | "outline" | "icon" | "icon-outline" | "icon-no-border">;
-    icon: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string | null | undefined>;
     iconPosition: import("@angular/core").InputSignal<"left" | "right">;
     path: import("@angular/core").InputSignal<string | (string | number)[]>;
-    animation: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;
     isReadonly: import("@angular/core").InputSignal<boolean>;
@@ -25,22 +22,21 @@ export declare class CoerButton implements OnInit, OnDestroy {
     marginRight: import("@angular/core").InputSignal<string>;
     marginBottom: import("@angular/core").InputSignal<string>;
     marginLeft: import("@angular/core").InputSignal<string>;
+    tooltip: import("@angular/core").InputSignal<string>;
     tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
-    set tooltip(value: string);
     onClick: import("@angular/core").OutputEmitterRef<void>;
+    ngAfterViewInit(): void;
+    protected _tooltip: import("@angular/core").Signal<string>;
+    protected _tooltipPosition: import("@angular/core").Signal<"left" | "right" | "above" | "below">;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _icon: import("@angular/core").Signal<string>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /** */
-    private _SetEvents;
-    private _SetToolTip;
+    protected _buttonType: import("@angular/core").Signal<string>;
     /** */
     protected _Click(): void;
     /** */
     Focus(timeout?: number): void;
     /** */
-    Blur(): void;
+    Blur(timeout?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerButton, "coer-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "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; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerButton, "coer-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "path": { "alias": "path"; "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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "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; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], false, never>;
 }

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

@@ -1,11 +1,11 @@
-import { AfterViewInit } from '@angular/core';
+import { AfterViewInit, EffectRef, OnDestroy } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
-export declare class CoerCheckbox extends ControlValue implements AfterViewInit {
+export declare class CoerCheckbox extends ControlValue implements AfterViewInit, OnDestroy {
     _value: boolean;
-    protected _id: string;
-    private _isLoading;
-    set value(value: boolean | null | undefined);
+    protected readonly _effect: EffectRef;
+    protected readonly _id: string;
+    protected _isLoading: boolean;
     id: import("@angular/core").InputSignal<string>;
     label: import("@angular/core").InputSignal<string>;
     labelPosition: import("@angular/core").InputSignal<"before" | "after">;
@@ -14,10 +14,12 @@ export declare class CoerCheckbox extends ControlValue implements AfterViewInit
     isReadonly: import("@angular/core").InputSignal<boolean>;
     isInvisible: import("@angular/core").InputSignal<boolean>;
     ignoreDataBinding: import("@angular/core").InputSignal<boolean>;
+    value: import("@angular/core").InputSignal<boolean | null | undefined>;
     onChange: import("@angular/core").OutputEmitterRef<boolean>;
-    get value(): boolean;
-    protected _isEnable: import("@angular/core").Signal<boolean>;
+    constructor();
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected _isEnable: import("@angular/core").Signal<boolean>;
     SetValue(value: boolean): void;
     writeValue(value: boolean): void;
     /** */
@@ -25,5 +27,5 @@ export declare class CoerCheckbox extends ControlValue implements AfterViewInit
     /** */
     Uncheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerCheckbox, "coer-checkbox", 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; }; "ignoreDataBinding": { "alias": "ignoreDataBinding"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerCheckbox, "coer-checkbox", never, { "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; }; "ignoreDataBinding": { "alias": "ignoreDataBinding"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
 }

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

@@ -1,20 +1,20 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { AfterViewInit, EffectRef, OnDestroy } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
+import { MatDatepicker } from '@angular/material/datepicker';
 import moment from 'moment';
 import * as i0 from "@angular/core";
-export declare class CoerDateBox extends ControlValue implements OnInit {
+export declare class CoerDateBox extends ControlValue implements AfterViewInit, OnDestroy {
     _value: string | Date | moment.Moment | null;
-    protected matFormField: import("@angular/core").Signal<ElementRef<any>>;
-    protected coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
-    protected _id: string;
-    private _datepicker;
-    protected _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _id: string;
+    protected readonly _datepicker: import("@angular/core").Signal<MatDatepicker<any> | undefined>;
+    protected readonly _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _effect: EffectRef;
     protected _isOpen: boolean;
-    private _input;
-    private _container;
-    private _pickerButton;
-    set value(value: string | null | undefined);
+    protected _input: HTMLInputElement;
+    protected _container: HTMLInputElement;
+    protected _pickerButton: HTMLInputElement;
     id: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<string | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
     textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
@@ -34,20 +34,19 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
     onOpen: import("@angular/core").OutputEmitterRef<void>;
     onClose: import("@angular/core").OutputEmitterRef<void>;
     onChangeValue: import("@angular/core").OutputEmitterRef<string | null>;
-    ngOnInit(): void;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _paddingRight: import("@angular/core").Signal<"0px" | "18px">;
     protected _isEnable: import("@angular/core").Signal<boolean>;
-    get value(): string | null;
     get isOpen(): boolean;
     get isClose(): boolean;
     SetValue(value: string | Date | moment.Moment | null | undefined): void;
     /** */
     writeValue(value: any): void;
     /** */
-    private _SetEvents;
-    /** */
-    protected _Blur(): Promise<void>;
+    protected _Blur(): void;
     /** */
     Open(): void;
     /** */
@@ -55,5 +54,5 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
     /** */
     Unselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerDateBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerDateBox, "coer-datebox", 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; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "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; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; "onChangeValue": "onChangeValue"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerDateBox, "coer-datebox", 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; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "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; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; "onChangeValue": "onChangeValue"; }, never, never, false, never>;
 }

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

@@ -1,17 +1,18 @@
-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 CoerDropdown<T> extends ControlValue implements AfterViewInit {
+export declare class CoerDropdown<T> extends ControlValue implements AfterViewInit, OnDestroy {
+    protected readonly _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
     protected _value: T | null;
-    protected _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
-    protected _id: string;
+    protected readonly _id: string;
+    protected readonly _effect: EffectRef;
     protected _index: import("@angular/core").WritableSignal<number>;
     protected _isOpen: import("@angular/core").WritableSignal<boolean>;
     protected _isOverMenu: import("@angular/core").WritableSignal<boolean>;
     protected _dropDownMenu: HTMLElement;
     protected _container: HTMLElement;
-    set value(value: T | null | undefined);
     id: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<string | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
     color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "dark" | "light">;
     type: import("@angular/core").InputSignal<"filled" | "outline">;
@@ -33,19 +34,16 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
     tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
     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 _label(): string;
     protected get _icon(): string;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _dataSource: import("@angular/core").Signal<any[]>;
-    /** */
     protected SetValue(_value: any): void;
-    /** */
     writeValue(_value: any): void;
     /** */
-    private _SetEvents;
-    /** */
     protected _GetIndexRow: (item: any) => number;
     /** */
     protected _GetIcon: (item: any) => string;
@@ -66,5 +64,5 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
     /** */
     SetValueBy(callback: (row: T) => boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerDropdown<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerDropdown<any>, "coer-dropdown", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "propDisplay": { "alias": "propDisplay"; "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; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerDropdown<any>, "coer-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "propDisplay": { "alias": "propDisplay"; "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; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; }, never, never, false, never>;
 }

package/components/lib/coer-filebox/coer-filebox-image/coer-filebox-image.component.d.ts

@@ -0,0 +1,46 @@
+import { EffectRef, ElementRef, OnDestroy } from '@angular/core';
+import { CoerModal } from '../../../lib/coer-modal/coer-modal.component';
+import { CoerAlert } from 'coer-elements/tools';
+import { IFile, IFileImage } from 'coer-elements/interfaces';
+import * as i0 from "@angular/core";
+export declare class CoerFileboxImage implements OnDestroy {
+    protected readonly alert: CoerAlert;
+    protected readonly IsNull: (value: any) => boolean;
+    protected readonly IsNotNull: (value: any) => boolean;
+    protected readonly IsOnlyWhiteSpace: (value: any) => boolean;
+    protected readonly IsNotOnlyWhiteSpace: (value: any) => boolean;
+    protected readonly _input: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly _modal: import("@angular/core").Signal<CoerModal>;
+    protected readonly _effect: EffectRef;
+    protected readonly _accept: string[];
+    protected readonly _Extensions: string[];
+    protected readonly _isLoadingInner: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _base64: import("@angular/core").WritableSignal<string>;
+    protected readonly _image: import("@angular/core").WritableSignal<IFileImage | null>;
+    image: import("@angular/core").InputSignal<IFileImage | null | undefined>;
+    multiple: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isReadonly: import("@angular/core").InputSignal<boolean>;
+    isInvisible: import("@angular/core").InputSignal<boolean>;
+    onSelected: import("@angular/core").OutputEmitterRef<IFile[]>;
+    onDeleteImage: import("@angular/core").OutputEmitterRef<IFileImage>;
+    constructor();
+    ngOnDestroy(): void;
+    protected _isLoading: import("@angular/core").Signal<boolean>;
+    protected _isEnable: import("@angular/core").Signal<boolean>;
+    protected _showTrashButton: import("@angular/core").Signal<boolean>;
+    protected _showExpandButton: import("@angular/core").Signal<boolean>;
+    protected _figureWidth: import("@angular/core").Signal<string>;
+    protected _figureDashed: import("@angular/core").Signal<boolean>;
+    /** */
+    protected _SelectImages(event: any): Promise<void>;
+    /** */
+    protected _ClickImage(reference: HTMLElement): void;
+    /** */
+    protected _DeleteImage(event: any): void;
+    /** */
+    protected _ExpandImage(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerFileboxImage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerFileboxImage, "coer-filebox-image", never, { "image": { "alias": "image"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; }, { "onSelected": "onSelected"; "onDeleteImage": "onDeleteImage"; }, never, never, false, never>;
+}

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

@@ -1,36 +1,15 @@
-import { ElementRef } from '@angular/core';
-import { CoerModal } from '../../lib/coer-modal/coer-modal.component';
 import { IFile, IFileImage } from 'coer-elements/interfaces';
-import { CoerAlert } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
 export declare class CoerFilebox {
-    protected readonly alert: CoerAlert;
-    protected IsNull: (value: any) => boolean;
-    protected IsNotNull: (value: any) => boolean;
-    protected IsNotOnlyWhiteSpace: (value: any) => boolean;
-    protected _inputFileImage: import("@angular/core").Signal<ElementRef<any>>;
-    protected _modal: import("@angular/core").Signal<CoerModal>;
-    protected _base64: string;
-    protected _image: IFileImage | null;
-    private readonly _imageExtensions;
     type: import("@angular/core").InputSignal<"image">;
+    image: import("@angular/core").InputSignal<IFileImage | null | undefined>;
     multiple: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;
     isReadonly: import("@angular/core").InputSignal<boolean>;
     isInvisible: import("@angular/core").InputSignal<boolean>;
-    set image(value: IFileImage | null | undefined);
     onSelected: import("@angular/core").OutputEmitterRef<IFile[]>;
-    onDeleteImage: import("@angular/core").OutputEmitterRef<void>;
-    protected _isEnable: import("@angular/core").Signal<boolean>;
-    /** */
-    protected _UploadImages(event: any): Promise<void>;
-    /** */
-    private _GetExtensionFile;
-    /** */
-    protected _DeleteImage(event: any): void;
-    /** */
-    protected _ExpandImage(event: any): void;
+    onDeleteImage: import("@angular/core").OutputEmitterRef<IFileImage>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerFilebox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerFilebox, "coer-filebox", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; "image": { "alias": "image"; "required": false; }; }, { "onSelected": "onSelected"; "onDeleteImage": "onDeleteImage"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerFilebox, "coer-filebox", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "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; }; }, { "onSelected": "onSelected"; "onDeleteImage": "onDeleteImage"; }, never, never, false, never>;
 }

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

@@ -1,7 +1,8 @@
 import { FormGroup } from '@angular/forms';
+import { CoerAlert } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
 export declare class CoerForm {
-    private alert;
+    protected readonly _alert: CoerAlert;
     formGroup: import("@angular/core").InputSignal<FormGroup<any>>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;

package/components/lib/coer-grid/coer-grid.extension.d.ts

@@ -7,23 +7,23 @@ import { CoerTextBox } from "../../lib/coer-textbox/coer-textbox.component";
 import { CoerAlert, ControlValue, Numbers } from 'coer-elements/tools';
 import * as i0 from "@angular/core";
 export declare class CoerGridExtension<T> extends ControlValue implements AfterViewInit {
-    protected readonly alert: CoerAlert;
-    protected _inputFile: import("@angular/core").Signal<ElementRef<any>>;
-    protected _inputSearch: import("@angular/core").Signal<CoerTextBox>;
-    protected _coerTextboxList: import("@angular/core").Signal<readonly CoerTextBox[]>;
-    protected _coerNumberboxList: import("@angular/core").Signal<readonly CoerNumberBox[]>;
-    protected _coerSelectboxList: import("@angular/core").Signal<readonly CoerSelectbox<any>[]>;
-    protected _coerCheckboxList: import("@angular/core").Signal<readonly CoerCheckbox[]>;
+    protected readonly _alert: CoerAlert;
+    protected readonly _inputFile: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly _inputSearch: import("@angular/core").Signal<CoerTextBox>;
+    protected readonly _coerTextboxList: import("@angular/core").Signal<readonly CoerTextBox[]>;
+    protected readonly _coerNumberboxList: import("@angular/core").Signal<readonly CoerNumberBox[]>;
+    protected readonly _coerSelectboxList: import("@angular/core").Signal<readonly CoerSelectbox<any>[]>;
+    protected readonly _coerCheckboxList: import("@angular/core").Signal<readonly CoerCheckbox[]>;
     protected _value: T[];
-    protected _value_signal: import("@angular/core").WritableSignal<T[]>;
-    protected _gridSearch: import("@angular/core").WritableSignal<string | number>;
-    protected _isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _id: string;
+    protected readonly _value_signal: import("@angular/core").WritableSignal<T[]>;
+    protected readonly _gridSearch: import("@angular/core").WritableSignal<string | number>;
+    protected readonly _isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _sort: import("@angular/core").WritableSignal<IGridSort>;
     protected _isLoadingMessage: boolean;
-    protected _id: string;
     protected _expandedGroups: string[];
     protected _enableAnimations: boolean;
     protected _indexFocus: import("@angular/core").WritableSignal<number>;
-    protected _sort: import("@angular/core").WritableSignal<IGridSort>;
     protected GetNumericFormat: typeof Numbers.GetNumericFormat;
     protected GetElementWidth: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
     protected GetElementHeight: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
@@ -71,11 +71,11 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     onTextboxChange: import("@angular/core").OutputEmitterRef<IGridInput<T>>;
     onSelectboxChange: import("@angular/core").OutputEmitterRef<IGridInput<T>>;
     onCheckboxChange: import("@angular/core").OutputEmitterRef<IGridInputCheckbox<T>>;
+    ngAfterViewInit(): void;
     protected _isDisabled: import("@angular/core").Signal<boolean>;
     protected _isGrouped: import("@angular/core").Signal<boolean>;
     protected get _height(): string;
     protected get _onlyOneCheck(): boolean | undefined;
-    ngAfterViewInit(): void;
     SetValue(value: T[]): void;
     writeValue(value: T[]): void;
     protected _gridColumns: import("@angular/core").Signal<IGridHeader[]>;

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

@@ -1,9 +1,7 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class CoerList<T> implements AfterViewInit {
-    protected _id: string;
-    protected _enableAnimations: boolean;
+export declare class CoerList<T> {
+    protected readonly _id: string;
     dataSource: import("@angular/core").InputSignal<T[]>;
     propDisplay: import("@angular/core").InputSignal<string>;
     header: import("@angular/core").InputSignal<string>;
@@ -37,7 +35,6 @@ export declare class CoerList<T> implements AfterViewInit {
     protected _hasTemplate: import("@angular/core").Signal<boolean>;
     protected _showbuttons: import("@angular/core").Signal<boolean>;
     protected get _height(): string;
-    ngAfterViewInit(): void;
     /** */
     protected _GetDisplay: (item: any) => string;
     /** */

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

@@ -4,11 +4,11 @@ import { Modal } from 'bootstrap';
 import * as i0 from "@angular/core";
 export declare class CoerModal implements AfterViewInit {
     contentRef: any;
-    protected _id: string;
+    protected readonly _id: string;
+    protected readonly _isModalOpen: WritableSignal<boolean>;
+    protected _windowWidth: number;
     protected _isOpen: boolean;
     protected _modal: Modal;
-    protected _isModalOpen: WritableSignal<boolean>;
-    protected _windowWidth: number;
     id: import("@angular/core").InputSignal<string>;
     title: import("@angular/core").InputSignal<string>;
     icon: import("@angular/core").InputSignal<string>;
@@ -16,6 +16,11 @@ export declare class CoerModal implements AfterViewInit {
     width: import("@angular/core").InputSignal<"auto" | "small" | "full">;
     height: import("@angular/core").InputSignal<string>;
     maxHeight: import("@angular/core").InputSignal<string>;
+    onOpen: import("@angular/core").OutputEmitterRef<void>;
+    onClose: import("@angular/core").OutputEmitterRef<void>;
+    protected IsNull: (value: any) => boolean;
+    protected IsNotNull: (value: any) => boolean;
+    ngAfterViewInit(): void;
     get isOpen(): boolean;
     get isClose(): boolean;
     protected get _width(): string;
@@ -25,11 +30,6 @@ export declare class CoerModal implements AfterViewInit {
     protected _footer: import("@angular/core").Signal<ICoerRef | null>;
     protected _title: import("@angular/core").Signal<string>;
     protected _icon: import("@angular/core").Signal<string>;
-    onOpen: import("@angular/core").OutputEmitterRef<void>;
-    onClose: import("@angular/core").OutputEmitterRef<void>;
-    protected IsNull: (value: any) => boolean;
-    protected IsNotNull: (value: any) => boolean;
-    ngAfterViewInit(): Promise<void>;
     /** */
     Open(): void;
     /** */

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

@@ -1,17 +1,20 @@
-import { AfterViewInit, ElementRef } from '@angular/core';
-import { IBoxButton } from 'coer-elements/interfaces';
+import { AfterViewInit, EffectRef, ElementRef, OnDestroy } from '@angular/core';
 import { CoerAlert, ControlValue } from 'coer-elements/tools';
+import { IBoxButton } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
-export declare class CoerNumberBox extends ControlValue implements AfterViewInit {
-    protected readonly alert: CoerAlert;
+export declare class CoerNumberBox extends ControlValue implements AfterViewInit, OnDestroy {
+    protected readonly _alert: CoerAlert;
+    protected readonly _coerNumberbox: import("@angular/core").Signal<ElementRef<any>>;
     _value: string | number;
-    protected _coerNumberbox: 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 _effectExternalButton: EffectRef;
+    protected readonly _effectValue: EffectRef;
+    protected readonly _externalButton: import("@angular/core").WritableSignal<IBoxButton>;
     protected _element: HTMLInputElement;
     protected _hideCaret: boolean;
-    set value(value: number | string | null | undefined);
     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">;
@@ -19,7 +22,7 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
     max: import("@angular/core").InputSignal<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>;
     decimals: import("@angular/core").InputSignal<number>;
     isLoading: import("@angular/core").InputSignal<boolean>;
@@ -36,8 +39,9 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
     onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
     onInput: import("@angular/core").OutputEmitterRef<string | number>;
     onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
-    ngAfterViewInit(): Promise<void>;
-    get value(): string | number;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _paddingRight: import("@angular/core").Signal<"0px" | "18px">;
@@ -56,5 +60,5 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
     /** */
     Blur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerNumberBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerNumberBox, "coer-numberbox", 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; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "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; }; "decimals": { "alias": "decimals"; "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"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerNumberBox, "coer-numberbox", 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; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "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; }; "decimals": { "alias": "decimals"; "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"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
 }

package/components/lib/coer-page-title/coer-page-title.component.d.ts

@@ -1,14 +1,15 @@
 import { IBreadcrumb, IGoBack, IInformation } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
 export declare class CoerPageTitle {
-    title: import("@angular/core").InputSignal<string | null>;
-    showBreadcrumbs: import("@angular/core").InputSignal<boolean>;
-    breadcrumbs: import("@angular/core").InputSignal<IBreadcrumb[]>;
-    goBack: import("@angular/core").InputSignal<IGoBack>;
-    information: import("@angular/core").InputSignal<IInformation>;
-    onClickInformation: import("@angular/core").OutputEmitterRef<void>;
-    protected get _icon(): string;
-    protected get _tooltip(): string;
+    protected readonly _iconRoot: string;
+    readonly title: import("@angular/core").InputSignal<string | null>;
+    readonly showBreadcrumbs: import("@angular/core").InputSignal<boolean>;
+    readonly breadcrumbs: import("@angular/core").InputSignal<IBreadcrumb[]>;
+    readonly goBack: import("@angular/core").InputSignal<IGoBack>;
+    readonly information: import("@angular/core").InputSignal<IInformation>;
+    readonly onClickInformation: import("@angular/core").OutputEmitterRef<void>;
+    constructor();
+    protected _tooltip: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerPageTitle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CoerPageTitle, "coer-page-title", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "showBreadcrumbs": { "alias": "showBreadcrumbs"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "goBack": { "alias": "goBack"; "required": false; "isSignal": true; }; "information": { "alias": "information"; "required": false; "isSignal": true; }; }, { "onClickInformation": "onClickInformation"; }, never, never, false, never>;
 }