mdd-update-21.0.0

browser/.browserslistrc

@@ -8,4 +8,4 @@
 last 2 Chrome versions
 last 2 Firefox versions
 last 2 Edge versions
-Safari >= 16
+Safari >= 17

browser/package.json

@@ -42,17 +42,17 @@
     "file-saver": "2.0.5",
     "hammerjs": "2.0.8",
     "igniteui-angular": "20.1.0-rc.2",
-    "igniteui-angular-charts": "20.2.1",
-    "igniteui-angular-core": "20.2.1",
-    "igniteui-angular-dashboards": "20.2.1",
-    "igniteui-angular-data-grids": "20.2.1",
-    "igniteui-angular-excel": "20.2.1",
-    "igniteui-angular-gauges": "20.2.1",
-    "igniteui-angular-inputs": "20.2.1",
-    "igniteui-angular-layouts": "20.2.1",
-    "igniteui-angular-maps": "20.2.1",
-    "igniteui-angular-spreadsheet": "20.2.1",
-    "igniteui-angular-spreadsheet-chart-adapter": "20.2.1",
+    "igniteui-angular-charts": "21.0.0-beta.0",
+    "igniteui-angular-core": "21.0.0-beta.0",
+    "igniteui-angular-dashboards": "21.0.0-beta.0",
+    "igniteui-angular-data-grids": "21.0.0-beta.0",
+    "igniteui-angular-excel": "21.0.0-beta.0",
+    "igniteui-angular-gauges": "21.0.0-beta.0",
+    "igniteui-angular-inputs": "21.0.0-beta.0",
+    "igniteui-angular-layouts": "21.0.0-beta.0",
+    "igniteui-angular-maps": "21.0.0-beta.0",
+    "igniteui-angular-spreadsheet": "21.0.0-beta.0",
+    "igniteui-angular-spreadsheet-chart-adapter": "21.0.0-beta.0",
     "igniteui-theming": "20.0.0",
     "igniteui-webcomponents": "6.3.1",
     "immediate": "3.2.3",

browser/src/app/app.component.ts

@@ -9,7 +9,7 @@ import { Component, HostListener, Inject, OnInit, DOCUMENT } from "@angular/core
 export class AppComponent implements OnInit {
     public title = "Samples";
     private theme = "default-theme";
-    private styleElem: HTMLStyleElement;
+    private styleElem: HTMLStyleElement | undefined;
     private typefacesLoaded = ["Titillium Web", "Roboto"];
     private typefaceUrl = "https://fonts.googleapis.com/css?family=";
 
@@ -21,7 +21,7 @@ export class AppComponent implements OnInit {
     }
 
     @HostListener("window:message", ["$event"])
-    private onMessage(e: MessageEvent) {
+    public onMessage(e: MessageEvent) {
         if (e.origin === e.data.origin && typeof e.data.themeStyle === "string") {
             this.styleElem.textContent = e.data.themeStyle;
             const typeface = window.getComputedStyle(this.document.body).fontFamily.replace(/\"/g, "");

browser/src/app/app.module.ts

@@ -1,8 +1,9 @@
 import { provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
-import { NgModule } from "@angular/core";
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";
 import { FormsModule } from "@angular/forms";
 import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { RouterModule } from "@angular/router";
 import {
     IgxButtonModule, IgxIconModule, IgxInputGroupModule,
     IgxLayoutModule, IgxNavbarModule, IgxNavigationDrawerModule, IgxRippleModule
@@ -14,14 +15,17 @@ import { DocsLayoutComponent } from "./index/docs-layout.component";
 import { IndexComponent } from "./index/index.component";
 import { FallbackComponent } from './fallback/fallback.component';
 
-@NgModule({ bootstrap: [AppComponent],
+@NgModule({ 
+    bootstrap: [AppComponent],
     declarations: [
         AppComponent,
         HomeComponent,
         DocsLayoutComponent,
         IndexComponent,
         FallbackComponent
-    ], imports: [AppRoutingModule,
+    ], 
+    imports: [AppRoutingModule,
+        RouterModule,
         IgxRippleModule,
         IgxNavbarModule,
         IgxNavigationDrawerModule,
@@ -31,5 +35,8 @@ import { FallbackComponent } from './fallback/fallback.component';
         BrowserModule,
         BrowserAnimationsModule,
         IgxButtonModule,
-        FormsModule], providers: [provideHttpClient(withInterceptorsFromDi())] })
+        FormsModule], 
+    providers: [provideHttpClient(withInterceptorsFromDi())],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
 export class AppModule { }

browser/src/app/index/docs-layout.component.ts

@@ -1,4 +1,4 @@
-import { Component, HostListener, Inject, OnInit, DOCUMENT } from "@angular/core";
+import { Component } from "@angular/core";
 
 @Component({
     selector: "app-docs-layout",

browser/src/browser-info.json

@@ -1,16 +1,16 @@
 [
 {"ver":"20.1.0-rc.2","name":"igniteui-angular"},
-{"ver":"20.2.1","name":"igniteui-angular-charts"},
-{"ver":"20.2.1","name":"igniteui-angular-core"},
-{"ver":"20.2.1","name":"igniteui-angular-dashboards"},
-{"ver":"20.2.1","name":"igniteui-angular-data-grids"},
-{"ver":"20.2.1","name":"igniteui-angular-excel"},
-{"ver":"20.2.1","name":"igniteui-angular-gauges"},
-{"ver":"20.2.1","name":"igniteui-angular-inputs"},
-{"ver":"20.2.1","name":"igniteui-angular-layouts"},
-{"ver":"20.2.1","name":"igniteui-angular-maps"},
-{"ver":"20.2.1","name":"igniteui-angular-spreadsheet"},
-{"ver":"20.2.1","name":"igniteui-angular-spreadsheet-chart-adapter"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-charts"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-core"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-dashboards"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-data-grids"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-excel"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-gauges"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-inputs"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-layouts"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-maps"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-spreadsheet"},
+{"ver":"21.0.0-beta.0","name":"igniteui-angular-spreadsheet-chart-adapter"},
 {"ver":"20.0.0","name":"igniteui-theming"},
 {"ver":"6.3.1","name":"igniteui-webcomponents"}
 ]

browser/src/tsconfig.app.json

@@ -7,6 +7,9 @@
     "baseUrl": "./",
     "types": []
   },
+  "angularCompilerOptions": {
+    "strictTemplates": false
+  },
   "files": [
     "main.ts",
     "polyfills.ts"

browser/tsconfig.base.json

@@ -7,7 +7,8 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": false,
     "declaration": false,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
+    "skipLibCheck": true,
     "experimentalDecorators": true,
     "esModuleInterop": true,
     "downlevelIteration": true, // required for excel library
@@ -19,6 +20,10 @@
       "ES2022",
       "dom"
     ],
-    "useDefineForClassFields": false
+    "useDefineForClassFields": false,
+    "resolvePackageJsonExports": true,
+    "resolvePackageJsonImports": true,
+    "noImplicitAny": false,
+    "strict": false
   }
 }

browser/tsconfig.json

@@ -17,7 +17,12 @@
     "useDefineForClassFields": false,
     "typeRoots": [
       "node_modules/@types"
-    ]
+    ],
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "resolvePackageJsonExports": false,
+    "resolvePackageJsonImports": false
   },
   "lib": [
     "ES2022",