@energycap/components 0.39.32-ECAP-26866-table-multi-sort-improvements.20241022-1702 → 0.39.32-ECAP-27075-confirm-bug-textbox-always-showing-even-when-not-requested.20241023-1555

package/fesm2020/energycap-components.mjs

@@ -5184,6 +5184,7 @@ class ConfirmComponent {
     onOpen(openContext) {
         this.context = openContext;
         this.dialogId = openContext.id;
+        this.showTextBox = this.context.checkConfirm ? false : true;
         if (this.context.alternateSaveLabel) {
             this.context.saveOnEnter = false;
         }
@@ -5193,7 +5194,7 @@ class ConfirmComponent {
         /** Form Group to hold any form controls needed */
         this.formGroup = new UntypedFormGroup({});
         this.status = new Overlay('hasData');
-        this.showTextBox = true;
+        this.showTextBox = false;
         this.destroyed = new Subject();
         this.onDialogSave = new EventEmitter();
         this.onDialogCancel = new EventEmitter();
@@ -7082,7 +7083,7 @@ class TableComponent {
         if (this.sortable && changes.sort && changes.sort.currentValue && !changes.sort.firstChange) {
             const newValue = changes.sort.currentValue;
             if (!this.currentSort || !isEqual(newValue, this.currentSort)) {
-                this.onSort(newValue);
+                this.onSort(newValue.field, newValue.direction);
             }
         }
     }
@@ -7131,14 +7132,7 @@ class TableComponent {
                         if (th.classList.contains('is-resizable') && event.target && event.target.classList.contains('handle')) {
                             return;
                         }
-                        let direction;
-                        if (th.classList.contains('is-sorted-desc')) {
-                            direction = 'asc';
-                        }
-                        else {
-                            direction = 'desc';
-                        }
-                        this.onSort({ field, direction });
+                        this.onSort(field);
                     });
                     // Store unlisten function to remove listener when component is destroyed
                     this.unlisteners.push(unlisten);
@@ -7150,7 +7144,7 @@ class TableComponent {
         });
         // Set the initial sort
         if (this.sort) {
-            this.onSort(this.sort);
+            this.onSort(this.sort.field, this.sort.direction);
         }
     }
     /**
@@ -7159,29 +7153,32 @@ class TableComponent {
      * Emit the current field and direction of the sorted column
      * @param field
      */
-    onSort(sort) {
-        this.clearSort();
-        if (Array.isArray(sort)) {
-            sort.forEach(s => this.applySort(s));
-        }
-        else {
-            this.applySort(sort);
-        }
-        this.currentSort = cloneDeep(sort);
-        this.sortChange.emit(this.currentSort);
-    }
-    clearSort() {
-        Object.values(this.sortableCols).forEach(th => {
-            this.renderer.removeClass(th, `is-sorted-asc`);
-            this.renderer.removeClass(th, `is-sorted-desc`);
-        });
-    }
-    applySort(sort) {
-        const th = this.sortableCols[sort.field];
+    onSort(field, direction) {
+        const th = this.sortableCols[field];
         if (!th) {
             return;
         }
-        this.renderer.addClass(th, `is-sorted-${sort.direction}`);
+        if (this.currentSort && this.currentSort.field !== field) {
+            this.renderer.removeClass(this.sortableCols[this.currentSort.field], `is-sorted-${this.currentSort.direction}`);
+        }
+        if (th.classList.contains('is-sorted-desc')) {
+            this.renderer.removeClass(th, 'is-sorted-desc');
+            if (!direction) {
+                direction = 'asc';
+            }
+        }
+        else {
+            if (th.classList.contains('is-sorted-asc')) {
+                this.renderer.removeClass(th, 'is-sorted-asc');
+            }
+            if (!direction) {
+                direction = 'desc';
+            }
+        }
+        this.renderer.addClass(th, `is-sorted-${direction}`);
+        const sortEvent = { field: field, direction: direction };
+        this.currentSort = sortEvent;
+        this.sortChange.emit(sortEvent);
     }
     initSelectable() {
         this.selectionContext.rowCheckboxes.valueChanges.pipe(takeUntil(this.destroyed)).subscribe((value) => {