igniteui-angular 19.2.0 → 19.2.2

package/lib/core/styles/components/icon-button/_icon-button-theme.scss

@@ -243,7 +243,7 @@
         }
     }
 
-    [igxIconButton='flat'].igx-button--focused {
+    %igx-icon-button--flat.igx-button--focused {
         background: var-get($flat-theme, 'focus-background');
         color: var-get($flat-theme, 'focus-foreground');
 
@@ -388,7 +388,7 @@
         }
     }
 
-    [igxIconButton='outlined'].igx-button--focused {
+    %igx-icon-button--outlined.igx-button--focused {
         background: var-get($outlined-theme, 'focus-background');
         color: var-get($outlined-theme, 'focus-foreground');
 

package/lib/core/styles/components/input/_input-group-theme.scss

@@ -686,6 +686,10 @@
         position: relative;
 
         grid-area: 1 / 2;
+
+        %form-group-label {
+            color: var-get($theme, 'idle-secondary-color');
+        }
     }
 
     %igx-input-group__notch--border {
@@ -913,6 +917,14 @@
         background: var-get($theme, 'search-disabled-background');
         box-shadow: var-get($theme, 'search-disabled-shadow');
         border-color: var-get($theme, 'disabled-border-color');
+
+        igx-prefix,
+        [igxPrefix],
+        igx-suffix,
+        [igxSuffix] {
+            background: inherit;
+            color: var-get($theme, 'disabled-text-color');
+        }
     }
 
     %form-group-bundle-main--border {
@@ -1667,6 +1679,11 @@
         [igxPrefix] {
             display: none;
         }
+
+        igx-suffix,
+        [igxSuffix] {
+            color: var(--igx-input-group-input-suffix-color--focused, var(--ig-gray-900));
+        }
     }
 
     // Bundle
@@ -1831,9 +1848,14 @@
         transform-origin: top left;
         margin-top: 0 !important;
         height: auto;
-        margin-block-end: rem(4px);
         color: var-get($theme, 'idle-secondary-color');
 
+        @if $variant == 'fluent' {
+            margin-block-end: rem(5px);
+        } @else {
+            margin-block-end: rem(4px);
+        }
+
         [dir='rtl'] & {
             transform-origin: top right;
         }

package/lib/grids/columns/column.component.d.ts

@@ -242,16 +242,30 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      */
     set selected(value: boolean);
     /**
-     * @hidden
+     * Emitted when the column is hidden or shown.
+     *
+     * ```html
+     * <igx-column (hiddenChange)="hiddenChange($event)">
+     * </igx-column>
+     * ```
+     *
      */
     hiddenChange: EventEmitter<boolean>;
-    /** @hidden */
+    /**
+     * Emitted when the column expanded or collapsed.
+     *
+     * ```html
+     * <igx-column (expandedChange)="expandedChange($event)">
+     * </igx-column>
+     * ```
+     *
+     */
     expandedChange: EventEmitter<boolean>;
     /** @hidden */
     collapsibleChange: EventEmitter<boolean>;
     /** @hidden */
     visibleWhenCollapsedChange: EventEmitter<boolean>;
-    /** @hidden */
+    /** @hidden @internal */
     columnChange: EventEmitter<void>;
     /**
      * Gets whether the hiding is disabled.
@@ -578,11 +592,23 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      */
     additionalTemplateContext: any;
     /**
-     * @hidden
+     * Emitted when the column width changes.
+     *
+     * ```html
+     * <igx-column (widthChange)="widthChange($event)">
+     * </igx-column>
+     * ```
+     *
      */
     widthChange: EventEmitter<string>;
     /**
-     * @hidden
+     * Emitted when the column is pinned/unpinned.
+     *
+     * ```html
+     * <igx-column (pinnedChange)="pinnedChange($event)">
+     * </igx-column>
+     * ```
+     *
      */
     pinnedChange: EventEmitter<boolean>;
     /**

package/lib/grids/grid/grid.component.d.ts

@@ -47,11 +47,21 @@ export declare class IgxGridComponent extends IgxGridBaseDirective implements Gr
      */
     dataPreLoad: EventEmitter<IForOfState>;
     /**
-     * @hidden
+     * Emitted when grouping is performed.
+     *
+     * @example
+     * ```html
+     * <igx-grid #grid [data]="localData" [autoGenerate]="true" (groupingExpressionsChange)="groupingExpressionsChange($event)"></igx-grid>
+     * ```
      */
     groupingExpressionsChange: EventEmitter<IGroupingExpression[]>;
     /**
-     * @hidden @internal
+     * Emitted when groups are expanded/collapsed.
+     *
+     * @example
+     * ```html
+     * <igx-grid #grid [data]="localData" [autoGenerate]="true" (groupingExpansionStateChange)="groupingExpansionStateChange($event)"></igx-grid>
+     * ```
      */
     groupingExpansionStateChange: EventEmitter<IGroupByExpandState[]>;
     /**

package/lib/grids/grid-base.directive.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ComponentRef, DoCheck, ElementRef, EnvironmentInjector, EventEmitter, Injector, IterableDiffers, NgZone, OnDestroy, OnInit, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ComponentRef, DoCheck, ElementRef, EnvironmentInjector, EventEmitter, Injector, IterableDiffers, NgZone, OnDestroy, OnInit, TemplateRef, QueryList, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { PlatformUtil } from '../core/utils';
 import { FilteringLogic } from '../data-operations/filtering-expression.interface';
@@ -686,10 +686,22 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      */
     gridCopy: EventEmitter<IGridClipboardEvent>;
     /**
-     * @hidden @internal
+     * Emitted when the rows are expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <igx-grid [data]="employeeData" (expansionStatesChange)="expansionStatesChange($event)" [autoGenerate]="true"></igx-grid>
+     * ```
      */
     expansionStatesChange: EventEmitter<Map<any, boolean>>;
-    /** @hidden @internal */
+    /**
+     * Emitted when the rows are selected or deselected.
+     *
+     * @example
+     * ```html
+     * <igx-grid [data]="employeeData" (selectedRowsChange)="selectedRowsChange($event)" [autoGenerate]="true"></igx-grid>
+     * ```
+     */
     selectedRowsChange: EventEmitter<any[]>;
     /**
      * Emitted when the expanded state of a row gets changed.
@@ -719,7 +731,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      */
     rowPinned: EventEmitter<IPinRowEventArgs>;
     /**
-     * Emmited when the active node is changed.
+     * Emitted when the active node is changed.
      *
      * @example
      * ```

package/lib/grids/pivot-grid/pivot-data-selector.component.d.ts

@@ -56,8 +56,14 @@ export declare class IgxPivotDataSelectorComponent {
      */
     columnsExpanded: boolean;
     /**
-     * @hidden
-     */
+     * Emitted when the columns panel is expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <igx-pivot-data-selector #grid [data]="localData" [height]="'305px'"
+     *              (columnsExpandedChange)="columnsExpandedChange($event)"></igx-pivot-data-selector>
+     * ```
+    */
     columnsExpandedChange: EventEmitter<boolean>;
     /**
      * Gets/sets whether the rows panel is expanded
@@ -77,8 +83,14 @@ export declare class IgxPivotDataSelectorComponent {
      */
     rowsExpanded: boolean;
     /**
-     * @hidden
-     */
+     * Emitted when the rows panel is expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <igx-pivot-data-selector #grid [data]="localData" [height]="'305px'"
+     *              (rowsExpandedChange)="rowsExpandedChange($event)"></igx-pivot-data-selector>
+     * ```
+    */
     rowsExpandedChange: EventEmitter<boolean>;
     /**
      * Gets/sets whether the filters panel is expanded
@@ -98,8 +110,14 @@ export declare class IgxPivotDataSelectorComponent {
      */
     filtersExpanded: boolean;
     /**
-     * @hidden
-     */
+     * Emitted when the filters panel is expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <igx-pivot-data-selector #grid [data]="localData" [height]="'305px'"
+     *              (filtersExpandedChange)="filtersExpandedChange($event)"></igx-pivot-data-selector>
+     * ```
+    */
     filtersExpandedChange: EventEmitter<boolean>;
     /**
      * Gets/sets whether the values panel is expanded
@@ -119,8 +137,14 @@ export declare class IgxPivotDataSelectorComponent {
      */
     valuesExpanded: boolean;
     /**
-     * @hidden
-     */
+     * Emitted when the values panel is expanded or collapsed.
+     *
+     * @example
+     * ```html
+     * <igx-pivot-data-selector #grid [data]="localData" [height]="'305px'"
+     *              (valuesExpandedChange)="valuesExpandedChange($event)"></igx-pivot-data-selector>
+     * ```
+    */
     valuesExpandedChange: EventEmitter<boolean>;
     private _grid;
     private _dropDelta;

package/lib/services/exporter-common/base-export-service.d.ts

@@ -29,6 +29,8 @@ export interface IExportRecord {
     summaryKey?: string;
     hierarchicalOwner?: string;
     references?: IColumnInfo[];
+    rawData?: any;
+    dimensionKeys?: string[];
 }
 export interface IColumnList {
     columns: IColumnInfo[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "19.2.0",
+  "version": "19.2.2",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -93,7 +93,7 @@
     }
   },
   "igxDevDependencies": {
-    "@igniteui/angular-schematics": "~19.1.14315"
+    "@igniteui/angular-schematics": "~19.2.1440"
   },
   "ng-update": {
     "migrations": "./migrations/migration-collection.json",