diff --git a/examples/projects/integration-pwa-material/src/environments/environment.ts b/examples/projects/integration-pwa-material/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/examples/projects/integration-pwa-material/src/environments/environment.ts
+++ b/examples/projects/integration-pwa-material/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/examples/projects/integration-pwa-material/src/polyfills.ts b/examples/projects/integration-pwa-material/src/polyfills.ts
index ffa3524..32810a7 100644
--- a/examples/projects/integration-pwa-material/src/polyfills.ts
+++ b/examples/projects/integration-pwa-material/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
diff --git a/examples/projects/integration-pwa-material/src/test.ts b/examples/projects/integration-pwa-material/src/test.ts
index 1631789..040c478 100644
--- a/examples/projects/integration-pwa-material/src/test.ts
+++ b/examples/projects/integration-pwa-material/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -12,7 +12,9 @@ declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(), {
+ teardown: { destroyAfterEach: false }
+}
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/examples/projects/integration-pwa/.browserslistrc b/examples/projects/integration-pwa/.browserslistrc
index 37371cb..4f9ac26 100644
--- a/examples/projects/integration-pwa/.browserslistrc
+++ b/examples/projects/integration-pwa/.browserslistrc
@@ -1,11 +1,16 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
# For additional information regarding the format and rule options, please see:
# https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
-> 0.5%
-last 2 versions
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+# npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
Firefox ESR
-not dead
-not IE 9-11
\ No newline at end of file
diff --git a/examples/projects/integration-pwa/.eslintrc.json b/examples/projects/integration-pwa/.eslintrc.json
new file mode 100644
index 0000000..47c17dd
--- /dev/null
+++ b/examples/projects/integration-pwa/.eslintrc.json
@@ -0,0 +1,50 @@
+{
+ "root": true,
+ "ignorePatterns": [
+ "projects/**/*"
+ ],
+ "overrides": [
+ {
+ "files": [
+ "*.ts"
+ ],
+ "parserOptions": {
+ "project": [
+ "tsconfig.json"
+ ],
+ "createDefaultProgram": true
+ },
+ "extends": [
+ "plugin:@angular-eslint/recommended",
+ "plugin:@angular-eslint/template/process-inline-templates"
+ ],
+ "rules": {
+ "@angular-eslint/directive-selector": [
+ "error",
+ {
+ "type": "attribute",
+ "prefix": "app",
+ "style": "camelCase"
+ }
+ ],
+ "@angular-eslint/component-selector": [
+ "error",
+ {
+ "type": "element",
+ "prefix": "app",
+ "style": "kebab-case"
+ }
+ ]
+ }
+ },
+ {
+ "files": [
+ "*.html"
+ ],
+ "extends": [
+ "plugin:@angular-eslint/template/recommended"
+ ],
+ "rules": {}
+ }
+ ]
+}
diff --git a/examples/projects/integration-pwa/README.md b/examples/projects/integration-pwa/README.md
index 9c32c82..2e9860d 100644
--- a/examples/projects/integration-pwa/README.md
+++ b/examples/projects/integration-pwa/README.md
@@ -13,7 +13,7 @@ This Kendo UI for Angular sample project demonstrates how to use [Kendo UI for A
> A copy of the application is deployed at [https://telerik.github.io/kendo-angular/integration-pwa/](https://telerik.github.io/kendo-angular/integration-pwa/).
1. Build the application in production mode to be able to access the service worker.
-1. Access the service worker by running `ng build integration-pwa --prod`.
+1. Access the service worker by running `ng build integration-pwa --configuration production`.
2. Enter the newly created `dist` folder by running `cd dist/integration-pwa`.
3. Run the server in a disabled cache mode by running `npx http-server -c -1`.
diff --git a/examples/projects/integration-pwa/src/app/app-routing.module.ts b/examples/projects/integration-pwa/src/app/app-routing.module.ts
index 3460841..2abd45f 100644
--- a/examples/projects/integration-pwa/src/app/app-routing.module.ts
+++ b/examples/projects/integration-pwa/src/app/app-routing.module.ts
@@ -6,7 +6,7 @@ import { AppRoutes } from './app.routes';
@NgModule({
imports: [
- RouterModule.forRoot(AppRoutes, { useHash: true })
+ RouterModule.forRoot(AppRoutes, { useHash: true, relativeLinkResolution: 'legacy' })
],
exports: [RouterModule]
})
diff --git a/examples/projects/integration-pwa/src/app/app.component.spec.ts b/examples/projects/integration-pwa/src/app/app.component.spec.ts
index bcbdf36..6d7d6f0 100644
--- a/examples/projects/integration-pwa/src/app/app.component.spec.ts
+++ b/examples/projects/integration-pwa/src/app/app.component.spec.ts
@@ -1,24 +1,24 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [
AppComponent
],
}).compileComponents();
}));
- it('should create the app', async(() => {
+ it('should create the app', waitForAsync(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
}));
- it(`should have as title 'app'`, async(() => {
+ it(`should have as title 'app'`, waitForAsync(() => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('app');
}));
- it('should render title in a h1 tag', async(() => {
+ it('should render title in a h1 tag', waitForAsync(() => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
diff --git a/examples/projects/integration-pwa/src/app/app.module.ts b/examples/projects/integration-pwa/src/app/app.module.ts
index 1ac4b90..61fbfb7 100644
--- a/examples/projects/integration-pwa/src/app/app.module.ts
+++ b/examples/projects/integration-pwa/src/app/app.module.ts
@@ -26,7 +26,7 @@ import { SigninComponent } from './signin/signin.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { ProfileComponent } from './profile/profile.component';
import { IssuesComponent } from './issues/issues.component';
-import { LabelClass } from './issues/label.directive';
+import { LabelDirective } from './issues/label.directive';
import { MarkdownComponent } from './markdown/markdown.component';
import { ActiveIssuesComponent } from './charts/active-issues.component';
import { TypesDistributionComponent } from './charts/types-distribution.component';
@@ -46,7 +46,7 @@ export function createTranslateLoader(http: HttpClient) {
@NgModule({
declarations: [
- LabelClass,
+ LabelDirective,
AppComponent,
MainMenuComponent,
SigninComponent,
diff --git a/examples/projects/integration-pwa/src/app/issues/issues.template.html b/examples/projects/integration-pwa/src/app/issues/issues.template.html
index 035c536..5132428 100644
--- a/examples/projects/integration-pwa/src/app/issues/issues.template.html
+++ b/examples/projects/integration-pwa/src/app/issues/issues.template.html
@@ -43,7 +43,7 @@
-
+
{{ label.name }}
@@ -98,7 +98,7 @@
Labels
-
+
{{ label.name }}
diff --git a/examples/projects/integration-pwa/src/app/issues/label.directive.ts b/examples/projects/integration-pwa/src/app/issues/label.directive.ts
index 0b3679a..6a8560d 100644
--- a/examples/projects/integration-pwa/src/app/issues/label.directive.ts
+++ b/examples/projects/integration-pwa/src/app/issues/label.directive.ts
@@ -1,10 +1,10 @@
import { Directive, ElementRef, Renderer2, Input } from '@angular/core';
// tslint:disable-next-line: directive-selector
-@Directive({ selector: '[labelClass]' })
+@Directive({ selector: '[appLabelClass]' })
// tslint:disable-next-line: directive-class-suffix
-export class LabelClass {
+export class LabelDirective {
@Input() set labelClass(text: string) {
const color = this.matchColor(text);
this.renderer.setStyle(this.element.nativeElement, 'backgroundColor', color );
diff --git a/examples/projects/integration-pwa/src/app/main-menu/main-menu.component.spec.ts b/examples/projects/integration-pwa/src/app/main-menu/main-menu.component.spec.ts
index 1f0a184..b17211b 100644
--- a/examples/projects/integration-pwa/src/app/main-menu/main-menu.component.spec.ts
+++ b/examples/projects/integration-pwa/src/app/main-menu/main-menu.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
import { MainMenuComponent } from './main-menu.component';
@@ -6,7 +6,7 @@ describe('MainMenuComponent', () => {
let component: MainMenuComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ MainMenuComponent ]
})
diff --git a/examples/projects/integration-pwa/src/app/markdown/markdown.component.ts b/examples/projects/integration-pwa/src/app/markdown/markdown.component.ts
index fcbce36..256fd37 100644
--- a/examples/projects/integration-pwa/src/app/markdown/markdown.component.ts
+++ b/examples/projects/integration-pwa/src/app/markdown/markdown.component.ts
@@ -6,8 +6,7 @@ import * as marked from 'marked';
template: ''
})
export class MarkdownComponent implements OnChanges {
-// tslint:disable-next-line: no-input-rename
- @Input('data') public data: string;
+ @Input() public data: string;
public convertedData: string;
ngOnChanges() {
diff --git a/examples/projects/integration-pwa/src/environments/environment.ts b/examples/projects/integration-pwa/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/examples/projects/integration-pwa/src/environments/environment.ts
+++ b/examples/projects/integration-pwa/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/examples/projects/integration-pwa/src/polyfills.ts b/examples/projects/integration-pwa/src/polyfills.ts
index ffa3524..32810a7 100644
--- a/examples/projects/integration-pwa/src/polyfills.ts
+++ b/examples/projects/integration-pwa/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
diff --git a/examples/projects/integration-pwa/src/test.ts b/examples/projects/integration-pwa/src/test.ts
index 1631789..040c478 100644
--- a/examples/projects/integration-pwa/src/test.ts
+++ b/examples/projects/integration-pwa/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -12,7 +12,9 @@ declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(), {
+ teardown: { destroyAfterEach: false }
+}
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/examples/projects/pdf-embedded-fonts/.browserslistrc b/examples/projects/pdf-embedded-fonts/.browserslistrc
index fcb53f0..4f9ac26 100644
--- a/examples/projects/pdf-embedded-fonts/.browserslistrc
+++ b/examples/projects/pdf-embedded-fonts/.browserslistrc
@@ -1,11 +1,16 @@
-# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
# For additional information regarding the format and rule options, please see:
# https://github.com/browserslist/browserslist#queries
-#
-# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
-> 0.5%
-last 2 versions
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+# npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
Firefox ESR
-not dead
-IE 9-11
diff --git a/examples/projects/pdf-embedded-fonts/.eslintrc.json b/examples/projects/pdf-embedded-fonts/.eslintrc.json
new file mode 100644
index 0000000..47c17dd
--- /dev/null
+++ b/examples/projects/pdf-embedded-fonts/.eslintrc.json
@@ -0,0 +1,50 @@
+{
+ "root": true,
+ "ignorePatterns": [
+ "projects/**/*"
+ ],
+ "overrides": [
+ {
+ "files": [
+ "*.ts"
+ ],
+ "parserOptions": {
+ "project": [
+ "tsconfig.json"
+ ],
+ "createDefaultProgram": true
+ },
+ "extends": [
+ "plugin:@angular-eslint/recommended",
+ "plugin:@angular-eslint/template/process-inline-templates"
+ ],
+ "rules": {
+ "@angular-eslint/directive-selector": [
+ "error",
+ {
+ "type": "attribute",
+ "prefix": "app",
+ "style": "camelCase"
+ }
+ ],
+ "@angular-eslint/component-selector": [
+ "error",
+ {
+ "type": "element",
+ "prefix": "app",
+ "style": "kebab-case"
+ }
+ ]
+ }
+ },
+ {
+ "files": [
+ "*.html"
+ ],
+ "extends": [
+ "plugin:@angular-eslint/template/recommended"
+ ],
+ "rules": {}
+ }
+ ]
+}
diff --git a/examples/projects/pdf-embedded-fonts/src/app/app.component.ts b/examples/projects/pdf-embedded-fonts/src/app/app.component.ts
index 841c36b..fa9ac29 100644
--- a/examples/projects/pdf-embedded-fonts/src/app/app.component.ts
+++ b/examples/projects/pdf-embedded-fonts/src/app/app.component.ts
@@ -18,7 +18,7 @@ import { invoiceData } from './invoice-data';
styles: [`
@font-face {
font-family: 'DejaVu Sans';
- src: url('assets/DejaVuSans.ttf') format('truetype');
+ src: url('../assets/DejaVuSans.ttf') format('truetype');
}
kendo-pdf-export {
diff --git a/examples/projects/pdf-embedded-fonts/src/app/invoice.component.ts b/examples/projects/pdf-embedded-fonts/src/app/invoice.component.ts
index 56aeb44..0215420 100644
--- a/examples/projects/pdf-embedded-fonts/src/app/invoice.component.ts
+++ b/examples/projects/pdf-embedded-fonts/src/app/invoice.component.ts
@@ -32,16 +32,16 @@ import { InvoiceRow } from './invoice-row';
Total
-
-
{{ totals[column.field].sum }}
-
{{ totals[column.field].sum | kendoNumber:'c' }}
diff --git a/examples/projects/pdf-embedded-fonts/src/environments/environment.ts b/examples/projects/pdf-embedded-fonts/src/environments/environment.ts
index 7b4f817..30d7bcc 100644
--- a/examples/projects/pdf-embedded-fonts/src/environments/environment.ts
+++ b/examples/projects/pdf-embedded-fonts/src/environments/environment.ts
@@ -13,4 +13,4 @@ export const environment = {
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
-// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.
diff --git a/examples/projects/pdf-embedded-fonts/src/polyfills.ts b/examples/projects/pdf-embedded-fonts/src/polyfills.ts
index ffa3524..32810a7 100644
--- a/examples/projects/pdf-embedded-fonts/src/polyfills.ts
+++ b/examples/projects/pdf-embedded-fonts/src/polyfills.ts
@@ -18,16 +18,6 @@
* BROWSER POLYFILLS
*/
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js'; // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
-
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -55,7 +45,7 @@
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js'; // Included with Angular CLI.
/***************************************************************************************************
* Load `$localize` onto the global scope - used if i18n tags appear in Angular templates.
diff --git a/examples/projects/pdf-embedded-fonts/src/test.ts b/examples/projects/pdf-embedded-fonts/src/test.ts
index 1631789..040c478 100644
--- a/examples/projects/pdf-embedded-fonts/src/test.ts
+++ b/examples/projects/pdf-embedded-fonts/src/test.ts
@@ -1,6 +1,6 @@
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
@@ -12,7 +12,9 @@ declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
- platformBrowserDynamicTesting()
+ platformBrowserDynamicTesting(), {
+ teardown: { destroyAfterEach: false }
+}
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
diff --git a/examples/tsconfig.json b/examples/tsconfig.json
index 457bef4..f5725ee 100644
--- a/examples/tsconfig.json
+++ b/examples/tsconfig.json
@@ -6,9 +6,8 @@
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
- "module": "esnext",
+ "module": "es2020",
"moduleResolution": "node",
- "emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es5",