coer-elements 2.0.50 → 2.0.52

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

@@ -1,25 +1,34 @@
 import { AfterViewInit, EffectRef, OnDestroy } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
 import { MatDatepicker } from '@angular/material/datepicker';
+import { IBoxButton } from 'coer-elements/interfaces';
 import moment from 'moment';
 import * as i0 from "@angular/core";
 export declare class CoerDateBox extends ControlValue implements AfterViewInit, OnDestroy {
     _value: string | Date | moment.Moment | null;
     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;
-    protected _input: HTMLInputElement;
-    protected _container: HTMLInputElement;
-    protected _pickerButton: HTMLInputElement;
+    protected readonly _datepicker: import("@angular/core").Signal<MatDatepicker<Date> | undefined>;
+    protected readonly _isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _externalButton: import("@angular/core").WritableSignal<IBoxButton>;
+    protected readonly _effectExternalButton: EffectRef;
+    protected readonly _effectComponentSignal: EffectRef;
+    protected readonly _effectValue: EffectRef;
+    protected readonly _isOverButton: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isOverOption: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isOverMenu: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isOpen: import("@angular/core").WritableSignal<boolean>;
+    protected _pickerContent: HTMLElement | null;
+    protected _pickerButton: HTMLElement | null;
+    protected _input: HTMLElement | null;
     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">;
+    isWritable: import("@angular/core").InputSignal<boolean>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
     isValid: import("@angular/core").InputSignal<boolean>;
+    externalButton: import("@angular/core").InputSignal<IBoxButton>;
     isLoading: import("@angular/core").InputSignal<boolean>;
     isDisabled: import("@angular/core").InputSignal<boolean>;
     isReadonly: import("@angular/core").InputSignal<boolean>;
@@ -34,25 +43,32 @@ export declare class CoerDateBox extends ControlValue implements AfterViewInit,
     onOpen: import("@angular/core").OutputEmitterRef<void>;
     onClose: import("@angular/core").OutputEmitterRef<void>;
     onChangeValue: import("@angular/core").OutputEmitterRef<string | null>;
+    onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
-    protected _paddingRight: import("@angular/core").Signal<"0px" | "18px">;
+    protected _paddingRight: import("@angular/core").Signal<"0px" | "15px">;
     protected _isEnable: import("@angular/core").Signal<boolean>;
-    get isOpen(): boolean;
-    get isClose(): boolean;
+    protected get _showexternalButtonLeft(): boolean;
+    protected get _showexternalButtonRight(): boolean;
+    protected get _externalButtonIcon(): string;
+    protected get _isDisabledExternalButton(): boolean;
     SetValue(value: string | Date | moment.Moment | null | undefined): void;
     /** */
     writeValue(value: any): void;
     /** */
-    protected _Blur(): void;
+    protected Focus(open?: boolean, delay?: number): void;
     /** */
-    Open(): void;
+    protected _Open(): Promise<void>;
     /** */
-    Close(): void;
+    protected Blur(): void;
+    /** */
+    protected _Close(): Promise<void>;
     /** */
     Unselect(): void;
+    /** */
+    protected _dateInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerDateBox, 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>;
+    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; }; "isWritable": { "alias": "isWritable"; "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; }; "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"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
 }

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

@@ -6,15 +6,16 @@ export declare class CoerDropdown<T> extends ControlValue implements AfterViewIn
     protected _value: T | null;
     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 readonly _index: import("@angular/core").WritableSignal<number>;
+    protected readonly _isOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _isOverMenu: import("@angular/core").WritableSignal<boolean>;
+    protected readonly _effectComponentSignal: EffectRef;
+    protected _dropDownMenuContainer: HTMLElement;
     protected _dropDownMenu: HTMLElement;
-    protected _container: HTMLElement;
     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">;
+    color: import("@angular/core").InputSignal<"default" | "primary" | "secondary" | "success" | "warning" | "danger" | "navigation" | "information" | "dark" | "light">;
     type: import("@angular/core").InputSignal<"filled" | "outline">;
     dataSource: import("@angular/core").InputSignal<T[]>;
     propDisplay: import("@angular/core").InputSignal<string>;

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

@@ -13,9 +13,10 @@ export declare class CoerModal implements AfterViewInit {
     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" | "auto">;
+    width: import("@angular/core").InputSignal<"auto" | "small" | "full">;
     height: import("@angular/core").InputSignal<string>;
     maxHeight: import("@angular/core").InputSignal<string>;
+    verticalPosition: import("@angular/core").InputSignal<"top" | "bottom" | "middle">;
     onOpen: import("@angular/core").OutputEmitterRef<void>;
     onClose: import("@angular/core").OutputEmitterRef<void>;
     protected IsNull: (value: any) => boolean;
@@ -35,5 +36,5 @@ export declare class CoerModal implements AfterViewInit {
     /** */
     Close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerModal, "coer-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerModal, "coer-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "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; }; "verticalPosition": { "alias": "verticalPosition"; "required": false; "isSignal": true; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, ["contentRef"], ["*"], false, never>;
 }

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

@@ -1,9 +1,8 @@
 import { AfterViewInit, EffectRef, ElementRef, OnDestroy } from '@angular/core';
-import { CoerAlert, ControlValue } from 'coer-elements/tools';
+import { 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, OnDestroy {
-    protected readonly _alert: CoerAlert;
     protected readonly _coerNumberbox: import("@angular/core").Signal<ElementRef<any>>;
     _value: string | number;
     protected readonly _id: string;
@@ -11,8 +10,8 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
     protected readonly _effectExternalButton: EffectRef;
     protected readonly _effectValue: EffectRef;
     protected readonly _externalButton: import("@angular/core").WritableSignal<IBoxButton>;
+    protected readonly _hideCaret: import("@angular/core").WritableSignal<boolean>;
     protected _element: HTMLInputElement;
-    protected _hideCaret: boolean;
     id: import("@angular/core").InputSignal<string>;
     value: import("@angular/core").InputSignal<string | number | null | undefined>;
     label: import("@angular/core").InputSignal<string>;
@@ -45,9 +44,9 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _paddingRight: import("@angular/core").Signal<"0px" | "18px">;
-    protected get _showButtonLeft(): boolean;
-    protected get _showButtonRight(): boolean;
-    protected get _buttonIcon(): string;
+    protected get _showexternalButtonLeft(): boolean;
+    protected get _showexternalButtonRight(): boolean;
+    protected get _externalButtonIcon(): string;
     protected get _isDisabledExternalButton(): boolean;
     SetValue(value: string | number): void;
     writeValue(value: string | number): void;

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

@@ -1,5 +1,6 @@
 import { EffectRef, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
+import { IBoxButton } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
 export declare class CoerSecretBox extends ControlValue implements AfterViewInit, OnDestroy {
     protected readonly matFormField: import("@angular/core").Signal<ElementRef<any>>;
@@ -7,8 +8,10 @@ export declare class CoerSecretBox extends ControlValue implements AfterViewInit
     protected _value: string | number;
     protected readonly _id: string;
     protected readonly _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
-    protected readonly _effect: EffectRef;
-    protected passwordType: boolean;
+    protected readonly _externalButton: import("@angular/core").WritableSignal<IBoxButton>;
+    protected readonly _effectExternalButton: EffectRef;
+    protected readonly _effectValue: EffectRef;
+    protected readonly _passwordType: import("@angular/core").WritableSignal<boolean>;
     protected element: HTMLInputElement;
     id: import("@angular/core").InputSignal<string>;
     value: import("@angular/core").InputSignal<string | number | null | undefined>;
@@ -19,6 +22,7 @@ export declare class CoerSecretBox extends ControlValue implements AfterViewInit
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
     isValid: import("@angular/core").InputSignal<boolean>;
+    externalButton: import("@angular/core").InputSignal<IBoxButton>;
     showSecret: import("@angular/core").InputSignal<boolean>;
     selectOnFocus: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
@@ -39,8 +43,13 @@ export declare class CoerSecretBox extends ControlValue implements AfterViewInit
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    protected get _showSecret(): boolean;
-    protected get _passwordType(): boolean;
+    protected get _asterisks(): string;
+    protected _showSecret: import("@angular/core").Signal<boolean>;
+    protected _inputType: import("@angular/core").Signal<"text" | "password">;
+    protected get _showexternalButtonLeft(): boolean;
+    protected get _showexternalButtonRight(): boolean;
+    protected get _externalButtonIcon(): string;
+    protected get _isDisabledExternalButton(): boolean;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
     protected _paddingRight: import("@angular/core").Signal<"0px" | "18px" | "45px">;
@@ -50,6 +59,8 @@ export declare class CoerSecretBox extends ControlValue implements AfterViewInit
     Blur(): void;
     /** */
     Clear(delay?: number): void;
+    /** */
+    protected _Toogle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSecretBox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSecretBox, "coer-secretbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "showSecret": { "alias": "showSecret"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSecretBox, "coer-secretbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "externalButton": { "alias": "externalButton"; "required": false; "isSignal": true; }; "showSecret": { "alias": "showSecret"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onKeyupEnter": "onKeyupEnter"; "onInput": "onInput"; "onClickClear": "onClickClear"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
 }

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

@@ -1,5 +1,6 @@
 import { AfterViewInit, EffectRef, ElementRef, OnDestroy } from '@angular/core';
 import { ControlValue } from 'coer-elements/tools';
+import { IBoxButton } from 'coer-elements/interfaces';
 import * as i0 from "@angular/core";
 export declare class CoerSelectbox<T> extends ControlValue implements AfterViewInit, OnDestroy {
     protected readonly _coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
@@ -13,8 +14,12 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     protected readonly _isOverMenu: import("@angular/core").WritableSignal<boolean>;
     protected readonly _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
     protected readonly _scroll: import("@angular/core").WritableSignal<number>;
-    protected readonly _effect: EffectRef;
+    protected readonly _externalButton: import("@angular/core").WritableSignal<IBoxButton>;
+    protected readonly _effectComponentSignal: EffectRef;
+    protected readonly _effectExternalButton: EffectRef;
+    protected readonly _effectValue: EffectRef;
     protected _textbox: HTMLInputElement;
+    protected _dropDownMenuContainer: HTMLElement;
     protected _dropDownMenu: HTMLElement;
     id: import("@angular/core").InputSignal<string>;
     value: import("@angular/core").InputSignal<T | null | undefined>;
@@ -22,6 +27,7 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     placeholder: import("@angular/core").InputSignal<string>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
     isValid: import("@angular/core").InputSignal<boolean>;
+    externalButton: import("@angular/core").InputSignal<IBoxButton>;
     dataSource: import("@angular/core").InputSignal<T[]>;
     displayProperty: import("@angular/core").InputSignal<string>;
     rowsByPage: import("@angular/core").InputSignal<number>;
@@ -38,16 +44,21 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     marginLeft: import("@angular/core").InputSignal<string>;
     onSelected: import("@angular/core").OutputEmitterRef<T>;
     onUnselect: import("@angular/core").OutputEmitterRef<null>;
+    onClickExternalButton: import("@angular/core").OutputEmitterRef<void>;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected get _displayed(): string;
     protected get _placeholder(): string;
     protected get _showCancel(): boolean;
-    protected get _paddingRight(): string;
-    protected get _widthIcons(): string;
+    protected get _showexternalButtonLeft(): boolean;
+    protected get _showexternalButtonRight(): boolean;
+    protected get _externalButtonIcon(): string;
+    protected get _isDisabledExternalButton(): boolean;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;
+    protected get _paddingRight(): string;
+    protected _positionTop: import("@angular/core").Signal<string>;
     protected _dataSource: import("@angular/core").Signal<any[]>;
     protected SetValue(_value: any): void;
     writeValue(_value: any): void;
@@ -70,5 +81,5 @@ export declare class CoerSelectbox<T> extends ControlValue implements AfterViewI
     /** */
     protected _Search(_value: string | number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSelectbox<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSelectbox<any>, "coer-selectbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "displayProperty": { "alias": "displayProperty"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerSelectbox<any>, "coer-selectbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "externalButton": { "alias": "externalButton"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "displayProperty": { "alias": "displayProperty"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onSelected": "onSelected"; "onUnselect": "onUnselect"; "onClickExternalButton": "onClickExternalButton"; }, never, never, false, never>;
 }

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

@@ -46,9 +46,9 @@ export declare class CoerTextBox extends ControlValue implements AfterViewInit,
     ngOnDestroy(): void;
     protected get _showSearchIcon(): boolean;
     protected get _showClearIcon(): boolean;
-    protected get _showButtonLeft(): boolean;
-    protected get _showButtonRight(): boolean;
-    protected get _buttonIcon(): string;
+    protected get _showexternalButtonLeft(): boolean;
+    protected get _showexternalButtonRight(): boolean;
+    protected get _externalButtonIcon(): string;
     protected get _isDisabledExternalButton(): boolean;
     protected _isEnable: import("@angular/core").Signal<boolean>;
     protected _floatLabel: import("@angular/core").Signal<"auto" | "always">;

package/extensions/lib/string.extension.d.ts

@@ -16,6 +16,8 @@ declare global {
         removeSpecialCharacters(): string;
         /** Only alphaNumeric */
         onlyAlphanumeric(): string;
+        /** Only Numbers */
+        onlyNumbers(): string;
         /** Validates if both strings are equal */
         equals(value: string | number | null | undefined, sensitive?: boolean): boolean;
         /** Returns true if the value is null or undefined or contains only whitespace, false otherwise */