coer-elements 0.0.11 → 0.0.13

package/components/index.d.ts

@@ -1,2 +1,15 @@
 export * from './lib/components.module';
 export * from './lib/coer-alert/coer-alert.component';
+export * from './lib/coer-button/coer-button.component';
+export * from './lib/coer-checkbox/coer-checkbox.component';
+export * from './lib/coer-filebox/coer-filebox.component';
+export * from './lib/coer-form/coer-form.component';
+export * from './lib/coer-grid/coer-grid.component';
+export * from './lib/coer-modal/coer-modal.component';
+export * from './lib/coer-numberbox/coer-numberbox.component';
+export * from './lib/coer-page-title/coer-page-title.component';
+export * from './lib/coer-selectbox/coer-selectbox.component';
+export * from './lib/coer-switch/coer-switch.component';
+export * from './lib/coer-tab/coer-tab.component';
+export * from './lib/coer-textarea/coer-textarea.component';
+export * from './lib/coer-textbox/coer-textbox.component';

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

@@ -0,0 +1,44 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CoerButton implements OnInit, OnDestroy {
+    protected _id: string;
+    private _element;
+    private _tooltip;
+    private _tooltipElement;
+    id: string;
+    color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation">;
+    type: import("@angular/core").InputSignal<"filled" | "outline" | "icon" | "icon-outline" | "icon-no-border">;
+    icon: import("@angular/core").InputSignal<"" | "new" | "save" | "cancel" | "import" | "excel" | "menu" | "delete" | "edit" | "go" | "back">;
+    iconPosition: import("@angular/core").InputSignal<"left" | "right">;
+    animation: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isInvisible: import("@angular/core").InputSignal<boolean>;
+    width: import("@angular/core").InputSignal<string>;
+    minWidth: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    minHeight: import("@angular/core").InputSignal<string>;
+    marginTop: import("@angular/core").InputSignal<string>;
+    marginRight: import("@angular/core").InputSignal<string>;
+    marginBottom: import("@angular/core").InputSignal<string>;
+    marginLeft: import("@angular/core").InputSignal<string>;
+    path: import("@angular/core").InputSignal<string | (string | number)[]>;
+    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
+    set tooltip(value: string);
+    onClick: EventEmitter<MouseEvent>;
+    protected _isEnable: import("@angular/core").Signal<boolean>;
+    protected _icon: import("@angular/core").Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** */
+    private SetEvents;
+    private SetToolTip;
+    /** */
+    protected Click(event: MouseEvent): 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; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "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; }; "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; }; "path": { "alias": "path"; "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

@@ -0,0 +1,28 @@
+import { AfterViewInit } from '@angular/core';
+import { ControlValue } from '../../../tools/lib/control-value.class';
+import * as i0 from "@angular/core";
+export declare class CoerCheckbox extends ControlValue implements AfterViewInit {
+    _value: boolean;
+    protected _id: string;
+    private _isLoading;
+    set value(value: boolean | null | undefined);
+    id: import("@angular/core").InputSignal<string>;
+    label: import("@angular/core").InputSignal<string>;
+    labelPosition: import("@angular/core").InputSignal<"before" | "after">;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isInvisible: import("@angular/core").InputSignal<boolean>;
+    ignoreModel: import("@angular/core").InputSignal<boolean>;
+    onChange: import("@angular/core").OutputEmitterRef<boolean>;
+    get value(): boolean | null | undefined;
+    protected _isEnable: import("@angular/core").Signal<boolean>;
+    ngAfterViewInit(): void;
+    SetValue(value: boolean): void;
+    writeValue(value: boolean): void;
+    /** */
+    Check(): void;
+    /** */
+    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; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "ignoreModel": { "alias": "ignoreModel"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,33 @@
+import { ElementRef } from '@angular/core';
+import { IFile, IFileImage } from '../../../interfaces/coer-filebox';
+import { CoerAlert } from '../../lib/coer-alert/coer-alert.component';
+import { CoerModal } from '../../lib/coer-modal/coer-modal.component';
+import * as i0 from "@angular/core";
+export declare class CoerFilebox {
+    protected readonly alert: CoerAlert;
+    protected IsNull: <T>(value: T | null | undefined) => boolean;
+    protected IsNotNull: <T>(value: T | null | undefined) => 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">;
+    multiple: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isDisabled: 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;
+    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; }; "image": { "alias": "image"; "required": false; }; }, { "onSelected": "onSelected"; "onDeleteImage": "onDeleteImage"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,33 @@
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class CoerForm {
+    private alert;
+    formGroup: import("@angular/core").InputSignal<FormGroup<any>>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    protected get _isDisabled(): boolean;
+    /** */
+    TouchForm(): void;
+    /** */
+    IsInvalidControl: (formControlName: string) => boolean;
+    /** */
+    SetControlValue(formControlName: string, value: any): void;
+    /** */
+    GetControlValue(formControlName: string): any;
+    /** Get form value */
+    GetValue<T>(): T;
+    /** */
+    Reset<T>(properties?: T | null): void;
+    /**
+     * Mark all controls as touched.
+     * If form is invalid emit a warning and focus first invalid control.
+    */
+    IsValid(): {
+        isValid: boolean;
+        formValue: any;
+    };
+    /** Focus the especified control or first invalid control */
+    Focus(formControl?: string | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerForm, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerForm, "coer-form", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,53 @@
+import { CoerGridExtension } from './coer-grid.extension';
+import { IGridLength } from '../../../interfaces/coer-grid';
+import * as i0 from "@angular/core";
+export declare class CoerGrid<T> extends CoerGridExtension<T> {
+    dataSource: import("@angular/core").Signal<T[]>;
+    selectedItems: import("@angular/core").Signal<T[]>;
+    get isValid(): boolean;
+    protected gridLength: import("@angular/core").Signal<IGridLength>;
+    /** */
+    FocusSearch(): void;
+    /** */
+    SelectSearch(): void;
+    /** */
+    GetRowBy<T>(callback: (row: T) => boolean): T | null;
+    /** */
+    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 KeyupEnter(indexColumn: number, row: any, input: 'coer-textbox' | 'coer-numberbox' | 'coer-textbox-search' | 'coer-selectbox', value: any): void;
+    /** */
+    private NextInput;
+    /** */
+    FocusInput(indexRow?: number, indexColumn?: number): void;
+    /** */
+    FocusRow(callback: (row: T) => boolean): void;
+    /** */
+    Sort(columnName: string): Promise<void>;
+    /** */
+    protected ClickCheck(id: string, checked: boolean, all: boolean, row?: any): void;
+    /** */
+    CheckAll(): void;
+    /** */
+    UncheckAll(): void;
+    /** */
+    CheckBy(callback: (row: T) => boolean): void;
+    /** */
+    UncheckBy(callback: (row: T) => boolean): void;
+    /** */
+    protected ClickOnRow(row: T): void;
+    /** Inserts new elements at the start */
+    Unshift(row: T): void;
+    /** Appends new elements to the end */
+    Push(row: T): void;
+    /** Delete Row By index */
+    DeleteRow(indexRow: number): Promise<void>;
+    /** Delete row list by callback */
+    DeleteRowsBy(callback: (row: T) => boolean): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerGrid<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerGrid<any>, "coer-grid", never, {}, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,105 @@
+import { IGridButtonByRow, IGridColumn, IGridDataSource, IGridImport, IGridHeaderButton, IGridHeaderExportButton, IGridKeyupEnter, IGridSearch, IGridInputSwitchChange, IGridInputTextbox, IGridSort, IGridCheckbox, IGridInputCheckbox, IGridHeader } from "../../../interfaces/coer-grid";
+import { AfterViewInit, ElementRef } from "@angular/core";
+import { CoerAlert } from "../../lib/coer-alert/coer-alert.component";
+import { CoerCheckbox } from "../../lib/coer-checkbox/coer-checkbox.component";
+import { CoerNumberBox } from "../../lib/coer-numberbox/coer-numberbox.component";
+import { CoerSelectbox } from "../../lib/coer-selectbox/coer-selectbox.component";
+import { CoerTextBox } from "../../lib/coer-textbox/coer-textbox.component";
+import { ControlValue } from '../../../tools/lib/control-value.class';
+import { DateTime } from '../../../tools/lib/date-time.class';
+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 _value: T[];
+    protected value_signal: import("@angular/core").WritableSignal<T[]>;
+    protected _gridSearch: import("@angular/core").WritableSignal<string | number>;
+    protected _isLoading: boolean;
+    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: (value: string | number | null | undefined, decimals?: number) => string;
+    protected GetDateFormat: typeof DateTime.GetDateFormat;
+    columns: import("@angular/core").InputSignal<IGridColumn<T>[]>;
+    cleanColumnName: import("@angular/core").InputSignal<boolean>;
+    addButton: IGridHeaderButton;
+    exportButton: IGridHeaderExportButton;
+    importButton: IGridHeaderButton;
+    search: IGridSearch;
+    buttonByRow: IGridButtonByRow<T>;
+    checkbox: IGridCheckbox;
+    tooltipByRow: import("@angular/core").InputSignal<string>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    rowsByPage: import("@angular/core").InputSignal<number>;
+    groupBy: import("@angular/core").InputSignal<string>;
+    showColumnGrouped: import("@angular/core").InputSignal<boolean>;
+    rowsByGroup: import("@angular/core").InputSignal<number>;
+    isInvisible: import("@angular/core").InputSignal<boolean>;
+    showFooter: import("@angular/core").InputSignal<boolean>;
+    width: import("@angular/core").InputSignal<string>;
+    MinWidth: import("@angular/core").InputSignal<string>;
+    MaxWidth: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    minHeight: import("@angular/core").InputSignal<string>;
+    maxHeight: import("@angular/core").InputSignal<string>;
+    margin: import("@angular/core").InputSignal<string>;
+    enableSort: import("@angular/core").InputSignal<boolean>;
+    enableRowFocus: import("@angular/core").InputSignal<boolean>;
+    onClickAdd: import("@angular/core").OutputEmitterRef<void>;
+    onClickImport: import("@angular/core").OutputEmitterRef<IGridImport<T>>;
+    onClickExport: import("@angular/core").OutputEmitterRef<T[]>;
+    onClickRow: import("@angular/core").OutputEmitterRef<T>;
+    onDoubleClickRow: import("@angular/core").OutputEmitterRef<T>;
+    onClickDeleteRow: import("@angular/core").OutputEmitterRef<T>;
+    onClickEditRow: import("@angular/core").OutputEmitterRef<T>;
+    onClickGoRow: import("@angular/core").OutputEmitterRef<T>;
+    onKeyupEnter: import("@angular/core").OutputEmitterRef<IGridKeyupEnter>;
+    onKeyupEnterLast: import("@angular/core").OutputEmitterRef<void>;
+    onSwitchChange: import("@angular/core").OutputEmitterRef<IGridInputSwitchChange<T>>;
+    onTextboxChange: import("@angular/core").OutputEmitterRef<IGridInputTextbox<T>>;
+    onSelectboxChange: import("@angular/core").OutputEmitterRef<IGridInputTextbox<T>>;
+    onCheckboxChange: import("@angular/core").OutputEmitterRef<IGridInputCheckbox<T>>;
+    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[]>;
+    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 */
+    protected _GetColumnName: (columnName: string) => string;
+    /** */
+    protected _GetShortIcon: (columnName: string) => "" | "fa-solid fa-arrow-up-wide-short" | "fa-solid fa-arrow-down-short-wide";
+    /** */
+    protected _GetId: (indexRow: number, indexColumn: number, suffix?: string) => string;
+    /** */
+    protected _GetCellValue: (row: any, columnName: string) => any;
+    /** */
+    protected _GetTooltip: (prefix: string, row: any, suffix?: string) => string;
+    /** */
+    protected _HideRow: (group: IGridDataSource) => boolean;
+    /** */
+    protected _IsCellType(property: string, data: any, type: 'number' | 'date' | 'template' | 'coerTextbox' | 'coerNumberbox' | 'coerSelectbox' | 'coerSwitch'): boolean;
+    /** */
+    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 ButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
+    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; }; "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; }; "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; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "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; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; }, { "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, false, never>;
+}

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

@@ -0,0 +1,38 @@
+import { OnInit, WritableSignal } from '@angular/core';
+import { ICoerRef } from '../../../interfaces';
+import { Modal } from 'bootstrap';
+import * as i0 from "@angular/core";
+export declare class CoerModal implements OnInit {
+    contentRef: any;
+    protected _id: string;
+    protected _isOpen: boolean;
+    protected _modal: Modal;
+    protected _isModalOpen: WritableSignal<boolean>;
+    private windowWidth;
+    id: string;
+    title: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string>;
+    showCloseButton: import("@angular/core").InputSignal<boolean>;
+    width: import("@angular/core").InputSignal<"small" | "full">;
+    height: import("@angular/core").InputSignal<string>;
+    maxHeight: import("@angular/core").InputSignal<string>;
+    get isOpen(): boolean;
+    protected get _width(): string;
+    protected contentList: import("@angular/core").Signal<ICoerRef[]>;
+    protected header: import("@angular/core").Signal<ICoerRef | null>;
+    protected body: import("@angular/core").Signal<ICoerRef | null>;
+    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: <T>(value: T | null | undefined) => boolean;
+    protected IsNotNull: <T>(value: T | null | undefined) => boolean;
+    ngOnInit(): void;
+    /** */
+    Open(): void;
+    /** */
+    Close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerModal, "coer-modal", never, { "id": { "alias": "id"; "required": false; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, ["contentRef"], ["*"], false, never>;
+}

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

@@ -0,0 +1,56 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { CoerAlert } from '../../lib/coer-alert/coer-alert.component';
+import { ControlValue } from '../../../tools/lib/control-value.class';
+import * as i0 from "@angular/core";
+export declare class CoerNumberBox extends ControlValue implements OnInit {
+    protected readonly alert: CoerAlert;
+    _value: string | number;
+    protected matFormField: import("@angular/core").Signal<ElementRef<any>>;
+    protected coerNumberbox: import("@angular/core").Signal<ElementRef<any>>;
+    protected _id: string;
+    protected _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    private element;
+    protected hideCaret: boolean;
+    set value(value: number | string | null | undefined);
+    id: string;
+    label: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    min: import("@angular/core").InputSignal<number>;
+    max: import("@angular/core").InputSignal<number>;
+    decimals: import("@angular/core").InputSignal<number>;
+    width: import("@angular/core").InputSignal<string>;
+    minWidth: import("@angular/core").InputSignal<string>;
+    maxWidth: import("@angular/core").InputSignal<string>;
+    marginTop: import("@angular/core").InputSignal<string>;
+    marginRight: import("@angular/core").InputSignal<string>;
+    marginBottom: import("@angular/core").InputSignal<string>;
+    marginLeft: import("@angular/core").InputSignal<string>;
+    isInvalid: import("@angular/core").InputSignal<boolean>;
+    isValid: import("@angular/core").InputSignal<boolean>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isReadonly: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    selectOnFocus: import("@angular/core").InputSignal<boolean>;
+    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    onKeyupEnter: import("@angular/core").OutputEmitterRef<string | number>;
+    onInput: import("@angular/core").OutputEmitterRef<string | number>;
+    ngOnInit(): void;
+    get value(): number | string | null | undefined;
+    protected _isEnable: import("@angular/core").Signal<boolean>;
+    protected floatLabel: import("@angular/core").Signal<"auto" | "always">;
+    protected paddingRight: import("@angular/core").Signal<"0px" | "18px">;
+    SetValue(value: string | number): void;
+    writeValue(value: string | number): void;
+    /** */
+    private OnlyNumbers;
+    /** */
+    private ValidateRangeValue;
+    /** */
+    Focus(timeout?: number): void;
+    /** */
+    Select(timeout?: number): void;
+    /** */
+    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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "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; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,12 @@
+import { IBreadcrumb, IGoBack } from '../../../interfaces/page-title';
+import * as i0 from "@angular/core";
+export declare class CoerPageTitle {
+    title: string | null;
+    showNavigation: boolean;
+    breadcrumbs: IBreadcrumb[];
+    goBack: IGoBack;
+    showInformation: boolean;
+    protected get _icon(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerPageTitle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerPageTitle, "coer-page-title", never, { "title": { "alias": "title"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "goBack": { "alias": "goBack"; "required": false; }; "showInformation": { "alias": "showInformation"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,75 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { ControlValue } from '../../../tools/lib/control-value.class';
+import * as i0 from "@angular/core";
+export declare class CoerSelectbox<T> extends ControlValue implements OnInit {
+    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 _textbox: HTMLInputElement;
+    protected _dropDownMenu: HTMLElement;
+    protected _container: HTMLElement;
+    set value(value: T | null | undefined);
+    id: string;
+    label: import("@angular/core").InputSignal<string>;
+    dataSource: import("@angular/core").InputSignal<T[]>;
+    propDisplay: import("@angular/core").InputSignal<string>;
+    rowsByPage: import("@angular/core").InputSignal<number>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    minWidth: import("@angular/core").InputSignal<string>;
+    maxWidth: import("@angular/core").InputSignal<string>;
+    marginTop: import("@angular/core").InputSignal<string>;
+    marginRight: import("@angular/core").InputSignal<string>;
+    marginBottom: import("@angular/core").InputSignal<string>;
+    marginLeft: import("@angular/core").InputSignal<string>;
+    isInvalid: import("@angular/core").InputSignal<boolean>;
+    isValid: import("@angular/core").InputSignal<boolean>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isReadonly: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    onSelected: import("@angular/core").OutputEmitterRef<T>;
+    ngOnInit(): void;
+    get value(): T | null | undefined;
+    protected get _displayed(): string;
+    protected get _placeholder(): string;
+    protected get _showCancel(): boolean;
+    protected get paddingRight(): string;
+    protected get widthIcons(): string;
+    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;
+    /** */
+    protected SelectItem(item: any): void;
+    /** */
+    Unselect(): void;
+    /** */
+    Focus(timeout?: number): void;
+    /** */
+    Blur(): void;
+    /** */
+    private Open;
+    /** */
+    private Close;
+    /** */
+    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; }; "label": { "alias": "label"; "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; }; "placeholder": { "alias": "placeholder"; "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; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,31 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import { ControlValue } from '../../../tools/lib/control-value.class';
+import * as i0 from "@angular/core";
+export declare class CoerSwitch extends ControlValue implements OnInit, OnDestroy {
+    protected _value: boolean;
+    protected _id: string;
+    private _tooltip;
+    private _tooltipElement;
+    coerSwitch: MatSlideToggle;
+    set value(value: boolean | null | undefined);
+    id: string;
+    label: import("@angular/core").InputSignal<string>;
+    labelPosition: import("@angular/core").InputSignal<"before" | "after">;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isInvisible: import("@angular/core").InputSignal<boolean>;
+    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
+    set tooltip(value: string);
+    onChange: import("@angular/core").OutputEmitterRef<boolean>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get value(): boolean | null | undefined;
+    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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "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>;
+}

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

@@ -0,0 +1,35 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { MatTabGroup } from '@angular/material/tabs';
+import { ICoerRef } from '../../../interfaces';
+import * as i0 from "@angular/core";
+export declare class CoerTab implements OnInit, OnDestroy {
+    contentRef: any;
+    protected _id: string;
+    protected _selectedIndex: number;
+    private _matTabGroup;
+    protected matTabGroup: import("@angular/core").Signal<MatTabGroup>;
+    private _tooltipList;
+    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');
+    protected contentList: import("@angular/core").Signal<ICoerRef[]>;
+    onSelectedTab: import("@angular/core").OutputEmitterRef<ICoerRef>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** */
+    protected SelectedIndexChange(selectedIndex: number): void;
+    /** */
+    protected GetTitle(tab: ICoerRef): string;
+    /** */
+    protected GetIcon(tab: ICoerRef): string;
+    /** */
+    SelectTabBy(callback: (tab: ICoerRef) => boolean): void;
+    /** */
+    protected SetToolTip(tab: ICoerRef): string;
+    /** */
+    protected RemoveTooltip(element: HTMLElement): void;
+    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>;
+}