mdd-update-angular-template-angular17

editor-templates/Angular/main-template/angular.json

@@ -14,7 +14,10 @@
             "outputPath": "dist/demo",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": [
+              "zone.js",
+              "hammerjs"
+            ],
             "tsConfig": "src/config/tsconfig.app.json",
             "assets": [
               "src/assets"
@@ -46,18 +49,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "demo:build"
+            "buildTarget": "demo:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "demo:build:production"
+              "buildTarget": "demo:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "demo:build"
+            "buildTarget": "demo:build"
           }
         },
         "test": {
@@ -94,7 +97,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

editor-templates/Angular/main-template/package.json

@@ -7,62 +7,62 @@
     "lint": "ng lint"
   },
   "dependencies": {
-    "@angular/animations": "16.0.1",
-    "@angular/common": "16.0.1",
-    "@angular/compiler": "16.0.1",
-    "@angular/core": "16.0.1",
-    "@angular/forms": "16.0.1",
-    "@angular/platform-browser": "16.0.1",
-    "@angular/platform-browser-dynamic": "16.0.1",
+    "@angular/animations": "17.0.0",
+    "@angular/common": "17.0.0",
+    "@angular/compiler": "17.0.0",
+    "@angular/core": "17.0.0",
+    "@angular/forms": "17.0.0",
+    "@angular/platform-browser": "17.0.0",
+    "@angular/platform-browser-dynamic": "17.0.0",
     "@types/hammerjs": "2.0.39",
     "classlist.js": "1.1.20150312",
     "core-js": "3.21.0",
     "hammerjs": "2.0.8",
 //ifdef charts, maps
-    "igniteui-angular-charts": "16.1.2-beta.0",
+    "igniteui-angular-charts": "17.0.0",
 //endifdef charts, maps
-    "igniteui-angular-core": "16.1.2-beta.0",
+    "igniteui-angular-core": "17.0.0",
 //ifdef excel, spreadsheet
-    "igniteui-angular-excel": "16.1.2-beta.0",
+    "igniteui-angular-excel": "17.0.0",
 //endifdef excel, spreadsheet
 //ifdef gauges
-    "igniteui-angular-gauges": "16.1.2-beta.0",
+    "igniteui-angular-gauges": "17.0.0",
 //endifdef gauges
 //ifdef editor, layouts, inputs
-    "igniteui-angular-inputs": "16.1.2-beta.0",
+    "igniteui-angular-inputs": "17.0.0",
 //endifdef editor, layouts, inputs
 //ifdef grid, editor, layouts
-    "igniteui-angular-layouts": "16.1.2-beta.0",
+    "igniteui-angular-layouts": "17.0.0",
 //endifdef grid, editor, layouts
 //ifdef maps
-    "igniteui-angular-maps": "16.1.2-beta.0",
+    "igniteui-angular-maps": "17.0.0",
 //endifdef maps
 //ifdef spreadsheet
-    "igniteui-angular-spreadsheet": "16.1.2-beta.0",
-    "igniteui-angular-spreadsheet-chart-adapter": "16.1.2-beta.0",
+    "igniteui-angular-spreadsheet": "17.0.0",
+    "igniteui-angular-spreadsheet-chart-adapter": "17.0.0",
 //endifdef spreadsheet
 //ifdef webcomponents, editor
     "igniteui-webcomponents": "4.5.0",
 //endifdef webcomponents, editor
     "intl": "1.2.5",
-    "jszip": "3.7.1",
+    "jszip": "3.8.0",
     "rxjs": "6.6.7",
     "tslib": "2.3.1",
     "web-animations-js": "2.3.2",
-    "zone.js": "0.13.0"
+    "zone.js": "~0.14.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "16.0.1",
-    "@angular/cli": "16.0.1",
-    "@angular/compiler-cli": "16.0.1",
-    "@angular/language-service": "16.0.1",
+    "@angular-devkit/build-angular": "17.0.0",
+    "@angular/cli": "17.0.0",
+    "@angular/compiler-cli": "17.0.0",
+    "@angular/language-service": "17.0.0",
     "@types/node": "14.14.28",
     "codelyzer": "6.0.2",
     "jasmine-core": "3.7.1",
     "jasmine-spec-reporter": "~4.2.1",
     "sass.js": "0.11.1",
     "ts-node": "9.1.1",
     "tslint": "~6.1.3",
-    "typescript": "5.0.4"
+    "typescript": "5.2.2"
   }
 }

editor-templates/Angular/main-template/src/config/tsconfig-es5.app.json

@@ -1,6 +1,6 @@
 {
     "extends": "./tsconfig.app.json",
     "compilerOptions": {
-        "target": "es2015"
+        "target": "ES2022"
     }
    }

editor-templates/Angular/main-template/src/config/tsconfig.base.json

@@ -2,7 +2,7 @@
   "compileOnSave": false,
   "compilerOptions": {
     "importHelpers": true,
-    "module": "es2020",
+    "module": "ES2022",
     "outDir": "../../dist/out-tsc",
     "sourceMap": false,
     "declaration": false,
@@ -11,13 +11,14 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "downlevelIteration": true, // required for excel library
-    "target": "es2015",
+    "target": "ES2022",
     "typeRoots": [
       "../../node_modules/@types"
     ],
     "lib": [
-      "es2017",
+      "ES2022",
       "dom"
-    ]
+    ],
+    "useDefineForClassFields": false
   }
 }

editor-templates/Angular/main-template/src/config/tsconfig.worker.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "outDir": "../../out-tsc/worker",
     "lib": [
-      "es2018",
+      "ES2022",
       "DOM"
     ],
     "types": []

editor-templates/Angular/main-template/src/polyfills.ts

@@ -21,7 +21,7 @@
 // import "core-js/es7/object";
 
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
-import "classlist.js";  // run `npm install --save classlist.js`.
+//import "classlist.js";  // run `npm install --save classlist.js`.
 
 /** IE10 and IE11 requires the following for the Reflect API. */
 // import "core-js/es6/reflect";
@@ -34,20 +34,20 @@ import "classlist.js";  // run `npm install --save classlist.js`.
  * Required to support Web Animations `@angular/platform-browser/animations`.
  * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
  */
-import "web-animations-js";  // run `npm install --save web-animations-js`.
+//import "web-animations-js";  // run `npm install --save web-animations-js`.
 
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */
 import "hammerjs/hammer";
-import "zone.js/dist/zone";  // included with Angular CLI.
+import "zone.js";  // included with Angular CLI.
 
 /***************************************************************************************************
  * @angular/animations polyfill
  */
-if (!Element.prototype.matches) {
-    Element.prototype.matches = (Element.prototype as any).msMatchesSelector;
-}
+// if (!Element.prototype.matches) {
+//     Element.prototype.matches = (Element.prototype as any).msMatchesSelector;
+// }
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

editor-templates/Angular/main-template/tsconfig.json

@@ -5,6 +5,7 @@
   To learn more about this file see: https://angular.io/config/solution-tsconfig.
 */
 {
+  "useDefineForClassFields": false,
   "files": [],
   "references": [
     {