coer-elements 2.0.5 → 2.0.6

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

@@ -5,11 +5,11 @@ export declare class CoerButton implements OnInit, OnDestroy {
     private _element;
     private _tooltip;
     private _tooltipElement;
-    id: string;
+    id: import("@angular/core").InputSignal<string>;
     color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "dark">;
     type: import("@angular/core").InputSignal<"filled" | "outline" | "icon" | "icon-outline" | "icon-no-border">;
     icon: import("@angular/core").InputSignal<string>;
-    iconPosition: import("@angular/core").InputSignal<"left" | "right">;
+    iconPosition: import("@angular/core").InputSignal<"right" | "left">;
     path: import("@angular/core").InputSignal<string | (string | number)[]>;
     animation: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
@@ -25,7 +25,7 @@ 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>;
-    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
+    tooltipPosition: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left">;
     set tooltip(value: string);
     onClick: import("@angular/core").OutputEmitterRef<void>;
     protected _isEnable: import("@angular/core").Signal<boolean>;
@@ -33,14 +33,14 @@ export declare class CoerButton implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     /** */
-    private SetEvents;
-    private SetToolTip;
+    private _SetEvents;
+    private _SetToolTip;
     /** */
-    protected Click(): void;
+    protected _Click(): void;
     /** */
     Focus(timeout?: number): void;
     /** */
     Blur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerButton, "coer-button", never, { "id": { "alias": "id"; "required": false; }; "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; }; "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>;
 }

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

@@ -15,7 +15,7 @@ export declare class CoerCheckbox extends ControlValue implements AfterViewInit
     isInvisible: import("@angular/core").InputSignal<boolean>;
     ignoreDataBinding: import("@angular/core").InputSignal<boolean>;
     onChange: import("@angular/core").OutputEmitterRef<boolean>;
-    get value(): boolean | null | undefined;
+    get value(): boolean;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     ngAfterViewInit(): void;
     SetValue(value: boolean): void;

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

@@ -14,10 +14,10 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
     private _container;
     private _pickerButton;
     set value(value: string | null | undefined);
-    id: string;
+    id: import("@angular/core").InputSignal<string>;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
-    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    textPosition: import("@angular/core").InputSignal<"right" | "left" | "center">;
     isInvalid: import("@angular/core").InputSignal<boolean>;
     isValid: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
@@ -35,18 +35,19 @@ export declare class CoerDateBox extends ControlValue implements OnInit {
     onClose: import("@angular/core").OutputEmitterRef<void>;
     onChangeValue: import("@angular/core").OutputEmitterRef<string | null>;
     ngOnInit(): void;
-    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">;
     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;
+    private _SetEvents;
     /** */
-    protected Blur(): Promise<void>;
+    protected _Blur(): Promise<void>;
     /** */
     Open(): void;
     /** */
@@ -54,5 +55,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; }; "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, { "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>;
 }

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

@@ -11,7 +11,7 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
     protected _dropDownMenu: HTMLElement;
     protected _container: HTMLElement;
     set value(value: T | null | undefined);
-    id: string;
+    id: import("@angular/core").InputSignal<string>;
     label: import("@angular/core").InputSignal<string>;
     color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "dark">;
     type: import("@angular/core").InputSignal<"filled" | "outline">;
@@ -30,13 +30,13 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
     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">;
+    tooltipPosition: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left">;
     onSelected: import("@angular/core").OutputEmitterRef<T>;
     onUnselect: import("@angular/core").OutputEmitterRef<null>;
     ngAfterViewInit(): Promise<void>;
     get value(): T | null;
     protected get _label(): string;
-    get icon(): string;
+    protected get _icon(): string;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _dataSource: import("@angular/core").Signal<any[]>;
     /** */
@@ -44,27 +44,27 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
     /** */
     writeValue(_value: any): void;
     /** */
-    private SetEvents;
+    private _SetEvents;
     /** */
-    protected GetIndexRow: (item: any) => number;
+    protected _GetIndexRow: (item: any) => number;
     /** */
-    protected GetIcon: (item: any) => string;
+    protected _GetIcon: (item: any) => string;
     /** */
-    protected GetDisplay: (item: any) => string;
+    protected _GetDisplay: (item: any) => string;
     /** */
-    protected GetPath: (item: any) => string | (string | number)[] | null;
+    protected _GetPath: (item: any) => string | (string | number)[] | null;
     /** */
-    protected SelectItem(item: any): void;
+    protected _SelectItem(item: any): void;
     /** */
     Unselect(): void;
     /** */
-    protected Toggle(): void;
+    protected _Toggle(): void;
     /** */
     Open(): void;
     /** */
     Close(): void;
     /** */
-    SetValueBy(callback: (row: T) => boolean): Promise<void>;
+    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; }; "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, { "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>;
 }

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

@@ -8,11 +8,11 @@ export declare class CoerFilebox {
     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 _inputFileImage: import("@angular/core").Signal<ElementRef<any>>;
+    protected _modal: import("@angular/core").Signal<CoerModal>;
     protected _base64: string;
     protected _image: IFileImage | null;
-    private readonly imageExtensions;
+    private readonly _imageExtensions;
     type: import("@angular/core").InputSignal<"image">;
     multiple: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
@@ -24,13 +24,13 @@ export declare class CoerFilebox {
     onDeleteImage: import("@angular/core").OutputEmitterRef<void>;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     /** */
-    protected UploadImages(event: any): Promise<void>;
+    protected _UploadImages(event: any): Promise<void>;
     /** */
-    private GetExtensionFile;
+    private _GetExtensionFile;
     /** */
-    protected DeleteImage(event: any): void;
+    protected _DeleteImage(event: any): void;
     /** */
-    protected ExpandImage(event: any): void;
+    protected _ExpandImage(event: any): void;
     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>;
 }

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

@@ -14,7 +14,7 @@ export declare class CoerForm {
     /** */
     SetControlValue(formControlName: string, value: any): void;
     /** */
-    GetControlValue(formControlName: string, alternative?: any): any;
+    GetControlValue<T>(formControlName: string, alternative?: T): T;
     /** */
     HasControlValue(formControlName: string): boolean;
     /** Gets the value of the form */

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

@@ -7,19 +7,19 @@ export declare class CoerGrid<T> extends CoerGridExtension<T> {
     get isValid(): boolean;
     protected gridLength: import("@angular/core").Signal<IGridLength>;
     /** */
-    FocusSearch(): void;
-    /** */
-    SelectSearch(): void;
+    FocusSearch(select?: boolean): void;
     /** */
     GetRowBy<T>(callback: (row: T) => boolean): T | null;
     /** */
-    Import(event?: any): Promise<void>;
+    protected Import(): void;
+    /** */
+    protected _Import(event?: any): Promise<void>;
     /** */
     Export(exportFile?: boolean | undefined): void;
     /** */
-    protected InputChange(indexRow: number, columnName: string, value: any, input: 'coer-textbox' | 'coer-numberbox' | 'coer-selectbox' | 'coer-switch' | 'coer-textbox-search'): void;
+    protected _InputChange(indexRow: number, columnName: string, value: any, input: 'coer-textbox' | 'coer-numberbox' | 'coer-selectbox' | 'coer-switch' | 'coer-textbox-search'): void;
     /** */
-    protected KeyupEnter(indexColumn: number, row: any, input: 'coer-textbox' | 'coer-numberbox' | 'coer-textbox-search' | 'coer-selectbox', value: any): void;
+    protected _KeyupEnter(indexColumn: number, row: any, input: 'coer-textbox' | 'coer-numberbox' | 'coer-textbox-search' | 'coer-selectbox', value: any): void;
     /** */
     private __NextInput;
     /** */
@@ -29,9 +29,9 @@ export declare class CoerGrid<T> extends CoerGridExtension<T> {
     /** */
     FocusRow(callback: (row: T) => boolean): void;
     /** */
-    Sort(columnName: string): Promise<void>;
+    Sort(columnName: string): void;
     /** */
-    protected ClickCheck(id: string, checked: boolean, all: boolean, row?: any): void;
+    protected _ClickCheck(id: string, checked: boolean, all: boolean, row?: any): void;
     /** */
     CheckAll(): void;
     /** */
@@ -41,7 +41,7 @@ export declare class CoerGrid<T> extends CoerGridExtension<T> {
     /** */
     UncheckBy(callback: (row: T) => boolean): void;
     /** */
-    protected ClickOnRow(row: T): void;
+    protected _ClickOnRow(row: T): void;
     /** Inserts new elements at the start */
     Unshift(row: T, focus?: boolean, onlyFocus?: boolean): void;
     /** Appends new elements to the end */

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

@@ -8,14 +8,14 @@ import { CoerAlert, ControlValue } 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 _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 _value: T[];
-    protected value_signal: import("@angular/core").WritableSignal<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 _isLoadingMessage: boolean;
@@ -27,8 +27,6 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     protected GetNumericFormat: (value: string | number | null | undefined, decimals?: number) => string;
     protected GetElementWidth: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
     protected GetElementHeight: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
-    columns: import("@angular/core").InputSignal<IGridColumn<T>[]>;
-    cleanColumnName: import("@angular/core").InputSignal<boolean>;
     saveButton: IGridHeaderButton;
     addButton: IGridHeaderButton;
     exportButton: IGridHeaderExportButton;
@@ -36,6 +34,8 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     search: IGridSearch;
     buttonByRow: IGridButtonByRow<T>;
     checkbox: IGridCheckbox;
+    columns: import("@angular/core").InputSignal<IGridColumn<T>[]>;
+    cleanColumnName: import("@angular/core").InputSignal<boolean>;
     tooltipByRow: import("@angular/core").InputSignal<string>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;
@@ -78,9 +78,9 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     ngAfterViewInit(): void;
     SetValue(value: T[]): void;
     writeValue(value: T[]): void;
-    protected gridColumns: import("@angular/core").Signal<IGridHeader[]>;
-    protected gridDataSource: import("@angular/core").Signal<IGridDataSource[]>;
-    protected gridDataSourceFiltered: import("@angular/core").Signal<T[]>;
+    protected _gridColumns: import("@angular/core").Signal<IGridHeader[]>;
+    protected _gridDataSource: import("@angular/core").Signal<IGridDataSource[]>;
+    protected _gridDataSourceFiltered: import("@angular/core").Signal<T[]>;
     /** Get Column Configuration */
     protected _GetColumnConfig: (columnName: string) => IGridColumn<T> | undefined;
     /** Clean Name or get alias */
@@ -106,9 +106,13 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     /** */
     protected _IsCellColor(property: string, data: any, color: 'colorBlue' | 'colorGreen' | 'colorYellow' | 'colorRed'): boolean;
     /** */
-    protected GetAttribute(property: string, data: any, attribute: string, type: 'coerSwitch' | 'coerTextbox' | 'coerNumberbox' | 'coerSelectbox' | 'defaul-cell'): any;
+    protected _GetAttribute(property: string, data: any, attribute: string, type: 'coerSwitch' | 'coerTextbox' | 'coerNumberbox' | 'coerSelectbox' | 'defaul-cell'): any;
+    /** */
+    protected _ButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
+    /** */
+    protected _ColorButton(button: IGridHeaderButton | IGridHeaderImportButton | IGridHeaderExportButton): 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
     /** */
-    protected ButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
+    protected _ColorButtonByRow(property: string): 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'navigation';
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerGridExtension<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "saveButton": { "alias": "saveButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "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; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; "enableNext": { "alias": "enableNext"; "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; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; }, { "onClickSave": "onClickSave"; "onClickAdd": "onClickAdd"; "onClickImport": "onClickImport"; "onClickExport": "onClickExport"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onSelectboxChange": "onSelectboxChange"; "onCheckboxChange": "onCheckboxChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "saveButton": { "alias": "saveButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "tooltipByRow": { "alias": "tooltipByRow"; "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; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; "enableNext": { "alias": "enableNext"; "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; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; }, { "onClickSave": "onClickSave"; "onClickAdd": "onClickAdd"; "onClickImport": "onClickImport"; "onClickExport": "onClickExport"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onSelectboxChange": "onSelectboxChange"; "onCheckboxChange": "onCheckboxChange"; }, never, never, true, never>;
 }

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

@@ -8,8 +8,8 @@ export declare class CoerList<T> implements AfterViewInit {
     propDisplay: import("@angular/core").InputSignal<string>;
     header: import("@angular/core").InputSignal<string>;
     headerIcon: import("@angular/core").InputSignal<string>;
-    showDeleteButton: import("@angular/core").InputSignal<boolean | ((item: T, index: number) => boolean)>;
-    showGoButton: import("@angular/core").InputSignal<boolean | ((item: T, index: number) => boolean)>;
+    showDeleteButtonByRow: import("@angular/core").InputSignal<boolean | ((item: T, index: number) => boolean)>;
+    showGoButtonByRow: import("@angular/core").InputSignal<boolean | ((item: T, index: number) => boolean)>;
     showBackButton: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDraggable: import("@angular/core").InputSignal<boolean>;
@@ -39,19 +39,19 @@ export declare class CoerList<T> implements AfterViewInit {
     protected get _height(): string;
     ngAfterViewInit(): void;
     /** */
-    protected GetDisplay: (item: any) => string;
+    protected _GetDisplay: (item: any) => string;
     /** */
-    protected GetIndexRow: (item: any) => number;
+    protected _GetIndexRow: (item: any) => number;
     /** */
-    protected GetTemplate(item: any): string;
+    protected _GetTemplate(item: any): string;
     /** */
     protected _showBackButton: () => boolean;
     /** */
-    protected _showDeleteButton: (item: any) => boolean;
+    protected _showDeleteButtonByRow: (item: any) => boolean;
     /** */
-    protected _showGoButton: (item: any) => boolean;
+    protected _showGoButtonByRow: (item: any) => boolean;
     /** */
-    protected Drop(event: CdkDragDrop<T[]>): void;
+    protected _Drop(event: CdkDragDrop<T[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerList<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerList<any>, "coer-list", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "propDisplay": { "alias": "propDisplay"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "headerIcon": { "alias": "headerIcon"; "required": false; "isSignal": true; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; "isSignal": true; }; "showGoButton": { "alias": "showGoButton"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDraggable": { "alias": "isDraggable"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "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; }; "maxHeight": { "alias": "maxHeight"; "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; }; }, { "onDrop": "onDrop"; "onSort": "onSort"; "onClick": "onClick"; "onDoubleClick": "onDoubleClick"; "onClickDelete": "onClickDelete"; "onClickGo": "onClickGo"; "onClickBack": "onClickBack"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerList<any>, "coer-list", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "propDisplay": { "alias": "propDisplay"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "headerIcon": { "alias": "headerIcon"; "required": false; "isSignal": true; }; "showDeleteButtonByRow": { "alias": "showDeleteButtonByRow"; "required": false; "isSignal": true; }; "showGoButtonByRow": { "alias": "showGoButtonByRow"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDraggable": { "alias": "isDraggable"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "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; }; "maxHeight": { "alias": "maxHeight"; "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; }; }, { "onDrop": "onDrop"; "onSort": "onSort"; "onClick": "onClick"; "onDoubleClick": "onDoubleClick"; "onClickDelete": "onClickDelete"; "onClickGo": "onClickGo"; "onClickBack": "onClickBack"; }, never, never, false, never>;
 }

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

@@ -13,7 +13,7 @@ export declare class CoerModal implements OnInit {
     title: import("@angular/core").InputSignal<string>;
     icon: import("@angular/core").InputSignal<string>;
     showCloseButton: import("@angular/core").InputSignal<boolean>;
-    width: import("@angular/core").InputSignal<"auto" | "small" | "full">;
+    width: import("@angular/core").InputSignal<"full" | "auto" | "small">;
     height: import("@angular/core").InputSignal<string>;
     maxHeight: import("@angular/core").InputSignal<string>;
     get isOpen(): boolean;

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

@@ -14,7 +14,7 @@ export declare class CoerNumberBox extends ControlValue implements OnInit {
     id: string;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
-    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    textPosition: import("@angular/core").InputSignal<"right" | "left" | "center">;
     min: import("@angular/core").InputSignal<number>;
     max: import("@angular/core").InputSignal<number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;

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

@@ -13,7 +13,7 @@ export declare class CoerSecretBox extends ControlValue implements OnInit {
     id: string;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
-    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    textPosition: import("@angular/core").InputSignal<"right" | "left" | "center">;
     minLength: import("@angular/core").InputSignal<string | number>;
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, WritableSignal } from '@angular/core';
 import { CoerDropdown } from '../../coer-dropdown/coer-dropdown.component';
-import { IToolbarMenu } from 'coer-elements/interfaces';
+import { IMenuToolbar, IUserLogin } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
 export declare class CoerToolbar implements AfterViewInit {
     protected dropdown: import("@angular/core").Signal<CoerDropdown<any>>;
@@ -8,19 +8,20 @@ export declare class CoerToolbar implements AfterViewInit {
     protected isLoading: boolean;
     protected awaitSignals: boolean;
     protected _isModalOpen: WritableSignal<boolean>;
-    user: import("@angular/core").InputSignal<any>;
+    protected appName: string;
+    protected appLogoPath: string;
+    protected appLogoWidth: string;
+    protected showAppLogo: boolean;
+    user: import("@angular/core").InputSignal<IUserLogin | null>;
     image: import("@angular/core").InputSignal<string | null>;
-    menu: import("@angular/core").InputSignal<IToolbarMenu[]>;
+    menu: import("@angular/core").InputSignal<IMenuToolbar[]>;
     onClickMenu: import("@angular/core").OutputEmitterRef<void>;
-    onClickOption: import("@angular/core").OutputEmitterRef<IToolbarMenu>;
+    onClickOption: import("@angular/core").OutputEmitterRef<IMenuToolbar>;
     ngAfterViewInit(): void;
     /** */
     protected ToogleSideNave(): void;
     protected userName: import("@angular/core").Signal<string>;
     protected userTitle: import("@angular/core").Signal<string>;
-    protected get appName(): string;
-    protected get appLogo(): string;
-    protected get appLogoWidth(): string;
     protected get showLogo(): boolean;
     protected get showUser(): boolean;
     protected get paddingLeft(): string;

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

@@ -16,7 +16,7 @@ export declare class CoerSwitch extends ControlValue implements OnInit, OnDestro
     isDisabled: import("@angular/core").InputSignal<boolean>;
     isReadonly: import("@angular/core").InputSignal<boolean>;
     isInvisible: import("@angular/core").InputSignal<boolean>;
-    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
+    tooltipPosition: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left">;
     set tooltip(value: string);
     onChange: import("@angular/core").OutputEmitterRef<boolean>;
     ngOnInit(): void;

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

@@ -12,7 +12,7 @@ export declare class CoerTextarea extends ControlValue implements OnInit {
     id: string;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
-    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    textPosition: import("@angular/core").InputSignal<"right" | "left" | "center">;
     minLength: import("@angular/core").InputSignal<string | number>;
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;

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

@@ -13,7 +13,7 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
     id: string;
     label: import("@angular/core").InputSignal<string>;
     placeholder: import("@angular/core").InputSignal<string>;
-    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    textPosition: import("@angular/core").InputSignal<"right" | "left" | "center">;
     minLength: import("@angular/core").InputSignal<string | number>;
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;