mdd-angular-17-individual-samples

browser/package.json

@@ -35,24 +35,24 @@
     "ajv": "8.6.2",
     "angular-in-memory-web-api": "0.9.0",
     "classlist.js": "1.1.20150312",
-    "core-js": "2.6.2",
+    "core-js": "3.21.0",
     "file-saver": "2.0.5",
     "hammerjs": "2.0.8",
-    "igniteui-angular": "17.0.0-beta.0",
-    "igniteui-angular-charts": "17.0.0-beta.0",
-    "igniteui-angular-core": "17.0.0-beta.0",
-    "igniteui-angular-excel": "17.0.0-beta.0",
-    "igniteui-angular-gauges": "17.0.0-beta.0",
-    "igniteui-angular-inputs": "17.0.0-beta.0",
-    "igniteui-angular-layouts": "17.0.0-beta.0",
-    "igniteui-angular-maps": "17.0.0-beta.0",
-    "igniteui-angular-spreadsheet": "17.0.0-beta.0",
-    "igniteui-angular-spreadsheet-chart-adapter": "17.0.0-beta.0",
-    "igniteui-theming": "^3.3.1",
-    "igniteui-webcomponents": "4.5.0-beta.1",
+    "igniteui-angular": "17.0.0",
+    "igniteui-angular-charts": "17.0.0",
+    "igniteui-angular-core": "17.0.0",
+    "igniteui-angular-excel": "17.0.0",
+    "igniteui-angular-gauges": "17.0.0",
+    "igniteui-angular-inputs": "17.0.0",
+    "igniteui-angular-layouts": "17.0.0",
+    "igniteui-angular-maps": "17.0.0",
+    "igniteui-angular-spreadsheet": "17.0.0",
+    "igniteui-angular-spreadsheet-chart-adapter": "17.0.0",
+    "igniteui-theming": "3.3.1",
+    "igniteui-webcomponents": "4.5.0",
     "immediate": "3.2.3",
     "intl": "1.2.5",
-    "jszip": "3.7.1",
+    "jszip": "3.8.0",
     "minireset.css": "0.0.6",
     "rxjs": "6.6.7",
     "rxjs-compat": "6.6.7",

browser/scripts/browser.js

@@ -1002,26 +1002,35 @@ function makeDirectoryFor(filePath) {
     // fs.mkdir(sampleOutputFolder + 'src', { recursive: true }, (err) => { if (err) throw err; });
 }
 
+// copies files from samples/templates folder to samples, e.g. charts
 function updateSamples(cb) {
-
     log('updating samples files... ');
 
     var templateFiles = [
-        "/.stackblitzrc",
-        // "/src/environments/environment.ts",
-        // "/src/environments/environment.prod.ts"
+        ".stackblitzrc",
+        "angular.json",
+        "tsconfig.json",
+        "src/environments/environment.ts",
+        "src/environments/environment.prod.ts",
+        "src/config/tsconfig-es5.app.json",
+        "src/config/tsconfig.app.json",
+        "src/config/tsconfig.base.json",
+        "src/config/tsconfig.spec.json",
+        "src/config/tsconfig.worker.json",
+        // "src/main.ts",
+        // "src/index.html",
+        "src/polyfills.ts",
+        // "src/styles.scss",
+        "src/typings.d.ts",
     ];
 
     for (const templatePath of templateFiles) {
-
-        var templateFile = fs.readFileSync("../samples/templates" + templatePath, "utf8");
-
+        var templateFile = fs.readFileSync("../samples/templates/" + templatePath, "utf8");
         for (const sample of samplesDatabase) {
-            let samplePath = '../samples/' + sample.SampleGroup + '/' + sample.SampleControl + "/" + sample.SampleFolder;
-
+            let samplePath = '../samples/' + sample.SampleGroup + '/' + sample.SampleControl + "/" + sample.SampleFolder + "/";
             let outputPath = samplePath + templatePath;
+            // log(outputPath);
             makeDirectoryFor(outputPath)
-
             fs.writeFileSync(outputPath, templateFile);
         }
     }
@@ -1053,35 +1062,49 @@ function updateIG(cb) {
     // { name:               "igniteui-angular-charts", version: "14.1.0" },  // NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-angular-core"                     , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-charts"                   , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-excel"                    , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-gauges"                   , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-inputs"                   , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-layouts"                  , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-maps"                     , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-spreadsheet-chart-adapter", version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-spreadsheet"              , version: "16.1.2-beta.0" },
-        { name: "igniteui-angular-datasources"              , version: "16.1.2-beta.0" },
-
+        { name: "igniteui-angular-core"                     , version: "17.0.0" },
+        { name: "igniteui-angular-charts"                   , version: "17.0.0" },
+        { name: "igniteui-angular-excel"                    , version: "17.0.0" },
+        { name: "igniteui-angular-gauges"                   , version: "17.0.0" },
+        { name: "igniteui-angular-inputs"                   , version: "17.0.0" },
+        { name: "igniteui-angular-layouts"                  , version: "17.0.0" },
+        { name: "igniteui-angular-maps"                     , version: "17.0.0" },
+        { name: "igniteui-angular-spreadsheet-chart-adapter", version: "17.0.0" },
+        { name: "igniteui-angular-spreadsheet"              , version: "17.0.0" },
+        { name: "igniteui-angular-datasources"              , version: "17.0.0" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents",            version: "4.5.0-beta.1" },
-        { name: "igniteui-theming",                  version: "1.4.14" },
-        { name: "igniteui-angular",                  version: "16.0.7" },
-        // { name: "@angular/animations",               version: "14.0.4" },
-        // { name: "@angular/common",                   version: "14.0.4" },
-        // { name: "@angular/compiler",                 version: "14.0.4" },
-        // { name: "@angular/core",                     version: "14.0.4" },
-        // { name: "@angular/forms",                    version: "14.0.4" },
-        // { name: "@angular/platform-browser",         version: "14.0.4" },
-        // { name: "@angular/platform-browser-dynamic", version: "14.0.4" },
-        // { name: "core-js", version: "3.21.0"},
-        //  dev packages:
-        // { name: "@angular-devkit/build-angular", version: "14.0.4"},
-        // { name: "@angular/cli", version: "14.0.4"},
-        // { name: "@angular/compiler-cli", version: "14.0.4"},
-        // { name: "@angular/language-service", version: "14.0.4"},
-        // { name: "typescript", version: "4.7.4"},
+        { name: "igniteui-webcomponents",            version: "4.5.0" },
+        { name: "igniteui-theming",                  version: "3.3.1" },
+        { name: "igniteui-angular",                  version: "17.0.0" },
+        { name: "@angular/animations",               version: "17.0.0" },
+        { name: "@angular/common",                   version: "17.0.0" },
+        { name: "@angular/compiler",                 version: "17.0.0" },
+        { name: "@angular/core",                     version: "17.0.0" },
+        { name: "@angular/forms",                    version: "17.0.0" },
+        { name: "@angular/platform-browser",         version: "17.0.0" },
+        { name: "@angular/platform-browser-dynamic", version: "17.0.0" },
+        { name: "classlist-js",         version: "1.1.20150312" },
+        { name: "core-js",              version: "3.21.0" },
+        { name: "hammerjs",             version: "2.0.8" },
+        { name: "intl",                 version: "1.2.5" },
+        { name: "jszip",                version: "3.8.0" },
+        { name: "rxjs",                 version: "6.6.7" },
+        { name: "tslib",                version: "2.3.1" },
+        { name: "web-animations-js",    version: "2.3.2" },
+        { name: "zone.js",              version: "~0.14.1" },
+        // dev packages:
+        { name: "@angular/cli",                     version: "17.0.0"},
+        { name: "@angular/compiler-cli",            version: "17.0.0"},
+        { name: "@angular/language-service",        version: "17.0.0"},
+        { name: "@angular-devkit/build-angular",    version: "17.0.0"},
+        { name: "@types/node",                      version: "14.14.28"},
+        { name: "codelyzer",                        version: "6.0.2"},
+        { name: "jasmine-core",                     version: "3.7.1"},
+        { name: "jasmine-spec-reporter",            version: "~4.2.1"},
+        { name: "sass.js",                          version: "0.11.1"},
+        { name: "tslint",                           version: "~6.1.3"},
+        { name: "ts-node",                          version: "9.1.1"},
+        { name: "typescript",                       version: "5.2.2"},
     ];
 
     // NOTE you can comment out strings in this array to run these function only on a subset of samples
@@ -1264,3 +1287,5 @@ function logVersionIgniteUI(cb) {
     fs.writeFileSync(outputPath, outputText);
     cb();
 } exports.logVersionIgniteUI = logVersionIgniteUI;
+
+

samples/charts/category-chart/annotations-all/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"

samples/charts/category-chart/annotations-all/package.json

@@ -7,41 +7,41 @@
     "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",
-    "igniteui-angular-charts": "16.1.2-beta.0",
-    "igniteui-angular-core": "16.1.2-beta.0",
-    "igniteui-angular-inputs": "16.1.2-beta.0",
-    "igniteui-angular-layouts": "16.1.2-beta.0",
-    "igniteui-webcomponents": "4.5.0-beta.1",
+    "igniteui-angular-charts": "17.0.0",
+    "igniteui-angular-core": "17.0.0",
+    "igniteui-angular-inputs": "17.0.0",
+    "igniteui-angular-layouts": "17.0.0",
+    "igniteui-webcomponents": "4.5.0",
     "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/cli": "16.0.1",
-    "@angular/compiler-cli": "16.0.1",
-    "@angular/language-service": "16.0.1",
-    "@angular-devkit/build-angular": "16.0.1",
+    "@angular/cli": "17.0.0",
+    "@angular/compiler-cli": "17.0.0",
+    "@angular/language-service": "17.0.0",
+    "@angular-devkit/build-angular": "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",
     "tslint": "~6.1.3",
     "ts-node": "9.1.1",
-    "typescript": "5.0.4"
+    "typescript": "5.2.2"
   }
 }

samples/charts/category-chart/annotations-all/src/config/tsconfig-es5.app.json

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

samples/charts/category-chart/annotations-all/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
   }
 }

samples/charts/category-chart/annotations-all/src/config/tsconfig.worker.json

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

samples/charts/category-chart/annotations-all/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

samples/charts/category-chart/annotations-all/tsconfig.json

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