coer-elements 1.1.27 → 1.1.29

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

@@ -9,7 +9,7 @@ export declare class CoerButton implements OnInit, OnDestroy {
     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<"right" | "left">;
+    iconPosition: import("@angular/core").InputSignal<"left" | "right">;
     path: import("@angular/core").InputSignal<string | (string | number)[]>;
     animation: import("@angular/core").InputSignal<boolean>;
     isLoading: import("@angular/core").InputSignal<boolean>;
@@ -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<"top" | "right" | "bottom" | "left">;
+    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
     set tooltip(value: string);
     onClick: import("@angular/core").OutputEmitterRef<void>;
     protected _isEnable: import("@angular/core").Signal<boolean>;

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

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

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

@@ -30,7 +30,7 @@ export declare class CoerDropdown<T> extends ControlValue implements OnInit {
     marginBottom: import("@angular/core").InputSignal<string>;
     marginLeft: import("@angular/core").InputSignal<string>;
     tooltip: import("@angular/core").InputSignal<string>;
-    tooltipPosition: import("@angular/core").InputSignal<"top" | "right" | "bottom" | "left">;
+    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
     onSelected: import("@angular/core").OutputEmitterRef<T>;
     onUnselect: import("@angular/core").OutputEmitterRef<null>;
     ngOnInit(): void;

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

@@ -23,7 +23,9 @@ export declare class CoerGrid<T> extends CoerGridExtension<T> {
     /** */
     private __NextInput;
     /** */
-    FocusInput(indexRow?: number, indexColumn?: number): void;
+    FocusInput(indexRow?: number, indexColumn?: number, onlyFocus?: boolean): void;
+    /** */
+    FocusLastInput(onlyFocus?: boolean): void;
     /** */
     FocusRow(callback: (row: T) => boolean): void;
     /** */
@@ -41,9 +43,9 @@ export declare class CoerGrid<T> extends CoerGridExtension<T> {
     /** */
     protected ClickOnRow(row: T): void;
     /** Inserts new elements at the start */
-    Unshift(row: T, focus?: boolean): void;
+    Unshift(row: T, focus?: boolean, onlyFocus?: boolean): void;
     /** Appends new elements to the end */
-    Push(row: T, focus?: boolean): void;
+    Push(row: T, focus?: boolean, onlyFocus?: boolean): void;
     /** Delete Row By index */
     DeleteRow(indexRow: number): Promise<void>;
     /** Delete row list by callback */

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<"center" | "right" | "left">;
+    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
     min: import("@angular/core").InputSignal<number>;
     max: import("@angular/core").InputSignal<number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -46,9 +46,7 @@ export declare class CoerNumberBox extends ControlValue implements OnInit {
     /** */
     private ValidateRangeValue;
     /** */
-    Focus(delay?: number): void;
-    /** */
-    Select(delay?: number): void;
+    Focus(select?: boolean, delay?: number): void;
     /** */
     Blur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerNumberBox, never>;

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<"center" | "right" | "left">;
+    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
     minLength: import("@angular/core").InputSignal<string | number>;
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -46,9 +46,7 @@ export declare class CoerSecretBox extends ControlValue implements OnInit {
     /** */
     private SetEvents;
     /** */
-    Focus(delay?: number): void;
-    /** */
-    Select(delay?: number): void;
+    Focus(select?: boolean, delay?: number): void;
     /** */
     Blur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerSecretBox, never>;

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

@@ -65,7 +65,7 @@ export declare class CoerSelectbox<T> extends ControlValue implements OnInit {
     /** */
     Unselect(): void;
     /** */
-    Focus(delay?: number, open?: boolean): void;
+    Focus(open?: boolean, delay?: number): void;
     /** */
     Blur(): void;
     /** */

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<"top" | "right" | "bottom" | "left">;
+    tooltipPosition: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
     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<"center" | "right" | "left">;
+    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
     minLength: import("@angular/core").InputSignal<string | number>;
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -40,9 +40,7 @@ export declare class CoerTextarea extends ControlValue implements OnInit {
     /** */
     private SetEvents;
     /** */
-    Focus(delay?: number): void;
-    /** */
-    Select(delay?: number): void;
+    Focus(select?: boolean, delay?: number): void;
     /** */
     Blur(): void;
     /** */

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<"center" | "right" | "left">;
+    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
     minLength: import("@angular/core").InputSignal<string | number>;
     maxLength: import("@angular/core").InputSignal<string | number>;
     isInvalid: import("@angular/core").InputSignal<boolean>;
@@ -52,9 +52,7 @@ export declare class CoerTextBox extends ControlValue implements OnInit {
     /** */
     private SetEvents;
     /** */
-    Focus(delay?: number): void;
-    /** */
-    Select(delay?: number): void;
+    Focus(select?: boolean, delay?: number): void;
     /** */
     Blur(): void;
     /** */

package/fesm2022/coer-elements-components.mjs

@@ -889,7 +889,7 @@ class CoerNumberBox extends ControlValue {
                     if (!this._isEnable())
                         this.Blur();
                     else if (this.selectOnFocus())
-                        this.Select();
+                        this.Focus(true);
                 });
                 this.element.addEventListener('blur', () => this.Blur());
                 this.element.addEventListener('keyup', (event) => {
@@ -1021,7 +1021,7 @@ class CoerNumberBox extends ControlValue {
         return String(value);
     }
     /** */
-    Focus(delay = 0) {
+    Focus(select = false, delay = 0) {
         if (this._isLoadingEvent())
             return;
         else
@@ -1029,20 +1029,8 @@ class CoerNumberBox extends ControlValue {
         Tools.Sleep(delay).then(() => {
             if (this._isEnable()) {
                 this.element.focus();
-            }
-            this._isLoadingEvent.set(false);
-        });
-    }
-    /** */
-    Select(delay = 0) {
-        if (this._isLoadingEvent())
-            return;
-        else
-            this._isLoadingEvent.set(true);
-        Tools.Sleep(delay).then(() => {
-            if (this._isEnable()) {
-                this.element.focus();
-                this.element.select();
+                if (select)
+                    this.element.select();
             }
             this._isLoadingEvent.set(false);
         });
@@ -1342,7 +1330,7 @@ class CoerSelectbox extends ControlValue {
         this.Blur();
     }
     /** */
-    Focus(delay = 0, open = true) {
+    Focus(open = true, delay = 0) {
         if (this._isLoadingEvent())
             return;
         else
@@ -1539,7 +1527,7 @@ class CoerTextBox extends ControlValue {
                     if (!this._isEnable())
                         this.Blur();
                     else if (this.selectOnFocus())
-                        this.Select();
+                        this.Focus(true);
                 });
                 this.element.addEventListener('keyup', (event) => {
                     if (this._isEnable()) {
@@ -1568,20 +1556,7 @@ class CoerTextBox extends ControlValue {
         });
     }
     /** */
-    Focus(delay = 0) {
-        if (this._isLoadingEvent())
-            return;
-        else
-            this._isLoadingEvent.set(true);
-        Tools.Sleep(delay).then(() => {
-            if (this._isEnable()) {
-                this.element.focus();
-            }
-            this._isLoadingEvent.set(false);
-        });
-    }
-    /** */
-    Select(delay = 0) {
+    Focus(select = false, delay = 0) {
         if (this._isLoadingEvent())
             return;
         else
@@ -1589,7 +1564,8 @@ class CoerTextBox extends ControlValue {
         Tools.Sleep(delay).then(() => {
             if (this._isEnable()) {
                 this.element.focus();
-                this.element.select();
+                if (select)
+                    this.element.select();
             }
             this._isLoadingEvent.set(false);
         });
@@ -2248,7 +2224,7 @@ class CoerGrid extends CoerGridExtension {
     SelectSearch() {
         Tools.Sleep(0).then(() => {
             if (this.inputSearch)
-                this.inputSearch().Select();
+                this.inputSearch().Focus(true);
         });
     }
     /** */
@@ -2298,8 +2274,14 @@ class CoerGrid extends CoerGridExtension {
         let item = {};
         this._isLoading.set(true);
         const FILE_NAME = (this.exportButton?.fileName || 'COER Report') + '.xlsx';
-        let ROW_DATA_SOURCE = (this.exportButton.hasOwnProperty('onlyRowFiltered') && !this.exportButton.onlyRowFiltered)
-            ? this.value_signal() : this.gridDataSourceFiltered();
+        let ROW_DATA_SOURCE = [];
+        if (this.exportButton.hasOwnProperty('onlySelectedItem') && this.exportButton.onlySelectedItem) {
+            ROW_DATA_SOURCE = this.selectedItems();
+        }
+        else {
+            ROW_DATA_SOURCE = (this.exportButton.hasOwnProperty('onlyRowFiltered') && !this.exportButton.onlyRowFiltered)
+                ? this.value_signal() : this.gridDataSourceFiltered();
+        }
         const COLUMN_DATA_SOURCE = new Set();
         if (this.exportButton.hasOwnProperty('onlyColumnFiltered') && !this.exportButton.onlyColumnFiltered) {
             for (const row of this.value_signal()) {
@@ -2447,7 +2429,7 @@ class CoerGrid extends CoerGridExtension {
         }
     }
     /** */
-    FocusInput(indexRow = -1, indexColumn = -1) {
+    FocusInput(indexRow = -1, indexColumn = -1, onlyFocus = false) {
         Tools.Sleep(0, 'FocusInput').then(() => {
             if (this._isDisabled())
                 return;
@@ -2475,7 +2457,7 @@ class CoerGrid extends CoerGridExtension {
                 if (this.gridLength().dataSourceFiltered > 0) {
                     const FIRST_INPUT_COLUMN = COLUMNS.find(x => ['coerTextbox', 'coerNumberbox', 'coerSelectbox'].includes(x.type));
                     if (Tools.IsNotNull(FIRST_INPUT_COLUMN)) {
-                        this.FocusInput(0, FIRST_INPUT_COLUMN.indexColumn);
+                        this.FocusInput(0, FIRST_INPUT_COLUMN.indexColumn, onlyFocus);
                     }
                 }
             }
@@ -2486,25 +2468,59 @@ class CoerGrid extends CoerGridExtension {
                 //Focus Textbox
                 element = this.coerTextboxList().find(x => x.id == id);
                 if (element) {
-                    element.Select();
+                    element.Focus(!onlyFocus);
                     return;
                 }
                 //Focus Numberbox
                 element = this.coerNumberboxList().find(x => x.id == id);
                 if (element) {
-                    element.Select();
+                    element.Focus(!onlyFocus);
                     return;
                 }
                 //Focus Selectbox
                 element = this.coerSelectboxList().find(x => x.id == id);
                 if (element) {
-                    Tools.Sleep(100).then(_ => element.Focus());
+                    Tools.Sleep(100).then(_ => element.Focus(!onlyFocus));
                     return;
                 }
             }
         });
     }
     /** */
+    FocusLastInput(onlyFocus = false) {
+        Tools.Sleep(0, 'FocusInput').then(() => {
+            if (this._isDisabled())
+                return;
+            const INPUT_TEXT = this.columns().filter(x => Tools.IsNotNull(x.coerTextbox)).map(x => x.property);
+            const INPUT_NUMBER = this.columns().filter(x => Tools.IsNotNull(x.coerNumberbox)).map(x => x.property);
+            const INPUT_SELECT = this.columns().filter(x => Tools.IsNotNull(x.coerSelectbox)).map(x => x.property);
+            let index = 0;
+            const COLUMNS = [];
+            for (const { columnName } of this.gridColumns()) {
+                if (INPUT_TEXT.some(property => property.toUpperCase() == columnName.toUpperCase())) {
+                    COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerTextbox' });
+                }
+                else if (INPUT_NUMBER.some(property => property.toUpperCase() == columnName.toUpperCase())) {
+                    COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerNumberbox' });
+                }
+                else if (INPUT_SELECT.some(property => property.toUpperCase() == columnName.toUpperCase())) {
+                    COLUMNS.push({ indexColumn: index, property: columnName, type: 'coerSelectbox' });
+                }
+                else {
+                    COLUMNS.push({ indexColumn: index, property: columnName, type: 'default-cell' });
+                }
+                ++index;
+            }
+            if (this.gridLength().dataSourceFiltered > 0) {
+                const INPUT_COLUMNS = COLUMNS.filter(x => ['coerTextbox', 'coerNumberbox', 'coerSelectbox'].includes(x.type));
+                const LAST_INPUT_COLUMN = INPUT_COLUMNS.pop();
+                if (Tools.IsNotNull(LAST_INPUT_COLUMN)) {
+                    this.FocusInput(0, LAST_INPUT_COLUMN.indexColumn, onlyFocus);
+                }
+            }
+        });
+    }
+    /** */
     FocusRow(callback) {
         Tools.Sleep().then(_ => {
             if (this._value.length > 0) {
@@ -2656,20 +2672,20 @@ class CoerGrid extends CoerGridExtension {
         this.onClickRow.emit(row);
     }
     /** Inserts new elements at the start */
-    Unshift(row, focus = true) {
+    Unshift(row, focus = true, onlyFocus = false) {
         const dataSource = Tools.BreakReference(this._value);
         dataSource.unshift(row);
         this.SetValue(dataSource);
         if (focus)
-            this.FocusInput();
+            this.FocusInput(-1, -1, onlyFocus);
     }
     /** Appends new elements to the end */
-    Push(row, focus = true) {
+    Push(row, focus = true, onlyFocus = false) {
         const dataSource = Tools.BreakReference(this._value);
         dataSource.push(row);
         this.SetValue(dataSource);
         if (focus)
-            this.FocusInput();
+            this.FocusLastInput(onlyFocus);
     }
     /** Delete Row By index */
     async DeleteRow(indexRow) {
@@ -3009,7 +3025,7 @@ class CoerSecretBox extends ControlValue {
                     if (!this._isEnable())
                         this.Blur();
                     else if (this.selectOnFocus())
-                        this.Select();
+                        this.Focus(true);
                 });
                 this.element.addEventListener('keyup', (event) => {
                     if (this._isEnable()) {
@@ -3038,7 +3054,7 @@ class CoerSecretBox extends ControlValue {
         });
     }
     /** */
-    Focus(delay = 0) {
+    Focus(select = false, delay = 0) {
         if (this._isLoadingEvent())
             return;
         else
@@ -3046,20 +3062,8 @@ class CoerSecretBox extends ControlValue {
         Tools.Sleep(delay).then(() => {
             if (this._isEnable()) {
                 this.element.focus();
-            }
-            this._isLoadingEvent.set(false);
-        });
-    }
-    /** */
-    Select(delay = 0) {
-        if (this._isLoadingEvent())
-            return;
-        else
-            this._isLoadingEvent.set(true);
-        Tools.Sleep(delay).then(() => {
-            if (this._isEnable()) {
-                this.element.focus();
-                this.element.select();
+                if (select)
+                    this.element.select();
             }
             this._isLoadingEvent.set(false);
         });
@@ -3901,20 +3905,7 @@ class CoerTextarea extends ControlValue {
         });
     }
     /** */
-    Focus(delay = 0) {
-        if (this._isLoadingEvent())
-            return;
-        else
-            this._isLoadingEvent.set(true);
-        Tools.Sleep(delay).then(() => {
-            if (this._isEnable()) {
-                this.element.focus();
-            }
-            this._isLoadingEvent.set(false);
-        });
-    }
-    /** */
-    Select(delay = 0) {
+    Focus(select = false, delay = 0) {
         if (this._isLoadingEvent())
             return;
         else
@@ -3922,7 +3913,8 @@ class CoerTextarea extends ControlValue {
         Tools.Sleep(delay).then(() => {
             if (this._isEnable()) {
                 this.element.focus();
-                this.element.select();
+                if (select)
+                    this.element.select();
             }
             this._isLoadingEvent.set(false);
         });