igniteui-angular 18.0.3 → 18.0.4

package/fesm2022/igniteui-angular.mjs

@@ -35511,6 +35511,39 @@ const ItemHeights = {
     "1": 28
 };
 class IgxComboBaseDirective {
+    /**
+     * Gets/gets combo id.
+     *
+     * ```typescript
+     * // get
+     * let id = this.combo.id;
+     * ```
+     *
+     * ```html
+     * <!--set-->
+     * <igx-combo [id]='combo1'></igx-combo>
+     * ```
+     */
+    get id() {
+        return this._id;
+    }
+    set id(value) {
+        if (!value) {
+            return;
+        }
+        const selection = this.selectionService.get(this._id);
+        this._id = value;
+        if (selection) {
+            this.selectionService.set(this._id, selection);
+        }
+        if (this.dropdown.open) {
+            this.dropdown.close();
+        }
+        if (this.inputGroup?.isFocused) {
+            this.inputGroup.element.nativeElement.blur();
+            this.inputGroup.isFocused = false;
+        }
+    }
     /**
      * Configures the drop down list height
      *
@@ -35863,20 +35896,6 @@ class IgxComboBaseDirective {
          * ```
          */
         this.overlaySettings = null;
-        /**
-         * Gets/gets combo id.
-         *
-         * ```typescript
-         * // get
-         * let id = this.combo.id;
-         * ```
-         *
-         * ```html
-         * <!--set-->
-         * <igx-combo [id]='combo1'></igx-combo>
-         * ```
-         */
-        this.id = `igx-combo-${NEXT_ID$f++}`;
         /**
          * Controls whether custom values can be added to the collection
          *
@@ -36158,6 +36177,7 @@ class IgxComboBaseDirective {
         this._onTouchedCallback = noop;
         this._onChangeCallback = noop;
         this.compareCollator = new Intl.Collator();
+        this._id = `igx-combo-${NEXT_ID$f++}`;
         this._type = null;
         this._dataType = '';
         this._itemHeight = null;
@@ -72929,6 +72949,7 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
     set superCompactMode(value) {
         this._superCompactMode = value;
     }
+    /** @hidden @internal */
     get gridSize() {
         if (this.superCompactMode) {
             return Size.Small;
@@ -75017,7 +75038,7 @@ class IgxGridStateDirective {
                             Object.assign(ref1.instance, colState);
                             ref1.instance.grid = context.currGrid;
                             if (ref1.instance.parent) {
-                                const columnGroup = newColumns.find(e => e.header === ref1.instance.parent);
+                                const columnGroup = newColumns.find(e => e.header === ref1.instance.parent && e.columnGroup);
                                 columnGroup.children.reset([...columnGroup.children.toArray(), ref1.instance]);
                                 ref1.instance.parent = columnGroup;
                             }
@@ -75029,7 +75050,7 @@ class IgxGridStateDirective {
                             Object.assign(ref.instance, colState);
                             ref.instance.grid = context.currGrid;
                             if (ref.instance.parent) {
-                                const columnGroup = newColumns.find(e => e.header === ref.instance.parent);
+                                const columnGroup = newColumns.find(e => e.header === ref.instance.parent && e.columnGroup);
                                 if (columnGroup) {
                                     ref.instance.parent = columnGroup;
                                     columnGroup.children.reset([...columnGroup.children.toArray(), ref.instance]);