igniteui-angular 19.2.14 → 19.2.16

package/lib/combo/combo.common.d.ts

@@ -55,11 +55,6 @@ export declare const enum DataTypes {
 export interface IComboFilteringOptions {
     /** Defines filtering case-sensitivity */
     caseSensitive?: boolean;
-    /**
-     * Defines whether filtering is allowed
-     * @deprecated in version 18.2.0. Use the `disableFiltering` property instead.
-    */
-    filterable?: boolean;
     /** Defines optional key to filter against complex list items. Default to displayKey if provided.*/
     filteringKey?: string;
 }
@@ -86,6 +81,11 @@ export declare abstract class IgxComboBaseDirective implements IgxComboBase, Aft
      * ```
      */
     showSearchCaseIcon: boolean;
+    /**
+    * Enables/disables filtering in the list. The default is `false`.
+    */
+    get disableFiltering(): boolean;
+    set disableFiltering(value: boolean);
     /**
      * Set custom overlay settings that control how the combo's list of items is displayed.
      * Set:
@@ -689,6 +689,7 @@ export declare abstract class IgxComboBaseDirective implements IgxComboBase, Aft
     protected compareCollator: Intl.Collator;
     protected computedStyles: any;
     private _id;
+    private _disableFiltering;
     private _type;
     private _dataType;
     private _itemHeight;
@@ -779,6 +780,10 @@ export declare abstract class IgxComboBaseDirective implements IgxComboBase, Aft
     /** @hidden @internal */
     handleKeyDown(event: KeyboardEvent): void;
     /** @hidden @internal */
+    handleToggleKeyDown(eventArgs: KeyboardEvent): void;
+    /** @hidden @internal */
+    getAriaLabel(): string;
+    /** @hidden @internal */
     registerOnChange(fn: any): void;
     /** @hidden @internal */
     registerOnTouched(fn: any): void;
@@ -823,8 +828,9 @@ export declare abstract class IgxComboBaseDirective implements IgxComboBase, Aft
     protected abstract setSelection(newSelection: Set<any>, event?: Event): void;
     protected abstract createDisplayText(newSelection: any[], oldSelection: any[]): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxComboBaseDirective, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxComboBaseDirective, never, never, { "showSearchCaseIcon": { "alias": "showSearchCaseIcon"; "required": false; }; "overlaySettings": { "alias": "overlaySettings"; "required": false; }; "id": { "alias": "id"; "required": false; }; "width": { "alias": "width"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; "itemsMaxHeight": { "alias": "itemsMaxHeight"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemsWidth": { "alias": "itemsWidth"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "data": { "alias": "data"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "groupSortingDirection": { "alias": "groupSortingDirection"; "required": false; }; "filterFunction": { "alias": "filterFunction"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "filteringOptions": { "alias": "filteringOptions"; "required": false; }; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; "addition": "addition"; "searchInputUpdate": "searchInputUpdate"; "dataPreLoad": "dataPreLoad"; }, ["itemTemplate", "headerTemplate", "footerTemplate", "headerItemTemplate", "addItemTemplate", "emptyTemplate", "toggleIconTemplate", "clearIconTemplate", "label", "prefixes", "suffixes"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxComboBaseDirective, never, never, { "showSearchCaseIcon": { "alias": "showSearchCaseIcon"; "required": false; }; "disableFiltering": { "alias": "disableFiltering"; "required": false; }; "overlaySettings": { "alias": "overlaySettings"; "required": false; }; "id": { "alias": "id"; "required": false; }; "width": { "alias": "width"; "required": false; }; "allowCustomValues": { "alias": "allowCustomValues"; "required": false; }; "itemsMaxHeight": { "alias": "itemsMaxHeight"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "itemsWidth": { "alias": "itemsWidth"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "data": { "alias": "data"; "required": false; }; "valueKey": { "alias": "valueKey"; "required": false; }; "displayKey": { "alias": "displayKey"; "required": false; }; "groupKey": { "alias": "groupKey"; "required": false; }; "groupSortingDirection": { "alias": "groupSortingDirection"; "required": false; }; "filterFunction": { "alias": "filterFunction"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "filteringOptions": { "alias": "filteringOptions"; "required": false; }; }, { "opening": "opening"; "opened": "opened"; "closing": "closing"; "closed": "closed"; "addition": "addition"; "searchInputUpdate": "searchInputUpdate"; "dataPreLoad": "dataPreLoad"; }, ["itemTemplate", "headerTemplate", "footerTemplate", "headerItemTemplate", "addItemTemplate", "emptyTemplate", "toggleIconTemplate", "clearIconTemplate", "label", "prefixes", "suffixes"], never, true, never>;
     static ngAcceptInputType_showSearchCaseIcon: unknown;
+    static ngAcceptInputType_disableFiltering: unknown;
     static ngAcceptInputType_allowCustomValues: unknown;
     static ngAcceptInputType_disabled: unknown;
 }

package/lib/combo/combo.component.d.ts

@@ -63,11 +63,6 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
      * When `false`, the combo's list item container will be focused instead
      */
     autoFocusSearch: boolean;
-    /**
-     * Enables/disables filtering in the list. The default is `false`.
-     */
-    get disableFiltering(): boolean;
-    set disableFiltering(value: boolean);
     /**
      * Defines the placeholder value for the combo dropdown search field
      *
@@ -100,7 +95,6 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
     set filteredData(val: any[] | null);
     protected _prevInputValue: string;
     private _displayText;
-    private _disableFiltering;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, selectionService: IgxSelectionAPIService, comboAPI: IgxComboAPIService, document: any, _inputGroupType: IgxInputGroupType, _injector: Injector, _iconService?: IgxIconService);
     onArrowDown(event: Event): void;
     /** @hidden @internal */
@@ -127,10 +121,18 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
      * @hidden @internal
      */
     get context(): any;
+    /**
+     * @hidden @internal
+     */
+    clearInput(event: Event): void;
     /**
      * @hidden @internal
      */
     handleClearItems(event: Event): void;
+    /**
+     * @hidden @internal
+     */
+    handleClearKeyDown(eventArgs: KeyboardEvent): void;
     /**
      * Select defined items
      *
@@ -198,7 +200,6 @@ export declare class IgxComboComponent extends IgxComboBaseDirective implements
     /** Returns a string that should be populated in the combo's text box */
     private concatDisplayText;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxComboComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxComboComponent, "igx-combo", never, { "autoFocusSearch": { "alias": "autoFocusSearch"; "required": false; }; "disableFiltering": { "alias": "disableFiltering"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; }, { "selectionChanging": "selectionChanging"; }, never, ["[igxLabel]", "igx-prefix,[igxPrefix]", "igx-hint, [igxHint]", "igx-suffix,[igxSuffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxComboComponent, "igx-combo", never, { "autoFocusSearch": { "alias": "autoFocusSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; }, { "selectionChanging": "selectionChanging"; }, never, ["[igxLabel]", "igx-prefix,[igxPrefix]", "igx-hint, [igxHint]", "igx-suffix,[igxSuffix]"], true, never>;
     static ngAcceptInputType_autoFocusSearch: unknown;
-    static ngAcceptInputType_disableFiltering: unknown;
 }

package/lib/core/i18n/combo-resources.d.ts

@@ -3,5 +3,7 @@ export interface IComboResourceStrings {
     igx_combo_filter_search_placeholder?: string;
     igx_combo_addCustomValues_placeholder?: string;
     igx_combo_clearItems_placeholder?: string;
+    igx_combo_aria_label_options?: string;
+    igx_combo_aria_label_no_options?: string;
 }
 export declare const ComboResourceStringsEN: IComboResourceStrings;

package/lib/core/styles/components/combo/_combo-theme.scss

@@ -276,11 +276,19 @@
         %igx-combo__toggle-button {
             color: var-get($theme, 'toggle-button-foreground-focus');
             background: var-get($theme, 'toggle-button-background-focus');
+
+            &:focus {
+                color: color($color: 'secondary');
+            }
         }
 
         %igx-combo__clear-button {
             color: var-get($theme, 'clear-button-foreground-focus');
             background: var-get($theme, 'clear-button-background-focus');
+
+            &:focus {
+                color: color($color: 'secondary');
+            }
         }
     }
 

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

@@ -396,19 +396,15 @@
 
     @if $variant == 'material' {
         %form-group-display--border {
+            --label-position: calc((#{var-get($theme, 'size')} / 2) - #{rem(1px)});
+
+
             &:has(input:-webkit-autofill, input:autofill) {
                 %igx-input-group__notch--border {
                     border-block-start-color: transparent;
                 }
 
-                %form-group-label {
-                    --label-position: #{sizable(18px, 22px, 26px)};
-
-                    transform: translateY(calc(var(--label-position) * -1));
-                    margin-top: 0;
-                    overflow: hidden;
-                    will-change: font-size, color, transform;
-                }
+                @extend %form-group-label--float-border;
             }
         }
     }
@@ -1005,11 +1001,9 @@
 
     @if $variant == 'material' {
         %form-group-label--float {
-            --floating-label-position: -73%;
-
             @include type-style('caption');
 
-            transform: translateY(var(--floating-label-position));
+            translate: 0 -73%;
         }
     }
 
@@ -1090,12 +1084,19 @@
     }
 
     %form-group-label--float-border {
-        --label-position: #{sizable(18px, 22px, 26px)};
-
-        transform: translateY(calc(var(--label-position) * -1));
+        translate: 0 calc(var(--label-position) * -1);
         margin-top: 0;
         overflow: hidden;
-        will-change: font-size, color, transform;
+        will-change: font-size, color, transform, translate;
+    }
+
+    %textarea-group {
+        // 3 lines * 22px + 8px bottom padding + 8px top padding
+        --textarea-size: #{sizable(
+            rem(82px, map.get($base-scale-size, 'compact')),
+            rem(82px, map.get($base-scale-size, 'cosy')),
+            rem(82px, map.get($base-scale-size, 'comfortable'))
+        )};
     }
 
     @if $variant == 'material' {
@@ -1139,12 +1140,6 @@
     }
 
     %form-group-textarea-group-bundle {
-        // 3 lines * 22px + 8px bottom padding + 8px top padding
-        --textarea-size: #{sizable(
-            rem(82px, map.get($base-scale-size, 'compact')),
-            rem(82px, map.get($base-scale-size, 'cosy')),
-            rem(82px, map.get($base-scale-size, 'comfortable'))
-        )};
         min-height: var(--textarea-size) !important;
         height: auto !important;
 
@@ -1156,12 +1151,12 @@
     @if $material-theme {
         %form-group-textarea-label {
             top: calc($input-top-padding - #{rem(1px)});
-            margin-block-end: auto;
         }
 
         %textarea-group--outlined {
             %form-group-textarea-label {
                 top: calc($input-top-padding - #{rem(3px)});
+                margin-block-end: auto;
             }
         }
 
@@ -1171,16 +1166,10 @@
             }
         }
 
-        %textarea-group-label--focused {
-            transform: translateY(0);
-            top: calc(#{$input-top-padding} / 4);
-        }
-
         %textarea-group-label--filled--border,
         %textarea-group-label--focused--border {
             top: 0;
-            transform: translateY(-50%);
-            margin-block-end: auto !important;
+            translate: 0 -50%;
         }
 
         %textarea-group-notch--focused {
@@ -1361,12 +1350,6 @@
     }
 
     %form-group-textarea {
-        --textarea-size: #{sizable(
-            rem(82px, map.get($base-scale-size, 'compact')),
-            rem(82px, map.get($base-scale-size, 'cosy')),
-            rem(82px, map.get($base-scale-size, 'comfortable'))
-        )};
-
         min-height: var(--textarea-size);
         height: auto;
         resize: vertical;
@@ -1374,7 +1357,7 @@
 
         @if $material-theme {
             padding: 0;
-            inset-block-start: rem(-3px);
+            margin-block-start: rem(20px) !important;
         }
 
         // resets typography styles
@@ -1390,14 +1373,10 @@
     %form-group-textarea-group-bundle-main {
         overflow: hidden;
 
-        @if $material-theme or $indigo-theme {
+        @if $indigo-theme {
             height: calc(100% - #{rem(2px)});
             top: rem(1px);
         }
-
-        @if $material-theme {
-            padding-block-start: $input-top-padding;
-        }
     }
 
     %form-group-textarea--disabled {

package/lib/directives/date-time-editor/date-time-editor.directive.d.ts

@@ -156,7 +156,9 @@ export declare class IgxDateTimeEditorDirective extends IgxMaskDirective impleme
      * ```
      */
     validationFailed: EventEmitter<IgxDateTimeEditorEventArgs>;
+    private readonly SCROLL_THRESHOLD;
     private _inputFormat;
+    private _scrollAccumulator;
     private _displayFormat;
     private _oldValue;
     private _dateValue;

package/lib/directives/radio/radio-group.directive.d.ts

@@ -302,13 +302,25 @@ export declare class IgxRadioGroupDirective implements ControlValueAccessor, OnD
      * @internal
      */
     private _setRadioButtonsRequired;
+    /**
+     * Registers a radio button with this radio group.
+     * This method is called by radio button components when they are created.
+     * @hidden @internal
+     */
+    _addRadioButton(radioButton: IgxRadioComponent): void;
+    /**
+     * Unregisters a radio button from this radio group.
+     * This method is called by radio button components when they are destroyed.
+     * @hidden @internal
+     */
+    _removeRadioButton(radioButton: IgxRadioComponent): void;
     /**
      * @hidden
      * @internal
      */
     private _setRadioButtonsInvalid;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxRadioGroupDirective, [{ optional: true; self: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxRadioGroupDirective, "igx-radio-group, [igxRadioGroup]", ["igxRadioGroup"], { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "change": "change"; }, ["_radioButtons"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IgxRadioGroupDirective, "igx-radio-group, [igxRadioGroup]", ["igxRadioGroup"], { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_invalid: unknown;
 }

package/lib/grids/filtering/excel-style/excel-style-default-expression.component.d.ts

@@ -50,7 +50,7 @@ export declare class IgxExcelStyleDefaultExpressionComponent implements AfterVie
     onConditionsChanged(eventArgs: any): void;
     getCondition(value: string): IFilteringOperation;
     getConditionFriendlyName(name: string): string;
-    onValuesInput(eventArgs: any): void;
+    updateSearchValueOnBlur(eventArgs: any): void;
     onLogicOperatorButtonClicked(eventArgs: any, buttonIndex: number): void;
     onLogicOperatorKeyDown(eventArgs: KeyboardEvent, buttonIndex: number): void;
     onRemoveButtonClick(): void;

package/lib/radio/radio.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, EventEmitter } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { EditorProvider } from '../core/edit-provider';
 import { CheckboxBaseDirective } from '../checkbox/checkbox-base.directive';
@@ -16,9 +16,10 @@ import * as i0 from "@angular/core";
  * </igx-radio>
  * ```
  */
-export declare class IgxRadioComponent extends CheckboxBaseDirective implements AfterViewInit, ControlValueAccessor, EditorProvider {
+export declare class IgxRadioComponent extends CheckboxBaseDirective implements AfterViewInit, OnDestroy, ControlValueAccessor, EditorProvider {
     /** @hidden @internal */
     blurRadio: EventEmitter<any>;
+    private radioGroup;
     /**
      * Returns the class of the radio component.
      * ```typescript
@@ -120,6 +121,16 @@ export declare class IgxRadioComponent extends CheckboxBaseDirective implements
      * @hidden
      */
     onBlur(): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    /**
+     * @hidden
+     * @internal
+     */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxRadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxRadioComponent, "igx-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_checked: unknown;

package/lib/simple-combo/simple-combo.component.d.ts

@@ -124,8 +124,12 @@ export declare class IgxSimpleComboComponent extends IgxComboBaseDirective imple
     /** @hidden @internal */
     getEditElement(): HTMLElement;
     /** @hidden @internal */
+    clearInput(event: Event): void;
+    /** @hidden @internal */
     handleClear(event: Event): void;
     /** @hidden @internal */
+    handleClearKeyDown(event: KeyboardEvent): void;
+    /** @hidden @internal */
     handleOpened(): void;
     /** @hidden @internal */
     handleClosing(e: IBaseCancelableBrowserEventArgs): void;

package/lib/time-picker/time-picker.directives.d.ts

@@ -16,6 +16,12 @@ export declare class IgxItemListDirective implements OnInit, OnDestroy {
     tabindex: number;
     type: string;
     isActive: boolean;
+    private readonly SCROLL_THRESHOLD;
+    private readonly PAN_THRESHOLD;
+    /**
+     * accumulates wheel scrolls and triggers a change action above SCROLL_THRESHOLD
+     */
+    private scrollAccumulator;
     constructor(timePicker: IgxTimePickerBase, elementRef: ElementRef, touchManager: HammerGesturesManager);
     get defaultCSS(): boolean;
     get hourCSS(): boolean;

package/migrations/migration-collection.json

@@ -226,6 +226,11 @@
             "version": "19.2.0",
             "description": "Updates Ignite UI for Angular from v19.1.0 to v19.2.0",
             "factory": "./update-19_2_0"
+        },
+         "migration-46": {
+            "version": "19.2.15",
+            "description": "Updates Ignite UI for Angular from v19.2.0 to v19.2.15",
+            "factory": "./update-19_2_15"
         }
     }
 }

package/migrations/update-19_2_15/index.d.ts

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

package/migrations/update-19_2_15/index.js

@@ -0,0 +1,106 @@
+"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 compiler_1 = require("@angular/compiler");
+const UpdateChanges_1 = require("../common/UpdateChanges");
+const util_1 = require("../common/util");
+const import_helper_js_1 = require("igniteui-angular/migrations/common/import-helper.js");
+const version = '19.2.15';
+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 { HtmlParser } = yield (0, import_helper_js_1.nativeImport)('@angular/compiler');
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
+    const changes = new Map();
+    const parser = new HtmlParser();
+    const warnMsg = "Manual migration needed: please use 'disableFiltering' instead of filteringOptions.filterable." +
+        "Since it has been deprecated.'";
+    const applyChanges = () => {
+        for (const [path, fileChanges] of changes.entries()) {
+            let content = host.read(path).toString();
+            fileChanges.sort((a, b) => b.position - a.position).forEach(c => {
+                content = c.apply(content);
+            });
+            host.overwrite(path, content);
+        }
+    };
+    const addChange = (path, change) => {
+        if (!changes.has(path)) {
+            changes.set(path, []);
+        }
+        changes.get(path).push(change);
+    };
+    const COMBO_TAGS = ['igx-simple-combo', 'igx-combo'];
+    for (const path of update.templateFiles) {
+        const nodes = (0, util_1.findElementNodes)((0, util_1.parseFile)(parser, host, path), COMBO_TAGS);
+        for (const node of nodes) {
+            if (!(node instanceof compiler_1.Element))
+                continue;
+            const hasDisableFiltering = node.attrs.some(a => a.name.includes('disableFiltering'));
+            const attr = node.attrs.find(a => a.name === '[filteringOptions]');
+            if (!attr)
+                continue;
+            const attrVal = attr.value.trim();
+            const offset = (0, util_1.getSourceOffset)(node);
+            const file = offset.file;
+            let replacementText = '';
+            if (attrVal.startsWith('{')) {
+                // inline object literal
+                const normalized = attrVal
+                    .replace(/'/g, '"')
+                    .replace(/([{,]\s*)(\w+)\s*:/g, '$1"$2":');
+                const parsed = JSON.parse(normalized);
+                const filterable = parsed.filterable;
+                if (filterable === false && !hasDisableFiltering) {
+                    replacementText += `[disableFiltering]="true"`;
+                }
+                const remaining = Object.assign({}, parsed);
+                delete remaining.filterable;
+                const remainingProps = Object.entries(remaining)
+                    .map(([k, v]) => `${k}: ${JSON.stringify(v)}`)
+                    .join(', ');
+                if (remainingProps.length > 0) {
+                    replacementText += ` [filteringOptions]="{ ${remainingProps} }"`;
+                }
+                // Replace whole [filteringOptions] attribute
+                const match = node.sourceSpan.toString().match(/\[filteringOptions\]="([^"]+)"/);
+                if (match) {
+                    const attrText = match[0];
+                    const attrPos = file.content.indexOf(attrText, offset.startTag.start);
+                    addChange(file.url, new util_1.FileChange(attrPos, replacementText, attrText, 'replace'));
+                }
+            }
+            else {
+                // log for manual TS edit
+                const comment = `\n<!-- ${warnMsg} -->\n`;
+                addChange(file.url, new util_1.FileChange(offset.startTag.end, comment));
+            }
+        }
+    }
+    applyChanges();
+    for (const path of update.tsFiles) {
+        const content = host.read(path).toString();
+        const lines = content.split('\n');
+        const newLines = [];
+        let modified = false;
+        for (const line of lines) {
+            if (/\.filteringOptions\.filterable\s*=/.test(line) ||
+                /\.filteringOptions\s*=/.test(line)) {
+                newLines.push('// ' + warnMsg);
+                modified = true;
+            }
+            newLines.push(line);
+        }
+        if (modified) {
+            host.overwrite(path, newLines.join('\n'));
+        }
+    }
+    update.applyChanges();
+});

package/package.json

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