igniteui-angular 20.0.5 → 20.0.7

package/index.d.ts

@@ -11063,9 +11063,10 @@ declare class CheckboxBaseDirective implements AfterViewInit {
  * </igx-radio>
  * ```
  */
-declare class IgxRadioComponent extends CheckboxBaseDirective implements AfterViewInit, ControlValueAccessor, EditorProvider {
+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
@@ -11167,6 +11168,16 @@ declare class IgxRadioComponent extends CheckboxBaseDirective implements AfterVi
      * @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;
@@ -11664,13 +11675,25 @@ declare class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
      * @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;
 }
@@ -12372,7 +12395,9 @@ declare class IgxDateTimeEditorDirective extends IgxMaskDirective implements OnC
      * ```
      */
     validationFailed: EventEmitter<IgxDateTimeEditorEventArgs>;
+    private readonly SCROLL_THRESHOLD;
     private _inputFormat;
+    private _scrollAccumulator;
     private _displayFormat;
     private _oldValue;
     private _dateValue;
@@ -19086,11 +19111,6 @@ interface IgxComboBase {
 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;
 }
@@ -19117,6 +19137,11 @@ declare abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewC
      * ```
      */
     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:
@@ -19720,6 +19745,7 @@ declare abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewC
     protected compareCollator: Intl.Collator;
     protected computedStyles: any;
     private _id;
+    private _disableFiltering;
     private _type;
     private _dataType;
     private _itemHeight;
@@ -19854,8 +19880,9 @@ declare abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewC
     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;
 }
@@ -20093,11 +20120,6 @@ declare class IgxComboComponent extends IgxComboBaseDirective implements AfterVi
      * 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
      *
@@ -20130,7 +20152,6 @@ declare class IgxComboComponent extends IgxComboBaseDirective implements AfterVi
     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 */
@@ -20228,9 +20249,8 @@ declare class IgxComboComponent extends IgxComboBaseDirective implements AfterVi
     /** 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;
 }
 
 /**
@@ -25948,7 +25968,7 @@ declare class IgxExcelStyleDefaultExpressionComponent implements AfterViewInit {
     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;
@@ -40964,6 +40984,12 @@ 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/lib/core/styles/components/calendar/_calendar-theme.scss

@@ -157,6 +157,8 @@
 /// @param {List} $border-radius [null] - The border radius used for the calendar.
 /// @param {List} $date-border-radius [null] - The border radius used for the date.
 /// @param {List} $date-range-border-radius [null] - The border radius used for the date range selection.
+/// @param {List} $date-current-border-radius [null] - The border radius used for the current date .
+/// @param {List} $date-special-border-radius [null] - The border radius used for the special date.
 /// @param {List} $ym-border-radius [null] - The border radius used for the month/year.
 ///
 /// @param {Color} $actions-divider-color [null] - The border color used for the date-picker actions divider.
@@ -310,6 +312,8 @@
     $date-border-radius: null,
     $week-number-border-radius: null,
     $date-range-border-radius: null,
+    $date-current-border-radius: null,
+    $date-special-border-radius: null,
     $ym-border-radius: null,
 
     $actions-divider-color: null,
@@ -330,6 +334,22 @@
     $theme: digest-schema($calendar-schema);
     $variant: map.get($schema, '_meta', 'theme');
 
+    @if not($date-range-border-radius) and $date-border-radius {
+        $date-range-border-radius: $date-border-radius;
+    }
+
+    @if not($date-border-radius) and $date-range-border-radius {
+        $date-border-radius: $date-range-border-radius;
+    }
+
+    @if not($date-current-border-radius) and $date-border-radius {
+        $date-current-border-radius: $date-border-radius;
+    }
+
+    @if not($date-special-border-radius) and $date-border-radius {
+        $date-special-border-radius: $date-border-radius;
+    }
+
     //base start
     @if not($header-foreground) and $header-background {
         $header-foreground: adaptive-contrast(var(--header-background));
@@ -1031,6 +1051,8 @@
         border-radius: $border-radius,
         date-border-radius: $date-border-radius,
         date-range-border-radius: $date-range-border-radius,
+        date-current-border-radius: $date-current-border-radius,
+        date-special-border-radius: $date-special-border-radius,
         ym-border-radius: $ym-border-radius,
         week-number-border-radius: $week-number-border-radius,
         date-border-color: $date-border-color,
@@ -1827,13 +1849,12 @@
             position: absolute;
             z-index: 0;
             border: $border-size solid transparent;
+            border-radius: calc(var-get($theme, 'date-special-border-radius') - $border-size);
 
             @if $variant == 'fluent' {
-                border-radius: 50%;
                 width: $date-inner-size;
                 height: $date-inner-size;
             } @else {
-                border-radius: inherit;
                 // By default initial size of the inner element is the same as the date size
                 width: $date-size;
                 height: $date-size;
@@ -1964,6 +1985,7 @@
                 background: var-get($theme, 'date-special-range-hover-background');
 
                 @if $variant == 'indigo' {
+                    // stylelint-disable-next-line
                     &::after {
                         border-color: var-get($theme, 'date-special-hover-border-color');
                     }
@@ -2041,9 +2063,13 @@
                     z-index: -1;
                     width: $date-inner-size;
                     height: $date-inner-size;
-                    border-radius: 50%;
+                    border-radius: calc(var-get($theme, 'date-current-border-radius') - ($border-size * 2));
                     background: var-get($theme, 'date-current-background');
                 }
+
+                &::after {
+                    border-radius: calc(var-get($theme, 'date-current-border-radius') - $border-size);
+                }
             }
 
             @if $variant == 'indigo' {
@@ -2089,8 +2115,8 @@
             &::after {
                 border-color: var-get($theme, 'date-special-border-color');
 
-                @if $variant == 'bootstrap' {
-                    border-radius: $date-size;
+                @if $variant == 'bootstrap' or $variant == 'fluent'  {
+                    border-radius: calc(var-get($theme, 'date-special-border-radius') - ($border-size * 2));
                 }
             }
 
@@ -2232,6 +2258,7 @@
                 }
 
                 &:hover {
+                    // stylelint-disable-next-line
                     &::after {
                         border-color: var-get($theme, 'date-selected-special-hover-border-color');
                     }
@@ -2343,6 +2370,7 @@
                 }
 
                 &:hover {
+                    // stylelint-disable-next-line
                     &::after {
                         border-color: var-get($theme, 'date-current-hover-border-color');
                     }

package/migrations/migration-collection.json

@@ -236,6 +236,11 @@
             "version": "20.0.2",
             "description": "Updates Ignite UI for Angular from v20.0.0 to v20.0.2",
             "factory": "./update-20_0_2"
+        },
+        "migration-48": {
+            "version": "20.0.6",
+            "description": "Updates Ignite UI for Angular from v20.0.2 to v20.0.6",
+            "factory": "./update-20_0_6"
         }
     }
 }

package/migrations/update-20_0_6/index.d.ts

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

package/migrations/update-20_0_6/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 = '20.0.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 { 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": "20.0.5",
+  "version": "20.0.7",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -73,7 +73,7 @@
     "tslib": "^2.3.0",
     "igniteui-trial-watermark": "^3.1.0",
     "lodash-es": "^4.17.21",
-    "igniteui-theming": "^18.0.1",
+    "igniteui-theming": "^19.1.2",
     "@igniteui/material-icons-extended": "^3.1.0"
   },
   "peerDependencies": {