igniteui-angular 20.1.19 → 20.1.21

package/fesm2022/igniteui-angular.mjs

@@ -41229,7 +41229,7 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
         this.cdr.markForCheck();
         this._displayValue = this.createDisplayText(super.selection, oldSelection);
         this._value = this.valueKey ? super.selection.map(item => item[this.valueKey]) : super.selection;
-        this.filterValue = this._displayValue?.toString() || '';
+        this.searchValue = this.filterValue = this._displayValue?.toString() || '';
     }
     /** @hidden @internal */
     ngAfterViewInit() {
@@ -42303,7 +42303,7 @@ class IgxDatePickerComponent extends PickerBaseDirective {
         return Object.assign({}, this._dropDownOverlaySettings, this.overlaySettings);
     }
     get inputGroupElement() {
-        return this.inputGroup?.element.nativeElement;
+        return this.inputGroup?.element.nativeElement.querySelector('.igx-input-group__bundle');
     }
     get dateValue() {
         return this._dateValue;
@@ -49627,6 +49627,9 @@ class IgxTimePickerComponent extends PickerBaseDirective {
     get dropDownOverlaySettings() {
         return Object.assign({}, this._defaultDropDownOverlaySettings, this.overlaySettings);
     }
+    get inputGroupElement() {
+        return this.inputGroup?.element.nativeElement.querySelector('.igx-input-group__bundle');
+    }
     /**
      * The currently selected value / time from the drop-down/dialog
      *
@@ -49828,7 +49831,6 @@ class IgxTimePickerComponent extends PickerBaseDirective {
             outlet: this.outlet
         };
         this._defaultDropDownOverlaySettings = {
-            target: this.element.nativeElement,
             modal: false,
             closeOnOutsideClick: true,
             scrollStrategy: new AbsoluteScrollStrategy(),
@@ -49976,6 +49978,9 @@ class IgxTimePickerComponent extends PickerBaseDirective {
         const overlaySettings = Object.assign({}, this.isDropdown
             ? this.dropDownOverlaySettings
             : this.dialogOverlaySettings, settings);
+        if (this.isDropdown && this.inputGroupElement) {
+            overlaySettings.target = this.inputGroupElement;
+        }
         this.toggleRef.open(overlaySettings);
     }
     /**
@@ -53402,6 +53407,7 @@ class IgxExcelStyleDefaultExpressionComponent {
     onConditionsChanged(eventArgs) {
         const value = eventArgs.newSelection.value;
         this.expressionUI.expression.condition = this.getCondition(value);
+        this.expressionUI.expression.conditionName = value;
         this.focus();
     }
     getCondition(value) {
@@ -61896,6 +61902,7 @@ class IgxGridFilteringRowComponent {
     onConditionsChanged(eventArgs) {
         const value = eventArgs.newSelection.value;
         this.expression.condition = this.getCondition(value);
+        this.expression.conditionName = value;
         if (this.expression.condition.isUnary) {
             // update grid's filtering on the next cycle to ensure the drop-down is closed
             // if the drop-down is not closed this event handler will be invoked multiple times
@@ -71328,7 +71335,13 @@ class IgxGridBaseDirective {
             const possibleWidth = this.getPossibleColumnWidth();
             if (possibleWidth === "0px") {
                 // all columns - hidden
-                this._columnWidth = possibleWidth;
+                // Do not update _columnWidth to preserve valid column widths for when columns are unhidden
+                // Only update column defaultWidth if _columnWidth is already set and not '0px'
+                if (this._columnWidth && this._columnWidth !== '0px') {
+                    this._updateColumnDefaultWidths();
+                }
+                this.resetCachedWidths();
+                return;
             }
             else if (this.width !== null) {
                 this._columnWidth = Math.max(parseFloat(possibleWidth), this.minColumnWidth) + 'px';
@@ -71337,8 +71350,12 @@ class IgxGridBaseDirective {
                 this._columnWidth = this.minColumnWidth + 'px';
             }
         }
+        this._updateColumnDefaultWidths();
+        this.resetCachedWidths();
+    }
+    _updateColumnDefaultWidths() {
         this._columns.forEach((column) => {
-            if (this.hasColumnLayouts && parseFloat(this._columnWidth)) {
+            if (this.hasColumnLayouts) {
                 const columnWidthCombined = parseFloat(this._columnWidth) * (column.colEnd ? column.colEnd - column.colStart : 1);
                 column.defaultWidth = columnWidthCombined + 'px';
             }
@@ -71347,7 +71364,6 @@ class IgxGridBaseDirective {
                 column.resetCaches();
             }
         });
-        this.resetCachedWidths();
     }
     resetNotifyChanges() {
         this._cdrRequestRepaint = false;
@@ -72521,7 +72537,12 @@ class IgxGridBaseDirective {
     }
     updateDefaultRowHeight() {
         if (this.dataRowList.length > 0 && this.dataRowList.first.cells && this.dataRowList.first.cells.length > 0) {
-            const height = parseFloat(this.document.defaultView.getComputedStyle(this.dataRowList.first.cells.first.nativeElement)?.getPropertyValue('height'));
+            const targetCell = this.dataRowList.first.cells.toArray().find((x) => !x.isMerged);
+            if (!targetCell) {
+                this._shouldRecalcRowHeight = true;
+                return;
+            }
+            const height = parseFloat(this.document.defaultView.getComputedStyle(targetCell.nativeElement)?.getPropertyValue('height'));
             if (height) {
                 this._defaultRowHeight = height;
             }
@@ -74335,6 +74356,9 @@ class IgxGridMRLNavigationService extends IgxGridNavigationService {
         }
         const nextLayout = this.layout(colIndex);
         const newLayout = key.includes('up') || key.includes('down') ? { rowStart: nextLayout.rowStart } : { colStart: nextLayout.colStart };
+        if (!this.activeNode.layout) {
+            this.activeNode.layout = this.layout(this.activeNode.column || 0);
+        }
         Object.assign(this.activeNode.layout, newLayout, { rowEnd: nextLayout.rowEnd });
         if (ctrl && (key === 'home' || key === 'end')) {
             this.activeNode.layout = nextLayout;
@@ -82523,7 +82547,7 @@ class IgxGridStateBaseDirective {
                         dataType: c.dataType,
                         hasSummary: c.hasSummary,
                         field: c.field,
-                        width: c.width,
+                        width: (c.widthSetByUser || context.currGrid.columnWidthSetByUser) ? c.width : undefined,
                         header: c.header,
                         resizable: c.resizable,
                         searchable: c.searchable,
@@ -82546,6 +82570,17 @@ class IgxGridStateBaseDirective {
                 },
                 restoreFeatureState: (context, state) => {
                     const newColumns = [];
+                    // Helper to restore column state without auto-persisting widths
+                    const restoreColumnState = (column, colState) => {
+                        // Extract width to handle it separately
+                        const width = colState.width;
+                        delete colState.width;
+                        Object.assign(column, colState);
+                        // Only restore width if it was explicitly set by the user (not undefined)
+                        if (width !== undefined) {
+                            column.width = width;
+                        }
+                    };
                     state.forEach((colState) => {
                         const hasColumnGroup = colState.columnGroup;
                         const hasColumnLayouts = colState.columnLayout;
@@ -82563,7 +82598,7 @@ class IgxGridStateBaseDirective {
                             else {
                                 ref1.children.reset([]);
                             }
-                            Object.assign(ref1, colState);
+                            restoreColumnState(ref1, colState);
                             ref1.grid = context.currGrid;
                             if (colState.parent || colState.parentKey) {
                                 const columnGroup = newColumns.find(e => e.columnGroup && (e.key ? e.key === colState.parentKey : e.header === ref1.parent));
@@ -82580,7 +82615,7 @@ class IgxGridStateBaseDirective {
                                 ref = component.instance;
                                 component.changeDetectorRef.detectChanges();
                             }
-                            Object.assign(ref, colState);
+                            restoreColumnState(ref, colState);
                             ref.grid = context.currGrid;
                             if (colState.parent || colState.parentKey) {
                                 const columnGroup = newColumns.find(e => e.columnGroup && (e.key ? e.key === colState.parentKey : e.header === ref.parent));
@@ -97897,10 +97932,14 @@ class IgxDateRangePickerComponent extends PickerBaseDirective {
     configPositionStrategy() {
         this._positionSettings = {
             openAnimation: fadeIn,
-            closeAnimation: fadeOut
+            closeAnimation: fadeOut,
+            offset: 1
         };
         this._dropDownOverlaySettings.positionStrategy = new AutoPositionStrategy(this._positionSettings);
-        this._dropDownOverlaySettings.target = this.element.nativeElement;
+        const bundle = this.hasProjectedInputs
+            ? this.projectedInputs.first?.nativeElement.querySelector('.igx-input-group__bundle')
+            : this.element.nativeElement.querySelector('.igx-input-group__bundle');
+        this._dropDownOverlaySettings.target = bundle || this.element.nativeElement;
     }
     configOverlaySettings() {
         if (this.overlaySettings !== null) {