igniteui-angular 20.1.19 → 20.1.20

package/fesm2022/igniteui-angular.mjs

@@ -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;
@@ -82523,7 +82539,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 +82562,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 +82590,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 +82607,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 +97924,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) {