igniteui-angular 17.0.0-alpha.2 → 17.0.0-beta.0

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

@@ -13,8 +13,12 @@ import * as i0 from "@angular/core";
 /** Emitted when an igx-simple-combo's selection is changing.  */
 export interface ISimpleComboSelectionChangingEventArgs extends CancelableEventArgs, IBaseEventArgs {
     /** An object which represents the value that is currently selected */
-    oldSelection: any;
+    oldValue: any;
     /** An object which represents the value that will be selected after this event */
+    newValue: any;
+    /** An object which represents the item that is currently selected */
+    oldSelection: any;
+    /** An object which represents the item that will be selected after this event */
     newSelection: any;
     /** The text that will be displayed in the combo text box */
     displayText: string;
@@ -53,6 +57,16 @@ export declare class IgxSimpleComboComponent extends IgxComboBaseDirective imple
      */
     selectionChanging: EventEmitter<ISimpleComboSelectionChangingEventArgs>;
     private textSelection;
+    get value(): any;
+    /**
+     * Get current selection state
+     *
+     * @returns The selected item, if any
+     * ```typescript
+     * let mySelection = this.combo.selection;
+     * ```
+     */
+    get selection(): any;
     /** @hidden @internal */
     composing: boolean;
     private _updateInput;
@@ -66,6 +80,7 @@ export declare class IgxSimpleComboComponent extends IgxComboBaseDirective imple
     get searchValue(): string;
     set searchValue(val: string);
     private get selectedItem();
+    protected get hasSelectedItem(): boolean;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, selectionService: IgxSelectionAPIService, comboAPI: IgxComboAPIService, _iconService: IgxIconService, platformUtil: PlatformUtil, _displayDensityOptions: IDisplayDensityOptions, _inputGroupType: IgxInputGroupType, _injector: Injector);
     /** @hidden @internal */
     onArrowDown(event: Event): void;

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

@@ -31,4 +31,6 @@ export declare class IgxThumbLabelComponent {
     set active(val: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxThumbLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxThumbLabelComponent, "igx-thumb-label", never, { "value": { "alias": "value"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "context": { "alias": "context"; "required": false; }; "type": { "alias": "type"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "deactiveState": { "alias": "deactiveState"; "required": false; }; "thumb": { "alias": "thumb"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_continuous: unknown;
+    static ngAcceptInputType_deactiveState: unknown;
 }

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

@@ -653,4 +653,9 @@ export declare class IgxSliderComponent implements ControlValueAccessor, EditorP
     private emitValueChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSliderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxSliderComponent, "igx-slider", never, { "id": { "alias": "id"; "required": false; }; "thumbLabelVisibilityDuration": { "alias": "thumbLabelVisibilityDuration"; "required": false; }; "type": { "alias": "type"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "step": { "alias": "step"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "continuous": { "alias": "continuous"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "lowerBound": { "alias": "lowerBound"; "required": false; }; "upperBound": { "alias": "upperBound"; "required": false; }; "value": { "alias": "value"; "required": false; }; "primaryTicks": { "alias": "primaryTicks"; "required": false; }; "secondaryTicks": { "alias": "secondaryTicks"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "primaryTickLabels": { "alias": "primaryTickLabels"; "required": false; }; "secondaryTickLabels": { "alias": "secondaryTickLabels"; "required": false; }; "ticksOrientation": { "alias": "ticksOrientation"; "required": false; }; "tickLabelsOrientation": { "alias": "tickLabelsOrientation"; "required": false; }; "lowerValue": { "alias": "lowerValue"; "required": false; }; "upperValue": { "alias": "upperValue"; "required": false; }; }, { "valueChange": "valueChange"; "lowerValueChange": "lowerValueChange"; "upperValueChange": "upperValueChange"; "dragFinished": "dragFinished"; }, ["thumbFromTemplateRef", "thumbToTemplateRef", "tickLabelTemplateRef"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_continuous: unknown;
+    static ngAcceptInputType_showTicks: unknown;
+    static ngAcceptInputType_primaryTickLabels: unknown;
+    static ngAcceptInputType_secondaryTickLabels: unknown;
 }

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

@@ -11,7 +11,7 @@ export declare class IgxSliderThumbComponent implements OnInit, OnDestroy {
     private _dir;
     value: any;
     continuous: boolean;
-    thumbLabelVisibilityDuration: any;
+    thumbLabelVisibilityDuration: number;
     disabled: boolean;
     onPan: Subject<number>;
     stepDistance: number;
@@ -74,4 +74,7 @@ export declare class IgxSliderThumbComponent implements OnInit, OnDestroy {
     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 ngAcceptInputType_continuous: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_deactiveState: unknown;
 }

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

@@ -67,4 +67,7 @@ export declare class IgxTicksComponent {
     tickLabel(idx: number): string | number | boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTicksComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxTicksComponent, "igx-ticks", never, { "primaryTicks": { "alias": "primaryTicks"; "required": false; }; "secondaryTicks": { "alias": "secondaryTicks"; "required": false; }; "primaryTickLabels": { "alias": "primaryTickLabels"; "required": false; }; "secondaryTickLabels": { "alias": "secondaryTickLabels"; "required": false; }; "ticksOrientation": { "alias": "ticksOrientation"; "required": false; }; "tickLabelsOrientation": { "alias": "tickLabelsOrientation"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "labelsViewEnabled": { "alias": "labelsViewEnabled"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "tickLabelTemplateRef": { "alias": "tickLabelTemplateRef"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_primaryTickLabels: unknown;
+    static ngAcceptInputType_secondaryTickLabels: unknown;
+    static ngAcceptInputType_labelsViewEnabled: unknown;
 }

package/lib/splitter/splitter-pane/splitter-pane.component.d.ts

@@ -154,4 +154,6 @@ export declare class IgxSplitterPaneComponent {
     private _getSiblings;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSplitterPaneComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxSplitterPaneComponent, "igx-splitter-pane", never, { "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_resizable: unknown;
+    static ngAcceptInputType_collapsed: unknown;
 }

package/lib/stepper/step/step.component.d.ts

@@ -227,4 +227,9 @@ export declare class IgxStepComponent extends ToggleAnimationPlayer implements I
     private changeVerticalActiveStep;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxStepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxStepComponent, "igx-step", never, { "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "completed": { "alias": "completed"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "optional": { "alias": "optional"; "required": false; }; "active": { "alias": "active"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "activeChange": "activeChange"; }, ["indicator", "content"], ["[igxStepTitle]", "[igxStepSubtitle]", "[igxStepContent]", "[igxStepIndicator]"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_completed: unknown;
+    static ngAcceptInputType_isValid: unknown;
+    static ngAcceptInputType_optional: unknown;
+    static ngAcceptInputType_active: unknown;
 }

package/lib/stepper/stepper.component.d.ts

@@ -248,4 +248,6 @@ export declare class IgxStepperComponent extends IgxCarouselComponentBase implem
     private moveToNextStep;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxStepperComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxStepperComponent, "igx-stepper", never, { "verticalAnimationType": { "alias": "verticalAnimationType"; "required": false; }; "horizontalAnimationType": { "alias": "horizontalAnimationType"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "linear": { "alias": "linear"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "stepType": { "alias": "stepType"; "required": false; }; "contentTop": { "alias": "contentTop"; "required": false; }; "titlePosition": { "alias": "titlePosition"; "required": false; }; }, { "activeStepChanging": "activeStepChanging"; "activeStepChanged": "activeStepChanged"; }, ["invalidIndicatorTemplate", "completedIndicatorTemplate", "activeIndicatorTemplate", "_steps"], ["igx-step"], true, never>;
+    static ngAcceptInputType_linear: unknown;
+    static ngAcceptInputType_contentTop: unknown;
 }

package/lib/switch/switch.component.d.ts

@@ -55,8 +55,7 @@ export declare class IgxSwitchComponent extends IgxCheckboxComponent implements
      * <igx-switch disabled><igx-switch>
      * ```
      */
-    get disabled(): boolean;
-    set disabled(value: boolean);
+    disabled: boolean;
     /**
      * Sets/gets whether the switch component is invalid.
      * Default value is `false`.
@@ -69,8 +68,7 @@ export declare class IgxSwitchComponent extends IgxCheckboxComponent implements
      * let isInvalid = this.switch.invalid;
      * ```
      */
-    get invalid(): boolean;
-    set invalid(value: boolean);
+    invalid: boolean;
     /**
      * Sets/gets whether the switch component is on focus.
      * Default value is `false`.
@@ -83,4 +81,6 @@ export declare class IgxSwitchComponent extends IgxCheckboxComponent implements
     focused: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxSwitchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxSwitchComponent, "igx-switch", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_invalid: unknown;
 }

package/lib/tabs/bottom-nav/bottom-nav.component.d.ts

@@ -33,7 +33,7 @@ import * as i0 from "@angular/core";
  */
 export declare class IgxBottomNavComponent extends IgxTabsDirective {
     /** @hidden */
-    protected _disableAnimation: boolean;
+    disableAnimation: boolean;
     /** @hidden */
     protected componentName: string;
     /** @hidden */

package/lib/tabs/tab-item.directive.d.ts

@@ -34,4 +34,6 @@ export declare abstract class IgxTabItemDirective implements IgxTabItemBase, Igx
     constructor(tabs: IgxTabsBase);
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTabItemDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IgxTabItemDirective, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["headerComponent", "panelComponent"], never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_selected: unknown;
 }

package/lib/tabs/tabs.directive.d.ts

@@ -29,8 +29,7 @@ export declare abstract class IgxTabsDirective extends IgxCarouselComponentBase
     /**
      * Enables/disables the transition animation of the contents.
      */
-    get disableAnimation(): boolean;
-    set disableAnimation(value: boolean);
+    disableAnimation: boolean;
     /**
      * Output to enable support for two-way binding on [(selectedIndex)]
      */
@@ -54,8 +53,6 @@ export declare abstract class IgxTabsDirective extends IgxCarouselComponentBase
     /** @hidden */
     panels: QueryList<IgxTabContentBase>;
     /** @hidden */
-    protected _disableAnimation: boolean;
-    /** @hidden */
     protected currentItem: IgxTabItemDirective;
     /** @hidden */
     protected previousItem: IgxTabItemDirective;
@@ -89,4 +86,5 @@ export declare abstract class IgxTabsDirective extends IgxCarouselComponentBase
     protected abstract getNextTabId(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTabsDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IgxTabsDirective, never, never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableAnimation": { "alias": "disableAnimation"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "selectedIndexChanging": "selectedIndexChanging"; "selectedItemChange": "selectedItemChange"; }, ["items", "panels"], never, false, never>;
+    static ngAcceptInputType_disableAnimation: unknown;
 }

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

@@ -423,4 +423,6 @@ export declare class IgxTimePickerComponent extends PickerBaseDirective implemen
     private subscribeToToggleDirectiveEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTimePickerComponent, [null, null, { optional: true; }, { optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxTimePickerComponent, "igx-time-picker", never, { "id": { "alias": "id"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "inputFormat": { "alias": "inputFormat"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "spinLoop": { "alias": "spinLoop"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "headerOrientation": { "alias": "headerOrientation"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "okButtonLabel": { "alias": "okButtonLabel"; "required": false; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; }; "itemsDelta": { "alias": "itemsDelta"; "required": false; }; }, { "selected": "selected"; "valueChange": "valueChange"; "validationFailed": "validationFailed"; }, ["label", "timePickerActionsDirective", "clearComponents"], ["[igxLabel]", "igx-prefix,[igxPrefix]", "igx-suffix,[igxSuffix]", "igx-hint,[igxHint]"], true, never>;
+    static ngAcceptInputType_spinLoop: unknown;
+    static ngAcceptInputType_readOnly: unknown;
 }

package/lib/tree/tree-node/tree-node.component.d.ts

@@ -375,4 +375,9 @@ export declare class IgxTreeNodeComponent<T> extends ToggleAnimationPlayer imple
     removeLinkChild(link: IgxTreeNodeLinkDirective): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTreeNodeComponent<any>, [null, null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxTreeNodeComponent<any>, "igx-tree-node", never, { "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "selectedChange": "selectedChange"; "expandedChange": "expandedChange"; }, ["linkChildren", "_children", "allChildren"], ["igx-tree-node", "*"], true, never>;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_active: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_selected: unknown;
+    static ngAcceptInputType_expanded: unknown;
 }

package/lib/tree/tree.component.d.ts

@@ -318,4 +318,5 @@ export declare class IgxTreeComponent extends DisplayDensityBase implements IgxT
     private _comparer;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTreeComponent, [null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxTreeComponent, "igx-tree", never, { "selection": { "alias": "selection"; "required": false; }; "singleBranchExpand": { "alias": "singleBranchExpand"; "required": false; }; "animationSettings": { "alias": "animationSettings"; "required": false; }; }, { "nodeSelection": "nodeSelection"; "nodeExpanding": "nodeExpanding"; "nodeExpanded": "nodeExpanded"; "nodeCollapsing": "nodeCollapsing"; "nodeCollapsed": "nodeCollapsed"; "activeNodeChanged": "activeNodeChanged"; }, ["expandIndicator", "nodes"], ["igx-tree-node"], true, never>;
+    static ngAcceptInputType_singleBranchExpand: unknown;
 }

package/migrations/common/tsUtils.d.ts

@@ -21,6 +21,8 @@ export declare const getImportModulePositions: (sourceText: string, startsWith:
     start: number;
     end: number;
 }>;
+/** Filters out statements to named imports (e.g. `import {x, y}`) from PACKAGE_IMPORT */
+export declare const namedImportFilter: (statement: ts.Statement) => boolean;
 export declare const getRenamePositions: (sourcePath: string, name: string, service: ts.LanguageService) => Array<{
     start: number;
     end: number;

package/migrations/common/tsUtils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMemberIgniteUI = exports.getTypeDefinitionAtPosition = exports.createProjectService = exports.getLanguageService = exports.replaceMatch = exports.findMatches = exports.getRenamePositions = exports.getImportModulePositions = exports.getIdentifierPositions = exports.MemberInfo = exports.CUSTOM_TS_PLUGIN_NAME = exports.CUSTOM_TS_PLUGIN_PATH = exports.NG_CORE_PACKAGE_NAME = exports.NG_LANG_SERVICE_PACKAGE_NAME = exports.IG_PACKAGE_NAME = void 0;
+exports.isMemberIgniteUI = exports.getTypeDefinitionAtPosition = exports.createProjectService = exports.getLanguageService = exports.replaceMatch = exports.findMatches = exports.getRenamePositions = exports.namedImportFilter = exports.getImportModulePositions = exports.getIdentifierPositions = exports.MemberInfo = exports.CUSTOM_TS_PLUGIN_NAME = exports.CUSTOM_TS_PLUGIN_PATH = exports.NG_CORE_PACKAGE_NAME = exports.NG_LANG_SERVICE_PACKAGE_NAME = exports.IG_PACKAGE_NAME = void 0;
 const ts = require("typescript");
 const tss = require("typescript/lib/tsserverlibrary");
 const util_1 = require("./util");
@@ -84,11 +84,12 @@ const namedImportFilter = (statement) => {
     }
     return false;
 };
+exports.namedImportFilter = namedImportFilter;
 const getRenamePositions = (sourcePath, name, service) => {
     const source = service.getProgram().getSourceFile(sourcePath);
     const positions = [];
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-    const imports = source.statements.filter(namedImportFilter);
+    const imports = source.statements.filter(exports.namedImportFilter);
     if (!imports.length) {
         return positions;
     }
@@ -318,7 +319,7 @@ exports.getTypeDefinitionAtPosition = getTypeDefinitionAtPosition;
  */
 const isMemberIgniteUI = (change, langServ, entryPath, matchPosition) => {
     var _a, _b;
-    const content = langServ.getProgram().getSourceFile(entryPath).getText();
+    const content = langServ.getProgram().getSourceFile(entryPath).getFullText();
     matchPosition = shiftMatchPosition(matchPosition, content);
     const prevChar = content.substr(matchPosition - 1, 1);
     if (prevChar === SyntaxTokens.ClosingParenthesis) {

package/migrations/update-17_0_0/changes/classes.json

@@ -0,0 +1,21 @@
+{
+    "$schema": "../../common/schema/class.schema.json",
+    "changes": [
+        {
+            "name": "IChangeSwitchEventArgs",
+            "replaceWith": "IChangeCheckboxEventArgs"
+        },
+        {
+            "name": "IChangeRadioEventArgs",
+            "replaceWith": "IChangeCheckboxEventArgs"
+        },
+        {
+            "name": "RadioLabelPosition",
+            "replaceWith": "LabelPosition"
+        },
+        {
+            "name": "SwitchLabelPosition",
+            "replaceWith": "LabelPosition"
+        }
+    ]
+}

package/migrations/update-17_0_0/changes/members.json

@@ -0,0 +1,21 @@
+{
+    "$schema": "../../common/schema/members-changes.schema.json",
+    "changes": [
+        {
+            "member": "newSelection",
+            "replaceWith": "newValue",
+            "definedIn": [
+                "IComboSelectionChangingEventArgs",
+                "ISimpleComboSelectionChangingEventArgs"
+            ]
+        },
+        {
+            "member": "oldSelection",
+            "replaceWith": "oldValue",
+            "definedIn": [
+                "IComboSelectionChangingEventArgs",
+                "ISimpleComboSelectionChangingEventArgs"
+            ]
+        }
+    ]
+}

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

@@ -9,9 +9,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const ts = require("typescript");
 const UpdateChanges_1 = require("../common/UpdateChanges");
-const util_1 = require("../common/util");
 const import_helper_js_1 = require("../common/import-helper.js");
+const tsUtils_1 = require("../common/tsUtils");
+const util_1 = require("../common/util");
 const version = '17.0.0';
 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}`);
@@ -66,6 +68,51 @@ exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, fun
             addChange(file.url, new util_1.FileChange(startTag.start, removePropTxt, repTxt, 'replace'));
         });
     }
+    // Not able to import * as animations from ../../animations due to ESM error - migrations are commonjs, while they should be ESM.
+    var animationsExports = ["IAnimationParams", "AnimationUtil", "EaseIn", "EaseInOut", "EaseOut", "fadeIn", "fadeOut",
+        "flipTop", "flipRight", "flipBottom", "flipLeft", "flipHorFwd", "flipHorBck", "flipVerFwd", "flipVerBck",
+        "rotateInCenter", "rotateInTop", "rotateInRight", "rotateInLeft", "rotateInBottom", "rotateInTr", "rotateInBr",
+        "rotateInBl", "rotateInTl", "rotateInDiagonal1", "rotateInDiagonal2", "rotateInHor", "rotateInVer", "rotateOutCenter",
+        "rotateOutTop", "rotateOutRight", "rotateOutLeft", "rotateOutBottom", "rotateOutTr", "rotateOutBr", "rotateOutBl",
+        "rotateOutTl", "rotateOutDiagonal1", "rotateOutDiagonal2", "rotateOutHor", "rotateOutVer",
+        "scaleInTop", "scaleInRight", "scaleInBottom", "scaleInLeft",
+        "scaleInCenter", "scaleInTr", "scaleInBr", "scaleInBl", "scaleInTl", "scaleInVerTop", "scaleInVerBottom",
+        "scaleInVerCenter", "scaleInHorCenter", "scaleInHorLeft", "scaleInHorRight", "scaleOutTop", "scaleOutRight",
+        "scaleOutBottom", "scaleOutLeft", "scaleOutCenter", "scaleOutTr", "scaleOutBr", "scaleOutBl", "scaleOutTl",
+        "scaleOutVerTop", "scaleOutVerBottom", "scaleOutVerCenter", "scaleOutHorCenter", "scaleOutHorLeft", "scaleOutHorRight",
+        "slideInTop", "slideInRight", "slideInBottom", "slideInLeft", "slideInTr", "slideInBr", "slideInBl", "slideInTl",
+        "slideOutTop", "slideOutBottom", "slideOutRight", "slideOutLeft", "slideOutTr", "slideOutBr", "slideOutBl", "slideOutTl",
+        "swingInTopFwd", "swingInRightFwd", "swingInLeftFwd", "swingInBottomFwd", "swingInTopBck", "swingInRightBck", "swingInBottomBck",
+        "swingInLeftBck", "swingOutTopFwd", "swingOutRightFwd", "swingOutBottomFwd", "swingOutLefttFwd", "swingOutTopBck", "swingOutRightBck",
+        "swingOutBottomBck", "swingOutLeftBck", "growVerIn", "growVerOut", "shakeHor", "shakeVer", "shakeTop", "shakeBottom", "shakeRight",
+        "shakeLeft", "shakeCenter", "shakeTr", "shakeBr", "shakeBl", "shakeTl", "pulsateFwd", "pulsateBck", "heartbeat", "blink"];
+    update.tsFiles.forEach((filePath) => {
+        var animationsInFile = [];
+        var fileContent = host.read(filePath).toString();
+        const source = ts.createSourceFile('', fileContent, ts.ScriptTarget.Latest, true);
+        const igImports = source.statements.filter(tsUtils_1.namedImportFilter);
+        // Find all animations imported from 'igniteui-angular' and delete them.
+        for (const igImport of igImports) {
+            const start = igImport.getStart();
+            const end = igImport.getEnd();
+            const igImportContent = fileContent.substring(start, end);
+            animationsExports.forEach(anime => {
+                let match;
+                const animeSearchTerm = new RegExp(`(?<=\\{)\\s*${anime}[\\s,]|[\\s,]\\s*${anime}`, 'g');
+                while ((match = animeSearchTerm.exec(igImportContent)) !== null) {
+                    addChange(filePath, new util_1.FileChange(start + match.index, '', match[0], 'replace'));
+                    animationsInFile.push(anime);
+                }
+            });
+        }
+        // Build new import for all the animations from 'igniteui-angular/animations'.
+        // Add the new import at the end of all imports.
+        if (animationsInFile.length > 0) {
+            const lastImport = igImports.reduce((a, b) => a.getEnd() > b.getEnd() ? a : b);
+            const newAnimeImport = `\nimport { ${animationsInFile.sort().join(', ')} } from '${(lastImport === null || lastImport === void 0 ? void 0 : lastImport.moduleSpecifier).text}/animations';`;
+            addChange(filePath, new util_1.FileChange(lastImport === null || lastImport === void 0 ? void 0 : lastImport.getEnd(), newAnimeImport, '', 'insert'));
+        }
+    });
     applyChanges();
     update.applyChanges();
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.0.0-alpha.2",
+  "version": "17.0.0-beta.0",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -86,7 +86,7 @@
     "@angular/forms": "^17.0.0-rc.1"
   },
   "igxDevDependencies": {
-    "@igniteui/angular-schematics": "~16.0.1200"
+    "@igniteui/angular-schematics": "~17.0.1300-beta.1"
   },
   "ng-update": {
     "migrations": "./migrations/migration-collection.json",