RELEASE - merging vnext into master

README.md

@@ -172,19 +172,17 @@ NOTE this will re-generate the Readme.md file in the new sample
 To learn more about **Ignite UI for Angular** components, check out the [Angular documentation](https://www.infragistics.com/products/ignite-ui-Angular/Angular/components/general-getting-started.html).
 
 
-# Updating Version of IgniteUI Packages
+## Updating Packages in Samples
 
-Perform these steps to update version of **Ignite UI for Angular** packages in all samples. NOTE that the order of these steps is very important.
+NOTE Do NOT find replace version of packages in package.json files. 
 
 - open this repo in VS Code
 - open [browser.js](./browser/tasks/browser.js) file
 - navigate to the `updateIG` function
-- change version of **Ignite UI for Angular** packages in the `packageUpgrades` array
+- update version of packages in `packageUpgrades` array
 - open terminal window
 - run `cd browser` command
-- run `gulp updateIG` command
+- run the `gulp updateIG` command
 - run `npm install --legacy-peer-deps` command
-- create pull request with your changes
-- open the [Igniteui-xplat-example](https://github.com/IgniteUI/igniteui-xplat-examples) repo in VS Code
-- update version of **Ignite UI for Angular** packages in [Angular template](https://github.com/IgniteUI/igniteui-xplat-examples/blob/23.2.x/editor-templates/Angular/main-template/package.json)
-- create pull request with your changes in [Igniteui-xplat-example](https://github.com/IgniteUI/igniteui-xplat-examples) repo
+- create AND merge a pull request with changes in all package.json files in this repository
+- create 2nd pull request with similar changes in `/editor-templates/angular/main-template/package.json` of the [igniteui-xplat-examples](https://github.com/IgniteUI/igniteui-xplat-examples) repository.

azure-pipelines/build-pipeline.yml

@@ -65,12 +65,12 @@ jobs:
     inputs:
       SourceFolder: '$(Build.SourcesDirectory)\browser'
       Contents: 'web.config'
-      TargetFolder: '$(Build.SourcesDirectory)\browser\dist'
+      TargetFolder: '$(Build.SourcesDirectory)\browser\dist\browser'
       OverWrite: true
 
   - task: PublishPipelineArtifact@1
     inputs:
-      targetPath: '$(Build.SourcesDirectory)\browser\dist'
+      targetPath: '$(Build.SourcesDirectory)\browser\dist\browser'
       artifact: 'dist'
       publishLocation: 'pipeline'
 

browser/angular.json

@@ -10,12 +10,14 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
+            "aot": true,
             "progress": true,
-            "outputPath": "dist",
+            "outputPath": {
+              "base": "dist"
+            },
             "index": "src/index.html",
-            "main": "src/main.ts",
             "tsConfig": "src/tsconfig.app.json",
             "polyfills": [
               "zone.js",
@@ -34,14 +36,14 @@
             },
             "webWorkerTsConfig": "tsconfig.worker.json",
             "sourceMap": false,
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "src/main.ts"
           },
           "configurations": {
             "production": {
+              "aot": true,
               "budgets": [
                 {
                   "type": "anyComponentStyle",
@@ -53,8 +55,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",

browser/gulpfile-old.js

@@ -144,6 +144,8 @@ function logSamples(done) {
 gulp.task("overwrite-package-json", (done) => {
     const packagesPaths = [
         "./node_modules/igniteui-angular-charts/package.json",
+        "./node_modules/igniteui-angular-grids/package.json",
+        "./node_modules/igniteui-angular-dashboards/package.json",
         "./node_modules/igniteui-angular-core/package.json",
         "./node_modules/igniteui-angular-excel/package.json",
         "./node_modules/igniteui-angular-gauges/package.json",

browser/gulpfile.js

@@ -54,7 +54,11 @@ gulp.task('moveAppFiles', browser.moveAppFiles);
 gulp.task("overwrite-package-json", (done) => {
     const packagesPaths = [
         "./node_modules/igniteui-angular-charts/package.json",
+        "./node_modules/igniteui-angular-grids/package.json",
+        "./node_modules/igniteui-angular-dashboards/package.json",
         "./node_modules/igniteui-angular-core/package.json",
+        "./node_modules/igniteui-angular-inputs/package.json",
+        "./node_modules/igniteui-angular-layouts/package.json",
         "./node_modules/igniteui-angular-excel/package.json",
         "./node_modules/igniteui-angular-gauges/package.json",
         "./node_modules/igniteui-angular-spreadsheet/package.json",

browser/package.json

@@ -6,11 +6,11 @@
   "scripts": {
     "ng": "ng",
     "update": "ng update",
-    "build": "gulp updateBrowser --max_old_space_size=12192 && gulp overwrite-package-json && node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production --progress=true",
-    "start": "gulp updateBrowser --max_old_space_size=12192 && node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve --configuration es5 -o",
-    "startProd": "gulp updateBrowser --max_old_space_size=12192 && node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve --configuration production --configuration es5 -o --progress=true",
-    "start:es5": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
-    "startHost": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve --configuration es5 -o",
+    "build": "gulp updateBrowser && gulp overwrite-package-json && ng build --configuration production --progress=true",
+    "start": "gulp updateBrowser && ng serve --configuration es5 -o",
+    "startProd": "gulp updateBrowser && ng serve --configuration production --configuration es5 -o --progress=true",
+    "start:es5": "ng serve -o",
+    "startHost": "ng serve --configuration es5 -o",
     "sass-js-compile-check": "gulp sass-js-compile-check",
     "test": "ng test",
     "lint": "ng lint",
@@ -21,54 +21,56 @@
     "url": "git://github.com/IgniteUI/@infragistics/igniteui-angular-examples/repository.git"
   },
   "dependencies": {
-    "@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",
-    "@angular/router": "17.0.0",
+    "@angular/animations": "19.0.4",
+    "@angular/common": "19.0.4",
+    "@angular/compiler": "19.0.4",
+    "@angular/core": "19.0.4",
+    "@angular/forms": "19.0.4",
+    "@angular/platform-browser": "19.0.4",
+    "@angular/platform-browser-dynamic": "19.0.4",
+    "@angular/router": "19.0.4",
     "@ionic/angular": "5.6.3",
     "@types/file-saver": "2.0.5",
-    "@types/hammerjs": "2.0.39",
+    "@types/hammerjs": "2.0.40",
     "ajv": "8.6.2",
     "angular-in-memory-web-api": "0.9.0",
     "classlist.js": "1.1.20150312",
     "core-js": "3.21.0",
     "file-saver": "2.0.5",
     "hammerjs": "2.0.8",
-    "igniteui-angular": "17.2.3",
-    "igniteui-angular-charts": "17.3.1-alpha.0",
-    "igniteui-angular-core": "17.3.1-alpha.0",
-    "igniteui-angular-excel": "17.3.1-alpha.0",
-    "igniteui-angular-gauges": "17.3.1-alpha.0",
-    "igniteui-angular-inputs": "17.3.1-alpha.0",
-    "igniteui-angular-layouts": "17.3.1-alpha.0",
-    "igniteui-angular-maps": "17.3.1-alpha.0",
-    "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
-    "igniteui-angular-spreadsheet-chart-adapter": "17.3.1-alpha.0",
-    "igniteui-theming": "6.4.0-beta.2",
-    "igniteui-webcomponents": "4.9.0",
+    "igniteui-angular": "19.0.3",
+    "igniteui-angular-charts": "18.2.0",
+    "igniteui-angular-core": "18.2.0",
+    "igniteui-angular-dashboards": "18.2.0",
+    "igniteui-angular-excel": "18.2.0",
+    "igniteui-angular-gauges": "18.2.0",
+    "igniteui-angular-grids": "18.2.0",
+    "igniteui-angular-inputs": "18.2.0",
+    "igniteui-angular-layouts": "18.2.0",
+    "igniteui-angular-maps": "18.2.0",
+    "igniteui-angular-spreadsheet": "18.2.0",
+    "igniteui-angular-spreadsheet-chart-adapter": "18.2.0",
+    "igniteui-theming": "14.3.0",
+    "igniteui-webcomponents": "5.1.2",
     "immediate": "3.2.3",
     "intl": "1.2.5",
     "jszip": "3.8.0",
     "minireset.css": "0.0.6",
-    "rxjs": "6.6.7",
+    "rxjs": "7.8.1",
     "rxjs-compat": "6.6.7",
-    "tslib": "2.3.1",
+    "tslib": "2.6.1",
     "uzip": "0.20200128.0",
     "web-animations-js": "2.3.2",
-    "zone.js": "~0.14.1"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "17.0.0",
-    "@angular/cli": "17.0.0",
-    "@angular/compiler-cli": "17.0.0",
-    "@angular/language-service": "17.0.0",
+    "@angular-devkit/build-angular": "19.0.4",
+    "@angular/cli": "19.0.4",
+    "@angular/compiler-cli": "19.0.4",
+    "@angular/language-service": "19.0.4",
     "@types/jasmine": "3.10.2",
     "@types/jasminewd2": "2.0.9",
-    "@types/node": "14.14.28",
+    "@types/node": "18.17.0",
     "codelyzer": "6.0.2",
     "del": "5.1.0",
     "event-stream": "4.0.1",
@@ -78,7 +80,7 @@
     "gulp-contains": "1.2.0",
     "gulp-exec": "4.0.0",
     "gulp-flatten": "0.4.0",
-    "jasmine-core": "3.7.1",
+    "jasmine-core": "5.1.1",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "6.3.7",
     "karma-chrome-launcher": "~3.1.0",
@@ -88,8 +90,8 @@
     "karma-jasmine-html-reporter": "1.6.0",
     "protractor": "~7.0.0",
     "sass.js": "0.11.1",
-    "ts-node": "9.1.1",
+    "ts-node": "10.9.1",
     "tslint": "~6.1.3",
-    "typescript": "5.2.2"
+    "typescript": "5.6.3"
   }
 }

browser/package_move.bat

@@ -6,6 +6,10 @@ IF EXIST @infragistics\igniteui-angular-charts (
  MOVE /y @infragistics\igniteui-angular-charts igniteui-angular-charts
 ) 
 
+IF EXIST @infragistics\igniteui-angular-dashboards (
+ MOVE /y @infragistics\igniteui-angular-dashboards igniteui-angular-dashboards
+) 
+
 IF EXIST @infragistics\igniteui-angular-core (
  MOVE /y @infragistics\igniteui-angular-core igniteui-angular-core
 ) 

browser/scripts/browser.js

@@ -1063,59 +1063,62 @@ function sortByKeys(dependencies)
 function updateIG(cb) {
 
     // cleanup packages to speedup this gulp script
-    // del.sync("./samples/**/node_modules/**/*.*", {force:true});
-    // del.sync("./samples/**/node_modules/**", {force:true});
-    // del.sync("./samples/**/node_modules", {force:true});
+    del.sync("./samples/**/node_modules/**/*.*", {force:true});
+    del.sync("./samples/**/node_modules/**", {force:true});
+    del.sync("./samples/**/node_modules", {force:true});
 
     // NOTE: change this array with new version of packages
     // and optionally use "@infragistics/" proget prefix, e.g.
-    // { name: "@infragistics/igniteui-angular-charts", version: "23.2.18" }, // PROGET
-    // { name:               "igniteui-angular-charts", version: "14.1.0" },  // NPM
+    // { version: "23.2.18", name: "@infragistics/igniteui-angular-charts" }, // PROGET
+    // { version: "14.1.0",  name:               "igniteui-angular-charts" },  // NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-angular-core"                     , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-charts"                   , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-excel"                    , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-gauges"                   , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-inputs"                   , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-layouts"                  , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-maps"                     , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-spreadsheet-chart-adapter", version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-spreadsheet"              , version: "17.3.1-alpha.0" },
-        { name: "igniteui-angular-datasources"              , version: "17.3.1-alpha.0" },
+        { version: "18.2.0", name: "igniteui-angular-core" },
+        { version: "18.2.0", name: "igniteui-angular-charts" },
+        { version: "18.2.0", name: "igniteui-angular-excel" },
+        { version: "18.2.0", name: "igniteui-angular-gauges" },
+        { version: "18.2.0", name: "igniteui-angular-grids" },
+        { version: "18.2.0", name: "igniteui-angular-inputs" },
+        { version: "18.2.0", name: "igniteui-angular-layouts" },
+        { version: "18.2.0", name: "igniteui-angular-maps" },
+        { version: "18.2.0", name: "igniteui-angular-spreadsheet-chart-adapter"  },
+        { version: "18.2.0", name: "igniteui-angular-spreadsheet" },
+        { version: "18.2.0", name: "igniteui-angular-datasources" },
+        { version: "18.2.0", name: "igniteui-angular-dashboards" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents",            version: "4.9.0" },
-        { name: "igniteui-theming",                  version: "6.4.0-beta.2" },
-        { name: "igniteui-angular",                  version: "17.2.3" },
-        { 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" },
+        { version: "5.1.2" , name: "igniteui-webcomponents" },
+        { version: "14.3.0", name: "igniteui-theming" },
+        { version: "19.0.3", name: "igniteui-angular" },
+        { version: "19.0.4", name: "@angular/animations" },
+        { version: "19.0.4", name: "@angular/common" },
+        { version: "19.0.4", name: "@angular/compiler" },
+        { version: "19.0.4", name: "@angular/core" },
+        { version: "19.0.4", name: "@angular/forms" },
+        { version: "19.0.4", name: "@angular/platform-browser" },
+        { version: "19.0.4", name: "@angular/platform-browser-dynamic" },
+        { version: "2.0.40", name: "@types/hammerjs" },
+        { version: "1.1.20150312", name: "classlist-js" },
+        { version: "3.21.0" , name: "core-js" },
+        { version: "2.0.8"  , name: "hammerjs" },
+        { version: "1.2.5"  , name: "intl" },
+        { version: "3.8.0"  , name: "jszip" },
+        { version: "7.8.1"  , name: "rxjs" },
+        { version: "2.6.1"  , name: "tslib" },
+        { version: "2.3.2"  , name: "web-animations-js",     },
+        { version: "~0.15.0", name: "zone.js" },
         // 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"},
+        { version: "19.0.4" , name: "@angular/cli" },
+        { version: "19.0.4" , name: "@angular/compiler-cli" },
+        { version: "19.0.4" , name: "@angular/language-service" },
+        { version: "19.0.4" , name: "@angular-devkit/build-angular" },
+        { version: "18.17.0", name: "@types/node" },
+        { version: "6.0.2"  , name: "codelyzer" },
+        { version: "5.1.1"  , name: "jasmine-core" },
+        { version: "~4.2.1" , name: "jasmine-spec-reporter" },
+        { version: "0.11.1" , name: "sass.js" },
+        { version: "~6.1.3" , name: "tslint" },
+        { version: "10.9.1" , name: "ts-node" },
+        { version: "5.6.3"  , name: "typescript" },
     ];
 
     // NOTE you can comment out strings in this array to run these function only on a subset of samples

browser/scripts/utils.js

@@ -177,6 +177,10 @@ var lintPackageNames = [
     'igniteui-angular',
     'igniteui-angular-core',
     'igniteui-angular-charts',
+    'igniteui-angular-dashboards',
+    'igniteui-angular-inputs',
+    'igniteui-angular-layouts',
+    'igniteui-angular-grids',
     'igniteui-angular-excel',
     'igniteui-angular-gauges',
     'igniteui-angular-maps',

browser/src/app/app-routing.module.ts

@@ -1,7 +1,7 @@
 // tslint:disable:max-line-length
 import { NgModule } from "@angular/core";
 import { NavigationStart, Router, RouterModule, Routes } from "@angular/router";
-import "rxjs/add/operator/filter";
+import { filter } from 'rxjs/operators';
 import { HomeComponent } from "./home/home.component";
 import { FallbackComponent } from "./fallback/fallback.component";
 import { DocsLayoutComponent } from "./index/docs-layout.component";
@@ -18,6 +18,7 @@ export const samplesRoutes: Routes = [
     { path: "charts", data: ["SamplesForCharts"], loadChildren: () => import("../samples/charts/samples-modules").then(m => m.SamplesForCharts) },
     { path: "excel", data: ["SamplesForExcel"], loadChildren: () => import("../samples/excel/samples-modules").then(m => m.SamplesForExcel) },
     { path: "gauges", data: ["SamplesForGauges"], loadChildren: () => import("../samples/gauges/samples-modules").then(m => m.SamplesForGauges) },
+    { path: "inputs", data: ["SamplesForInputs"], loadChildren: () => import("../samples/inputs/samples-modules").then(m => m.SamplesForInputs) },
     { path: "maps", data: ["SamplesForMaps"], loadChildren: () => import("../samples/maps/samples-modules").then(m => m.SamplesForMaps) }
 
 
@@ -61,8 +62,9 @@ export class AppRoutingModule {
         //     }
         // }
 
-        router.events
-            .filter((event) => event instanceof NavigationStart)
+        router.events.pipe(
+            filter((event) => event instanceof NavigationStart)
+        )
             .subscribe((event: NavigationStart) => {
                 // console.log("app nav: " + event.url)
                 this.setOverflow(event.url);