mass merge from 12.0.x to master

.vscode/launch.json

@@ -339,10 +339,10 @@
 					"new",
 					"test_new",
 					"--collection=${workspaceFolder}/packages/ng-schematics/src/collection.json",
-					//"--skipGit=true",
-					//"--skipInstall=true",
-					//"--template=empty",
-					//"--theme=Default"
+					"--skip-git=true",
+					"--skip-install=true",
+					"--template=empty",
+					"--theme=Default"
 			],
 			"env": {
 					"TS_NODE_PROJECT": "${workspaceFolder}/packages/ng-schematics/tsconfig.json"
@@ -371,6 +371,34 @@
 			"env": {
 					"TS_NODE_PROJECT": "${workspaceFolder}/packages/ng-schematics/tsconfig.json"
 			}
-		}
+		},
+		{
+			// in order to test schematics, you need to have ignitui-angular package already installed in the test project
+				"name": "Run schematics:component",
+				"request": "launch",
+				"type": "node",
+
+				// "cwd": "<absolute directory of the project, created with ng cli, on which the 'ng' schematic is applied>"
+				"cwd": "C:\\Users\\User\\Desktop\\ng_test\\test_proj",
+				"args": [
+						"-r",
+
+						// you need to install ts-node for the test project
+						"ts-node/register",
+
+						// "<path/to/ng>", "g",
+						"${env:AppData}/npm/node_modules/@angular/cli/bin/ng", "g",
+
+						// "<../../relative/path/from/cwd/to>/igniteui-cli/packages/ng-schematics/src/collection.json:cli-config"
+						"../../../../../work/git/igniteui-cli/packages/ng-schematics/src/collection.json:c",
+						"--template=grid",
+						"--name=newGrid",
+						"--skip-route",
+						// "--help"
+				],
+				"env": {
+						"TS_NODE_PROJECT": "${workspaceFolder}/packages/ng-schematics/tsconfig.json"
+				}
+			}
 	]
 }

CHANGELOG.md

@@ -1,3 +1,39 @@
+# [12.0.5](https://github.com/IgniteUI/igniteui-cli/compare/v12.0.4...v12.0.5) (2023-07-18)
+
+## What's Changed
+
+* Fix memory allocation issue during build of webComponent app that uses igc-category-chart by @dkalinovInfra in https://github.com/IgniteUI/igniteui-cli/pull/1143
+
+
+# [12.0.4](https://github.com/IgniteUI/igniteui-cli/compare/v12.0.3...v12.0.4) (2023-07-18)
+
+## What's Changed
+
+* Fix memory allocation issue during build of webComponent app that uses igc-category-chart by @dkalinovInfra in https://github.com/IgniteUI/igniteui-cli/pull/1143
+
+# [12.0.3](https://github.com/IgniteUI/igniteui-cli/compare/v12.0.2...v12.0.3) (2023-06-28)
+
+## What's Changed
+
+* update web components' libraries to 4.3.0 by @lipata in https://github.com/IgniteUI/igniteui-cli/pull/1137
+* Removing ts-node from Angular proj by @dafo in https://github.com/IgniteUI/igniteui-cli/pull/1138
+
+# [12.0.2](https://github.com/IgniteUI/igniteui-cli/compare/v12.0.1...v12.0.2) (2023-06-02)
+
+## What's Changed
+
+* Angular Wrappers package.json update by @valadzhov in https://github.com/IgniteUI/igniteui-cli/pull/1130
+* chore(igx): update DV 16 by @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1136
+* chore(igx-ts): remove igniteui-theming package by @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1134
+* chore(igx): enable back strict true by @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1090
+
+# [12.0.1](https://github.com/IgniteUI/igniteui-cli/compare/v12.0.0...v12.0.1) (2023-05-25)
+
+* Adding NoopAnimationsModule and removing FormsModule. by @valadzhov in https://github.com/IgniteUI/igniteui-cli/pull/1125
+* Removing "on" prefix from event names. by @valadzhov in https://github.com/IgniteUI/igniteui-cli/pull/1128
+* chore(igx): add explicitely igniteui-theming package by @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1132
+* Аngular problems by @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1115
+
 # [12.0.0](https://github.com/IgniteUI/igniteui-cli/compare/v11.1.1...v12.0.0) (2023-05-15)
 
 🎉 This update includes:
@@ -12,6 +48,10 @@
 * fix(grid): Adding missing packages to the grid template #1109 by @valadzhov & @dafo in https://github.com/IgniteUI/igniteui-cli/pull/1119
 * Removing the context method which caused the Angular project tests to fail by @valadzhov in https://github.com/IgniteUI/igniteui-cli/pull/1124
 
+# [11.1.2](https://github.com/IgniteUI/igniteui-cli/compare/v11.1.1...v11.1.2) (2023-05-25)
+
+* chore(igx): add explicitely igniteui-theming package by @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1132
+
 # [11.1.1](https://github.com/IgniteUI/igniteui-cli/compare/v11.1.0...v11.1.1) (2023-04-11)
 
 * Changing the babel function call by @valadzhov in https://github.com/IgniteUI/igniteui-cli/pull/1113
@@ -29,6 +69,9 @@
 
 * fix(igx-ts): updating dependencies #1099 by @kdinev in https://github.com/IgniteUI/igniteui-cli/pull/1102
 * Update angular packages to 15.2 by @IvayloG in https://github.com/IgniteUI/igniteui-cli/pull/1106
+# [11.0.3](https://github.com/IgniteUI/igniteui-cli/compare/v11.0.2...v11.0.3) (2023-04-11)
+
+* Adding the $surface argument by @valadzhov in https://github.com/IgniteUI/igniteui-cli/pull/1114
 
 # [11.0.2](https://github.com/IgniteUI/igniteui-cli/compare/v11.0.1...v11.0.2) (2022-12-16)
 

packages/cli/lib/commands/upgrade.ts

@@ -56,7 +56,7 @@ command = {
 					if (success && !argv.skipInstall) {
 						Util.log("Installing npm packages.");
 						try {
-							Util.execSync("npm install --force --quiet");
+							Util.execSync("npm install --quiet");
 							Util.log("npm packages installed.");
 						} catch (error) {
 							Util.error(`Error installing npm packages.`);

packages/cli/lib/templates/AngularTemplate.ts

@@ -159,9 +159,7 @@ export class AngularTemplate implements Template {
 				updateFile = true;
 			}
 
-			for (let fileName of sourceFiles) {
-				// strip .js file extension from bundle names, as webpack serves these files as .js.js
-				fileName = fileName.includes(".js") ? fileName.replace(".js", "") : fileName;
+			for (const fileName of sourceFiles) {
 				if (!scripts.find(x => x.bundleName === fileName)) {
 					scripts.push({
 						bundleName: fileName,

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "12.0.0",
+  "version": "12.0.5",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -78,8 +78,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~16.0.1200",
-    "@igniteui/cli-core": "~12.0.0",
+    "@igniteui/angular-templates": "~16.0.1205",
+    "@igniteui/cli-core": "~12.0.5",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",

packages/cli/templates/angular/ig-ts/projects/empty/files/package.json

@@ -10,35 +10,35 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~14.1.0",
-    "@angular/common": "~14.1.0",
-    "@angular/compiler": "~14.1.0",
-    "@angular/core": "~14.1.0",
-    "@angular/forms": "~14.1.0",
-    "@angular/platform-browser": "~14.1.0",
-    "@angular/platform-browser-dynamic": "~14.1.0",
-    "@angular/router": "~14.1.0",
+    "@angular/animations": "~16.0.0",
+    "@angular/common": "~16.0.0",
+    "@angular/compiler": "~16.0.0",
+    "@angular/core": "~16.0.0",
+    "@angular/forms": "~16.0.0",
+    "@angular/platform-browser": "~16.0.0",
+    "@angular/platform-browser-dynamic": "~16.0.0",
+    "@angular/router": "~16.0.0",
     "jquery": ">=1.9.1",
     "jquery-ui": ">=1.10.5",
-    "igniteui-angular-wrappers": "~14.1.0",
-    "ignite-ui": "~21.2",
-    "rxjs": "~7.5.0",
+    "igniteui-angular-wrappers": "~16.0.0",
+    "ignite-ui": "~22.2",
+    "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.13.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~14.1.0",
-    "@angular/cli": "~14.1.0",
-    "@angular/compiler-cli": "~14.1.0",
-    "@types/jasmine": "~4.0.0",
-    "@types/node": "^12.11.1",
+    "@angular-devkit/build-angular": "~16.0.0",
+    "@angular/cli": "~16.0.0",
+    "@angular/compiler-cli": "~16.0.0",
+    "@types/jasmine": "~4.3.0",
+    "@types/node": "^18.16.0",
     "igniteui-cli": "^$(cliVersion)",
-    "jasmine-core": "~4.1.0",
-    "karma": "~6.3.0",
-    "karma-chrome-launcher": "~3.1.0",
+    "jasmine-core": "~4.6.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.0.0",
-    "karma-jasmine-html-reporter": "~1.7.0",
-    "typescript": "~4.7.2"
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.0.0",
+    "typescript": "~5.0.4"
   }
 }

packages/cli/templates/angular/ig-ts/projects/empty/files/tsconfig.json

@@ -14,10 +14,10 @@
     "experimentalDecorators": true,
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es2020",
-    "module": "es2020",
+    "target": "es2022",
+    "module": "es2022",
     "lib": [
-      "es2020",
+      "es2022",
       "dom"
     ]
   },

packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.ts

@@ -3,7 +3,7 @@ import { customElement } from 'lit/decorators.js';
 import {
   EditModeType,
   GridActivationMode,
-  DataGridSelectionMode,
+  GridSelectionMode,
   IgcDataGridComponent,
   IgcDataGridModule,
   IgcGridCellValueChangingEventArgs,
@@ -193,7 +193,7 @@ export default class $(ClassName) extends LitElement {
     if (grid !== null) {
       grid.dataSource = this.data;
       grid.activationMode = GridActivationMode.Cell;
-      grid.selectionMode = DataGridSelectionMode.SingleCell;
+      grid.selectionMode = GridSelectionMode.SingleCell;
       grid.editMode = EditModeType.Cell;
       grid.cellValueChanging = onCellValueChanging;
     }

packages/cli/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -14,7 +14,7 @@
   },
   "scripts": {
     "start": "tsc && concurrently -k -r \"tsc --watch\" \"wds\"",
-    "build": "rimraf dist && tsc && rollup -c rollup.config.mjs",
+    "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/rollup/dist/bin/rollup -c rollup.config.mjs",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
     "lint": "eslint \"**/*.{js,ts}\" --ignore-path .gitignore",
     "test": "tsc --project tsconfig.test.json && wtr"
@@ -23,7 +23,7 @@
     "@vaadin/router": "^1.7.4",
     "lit": "^2.6.1",
     "typescript": "^4.9.4",
-    "igniteui-webcomponents": "4.2.0"
+    "igniteui-webcomponents": "~4.3.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",

packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -14,7 +14,7 @@
   },
   "scripts": {
     "start": "tsc && concurrently -k -r \"tsc --watch\" \"wds\"",
-    "build": "rimraf dist && tsc && rollup -c rollup.config.mjs",
+    "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/rollup/dist/bin/rollup -c rollup.config.mjs",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
     "lint": "eslint \"**/*.{js,ts}\" --ignore-path .gitignore",
     "test": "tsc --project tsconfig.test.json && wtr"
@@ -23,13 +23,13 @@
     "@vaadin/router": "^1.7.4",
     "@igniteui/material-icons-extended": "^2.11.0",
     "igniteui-dockmanager": "~1.8.0",
-    "igniteui-webcomponents": "4.2.0",
-    "igniteui-webcomponents-charts": "~4.0.0",
-    "igniteui-webcomponents-core": "~4.0.0",
-    "igniteui-webcomponents-gauges": "~4.0.0",
-    "igniteui-webcomponents-grids": "~4.0.0",
-    "igniteui-webcomponents-inputs": "~4.0.0",
-    "igniteui-webcomponents-layouts": "~4.0.0",
+    "igniteui-webcomponents": "~4.3.0",
+    "igniteui-webcomponents-charts": "~4.3.0",
+    "igniteui-webcomponents-core": "~4.3.0",
+    "igniteui-webcomponents-gauges": "~4.3.0",
+    "igniteui-webcomponents-grids": "~4.3.0",
+    "igniteui-webcomponents-inputs": "~4.3.0",
+    "igniteui-webcomponents-layouts": "~4.3.0",
     "lit": "^2.6.1",
     "typescript": "^4.9.4"
   },

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/cli-core",
-  "version": "12.0.0",
+  "version": "12.0.5",
   "description": "Base types and functionality for Ignite UI CLI",
   "repository": {
     "type": "git",

packages/core/packages/PackageManager.ts

@@ -95,7 +95,7 @@ export class PackageManager {
 				case "npm":
 				/* passes through */
 				default:
-					command = `${managerCommand} install --force --quiet`;
+					command = `${managerCommand} install --quiet`;
 					break;
 			}
 			await this.flushQueue(false);
@@ -277,7 +277,7 @@ export class PackageManager {
 			case "npm":
 			/* passes through */
 			default:
-				return `${managerCommand} install ${packageName} --force --quiet --save`;
+				return `${managerCommand} install ${packageName} --quiet --save`;
 		}
 	}
 

packages/igx-templates/igx-ts/bullet-graph/default/index.ts

@@ -14,7 +14,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate {
 			import: ["IgxBulletGraphModule"],
 			from: "igniteui-angular-gauges"
 		}];
-		this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-gauges@~15.0.0"];
+		this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-gauges@~16.0.0"];
 	}
 }
 module.exports = new IgxBulletGraphTemplate();

packages/igx-templates/igx-ts/category-chart/default/index.ts

@@ -14,7 +14,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate {
 			{ import: "IgxCategoryChartModule", from: "igniteui-angular-charts" },
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"];
+		this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"];
 	}
 }
 module.exports = new IgxCategoryChartTemplate();

packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts

@@ -32,7 +32,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate {
 			},
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"];
+		this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"];
 	}
 }
 module.exports = new IgxGridAwesomeTemplate();

packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -370,7 +370,7 @@
 @keyframes spin-fade {
     0% {
         opacity: 0;
-        tranfsorm: rotate(0);
+        transform: rotate(0);
     }
 
     100% {

packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts

@@ -10,7 +10,7 @@ import {
 import {
   CloseScrollStrategy,
   ConnectedPositioningStrategy,
-  DataGridSelectionMode,
+  GridSelectionMode,
   HorizontalAlignment,
   IColumnExportingEventArgs,
   ColumnType,
@@ -54,7 +54,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit {
 
   public searchText = '';
   public caseSensitive = false;
-  public selectionMode: DataGridSelectionMode = 'multiple';
+  public selectionMode: GridSelectionMode = 'multiple';
   public displayType = SparklineDisplayType;
 
   public positionSettings: PositionSettings = {

packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts

@@ -41,7 +41,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate {
 			},
 			{ import: "FormsModule", from: "@angular/forms" }
 		];
-		this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"];
+		this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"];
 	}
 }
 module.exports = new IgxGridCRMTemplate();

packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss

@@ -236,7 +236,7 @@ $green-palette: palette($primary: #09f, $secondary: #72da67, $surface: #333);
   ::ng-deep {
 
     .fin-dark-theme {
-      @include dark-theme($dark-palette);
+      @include dark-theme($green-palette);
        background: #333;
 
        igx-grid-cell {