igniteui-angular 17.2.5 → 17.2.7

package/lib/grids/common/grid.interface.d.ts

@@ -196,12 +196,12 @@ export interface RowType {
     expanded?: boolean;
     /**
      * Optional
-     * Indicades whether the row is marked for deletion.
+     * Indicates whether the row is marked for deletion.
      */
     deleted?: boolean;
     /**
     * Optional
-    * Indicades whether the row is currently being edited.
+    * Indicates whether the row is currently being edited.
     */
     inEditMode?: boolean;
     /**
@@ -217,7 +217,7 @@ export interface RowType {
     parent?: RowType;
     /**
      * Optional
-     * Indicades whether the current row has any child rows
+     * Indicates whether the current row has any child rows
      */
     hasChildren?: boolean;
     /**
@@ -229,7 +229,7 @@ export interface RowType {
     addRowUI?: boolean;
     /**
      * Optional
-     * Indicades whether the row is currently focused.
+     * Indicates whether the row is currently focused.
      */
     focused?: boolean;
     /** Represent the grid instance, the row belongs to */
@@ -284,7 +284,7 @@ export interface FieldType {
  * Contains definitions of properties and methods, relevant to a column
  */
 export interface ColumnType extends FieldType {
-    /** Represents the inctance of the parent `GridType` that contains this column. */
+    /** Represents the instance of the parent `GridType` that contains this column. */
     grid: GridType;
     /** A list, containing all the child columns under this column (if any). */
     children: QueryList<ColumnType>;
@@ -303,12 +303,12 @@ export interface ColumnType extends FieldType {
     validators: any[];
     /**
      * The template reference for the custom header of the column
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     headerTemplate: TemplateRef<any>;
     /**
      * The template reference for the collapsible indicator of the column.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     collapsibleIndicatorTemplate?: TemplateRef<any>;
     /** Represents custom CSS classes applied to the header element. When added, they take different styling */
@@ -320,7 +320,7 @@ export interface ColumnType extends FieldType {
     /** Represents custom CSS styles applied to the header group. When added, they take different styling */
     headerGroupStyles: any;
     /**
-     * Custom CSS styling, appplied to every column
+     * Custom CSS styling, applied to every column
      * calcWidth, minWidthPx, maxWidthPx, minWidth, maxWidth, minWidthPercent, maxWidthPercent, resolvedWidth
      */
     calcWidth: any;
@@ -343,12 +343,12 @@ export interface ColumnType extends FieldType {
     index: number;
     /**
      * Represents the type of data for the column:
-     * string, number, buulean, currency, date, time, etc.
+     * string, number, boolean, currency, date, time, etc.
      */
     dataType: GridColumnDataType;
     /**
      * The template reference for the custom inline editor of the column
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     inlineEditorTemplate: TemplateRef<any>;
     /**
@@ -371,17 +371,17 @@ export interface ColumnType extends FieldType {
     columnGroup: boolean;
     /** @deprecated in version 13.1.0. Use the Grid's `moving` property instead. */
     movable: boolean;
-    /** Indicades whether a column can be put in a group. If the value is true, the column can be put in a group */
+    /** Indicates whether a column can be put in a group. If the value is true, the column can be put in a group */
     groupable: boolean;
-    /** Indicades whether a column can be sorted. If the value is true, the column can be sorted. */
+    /** Indicates whether a column can be sorted. If the value is true, the column can be sorted. */
     sortable: boolean;
-    /** Indicades whether a column can be filtered. If the value is true, the column can be filtered */
+    /** Indicates whether a column can be filtered. If the value is true, the column can be filtered */
     filterable: boolean;
-    /** Indicades whether a column is currently hidden (not visible). If the value is true, the column is not visible */
+    /** Indicates whether a column is currently hidden (not visible). If the value is true, the column is not visible */
     hidden: boolean;
-    /** Indicades whether a column can be pinned. If the value is true, the column cannot be pinned */
+    /** Indicates whether a column can be pinned. If the value is true, the column cannot be pinned */
     disablePinning: boolean;
-    /** Indicades whether a column can be hidden. If the value is true, the column cannot be hidden */
+    /** Indicates whether a column can be hidden. If the value is true, the column cannot be hidden */
     disableHiding: boolean;
     /**
      * The sorting strategy used for sorting this column.
@@ -405,7 +405,7 @@ export interface ColumnType extends FieldType {
     summaries: any;
     /**
      * The template reference for a summary of the column
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     summaryTemplate: TemplateRef<any>;
     /** Indicates if the column is currently pinned. If the value is true, the column is pinned */
@@ -430,13 +430,13 @@ export interface ColumnType extends FieldType {
     /**
      * Optional
      * The root parent of this column (if any).
-     * If there is no root parent, that means the current solunm is the root parent
+     * If there is no root parent, that means the current column is the root parent
      */
     topLevelParent?: ColumnType;
     /**
      * Optional
      * The immediate parent (right above) column of this column (if any).
-     * If there is no parent, that means the current solunm is the root parent
+     * If there is no parent, that means the current column is the root parent
      */
     parent?: ColumnType;
     pipeArgs: IColumnPipeArgs;
@@ -455,7 +455,7 @@ export interface ColumnType extends FieldType {
     groupingComparer: (a: any, b: any) => number;
     /**
      * Represents a custom template for filtering
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     filterCellTemplate: TemplateRef<any>;
     /**
@@ -469,7 +469,7 @@ export interface ColumnType extends FieldType {
     /** A method definition to retrieve the set CSS width of the cells under the column */
     getCellWidth(): string;
     getGridTemplate(isRow: boolean): string;
-    /** A method definition to toggle column vibisility (hidden or visible) */
+    /** A method definition to toggle column visibility (hidden or visible) */
     toggleVisibility(value?: boolean): void;
     populateVisibleIndexes?(): void;
     /** Pins the column at the specified index (if not already pinned). */
@@ -571,7 +571,7 @@ export interface GridServiceType {
      */
     get_cell_by_visible_index(rowIndex: number, columnIndex: number): any;
     /** Represents a method declaration that sets the expansion state of a group row (used for tree grids)
-     * It takes the value for the expantion as a parameter (expanded or collapsed)
+     * It takes the value for the expansion as a parameter (expanded or collapsed)
      */
     set_grouprow_expansion_state?(groupRow: IGroupByRecord, value: boolean): void;
     row_deleted_transaction(id: any): boolean;
@@ -580,11 +580,11 @@ export interface GridServiceType {
      * It takes the row's data and the identifier of the parent row if applicable (used for tree grids)
      */
     addRowToData(rowData: any, parentID?: any): void;
-    /** Represents a method declaration for deleting a row, specified by it's identidier (taken as a parameter) */
+    /** Represents a method declaration for deleting a row, specified by it's identifier (taken as a parameter) */
     deleteRowById(id: any): any;
-    /** Represents a method declaration for retrieving the row's current state of expantion (used for tree grids)*/
+    /** Represents a method declaration for retrieving the row's current state of expansion (used for tree grids)*/
     get_row_expansion_state(id: any): boolean;
-    /** Represents a method declaration for setting a new expantion state. It can be triggered by an event */
+    /** Represents a method declaration for setting a new expansion state. It can be triggered by an event */
     set_row_expansion_state(id: any, expanded: boolean, event?: Event): void;
     get_summary_data(): any[];
     prepare_sorting_expression(stateCollections: Array<Array<any>>, expression: ISortingExpression): void;
@@ -598,7 +598,7 @@ export interface GridServiceType {
      * The expressions contains fieldName, sorting directory, whether case should be ignored and optional sorting strategy
      */
     sort_multiple(expressions: ISortingExpression[]): void;
-    /** Represents a method declaration for reseting the sorting */
+    /** Represents a method declaration for resetting the sorting */
     clear_sort(fieldName: string): void;
     /** Represents an event, triggered when the pin state is changed */
     get_pin_row_event_args(rowID: any, index?: number, row?: RowType, pinned?: boolean): IPinRowEventArgs;
@@ -699,7 +699,7 @@ export interface GridType extends IGridDataBindable {
     showRowSelectors: boolean;
     /** Indicates whether the grid's element is pinned to the start of the grid */
     isPinningToStart: boolean;
-    /** Idicates if the column of the grid is in drag mode */
+    /** Indicates if the column of the grid is in drag mode */
     columnInDrag: any;
     /** @hidden @internal */
     /** The width of pinned element */
@@ -729,60 +729,60 @@ export interface GridType extends IGridDataBindable {
     /**
      * Optional
      * The template for grid icons.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     iconTemplate?: TemplateRef<any>;
     /**
      * Optional
      * The template for group-by rows.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     groupRowTemplate?: TemplateRef<IgxGroupByRowTemplateContext>;
     /**
      * Optional
      * The template for the group row selector.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     groupByRowSelectorTemplate?: TemplateRef<IgxGroupByRowSelectorTemplateContext>;
     /**
      * Optional
      * The template for row loading indicators.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     rowLoadingIndicatorTemplate?: TemplateRef<any>;
     /**
      * The template for the header selector.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     headSelectorTemplate: TemplateRef<IgxHeadSelectorTemplateContext>;
     /**
      * The template for row selectors.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     rowSelectorTemplate: TemplateRef<IgxRowSelectorTemplateContext>;
     /**
      * The template for sort header icons.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     sortHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>;
     /**
      * The template for ascending sort header icons.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     sortAscendingHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>;
     /**
      * The template for descending sort header icons.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     sortDescendingHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>;
     /**
      * The template for header collapsed indicators.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     headerCollapsedIndicatorTemplate: TemplateRef<IgxGridTemplateContext>;
     /**
      * The template for header expanded indicators.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     headerExpandedIndicatorTemplate: TemplateRef<IgxGridTemplateContext>;
     /** The template for drag indicator icons. Could be of any type */
@@ -800,7 +800,7 @@ export interface GridType extends IGridDataBindable {
     calcHeight: number;
     calcWidth: number;
     outerWidth: number;
-    /** The height of each row in the grid. Setting a constant height can solve problems with not showing all alements when scrolling */
+    /** The height of each row in the grid. Setting a constant height can solve problems with not showing all elements when scrolling */
     rowHeight: number;
     multiRowLayoutRowSize: number;
     /** Minimal width for headers */
@@ -810,7 +810,7 @@ export interface GridType extends IGridDataBindable {
     /** The default font size, calculated for each element */
     _baseFontSize?: number;
     scrollSize: number;
-    /** The trigger for grid validation. It's value can eighter be `change` or `blur` */
+    /** The trigger for grid validation. It's value can either be `change` or `blur` */
     validationTrigger: GridValidationTrigger;
     /**
      * The configuration for columns and rows pinning in the grid
@@ -868,7 +868,7 @@ export interface GridType extends IGridDataBindable {
     totalRowsCountAfterFilter: number;
     _totalRecords: number;
     /**
-     * Represents the paging of the grid. It can be eighter 'Local' or 'Remote'
+     * Represents the paging of the grid. It can be either 'Local' or 'Remote'
      * - Local: Default value; The grid will paginate the data source based on the page
      */
     pagingMode: GridPagingMode;
@@ -879,7 +879,7 @@ export interface GridType extends IGridDataBindable {
     /** Represents the last search in the grid
      * It contains the search text (the user has entered), the match and some settings for the search
      */
-    lastSearchInfo: ISearchInfo;
+    readonly lastSearchInfo: ISearchInfo;
     /** @hidden @internal */
     page: number;
     /** @hidden @internal */
@@ -913,17 +913,17 @@ export interface GridType extends IGridDataBindable {
     document: Document;
     /**
     * The template for expanded row indicators.
-    * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+    * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
     */
     rowExpandedIndicatorTemplate: TemplateRef<IgxGridRowTemplateContext>;
     /**
      * The template for collapsed row indicators.
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     rowCollapsedIndicatorTemplate: TemplateRef<IgxGridRowTemplateContext>;
     /**
      * The template for header icon
-     * It is of type TemplateRef, which represents an embedded template, used to instanciate embedded views
+     * It is of type TemplateRef, which represents an embedded template, used to instantiate embedded views
      */
     excelStyleHeaderIconTemplate: TemplateRef<IgxGridHeaderTemplateContext>;
     selectRowOnClick: boolean;
@@ -1151,12 +1151,12 @@ export interface HierarchicalGridType extends GridType {
 export interface PivotGridType extends GridType {
     /**
      * The configuration settings for the pivot grid.
-     * it includes dimention strategy for rows and columns, filters and data keys
+     * it includes dimension strategy for rows and columns, filters and data keys
      */
     pivotConfiguration: IPivotConfiguration;
     /**
      * An array of all dimensions (rows and columns) in the pivot grid.
-     * it includes hierarchical level, filters and sorting, dimentional level, etc.
+     * it includes hierarchical level, filters and sorting, dimensional level, etc.
      */
     allDimensions: IPivotDimension[];
     /** Specifies whether to show the pivot configuration UI in the grid. */
@@ -1173,7 +1173,7 @@ export interface PivotGridType extends GridType {
     /** @hidden @internal */
     dimensionDataColumns: ColumnType[];
     pivotRowWidths: number;
-    /** Represents a method declaration for seting up the columns for the pivot grid based on the pivot configuration */
+    /** Represents a method declaration for setting up the columns for the pivot grid based on the pivot configuration */
     setupColumns(): void;
     /** Represents a method declaration that allows toggle of expansion state of a row (taken as a parameter) in the pivot grid */
     toggleRow(rowID: any): void;

package/lib/grids/common/strategy.d.ts

@@ -97,7 +97,7 @@ export declare class NoopSortingStrategy implements IGridSortingStrategy {
 }
 /**
  * Represents a class extending the IgxSorting class
- * Provids custom data record sorting.
+ * Provides custom data record sorting.
  */
 export declare class IgxDataRecordSorting extends IgxSorting {
     /**

package/lib/grids/common/types.d.ts

@@ -58,9 +58,9 @@ export interface ISelectionKeyboardState {
     node: null | ISelectionNode;
     /** Indicates whether the Shift key is currently pressed during the selection. */
     shift: boolean;
-    /** The range of the selected cells in the grid. Can be null when reseting the selection. */
+    /** The range of the selected cells in the grid. Can be null when resetting the selection. */
     range: GridSelectionRange;
-    /** Indicates whether the selection is currently active (being performed). `False` when reseting the selection.  */
+    /** Indicates whether the selection is currently active (being performed). `False` when resetting the selection.  */
     active: boolean;
 }
 /**

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

@@ -1762,7 +1762,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     /**
      * Represents the last search information.
      */
-    lastSearchInfo: ISearchInfo;
+    get lastSearchInfo(): ISearchInfo;
     /**
      * @hidden @internal
      */
@@ -1910,6 +1910,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     protected _filterStrategy: IFilteringStrategy;
     protected _autoGeneratedCols: any[];
     protected _dataView: any[];
+    protected _lastSearchInfo: ISearchInfo;
     /** @hidden @internal */
     get paginator(): IgxPaginatorComponent;
     /**

package/lib/slider/slider.component.d.ts

@@ -640,7 +640,7 @@ export declare class IgxSliderComponent implements ControlValueAccessor, EditorP
      */
     private normalizeByStep;
     private updateTrack;
-    private subscribeTo;
+    private subscribeToEvents;
     private unsubscriber;
     private hasValueChanged;
     private emitValueChange;

package/lib/slider/thumb/thumb-slider.component.d.ts

@@ -22,6 +22,7 @@ export declare class IgxSliderThumbComponent implements OnInit, OnDestroy {
     deactiveState: boolean;
     thumbValueChange: EventEmitter<number>;
     thumbChange: EventEmitter<any>;
+    thumbBlur: EventEmitter<void>;
     hoverChange: EventEmitter<boolean>;
     tabindex: number;
     zIndex: number;
@@ -73,7 +74,7 @@ export declare class IgxSliderThumbComponent implements OnInit, OnDestroy {
     private stepToProceed;
     private toggleThumbIndicators;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSliderThumbComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxSliderThumbComponent, "igx-thumb", never, { "value": { "alias": "value"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "thumbLabelVisibilityDuration": { "alias": "thumbLabelVisibilityDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "onPan": { "alias": "onPan"; "required": false; }; "stepDistance": { "alias": "stepDistance"; "required": false; }; "step": { "alias": "step"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "context": { "alias": "context"; "required": false; }; "type": { "alias": "type"; "required": false; }; "deactiveState": { "alias": "deactiveState"; "required": false; }; }, { "thumbValueChange": "thumbValueChange"; "thumbChange": "thumbChange"; "hoverChange": "hoverChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxSliderThumbComponent, "igx-thumb", never, { "value": { "alias": "value"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "thumbLabelVisibilityDuration": { "alias": "thumbLabelVisibilityDuration"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "onPan": { "alias": "onPan"; "required": false; }; "stepDistance": { "alias": "stepDistance"; "required": false; }; "step": { "alias": "step"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "context": { "alias": "context"; "required": false; }; "type": { "alias": "type"; "required": false; }; "deactiveState": { "alias": "deactiveState"; "required": false; }; }, { "thumbValueChange": "thumbValueChange"; "thumbChange": "thumbChange"; "thumbBlur": "thumbBlur"; "hoverChange": "hoverChange"; }, never, never, true, never>;
     static ngAcceptInputType_continuous: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_deactiveState: unknown;

package/migrations/migration-collection.json

@@ -186,6 +186,11 @@
             "version": "17.2.3",
             "description": "Updates Ignite UI for Angular from v17.2.2 to v17.2.3",
             "factory": "./update-17_2_3"
+        },
+        "migration-38": {
+            "version": "17.2.6",
+            "description": "Updates Ignite UI for Angular from v17.2.3 to v17.2.6",
+            "factory": "./update-17_2_6"
         }
     }
 }

package/migrations/update-17_2_6/changes/theme-changes.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../common/schema/theme-changes.schema.json",
+  "changes": [
+    {
+      "name": "$active-item-color",
+      "replaceWith": "$icon-selected-color",
+      "owner": "bottom-nav-theme",
+      "type": "property"
+    }
+  ]
+}

package/migrations/update-17_2_6/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from "@angular-devkit/schematics";
+declare const _default: () => Rule;
+export default _default;

package/migrations/update-17_2_6/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UpdateChanges_1 = require("../common/UpdateChanges");
+const version = "17.2.6";
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
+    context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
+    update.addValueTransform('vertical_to_orientation', (args) => {
+        args.bindingType = UpdateChanges_1.InputPropertyType.STRING;
+        switch (args.value) {
+            case 'true':
+                args.value = 'vertical';
+                break;
+            case 'false':
+                args.value = 'horizontal';
+                break;
+            default:
+                args.value += ` ? 'vertical' : 'horizontal' `;
+        }
+    });
+    update.applyChanges();
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.2.5",
+  "version": "17.2.7",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",