diff --git a/samples/charts/category-chart/axis-gridlines/angular.json b/samples/charts/category-chart/axis-gridlines/angular.json index 9ec584c70..df914cbb0 100644 --- a/samples/charts/category-chart/axis-gridlines/angular.json +++ b/samples/charts/category-chart/axis-gridlines/angular.json @@ -91,13 +91,5 @@ } } }, - "schematics": { - "@schematics/angular:component": { - "prefix": "app", - "styleext": "scss" - }, - "@schematics/angular:directive": { - "prefix": "app" - } - } + "defaultProject": "demo" } diff --git a/samples/charts/category-chart/axis-gridlines/src/app.component.ts b/samples/charts/category-chart/axis-gridlines/src/app.component.ts index d2c752d3f..7526e3f56 100644 --- a/samples/charts/category-chart/axis-gridlines/src/app.component.ts +++ b/samples/charts/category-chart/axis-gridlines/src/app.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core'; +import { AfterViewInit, Component, ViewChild } from '@angular/core'; import { ComponentRenderer, PropertyEditorPanelDescriptionModule, LegendDescriptionModule, CategoryChartDescriptionModule } from 'igniteui-angular-core'; import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity'; import { IgxLegendComponent, IgxCategoryChartComponent } from 'igniteui-angular-charts'; @@ -11,15 +11,10 @@ defineAllComponents(); @Component({ selector: "app-root", styleUrls: ["./app.component.scss"], - templateUrl: "./app.component.html", - changeDetection: ChangeDetectionStrategy.OnPush + templateUrl: "./app.component.html" }) export class AppComponent { - public constructor(private _detector: ChangeDetectorRef) { - - } - @ViewChild("legend", { static: true } ) private legend: IgxLegendComponent @ViewChild("propertyEditorPanel1", { static: true } ) diff --git a/samples/charts/category-chart/axis-gridlines/src/polyfills.ts b/samples/charts/category-chart/axis-gridlines/src/polyfills.ts index 83cfea214..6ced8a484 100644 --- a/samples/charts/category-chart/axis-gridlines/src/polyfills.ts +++ b/samples/charts/category-chart/axis-gridlines/src/polyfills.ts @@ -11,55 +11,57 @@ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. * - * Learn more in https://angular.io/guide/browser-support + * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html */ /*************************************************************************************************** -* BROWSER POLYFILLS -*/ + * BROWSER POLYFILLS + */ -import "core-js/es7/object"; +/** IE9, IE10 and IE11 requires all of the following polyfills. **/ +// import 'core-js/es6/symbol'; +// import 'core-js/es6/object'; +// import 'core-js/es6/function'; +// import 'core-js/es6/parse-int'; +// import 'core-js/es6/parse-float'; +// import 'core-js/es6/number'; +// import 'core-js/es6/math'; +// import 'core-js/es6/string'; +// import 'core-js/es6/date'; +// import 'core-js/es6/array'; +// import 'core-js/es6/regexp'; +// import 'core-js/es6/map'; +// import 'core-js/es6/set'; /** 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"; +/** IE10 and IE11 requires the following to support `@angular/animation`. */ +// import 'web-animations-js'; // Run `npm install --save web-animations-js`. -/* Evergreen browsers require these. */ -// used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. -import "core-js/es7/reflect"; +/** Evergreen browsers require these. **/ +// import 'core-js/es6/reflect'; +// import 'core-js/es7/reflect'; -/* - * Required to support Web Animations `@angular/platform-browser/animations`. - * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation +/** + * 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`. +// 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. - -/*************************************************************************************************** - * @angular/animations polyfill - */ -if (!Element.prototype.matches) { - Element.prototype.matches = (Element.prototype as any).msMatchesSelector; -} - -/*************************************************************************************************** - * APPLICATION IMPORTS - */ + import 'zone.js/dist/zone'; // Included with Angular CLI. -/** - * Date, currency, decimal and percent pipes. - * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 - */ -// import "intl"; // Run `npm install --save intl`. -// import "intl/locale-data/jsonp/de"; -/** - * Need to import at least one locale-data with intl. - */ -// import "intl/locale-data/jsonp/en"; + /*************************************************************************************************** + * APPLICATION IMPORTS + */ + + /** + * Date, currency, decimal and percent pipes. + * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 + */ + // import 'intl'; // Run `npm install --save intl`. + \ No newline at end of file