igniteui-angular 13.0.0-alpha.5 → 13.0.0-alpha.6

package/migrations/common/import-helper.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+
+// eslint-disable
+
+/**
+ * Native Node dynamic import helper
+ * Only needed until TypeScript 4.5 release and `node12` options is available, see:
+ * https://github.com/microsoft/TypeScript/issues/43329
+ */
+const nativeImport = async (name) => {
+    return import(name);
+};
+exports.nativeImport = nativeImport;

package/migrations/common/util.d.ts

@@ -1,6 +1,6 @@
 import { SchematicContext, Tree } from '@angular-devkit/schematics';
 import { WorkspaceSchema, WorkspaceProject } from '@schematics/angular/utility/workspace-models';
-import { Attribute, Element, Node } from '@angular/compiler';
+import { Attribute, Element, HtmlParser, HtmlTagDefinition, Node } from '@angular/compiler';
 export declare const getProjectPaths: (config: WorkspaceSchema) => string[];
 export declare const getWorkspacePath: (host: Tree) => string;
 export declare const getWorkspace: (host: Tree) => WorkspaceSchema;
@@ -35,12 +35,12 @@ export declare class FileChange {
 }
 /**
  * Parses an Angular template file/content and returns an array of the root nodes of the file.
- *
+ * TODO: Maybe make async and dynamically import the HtmlParser
  * @param host
  * @param filePath
  * @param encoding
  */
-export declare const parseFile: (host: Tree, filePath: string, encoding?: string) => Node[];
+export declare const parseFile: (parser: HtmlParser, host: Tree, filePath: string, encoding?: string) => Node[];
 export declare const findElementNodes: (root: Node[], tag: string | string[]) => Node[];
 export declare const hasAttribute: (root: Element, attribute: string | string[]) => boolean;
 export declare const getAttribute: (root: Element, attribute: string | string[]) => Attribute[];
@@ -52,7 +52,7 @@ export declare const getSourceOffset: (element: Element) => SourceOffset;
  * @param list
  */
 export declare const flatten: (list: Node[]) => Node[];
-export declare const serializeNodes: (nodes: Node[]) => string[];
+export declare const serializeNodes: (nodes: Node[], getHtmlTagDefinition: (tagName: string) => HtmlTagDefinition) => string[];
 export declare const makeNgIf: (name: string, value: string) => boolean;
 export declare const stringifyAttriutes: (attributes: Attribute[]) => string;
 export {};

package/migrations/common/util.js

@@ -4,7 +4,6 @@ exports.stringifyAttriutes = exports.makeNgIf = exports.serializeNodes = exports
 const core_1 = require("@angular-devkit/core");
 const path = require("path");
 const child_process_1 = require("child_process");
-const compiler_1 = require("@angular/compiler");
 const tsUtils_1 = require("./tsUtils");
 const configPaths = ['/.angular.json', '/angular.json'];
 const getProjectPaths = (config) => {
@@ -138,13 +137,17 @@ class FileChange {
 exports.FileChange = FileChange;
 /**
  * Parses an Angular template file/content and returns an array of the root nodes of the file.
- *
+ * TODO: Maybe make async and dynamically import the HtmlParser
  * @param host
  * @param filePath
  * @param encoding
  */
-const parseFile = (host, filePath, encoding = 'utf8') => new compiler_1.HtmlParser().parse(host.read(filePath).toString(encoding), filePath).rootNodes;
+const parseFile = (parser, host, filePath, encoding = 'utf8') => parser.parse(host.read(filePath).toString(encoding), filePath).rootNodes;
 exports.parseFile = parseFile;
+// export const parseFile = async (host: Tree, filePath: string, encoding = 'utf8') => {
+//     const { HtmlParser } = await import('@angular/compiler')
+//     return new HtmlParser().parse(host.read(filePath).toString(encoding), filePath).rootNodes;
+// }
 const findElementNodes = (root, tag) => {
     const tags = new Set(Array.isArray(tag) ? tag : [tag]);
     return (0, exports.flatten)(Array.isArray(root) ? root : [root])
@@ -199,8 +202,14 @@ exports.flatten = flatten;
  * May be useful for validating the output of our own migrations,
  */
 class SerializerVisitor {
+    /**
+     *
+     */
+    constructor(getHtmlTagDefinition) {
+        this.getHtmlTagDefinition = getHtmlTagDefinition;
+    }
     visitElement(element, _context) {
-        if ((0, compiler_1.getHtmlTagDefinition)(element.name).isVoid) {
+        if (this.getHtmlTagDefinition(element.name).isVoid) {
             return `<${element.name}${this._visitAll(element.attrs, ' ')}/>`;
         }
         return `<${element.name}${this._visitAll(element.attrs, ' ')}>${this._visitAll(element.children)}</${element.name}>`;
@@ -227,7 +236,9 @@ class SerializerVisitor {
         return join + nodes.map(a => a.visit(this, null)).join(join);
     }
 }
-const serializeNodes = (nodes) => nodes.map(node => node.visit(new SerializerVisitor(), null));
+const serializeNodes = (nodes, getHtmlTagDefinition) => {
+    return nodes.map(node => node.visit(new SerializerVisitor(getHtmlTagDefinition), null));
+};
 exports.serializeNodes = serializeNodes;
 const makeNgIf = (name, value) => name.startsWith('[') && value !== 'true';
 exports.makeNgIf = makeNgIf;

package/migrations/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "commonjs"
+}

package/migrations/update-10_1_0/index.js

@@ -1,9 +1,18 @@
 "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 tsUtils_1 = require("../common/tsUtils");
 const version = '10.1.0';
-exports.default = () => (host, context) => {
+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.applyChanges();
@@ -22,4 +31,4 @@ exports.default = () => (host, context) => {
             host.overwrite(entryPath, content);
         }
     }
-};
+});

package/migrations/update-10_2_0/index.js

@@ -1,8 +1,17 @@
 "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 = '10.2.0';
-exports.default = () => (host, context) => {
+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.addCondition('type_is_invalid', (matchedOwner) => {
@@ -19,4 +28,4 @@ exports.default = () => (host, context) => {
         return true;
     });
     update.applyChanges();
-};
+});

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

@@ -1,10 +1,21 @@
 "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 util_1 = require("../common/util");
+const import_helper_js_1 = require("../common/import-helper.js");
 const version = '11.0.0';
-exports.default = () => (host, context) => {
+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, getHtmlTagDefinition } = yield (0, import_helper_js_1.nativeImport)('@angular/compiler');
     const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
     const TAGS = ['igx-grid', 'igx-tree-grid', 'igx-hierarchical-grid'];
     const prop = ['[showToolbar]', 'showToolbar'];
@@ -42,13 +53,13 @@ exports.default = () => (host, context) => {
         const ngTemplates = (0, util_1.findElementNodes)([grid], ['ng-template']);
         const toolbarTemplate = ngTemplates.filter(template => (0, util_1.hasAttribute)(template, 'igxToolbarCustomContent'))[0];
         if (toolbarTemplate) {
-            return `${warnMsg}\n${(0, util_1.serializeNodes)(toolbarTemplate.children).join('')}\n`;
+            return `${warnMsg}\n${(0, util_1.serializeNodes)(toolbarTemplate.children, getHtmlTagDefinition).join('')}\n`;
         }
         return '';
     };
     // Row island migration
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'igx-row-island')
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'igx-row-island')
             .filter(island => (0, util_1.hasAttribute)(island, prop))
             .map(island => (0, util_1.getSourceOffset)(island))
             .forEach(offset => {
@@ -64,7 +75,7 @@ exports.default = () => (host, context) => {
     changes.clear();
     // Clear row island templates
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'igx-row-island')
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'igx-row-island')
             .filter(grid => (0, util_1.hasAttribute)(grid, prop))
             .map(grid => (0, util_1.findElementNodes)([grid], ['ng-template']))
             .reduce((prev, curr) => prev.concat(curr), [])
@@ -80,7 +91,7 @@ exports.default = () => (host, context) => {
     // General migration
     // Prepare the file changes
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), TAGS)
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), TAGS)
             .filter(grid => (0, util_1.hasAttribute)(grid, prop))
             .map(node => (0, util_1.getSourceOffset)(node))
             .forEach(offset => {
@@ -95,7 +106,7 @@ exports.default = () => (host, context) => {
     changes.clear();
     // Remove toolbar templates after migration
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), TAGS)
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), TAGS)
             .filter(grid => (0, util_1.hasAttribute)(grid, prop))
             .map(grid => (0, util_1.findElementNodes)([grid], ['ng-template']))
             .reduce((prev, curr) => prev.concat(curr), [])
@@ -109,4 +120,4 @@ exports.default = () => (host, context) => {
     applyChanges();
     // Remove the input properties
     update.applyChanges();
-};
+});

package/migrations/update-11_1_0/index.js

@@ -1,9 +1,18 @@
 "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 = '11.1.0';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

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

@@ -1,10 +1,21 @@
 "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 util_1 = require("../common/util");
+const import_helper_js_1 = require("../common/import-helper.js");
 const version = '12.0.0';
-exports.default = () => (host, context) => {
+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');
     // eslint-disable-next-line max-len
     const UPDATE_NOTE = `<!--NOTE: This component has been updated by Infragistics migration: v${version}\nPlease check your template whether all bindings/event handlers are correct.-->\n`;
     const COMPONENTS = [
@@ -70,7 +81,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
     const isEmptyOrSpaces = (str) => str === null || str === '' || str === '\n' || str === '\r\n' || str.match(/^[\r\n\t]* *$/) !== null;
     // Replace the tabsType input with tabsAligment
     for (const path of htmlFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'igx-tabs')
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'igx-tabs')
             .forEach(node => {
             if ((0, util_1.hasAttribute)(node, 'type')) {
                 const { startTag, file } = (0, util_1.getSourceOffset)(node);
@@ -92,7 +103,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
     for (const comp of COMPONENTS) {
         for (const path of htmlFiles) {
             // Replace the <ng-template igxTab> if any with <igx-tab-item>
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.tags)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.tags)
                 .map(tab => (0, util_1.findElementNodes)([tab], 'ng-template'))
                 .reduce((prev, curr) => prev.concat(curr), [])
                 .filter(template => (0, util_1.hasAttribute)(template, 'igxTab'))
@@ -107,7 +118,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
             changes.clear();
             // Convert label and icon to igx-tab-header children ->
             // <igx-icon igxTabHeaderIcon> and <span igxTabHeaderLabel>
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.tags).
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.tags).
                 map(node => (0, util_1.getSourceOffset)(node)).
                 forEach(offset => {
                 const { startTag, file, node } = offset;
@@ -152,7 +163,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
             changes.clear();
             // Grab the content between <igx-tabs-group> and create a <igx-tab-content>
             // Also migrate class from igx-tabs-group to igx-tab-content, if any
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.tags)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.tags)
                 .map(node => (0, util_1.getSourceOffset)(node))
                 .forEach(offset => {
                 const tabHeader = offset.node.children.find(c => c.name === comp.headerItem);
@@ -177,7 +188,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
             changes.clear();
             // Insert a comment indicating the change/replacement
             if (applyComment) {
-                (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.component).
+                (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.component).
                     map(node => (0, util_1.getSourceOffset)(node)).
                     forEach(offset => {
                     const { startTag, file } = offset;
@@ -226,7 +237,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
         for (const path of htmlFiles) {
             // DatePicker and TimePicker don't support templates anymore.
             // That is why migrations inserts a comment to notify the developer to remove the templates.
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.COMPONENT)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.COMPONENT)
                 .map(editor => (0, util_1.findElementNodes)([editor], 'ng-template'))
                 .reduce((prev, curr) => prev.concat(curr), [])
                 .filter(template => (0, util_1.hasAttribute)(template, comp.TEMPLATE_DIRECTIVE))
@@ -239,7 +250,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
             // 1. That is why any occurrence of drop down mode is removed and
             // 2. dialog mode is added for those that didn't explicitly set the mode prop.
             // 1. Remove dropdown mode
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.COMPONENT)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.COMPONENT)
                 .filter(template => (0, util_1.hasAttribute)(template, EDITORS_MODE))
                 .map(node => (0, util_1.getSourceOffset)(node))
                 .forEach(offset => {
@@ -253,7 +264,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
                 });
             });
             // 2. Insert dialog mode
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.COMPONENT)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.COMPONENT)
                 .filter(template => !(0, util_1.hasAttribute)(template, EDITORS_MODE))
                 .map(node => (0, util_1.getSourceOffset)(node))
                 .forEach(offset => {
@@ -262,7 +273,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
             });
             // Remove label property and project it as <label igxLabel></label>
             // Check also labelVisibility value.
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.COMPONENT)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.COMPONENT)
                 .filter(template => (0, util_1.hasAttribute)(template, EDITORS_LABEL))
                 .map(node => (0, util_1.getSourceOffset)(node))
                 .forEach(offset => {
@@ -288,7 +299,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
                 });
             });
             // If label and labelVisibility are not set this means that we should project default labels: "Date" & "Time"
-            (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), comp.COMPONENT)
+            (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), comp.COMPONENT)
                 .filter(template => !(0, util_1.hasAttribute)(template, EDITORS_LABEL) &&
                 !(0, util_1.hasAttribute)(template, EDITORS_LABEL_VISIBILITY))
                 .map(node => (0, util_1.getSourceOffset)(node))
@@ -310,7 +321,7 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
         DIRECTIVE: 'igxInput'
     };
     for (const path of htmlFiles) {
-        const inputGroups = (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), INPUT_GROUP_CHANGES.GROUP_TAG);
+        const inputGroups = (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), INPUT_GROUP_CHANGES.GROUP_TAG);
         inputGroups.forEach((el) => {
             const parentEl = el;
             if ((0, util_1.hasAttribute)(parentEl, INPUT_GROUP_CHANGES.ATTRIBUTES)) {
@@ -345,4 +356,4 @@ See https://www.infragistics.com/products/ignite-ui-angular/angular/components/t
     }
     // Apply all selector and input changes
     update.applyChanges();
-};
+});

package/migrations/update-12_1_0/index.js

@@ -1,11 +1,22 @@
 "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 util_1 = require("../common/util");
+const import_helper_js_1 = require("../common/import-helper.js");
 const version = '12.1.0';
-exports.default = () => (host, context) => {
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const { HtmlParser, getHtmlTagDefinition } = yield (0, import_helper_js_1.nativeImport)('@angular/compiler');
     const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
     const TAGS = ['igx-grid', 'igx-tree-grid', 'igx-hierarchical-grid'];
     const prop = ['[paging]', 'paging'];
@@ -33,21 +44,21 @@ exports.default = () => (host, context) => {
         }
     };
     const checkForPaginatorInTemplate = (path, name) => {
-        const ngTemplates = (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'ng-template');
+        const ngTemplates = (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'ng-template');
         const paginatorTemplate = ngTemplates.filter(template => (0, util_1.hasAttribute)(template, `#${name}`))[0];
         return paginatorTemplate ? !!(0, util_1.findElementNodes)(paginatorTemplate.children, 'igx-paginator').length : false;
     };
     const moveTemplate = (paginatorTemplate) => {
         if (paginatorTemplate) {
             return `${warnMsg}\n<igx-paginator-content>
-      ${(0, util_1.serializeNodes)(paginatorTemplate.children).join('')}
+      ${(0, util_1.serializeNodes)(paginatorTemplate.children, getHtmlTagDefinition).join('')}
       </igx-paginator-content>\n`;
         }
         return '';
     };
     const buildPaginator = (node, path, propName, value, isChildGrid = false) => {
         const paginationTemplateName = (0, util_1.getAttribute)(node, '[paginationTemplate]')[0];
-        const ngTemplates = (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'ng-template');
+        const ngTemplates = (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'ng-template');
         templateNames.push('#' + (paginationTemplateName === null || paginationTemplateName === void 0 ? void 0 : paginationTemplateName.value));
         const paginatorTemplate = ngTemplates.filter(template => (0, util_1.hasAttribute)(template, `#${paginationTemplateName === null || paginationTemplateName === void 0 ? void 0 : paginationTemplateName.value}`))[0];
         if (paginatorTemplate && checkForPaginatorInTemplate(path, paginationTemplateName === null || paginationTemplateName === void 0 ? void 0 : paginationTemplateName.value)) {
@@ -61,7 +72,7 @@ exports.default = () => (host, context) => {
     };
     // migrate paging and pagination template for grid, tree grid and hierarchical grid
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), TAGS)
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), TAGS)
             .filter(grid => (0, util_1.hasAttribute)(grid, prop))
             .map(node => (0, util_1.getSourceOffset)(node))
             .forEach(offset => {
@@ -75,7 +86,7 @@ exports.default = () => (host, context) => {
     changes.clear();
     // apply the migrations to the rowIsland
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'igx-row-island')
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'igx-row-island')
             .filter(island => (0, util_1.hasAttribute)(island, prop))
             .map(island => (0, util_1.getSourceOffset)(island))
             .forEach(offset => {
@@ -89,7 +100,7 @@ exports.default = () => (host, context) => {
     changes.clear();
     // clear paginationTemplate definitions
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), 'ng-template')
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), 'ng-template')
             .filter(template => (0, util_1.hasAttribute)(template, templateNames))
             .forEach(node => {
             const { startTag, endTag, file } = (0, util_1.getSourceOffset)(node);
@@ -110,4 +121,4 @@ exports.default = () => (host, context) => {
         host.overwrite(path, content);
     }
     update.applyChanges();
-};
+});

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

@@ -1,17 +1,28 @@
 "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 util_1 = require("../common/util");
+const import_helper_js_1 = require("../common/import-helper.js");
 const version = '13.0.0';
-exports.default = () => (host, context) => {
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     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 GRIDS = ['IgxGridComponent', 'IgxTreeGridComponent', 'IgxHierarchicalGridComponent'];
     const TAGS = ['igx-grid', 'igx-tree-grid', 'igx-hierarchical-grid'];
     const tsFiles = update.tsFiles;
     for (const path of update.templateFiles) {
-        (0, util_1.findElementNodes)((0, util_1.parseFile)(host, path), TAGS)
+        (0, util_1.findElementNodes)((0, util_1.parseFile)(new HtmlParser(), host, path), TAGS)
             .map(node => (0, util_1.getSourceOffset)(node))
             .forEach(offset => {
             const { file, node } = offset;
@@ -53,4 +64,4 @@ exports.default = () => (host, context) => {
         });
     }
     update.applyChanges();
-};
+});

package/migrations/update-6/index.js

@@ -1,9 +1,18 @@
 "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 = '6.0.0';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-6_01/index.js

@@ -1,9 +1,18 @@
 "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 tsUtils_1 = require("../common/tsUtils");
 const UpdateChanges_1 = require("../common/UpdateChanges");
 const version = '6.0.1';
-exports.default = () => (host, context) => {
+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.applyChanges();
@@ -18,4 +27,4 @@ exports.default = () => (host, context) => {
             host.overwrite(entryPath, content);
         }
     }
-};
+});

package/migrations/update-6_02/index.js

@@ -1,8 +1,17 @@
 "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 util_1 = require("../common/util");
 const version = '6.0.2';
-exports.default = () => (host, context) => {
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
     const themeImport = '~igniteui-angular/core/styles/themes';
     const newThemeImport = '~igniteui-angular/lib/core/styles/themes';
     const config = (0, util_1.getWorkspace)(host);
@@ -20,4 +29,4 @@ exports.default = () => (host, context) => {
             }
         });
     }
-};
+});

package/migrations/update-6_1/index.js

@@ -1,9 +1,18 @@
 "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 = '6.1.0';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-6_2/index.js

@@ -1,8 +1,17 @@
 "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 = '6.2.0';
-exports.default = () => (host, context) => {
+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.addCondition('igxIcon_is_material_name', (matchedOwner) => {
@@ -17,4 +26,4 @@ exports.default = () => (host, context) => {
         return true;
     });
     update.applyChanges();
-};
+});

package/migrations/update-6_2_1/index.js

@@ -1,9 +1,18 @@
 "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 = '6.2.1';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-7_0_2/index.js

@@ -1,9 +1,18 @@
 "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 = '7.0.2';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-7_3_4/index.js

@@ -1,9 +1,18 @@
 "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 = '7.3.4';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-8_2_0/index.js

@@ -1,9 +1,18 @@
 "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 = '8.2.0';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-8_2_3/index.js

@@ -1,9 +1,18 @@
 "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 = '8.2.3';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

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

@@ -1,9 +1,18 @@
 "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 util_1 = require("../common/util");
 const UpdateChanges_1 = require("../common/UpdateChanges");
 const version = '8.2.6';
-exports.default = () => (host, context) => {
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
     const themes = ['$_base-dark-grid-pagination',
         '$_dark-grid-pagination',
         '$_dark-fluent-grid-pagination',
@@ -54,4 +63,4 @@ exports.default = () => (host, context) => {
         });
     }
     update.applyChanges();
-};
+});

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

@@ -1,9 +1,18 @@
 "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 = '9.0.0';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-9_0_1/index.js

@@ -1,9 +1,18 @@
 "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 = '9.0.1';
-exports.default = () => (host, context) => {
+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.applyChanges();
-};
+});

package/migrations/update-9_1_0/index.js

@@ -1,8 +1,17 @@
 "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 = '9.1.0';
-exports.default = () => (host, context) => {
+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('rowSelectable_is_deprecated', (args) => {
@@ -25,4 +34,4 @@ exports.default = () => (host, context) => {
         }
     });
     update.applyChanges();
-};
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "13.0.0-alpha.5",
+  "version": "13.0.0-alpha.6",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -75,6 +75,25 @@
     "uuid": "^8.3.0",
     "@igniteui/material-icons-extended": "^2.10.0"
   },
+  "exports": {
+    "./schematics/*": {
+      "default": "./schematics/*"
+    },
+    "./migrations/*": {
+      "default": "./migrations/*"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./igniteui-angular.d.ts",
+      "esm2020": "./esm2020/igniteui-angular.mjs",
+      "es2020": "./fesm2020/igniteui-angular.mjs",
+      "es2015": "./fesm2015/igniteui-angular.mjs",
+      "node": "./fesm2015/igniteui-angular.mjs",
+      "default": "./fesm2020/igniteui-angular.mjs"
+    }
+  },
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",
@@ -94,18 +113,5 @@
   "fesm2020": "fesm2020/igniteui-angular.mjs",
   "fesm2015": "fesm2015/igniteui-angular.mjs",
   "typings": "igniteui-angular.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./igniteui-angular.d.ts",
-      "esm2020": "./esm2020/igniteui-angular.mjs",
-      "es2020": "./fesm2020/igniteui-angular.mjs",
-      "es2015": "./fesm2015/igniteui-angular.mjs",
-      "node": "./fesm2015/igniteui-angular.mjs",
-      "default": "./fesm2020/igniteui-angular.mjs"
-    }
-  },
   "sideEffects": false
 }

package/schematics/package.json

@@ -0,0 +1,3 @@
+{
+    "type": "commonjs"
+}