+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/category-chart/selection-modes
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/category-chart/selection-modes/angular.json b/samples/charts/category-chart/selection-modes/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
new file mode 100644
index 000000000..70f510a25
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/category-chart/selection-modes/src/TemperatureAverageData.ts b/samples/charts/category-chart/selection-modes/src/TemperatureAverageData.ts
new file mode 100644
index 000000000..4f63b25f7
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/TemperatureAverageData.ts
@@ -0,0 +1,80 @@
+export class TemperatureAverageDataItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/category-chart/selection-modes/src/app.component.scss b/samples/charts/category-chart/selection-modes/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/category-chart/selection-modes/src/app.component.ts b/samples/charts/category-chart/selection-modes/src/app.component.ts
new file mode 100644
index 000000000..c8189ae02
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/app.component.ts
@@ -0,0 +1,36 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { TemperatureAverageDataItem, TemperatureAverageData } from './TemperatureAverageData';
+import { IgxCategoryChartComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("chart", { static: true } )
+ private chart: IgxCategoryChartComponent
+ private _temperatureAverageData: TemperatureAverageData = null;
+ public get temperatureAverageData(): TemperatureAverageData {
+ if (this._temperatureAverageData == null)
+ {
+ this._temperatureAverageData = new TemperatureAverageData();
+ }
+ return this._temperatureAverageData;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/category-chart/selection-modes/src/app.module.ts b/samples/charts/category-chart/selection-modes/src/app.module.ts
new file mode 100644
index 000000000..a77bef963
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/app.module.ts
@@ -0,0 +1,26 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxCategoryChartModule, IgxDataChartInteractivityModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxCategoryChartModule,
+ IgxDataChartInteractivityModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/category-chart/selection-modes/src/environments/environment.prod.ts b/samples/charts/category-chart/selection-modes/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/category-chart/selection-modes/src/environments/environment.ts b/samples/charts/category-chart/selection-modes/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/category-chart/selection-modes/src/index.html b/samples/charts/category-chart/selection-modes/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/category-chart/selection-modes/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Average Temperature Range in New York
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/category-chart/selection-multiple-modes
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/category-chart/selection-multiple-modes/angular.json b/samples/charts/category-chart/selection-multiple-modes/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/EnergyRenewableConsumption.ts b/samples/charts/category-chart/selection-multiple-modes/src/EnergyRenewableConsumption.ts
new file mode 100644
index 000000000..f742bbef3
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/EnergyRenewableConsumption.ts
@@ -0,0 +1,69 @@
+export class EnergyRenewableConsumptionItem {
+ public constructor(init: Partial
+
+
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/app.component.scss b/samples/charts/category-chart/selection-multiple-modes/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/app.component.ts b/samples/charts/category-chart/selection-multiple-modes/src/app.component.ts
new file mode 100644
index 000000000..92b8ee08a
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/app.component.ts
@@ -0,0 +1,62 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, LegendDescriptionModule, CategoryChartDescriptionModule } from 'igniteui-angular-core';
+import { EnergyRenewableConsumptionItem, EnergyRenewableConsumption } from './EnergyRenewableConsumption';
+import { IgxLegendComponent, IgxCategoryChartComponent } from 'igniteui-angular-charts';
+import { IgxPropertyEditorPanelComponent, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+
+import { defineAllComponents } from 'igniteui-webcomponents';
+
+defineAllComponents();
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("legend", { static: true } )
+ private legend: IgxLegendComponent
+ @ViewChild("propertyEditor", { static: true } )
+ private propertyEditor: IgxPropertyEditorPanelComponent
+ @ViewChild("selectionModeEditor", { static: true } )
+ private selectionModeEditor: IgxPropertyEditorPropertyDescriptionComponent
+ @ViewChild("selectionBehaviorEditor", { static: true } )
+ private selectionBehaviorEditor: IgxPropertyEditorPropertyDescriptionComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxCategoryChartComponent
+ private _energyRenewableConsumption: EnergyRenewableConsumption = null;
+ public get energyRenewableConsumption(): EnergyRenewableConsumption {
+ if (this._energyRenewableConsumption == null)
+ {
+ this._energyRenewableConsumption = new EnergyRenewableConsumption();
+ }
+ return this._energyRenewableConsumption;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ LegendDescriptionModule.register(context);
+ CategoryChartDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/app.module.ts b/samples/charts/category-chart/selection-multiple-modes/src/app.module.ts
new file mode 100644
index 000000000..b4febf5b8
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/app.module.ts
@@ -0,0 +1,28 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxLegendModule, IgxCategoryChartModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxLegendModule,
+ IgxCategoryChartModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/environments/environment.prod.ts b/samples/charts/category-chart/selection-multiple-modes/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/environments/environment.ts b/samples/charts/category-chart/selection-multiple-modes/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/category-chart/selection-multiple-modes/src/index.html b/samples/charts/category-chart/selection-multiple-modes/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/category-chart/selection-multiple-modes/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Highest Grossing Movie Franchises
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/dashboard-tile/chart-dashboard
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/dashboard-tile/chart-dashboard/angular.json b/samples/charts/dashboard-tile/chart-dashboard/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/dashboard-tile/chart-dashboard/package.json b/samples/charts/dashboard-tile/chart-dashboard/package.json
new file mode 100644
index 000000000..ce1b44132
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/package.json
@@ -0,0 +1,49 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-dashboards": "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",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/OlympicMedalsTopCountries.ts b/samples/charts/dashboard-tile/chart-dashboard/src/OlympicMedalsTopCountries.ts
new file mode 100644
index 000000000..d47a868bd
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/OlympicMedalsTopCountries.ts
@@ -0,0 +1,64 @@
+export class OlympicMedalsTopCountriesItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/app.component.scss b/samples/charts/dashboard-tile/chart-dashboard/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/app.component.ts b/samples/charts/dashboard-tile/chart-dashboard/src/app.component.ts
new file mode 100644
index 000000000..3fd93685f
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/app.component.ts
@@ -0,0 +1,36 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { OlympicMedalsTopCountriesItem, OlympicMedalsTopCountries } from './OlympicMedalsTopCountries';
+import { IgxDashboardTileComponent } from 'igniteui-angular-dashboards';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("dashboard", { static: true } )
+ private dashboard: IgxDashboardTileComponent
+ private _olympicMedalsTopCountries: OlympicMedalsTopCountries = null;
+ public get olympicMedalsTopCountries(): OlympicMedalsTopCountries {
+ if (this._olympicMedalsTopCountries == null)
+ {
+ this._olympicMedalsTopCountries = new OlympicMedalsTopCountries();
+ }
+ return this._olympicMedalsTopCountries;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/app.module.ts b/samples/charts/dashboard-tile/chart-dashboard/src/app.module.ts
new file mode 100644
index 000000000..fc20a0109
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDashboardTileModule, IgxDataChartDashboardTileModule, IgxGeographicMapDashboardTileModule, IgxLinearGaugeDashboardTileModule, IgxPieChartDashboardTileModule, IgxRadialGaugeDashboardTileModule } from 'igniteui-angular-dashboards';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDashboardTileModule,
+ IgxDataChartDashboardTileModule,
+ IgxGeographicMapDashboardTileModule,
+ IgxLinearGaugeDashboardTileModule,
+ IgxPieChartDashboardTileModule,
+ IgxRadialGaugeDashboardTileModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/environments/environment.prod.ts b/samples/charts/dashboard-tile/chart-dashboard/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/environments/environment.ts b/samples/charts/dashboard-tile/chart-dashboard/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/dashboard-tile/chart-dashboard/src/index.html b/samples/charts/dashboard-tile/chart-dashboard/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/dashboard-tile/chart-dashboard/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/dashboard-tile/financial-dashboard
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/dashboard-tile/financial-dashboard/angular.json b/samples/charts/dashboard-tile/financial-dashboard/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/dashboard-tile/financial-dashboard/package.json b/samples/charts/dashboard-tile/financial-dashboard/package.json
new file mode 100644
index 000000000..ce1b44132
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/package.json
@@ -0,0 +1,49 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-dashboards": "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",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/MultipleStocks.ts b/samples/charts/dashboard-tile/financial-dashboard/src/MultipleStocks.ts
new file mode 100644
index 000000000..3688676b4
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/MultipleStocks.ts
@@ -0,0 +1,107 @@
+//begin async data
+export class MultipleStocks extends Array
+
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/app.component.scss b/samples/charts/dashboard-tile/financial-dashboard/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/app.component.ts b/samples/charts/dashboard-tile/financial-dashboard/src/app.component.ts
new file mode 100644
index 000000000..bde5f68a3
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/app.component.ts
@@ -0,0 +1,38 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { MultipleStocks } from './MultipleStocks';
+import { IgxDashboardTileComponent } from 'igniteui-angular-dashboards';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("dashboard", { static: true } )
+ private dashboard: IgxDashboardTileComponent
+ private _multipleStocks: MultipleStocks = null;
+ private _isFetching: boolean = false;
+ public get multipleStocks(): MultipleStocks {
+ if (this._multipleStocks == null && !this._isFetching)
+ {
+ this._isFetching = true;
+ ( async () => { this._multipleStocks = await (await MultipleStocks.fetch()); this._detector.markForCheck(); })();
+ }
+ return this._multipleStocks;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/app.module.ts b/samples/charts/dashboard-tile/financial-dashboard/src/app.module.ts
new file mode 100644
index 000000000..fc20a0109
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDashboardTileModule, IgxDataChartDashboardTileModule, IgxGeographicMapDashboardTileModule, IgxLinearGaugeDashboardTileModule, IgxPieChartDashboardTileModule, IgxRadialGaugeDashboardTileModule } from 'igniteui-angular-dashboards';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDashboardTileModule,
+ IgxDataChartDashboardTileModule,
+ IgxGeographicMapDashboardTileModule,
+ IgxLinearGaugeDashboardTileModule,
+ IgxPieChartDashboardTileModule,
+ IgxRadialGaugeDashboardTileModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/environments/environment.prod.ts b/samples/charts/dashboard-tile/financial-dashboard/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/environments/environment.ts b/samples/charts/dashboard-tile/financial-dashboard/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/dashboard-tile/financial-dashboard/src/index.html b/samples/charts/dashboard-tile/financial-dashboard/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/dashboard-tile/financial-dashboard/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/dashboard-tile/gauge-dashboard
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/angular.json b/samples/charts/dashboard-tile/gauge-dashboard/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/package.json b/samples/charts/dashboard-tile/gauge-dashboard/package.json
new file mode 100644
index 000000000..ce1b44132
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/package.json
@@ -0,0 +1,49 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-dashboards": "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",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.html b/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.html
new file mode 100644
index 000000000..b593a3a04
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.html
@@ -0,0 +1,9 @@
+
+
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.scss b/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.ts b/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.ts
new file mode 100644
index 000000000..eedc40593
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/app.component.ts
@@ -0,0 +1,35 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { IgxDashboardTileComponent } from 'igniteui-angular-dashboards';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("dashboard", { static: true } )
+ private dashboard: IgxDashboardTileComponent
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ this.dashboardTileGaugeOnInit();
+ }
+
+ public dashboardTileGaugeOnInit(): void {
+
+ var target = this.dashboard;
+
+ target.dataSource = 40;
+ }
+
+}
+
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/app.module.ts b/samples/charts/dashboard-tile/gauge-dashboard/src/app.module.ts
new file mode 100644
index 000000000..fc20a0109
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDashboardTileModule, IgxDataChartDashboardTileModule, IgxGeographicMapDashboardTileModule, IgxLinearGaugeDashboardTileModule, IgxPieChartDashboardTileModule, IgxRadialGaugeDashboardTileModule } from 'igniteui-angular-dashboards';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDashboardTileModule,
+ IgxDataChartDashboardTileModule,
+ IgxGeographicMapDashboardTileModule,
+ IgxLinearGaugeDashboardTileModule,
+ IgxPieChartDashboardTileModule,
+ IgxRadialGaugeDashboardTileModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/environments/environment.prod.ts b/samples/charts/dashboard-tile/gauge-dashboard/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/environments/environment.ts b/samples/charts/dashboard-tile/gauge-dashboard/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/dashboard-tile/gauge-dashboard/src/index.html b/samples/charts/dashboard-tile/gauge-dashboard/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/dashboard-tile/gauge-dashboard/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/dashboard-tile/map-dashboard
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/dashboard-tile/map-dashboard/angular.json b/samples/charts/dashboard-tile/map-dashboard/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/dashboard-tile/map-dashboard/package.json b/samples/charts/dashboard-tile/map-dashboard/package.json
new file mode 100644
index 000000000..ce1b44132
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/package.json
@@ -0,0 +1,49 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-dashboards": "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",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/WorldCities.ts b/samples/charts/dashboard-tile/map-dashboard/src/WorldCities.ts
new file mode 100644
index 000000000..7ffffb7ab
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/WorldCities.ts
@@ -0,0 +1,5478 @@
+export class WorldCitiesItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/app.component.scss b/samples/charts/dashboard-tile/map-dashboard/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/app.component.ts b/samples/charts/dashboard-tile/map-dashboard/src/app.component.ts
new file mode 100644
index 000000000..c17084bcd
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/app.component.ts
@@ -0,0 +1,36 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { WorldCitiesItem, WorldCities } from './WorldCities';
+import { IgxDashboardTileComponent } from 'igniteui-angular-dashboards';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("dashboard", { static: true } )
+ private dashboard: IgxDashboardTileComponent
+ private _worldCities: WorldCities = null;
+ public get worldCities(): WorldCities {
+ if (this._worldCities == null)
+ {
+ this._worldCities = new WorldCities();
+ }
+ return this._worldCities;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/app.module.ts b/samples/charts/dashboard-tile/map-dashboard/src/app.module.ts
new file mode 100644
index 000000000..fc20a0109
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDashboardTileModule, IgxDataChartDashboardTileModule, IgxGeographicMapDashboardTileModule, IgxLinearGaugeDashboardTileModule, IgxPieChartDashboardTileModule, IgxRadialGaugeDashboardTileModule } from 'igniteui-angular-dashboards';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDashboardTileModule,
+ IgxDataChartDashboardTileModule,
+ IgxGeographicMapDashboardTileModule,
+ IgxLinearGaugeDashboardTileModule,
+ IgxPieChartDashboardTileModule,
+ IgxRadialGaugeDashboardTileModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/environments/environment.prod.ts b/samples/charts/dashboard-tile/map-dashboard/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/environments/environment.ts b/samples/charts/dashboard-tile/map-dashboard/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/dashboard-tile/map-dashboard/src/index.html b/samples/charts/dashboard-tile/map-dashboard/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/dashboard-tile/map-dashboard/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/dashboard-tile/pie-dashboard
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/dashboard-tile/pie-dashboard/angular.json b/samples/charts/dashboard-tile/pie-dashboard/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/dashboard-tile/pie-dashboard/package.json b/samples/charts/dashboard-tile/pie-dashboard/package.json
new file mode 100644
index 000000000..ce1b44132
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/package.json
@@ -0,0 +1,49 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-dashboards": "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",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/EnergyGlobalDemand.ts b/samples/charts/dashboard-tile/pie-dashboard/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/app.component.scss b/samples/charts/dashboard-tile/pie-dashboard/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/app.component.ts b/samples/charts/dashboard-tile/pie-dashboard/src/app.component.ts
new file mode 100644
index 000000000..70bcc60dd
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/app.component.ts
@@ -0,0 +1,36 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxDashboardTileComponent } from 'igniteui-angular-dashboards';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("dashboard", { static: true } )
+ private dashboard: IgxDashboardTileComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/app.module.ts b/samples/charts/dashboard-tile/pie-dashboard/src/app.module.ts
new file mode 100644
index 000000000..fc20a0109
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDashboardTileModule, IgxDataChartDashboardTileModule, IgxGeographicMapDashboardTileModule, IgxLinearGaugeDashboardTileModule, IgxPieChartDashboardTileModule, IgxRadialGaugeDashboardTileModule } from 'igniteui-angular-dashboards';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDashboardTileModule,
+ IgxDataChartDashboardTileModule,
+ IgxGeographicMapDashboardTileModule,
+ IgxLinearGaugeDashboardTileModule,
+ IgxPieChartDashboardTileModule,
+ IgxRadialGaugeDashboardTileModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/environments/environment.prod.ts b/samples/charts/dashboard-tile/pie-dashboard/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/environments/environment.ts b/samples/charts/dashboard-tile/pie-dashboard/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/dashboard-tile/pie-dashboard/src/index.html b/samples/charts/dashboard-tile/pie-dashboard/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/dashboard-tile/pie-dashboard/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/data-legend-grouping-and-highlighting
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts b/samples/charts/data-chart/data-legend-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts
index 63183e6f0..a203443f0 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts
@@ -86,7 +86,7 @@ export class OlympicMedalsTopCountriesWithTotals extends Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/data-legend-grouping
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/data-legend-grouping/src/OlympicMedalsTopCountriesWithTotals.ts b/samples/charts/data-chart/data-legend-grouping/src/OlympicMedalsTopCountriesWithTotals.ts
index 63183e6f0..a203443f0 100644
--- a/samples/charts/data-chart/data-legend-grouping/src/OlympicMedalsTopCountriesWithTotals.ts
+++ b/samples/charts/data-chart/data-legend-grouping/src/OlympicMedalsTopCountriesWithTotals.ts
@@ -86,7 +86,7 @@ export class OlympicMedalsTopCountriesWithTotals extends Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/data-legend-styling
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/data-legend-styling/src/OlympicMedalsTopCountriesWithTotals.ts b/samples/charts/data-chart/data-legend-styling/src/OlympicMedalsTopCountriesWithTotals.ts
index 63183e6f0..a203443f0 100644
--- a/samples/charts/data-chart/data-legend-styling/src/OlympicMedalsTopCountriesWithTotals.ts
+++ b/samples/charts/data-chart/data-legend-styling/src/OlympicMedalsTopCountriesWithTotals.ts
@@ -86,7 +86,7 @@ export class OlympicMedalsTopCountriesWithTotals extends Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/data-tooltip-grouping-and-highlighting
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts
index 63183e6f0..a203443f0 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/src/OlympicMedalsTopCountriesWithTotals.ts
@@ -86,7 +86,7 @@ export class OlympicMedalsTopCountriesWithTotals extends Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/data-tooltip-grouping
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/data-tooltip-grouping/src/OlympicMedalsTopCountriesWithTotals.ts b/samples/charts/data-chart/data-tooltip-grouping/src/OlympicMedalsTopCountriesWithTotals.ts
index 63183e6f0..a203443f0 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/src/OlympicMedalsTopCountriesWithTotals.ts
+++ b/samples/charts/data-chart/data-tooltip-grouping/src/OlympicMedalsTopCountriesWithTotals.ts
@@ -86,7 +86,7 @@ export class OlympicMedalsTopCountriesWithTotals extends Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/data-tooltip-styling
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/data-tooltip-styling/src/OlympicMedalsTopCountriesWithTotals.ts b/samples/charts/data-chart/data-tooltip-styling/src/OlympicMedalsTopCountriesWithTotals.ts
index 63183e6f0..a203443f0 100644
--- a/samples/charts/data-chart/data-tooltip-styling/src/OlympicMedalsTopCountriesWithTotals.ts
+++ b/samples/charts/data-chart/data-tooltip-styling/src/OlympicMedalsTopCountriesWithTotals.ts
@@ -86,7 +86,7 @@ export class OlympicMedalsTopCountriesWithTotals extends Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/radial-column-chart-selection
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/radial-column-chart-selection/angular.json b/samples/charts/data-chart/radial-column-chart-selection/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
new file mode 100644
index 000000000..70f510a25
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/FootballPlayerStats.ts b/samples/charts/data-chart/radial-column-chart-selection/src/FootballPlayerStats.ts
new file mode 100644
index 000000000..76a96e138
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/FootballPlayerStats.ts
@@ -0,0 +1,69 @@
+export class FootballPlayerStatsItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/app.component.scss b/samples/charts/data-chart/radial-column-chart-selection/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/app.component.ts b/samples/charts/data-chart/radial-column-chart-selection/src/app.component.ts
new file mode 100644
index 000000000..665b1d3fc
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/app.component.ts
@@ -0,0 +1,46 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { FootballPlayerStatsItem, FootballPlayerStats } from './FootballPlayerStats';
+import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryAngleAxisComponent, IgxNumericRadiusAxisComponent, IgxRadialColumnSeriesComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("legend", { static: true } )
+ private legend: IgxLegendComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataChartComponent
+ @ViewChild("angleAxis", { static: true } )
+ private angleAxis: IgxCategoryAngleAxisComponent
+ @ViewChild("radiusAxis", { static: true } )
+ private radiusAxis: IgxNumericRadiusAxisComponent
+ @ViewChild("radialColumnSeries1", { static: true } )
+ private radialColumnSeries1: IgxRadialColumnSeriesComponent
+ @ViewChild("radialColumnSeries2", { static: true } )
+ private radialColumnSeries2: IgxRadialColumnSeriesComponent
+ private _footballPlayerStats: FootballPlayerStats = null;
+ public get footballPlayerStats(): FootballPlayerStats {
+ if (this._footballPlayerStats == null)
+ {
+ this._footballPlayerStats = new FootballPlayerStats();
+ }
+ return this._footballPlayerStats;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/app.module.ts b/samples/charts/data-chart/radial-column-chart-selection/src/app.module.ts
new file mode 100644
index 000000000..15d936032
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDataChartCoreModule, IgxDataChartRadialModule, IgxDataChartRadialCoreModule, IgxDataChartInteractivityModule, IgxDataChartAnnotationModule, IgxLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDataChartCoreModule,
+ IgxDataChartRadialModule,
+ IgxDataChartRadialCoreModule,
+ IgxDataChartInteractivityModule,
+ IgxDataChartAnnotationModule,
+ IgxLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/environments/environment.prod.ts b/samples/charts/data-chart/radial-column-chart-selection/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/environments/environment.ts b/samples/charts/data-chart/radial-column-chart-selection/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-chart/radial-column-chart-selection/src/index.html b/samples/charts/data-chart/radial-column-chart-selection/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-chart/radial-column-chart-selection/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Ronaldo vs Messi Player Stats
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/radial-label-mode
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/radial-label-mode/angular.json b/samples/charts/data-chart/radial-label-mode/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-chart/radial-label-mode/src/FootballPlayerStats.ts b/samples/charts/data-chart/radial-label-mode/src/FootballPlayerStats.ts
new file mode 100644
index 000000000..76a96e138
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/FootballPlayerStats.ts
@@ -0,0 +1,69 @@
+export class FootballPlayerStatsItem {
+ public constructor(init: Partial
+
+
diff --git a/samples/charts/data-chart/radial-label-mode/src/app.component.scss b/samples/charts/data-chart/radial-label-mode/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-chart/radial-label-mode/src/app.component.ts b/samples/charts/data-chart/radial-label-mode/src/app.component.ts
new file mode 100644
index 000000000..ef46fe51b
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/app.component.ts
@@ -0,0 +1,76 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataChartCoreDescriptionModule, DataChartRadialDescriptionModule, DataChartRadialCoreDescriptionModule, DataChartInteractivityDescriptionModule, DataChartAnnotationDescriptionModule, LegendDescriptionModule } from 'igniteui-angular-core';
+import { FootballPlayerStatsItem, FootballPlayerStats } from './FootballPlayerStats';
+import { IgxPropertyEditorPanelComponent, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryAngleAxisComponent, IgxNumericRadiusAxisComponent, IgxRadialColumnSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
+
+import { defineAllComponents } from 'igniteui-webcomponents';
+
+defineAllComponents();
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("propertyEditorPanel1", { static: true } )
+ private propertyEditorPanel1: IgxPropertyEditorPanelComponent
+ @ViewChild("labelExtent", { static: true } )
+ private labelExtent: IgxPropertyEditorPropertyDescriptionComponent
+ @ViewChild("labelMode", { static: true } )
+ private labelMode: IgxPropertyEditorPropertyDescriptionComponent
+ @ViewChild("legend", { static: true } )
+ private legend: IgxLegendComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataChartComponent
+ @ViewChild("angleAxis", { static: true } )
+ private angleAxis: IgxCategoryAngleAxisComponent
+ @ViewChild("radiusAxis", { static: true } )
+ private radiusAxis: IgxNumericRadiusAxisComponent
+ @ViewChild("radialColumnSeries1", { static: true } )
+ private radialColumnSeries1: IgxRadialColumnSeriesComponent
+ @ViewChild("radialColumnSeries2", { static: true } )
+ private radialColumnSeries2: IgxRadialColumnSeriesComponent
+ @ViewChild("dataToolTipLayer", { static: true } )
+ private dataToolTipLayer: IgxDataToolTipLayerComponent
+ private _footballPlayerStats: FootballPlayerStats = null;
+ public get footballPlayerStats(): FootballPlayerStats {
+ if (this._footballPlayerStats == null)
+ {
+ this._footballPlayerStats = new FootballPlayerStats();
+ }
+ return this._footballPlayerStats;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ DataChartCoreDescriptionModule.register(context);
+ DataChartRadialDescriptionModule.register(context);
+ DataChartRadialCoreDescriptionModule.register(context);
+ DataChartInteractivityDescriptionModule.register(context);
+ DataChartAnnotationDescriptionModule.register(context);
+ LegendDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-chart/radial-label-mode/src/app.module.ts b/samples/charts/data-chart/radial-label-mode/src/app.module.ts
new file mode 100644
index 000000000..32b4b90cf
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/app.module.ts
@@ -0,0 +1,32 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxDataChartCoreModule, IgxDataChartRadialModule, IgxDataChartRadialCoreModule, IgxDataChartInteractivityModule, IgxDataChartAnnotationModule, IgxLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxDataChartCoreModule,
+ IgxDataChartRadialModule,
+ IgxDataChartRadialCoreModule,
+ IgxDataChartInteractivityModule,
+ IgxDataChartAnnotationModule,
+ IgxLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-chart/radial-label-mode/src/environments/environment.prod.ts b/samples/charts/data-chart/radial-label-mode/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-chart/radial-label-mode/src/environments/environment.ts b/samples/charts/data-chart/radial-label-mode/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-chart/radial-label-mode/src/index.html b/samples/charts/data-chart/radial-label-mode/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-chart/radial-label-mode/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Ronaldo vs Messi Player Stats
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/radial-pie-proportional-category-angle-axis
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/angular.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
new file mode 100644
index 000000000..70f510a25
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/RadialProportionalData.ts b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/RadialProportionalData.ts
new file mode 100644
index 000000000..db3bd7831
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/RadialProportionalData.ts
@@ -0,0 +1,78 @@
+export class RadialProportionalDataItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.component.scss b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.component.ts b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.component.ts
new file mode 100644
index 000000000..2df647667
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.component.ts
@@ -0,0 +1,42 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { RadialProportionalDataItem, RadialProportionalData } from './RadialProportionalData';
+import { IgxDataChartComponent, IgxProportionalCategoryAngleAxisComponent, IgxNumericRadiusAxisComponent, IgxRadialPieSeriesComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataChartComponent
+ @ViewChild("angleAxis", { static: true } )
+ private angleAxis: IgxProportionalCategoryAngleAxisComponent
+ @ViewChild("radiusAxis", { static: true } )
+ private radiusAxis: IgxNumericRadiusAxisComponent
+ @ViewChild("radialPieSeries1", { static: true } )
+ private radialPieSeries1: IgxRadialPieSeriesComponent
+ private _radialProportionalData: RadialProportionalData = null;
+ public get radialProportionalData(): RadialProportionalData {
+ if (this._radialProportionalData == null)
+ {
+ this._radialProportionalData = new RadialProportionalData();
+ }
+ return this._radialProportionalData;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.module.ts b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.module.ts
new file mode 100644
index 000000000..ccf294ad2
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/app.module.ts
@@ -0,0 +1,30 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDataPieChartCoreModule, IgxDataChartCoreModule, IgxDataChartRadialModule, IgxDataChartRadialCoreModule, IgxDataChartInteractivityModule, IgxDataChartAnnotationModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDataPieChartCoreModule,
+ IgxDataChartCoreModule,
+ IgxDataChartRadialModule,
+ IgxDataChartRadialCoreModule,
+ IgxDataChartInteractivityModule,
+ IgxDataChartAnnotationModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/environments/environment.prod.ts b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/environments/environment.ts b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/index.html b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-chart/radial-proportional-radial-angle-axis
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/angular.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
new file mode 100644
index 000000000..70f510a25
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/EnergyRenewableConsumption.ts b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/EnergyRenewableConsumption.ts
new file mode 100644
index 000000000..f742bbef3
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/EnergyRenewableConsumption.ts
@@ -0,0 +1,69 @@
+export class EnergyRenewableConsumptionItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.component.scss b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.component.ts b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.component.ts
new file mode 100644
index 000000000..895c16c2d
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.component.ts
@@ -0,0 +1,46 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { EnergyRenewableConsumptionItem, EnergyRenewableConsumption } from './EnergyRenewableConsumption';
+import { IgxLegendComponent, IgxDataChartComponent, IgxProportionalCategoryAngleAxisComponent, IgxNumericRadiusAxisComponent, IgxRadialPieSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("legend", { static: true } )
+ private legend: IgxLegendComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataChartComponent
+ @ViewChild("angleAxis", { static: true } )
+ private angleAxis: IgxProportionalCategoryAngleAxisComponent
+ @ViewChild("radiusAxis", { static: true } )
+ private radiusAxis: IgxNumericRadiusAxisComponent
+ @ViewChild("radialPieSeries1", { static: true } )
+ private radialPieSeries1: IgxRadialPieSeriesComponent
+ @ViewChild("dataToolTipLayer", { static: true } )
+ private dataToolTipLayer: IgxDataToolTipLayerComponent
+ private _energyRenewableConsumption: EnergyRenewableConsumption = null;
+ public get energyRenewableConsumption(): EnergyRenewableConsumption {
+ if (this._energyRenewableConsumption == null)
+ {
+ this._energyRenewableConsumption = new EnergyRenewableConsumption();
+ }
+ return this._energyRenewableConsumption;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.module.ts b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.module.ts
new file mode 100644
index 000000000..3bd5b3852
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/app.module.ts
@@ -0,0 +1,31 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxLegendModule, IgxDataPieChartModule, IgxDataChartCoreModule, IgxDataChartRadialModule, IgxDataChartRadialCoreModule, IgxDataChartInteractivityModule, IgxDataChartAnnotationModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxLegendModule,
+ IgxDataPieChartModule,
+ IgxDataChartCoreModule,
+ IgxDataChartRadialModule,
+ IgxDataChartRadialCoreModule,
+ IgxDataChartInteractivityModule,
+ IgxDataChartAnnotationModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/environments/environment.prod.ts b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/environments/environment.ts b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/index.html b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Hydro Consumption in 2019
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+ #chart
+ chartTitle="Population vs. Public Debt vs. GDP"
+ titleTopMargin="10"
+ titleBottomMargin="0">
+ maximumValue="1000">
+ name="dataToolTipLayer"
+ #dataToolTipLayer
+ valueRowMarginTop="1"
+ labelTextMarginTop="1"
+ titleTextMarginTop="1"
+ unitsTextMarginTop="1"
+ valueRowMarginBottom="1"
+ labelTextMarginBottom="1"
+ titleTextMarginBottom="1"
+ unitsTextMarginBottom="1"
+ unitsTextMarginRight="5"
+ valueTextMarginLeft="10"
+ labelTextMarginLeft="1"
+ layoutMode="Vertical"
+ badgeShape="Hidden"
+ headerRowVisible="false">
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.ts b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.ts
index 62b87e728..05633ed2a 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/app.component.ts
@@ -3,6 +3,7 @@ import { WorldStatsItem, WorldStats } from './WorldStats';
import { IgxDataChartComponent, IgxNumericXAxisComponent, IgxNumericYAxisComponent, IgxBubbleSeriesComponent, IgxSizeScaleComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
@@ -27,7 +28,7 @@ export class AppComponent implements AfterViewInit
var sizeScale1 = new IgxSizeScaleComponent();
sizeScale1.isLogarithmic = false;
sizeScale1.minimumValue = 10;
- sizeScale1.maximumValue = 50;
+ sizeScale1.maximumValue = 80;
this._sizeScale1 = sizeScale1;
}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/polyfills.ts b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/src/polyfills.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsAfrica.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsAfrica.ts
deleted file mode 100644
index cf0f8cd80..000000000
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsAfrica.ts
+++ /dev/null
@@ -1,431 +0,0 @@
-export class CountryStatsAfricaItem {
- public constructor(init: Partial) {
- Object.assign(this, init);
- }
-
- public code: string;
- public population: number;
- public workedHours: number;
- public gDP: number;
- public name: string;
-
-}
-export class CountryStatsAfrica extends Array {
- public constructor(items: Array | number = -1) {
- if (Array.isArray(items)) {
- super(...items);
- } else {
- const newItems = [
- new CountryStatsAfricaItem(
- {
- code: `DZA`,
- population: 39728000,
- workedHours: 47.5,
- gDP: 13725,
- name: `Algeria`
- }),
- new CountryStatsAfricaItem(
- {
- code: `AGO`,
- population: 27884000,
- workedHours: 39.8,
- gDP: 6228,
- name: `Angola`
- }),
- new CountryStatsAfricaItem(
- {
- code: `BEN`,
- population: 10576000,
- workedHours: 43.7,
- gDP: 1987,
- name: `Benin`
- }),
- new CountryStatsAfricaItem(
- {
- code: `BWA`,
- population: 2121000,
- workedHours: 41.2,
- gDP: 15357,
- name: `Botswana`
- }),
- new CountryStatsAfricaItem(
- {
- code: `BFA`,
- population: 18111000,
- workedHours: 39.3,
- gDP: 1596,
- name: `Burkina Faso`
- }),
- new CountryStatsAfricaItem(
- {
- code: `BDI`,
- population: 10160000,
- workedHours: 36.4,
- gDP: 748,
- name: `Burundi`
- }),
- new CountryStatsAfricaItem(
- {
- code: `CMR`,
- population: 23298000,
- workedHours: 42,
- gDP: 3289,
- name: `Cameroon`
- }),
- new CountryStatsAfricaItem(
- {
- code: `CPV`,
- population: 525000,
- workedHours: 45,
- gDP: 5915,
- name: `Cape Verde`
- }),
- new CountryStatsAfricaItem(
- {
- code: `CAF`,
- population: 4493000,
- workedHours: 38,
- gDP: 622,
- name: `Central African Republic`
- }),
- new CountryStatsAfricaItem(
- {
- code: `TCD`,
- population: 14111000,
- workedHours: 40.4,
- gDP: 2067,
- name: `Chad`
- }),
- new CountryStatsAfricaItem(
- {
- code: `COM`,
- population: 777000,
- workedHours: 40.1,
- gDP: 1413,
- name: `Comoros`
- }),
- new CountryStatsAfricaItem(
- {
- code: `COG`,
- population: 4856000,
- workedHours: 38.1,
- gDP: 5543,
- name: `Congo`
- }),
- new CountryStatsAfricaItem(
- {
- code: `CIV`,
- population: 23226000,
- workedHours: 39.7,
- gDP: 3242,
- name: `Cote Ivoire`
- }),
- new CountryStatsAfricaItem(
- {
- code: `COD`,
- population: 76245000,
- workedHours: 44,
- gDP: 812,
- name: `Democratic Republic of Congo`
- }),
- new CountryStatsAfricaItem(
- {
- code: `EGY`,
- population: 92443000,
- workedHours: 39.7,
- gDP: 10096,
- name: `Egypt`
- }),
- new CountryStatsAfricaItem(
- {
- code: `GNQ`,
- population: 1169000,
- workedHours: 38.8,
- gDP: 27554,
- name: `Equatorial Guinea`
- }),
- new CountryStatsAfricaItem(
- {
- code: `SWZ`,
- population: 1104000,
- workedHours: 45.7,
- gDP: 7759,
- name: `Eswatini`
- }),
- new CountryStatsAfricaItem(
- {
- code: `ETH`,
- population: 101000000,
- workedHours: 40.1,
- gDP: 1533,
- name: `Ethiopia`
- }),
- new CountryStatsAfricaItem(
- {
- code: `GAB`,
- population: 1948000,
- workedHours: 40.5,
- gDP: 16837,
- name: `Gabon`
- }),
- new CountryStatsAfricaItem(
- {
- code: `GMB`,
- population: 2086000,
- workedHours: 40.3,
- gDP: 1568,
- name: `Gambia`
- }),
- new CountryStatsAfricaItem(
- {
- code: `GHA`,
- population: 27849000,
- workedHours: 47.6,
- gDP: 3927,
- name: `Ghana`
- }),
- new CountryStatsAfricaItem(
- {
- code: `GIN`,
- population: 11432000,
- workedHours: 43.4,
- gDP: 1758,
- name: `Guinea`
- }),
- new CountryStatsAfricaItem(
- {
- code: `GNB`,
- population: 1737000,
- workedHours: 35.1,
- gDP: 1446,
- name: `Guinea-Bissau`
- }),
- new CountryStatsAfricaItem(
- {
- code: `KEN`,
- population: 47878000,
- workedHours: 43.9,
- gDP: 2836,
- name: `Kenya`
- }),
- new CountryStatsAfricaItem(
- {
- code: `LSO`,
- population: 2059000,
- workedHours: 47.6,
- gDP: 2708,
- name: `Lesotho`
- }),
- new CountryStatsAfricaItem(
- {
- code: `LBR`,
- population: 4472000,
- workedHours: 40.3,
- gDP: 785,
- name: `Liberia`
- }),
- new CountryStatsAfricaItem(
- {
- code: `LBY`,
- population: 6418000,
- workedHours: 42.5,
- gDP: 14847,
- name: `Libya`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MDG`,
- population: 24234000,
- workedHours: 40.8,
- gDP: 1377,
- name: `Madagascar`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MWI`,
- population: 16745000,
- workedHours: 44.5,
- gDP: 1089,
- name: `Malawi`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MLI`,
- population: 17439000,
- workedHours: 40.6,
- gDP: 1919,
- name: `Mali`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MRT`,
- population: 4046000,
- workedHours: 45.9,
- gDP: 3602,
- name: `Mauritania`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MUS`,
- population: 1259000,
- workedHours: 44.4,
- gDP: 18864,
- name: `Mauritius`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MAR`,
- population: 34664000,
- workedHours: 39.6,
- gDP: 7297,
- name: `Morocco`
- }),
- new CountryStatsAfricaItem(
- {
- code: `MOZ`,
- population: 27042000,
- workedHours: 46.7,
- gDP: 1118,
- name: `Mozambique`
- }),
- new CountryStatsAfricaItem(
- {
- code: `NAM`,
- population: 2315000,
- workedHours: 43.1,
- gDP: 9975,
- name: `Namibia`
- }),
- new CountryStatsAfricaItem(
- {
- code: `NER`,
- population: 20002000,
- workedHours: 45,
- gDP: 908,
- name: `Niger`
- }),
- new CountryStatsAfricaItem(
- {
- code: `NGA`,
- population: 181000000,
- workedHours: 32.76,
- gDP: 5671,
- name: `Nigeria`
- }),
- new CountryStatsAfricaItem(
- {
- code: `RWA`,
- population: 11369000,
- workedHours: 46.3,
- gDP: 1731,
- name: `Rwanda`
- }),
- new CountryStatsAfricaItem(
- {
- code: `STP`,
- population: 199000,
- workedHours: 38.2,
- gDP: 2948,
- name: `Sao Tome`
- }),
- new CountryStatsAfricaItem(
- {
- code: `SEN`,
- population: 14578000,
- workedHours: 46.8,
- gDP: 2294,
- name: `Senegal`
- }),
- new CountryStatsAfricaItem(
- {
- code: `SYC`,
- population: 95000,
- workedHours: 39.8,
- gDP: 24857,
- name: `Seychelles`
- }),
- new CountryStatsAfricaItem(
- {
- code: `SLE`,
- population: 7172000,
- workedHours: 35.4,
- gDP: 1314,
- name: `Sierra Leone`
- }),
- new CountryStatsAfricaItem(
- {
- code: `ZAF`,
- population: 55386000,
- workedHours: 42.48,
- gDP: 12378,
- name: `South Africa`
- }),
- new CountryStatsAfricaItem(
- {
- code: `SSD`,
- population: 10716000,
- workedHours: 39.3,
- gDP: 1875,
- name: `South Sudan`
- }),
- new CountryStatsAfricaItem(
- {
- code: `SDN`,
- population: 38903000,
- workedHours: 36.3,
- gDP: 4290,
- name: `Sudan`
- }),
- new CountryStatsAfricaItem(
- {
- code: `TZA`,
- population: 51483000,
- workedHours: 38,
- gDP: 2491,
- name: `Tanzania`
- }),
- new CountryStatsAfricaItem(
- {
- code: `TGO`,
- population: 7323000,
- workedHours: 38.8,
- gDP: 1351,
- name: `Togo`
- }),
- new CountryStatsAfricaItem(
- {
- code: `TUN`,
- population: 11180000,
- workedHours: 35.2,
- gDP: 10766,
- name: `Tunisia`
- }),
- new CountryStatsAfricaItem(
- {
- code: `UGA`,
- population: 38225000,
- workedHours: 38.6,
- gDP: 1666,
- name: `Uganda`
- }),
- new CountryStatsAfricaItem(
- {
- code: `ZMB`,
- population: 15879000,
- workedHours: 46.6,
- gDP: 3627,
- name: `Zambia`
- }),
- new CountryStatsAfricaItem(
- {
- code: `ZWE`,
- population: 13815000,
- workedHours: 41.4,
- gDP: 1912,
- name: `Zimbabwe`
- }),
- ];
- super(...(newItems.slice(0, items)));
- }
- }
-}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsEurope.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsEurope.ts
deleted file mode 100644
index 1a6694629..000000000
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/CountryStatsEurope.ts
+++ /dev/null
@@ -1,351 +0,0 @@
-export class CountryStatsEuropeItem {
- public constructor(init: Partial) {
- Object.assign(this, init);
- }
-
- public code: string;
- public population: number;
- public workedHours: number;
- public gDP: number;
- public name: string;
-
-}
-export class CountryStatsEurope extends Array {
- public constructor(items: Array | number = -1) {
- if (Array.isArray(items)) {
- super(...items);
- } else {
- const newItems = [
- new CountryStatsEuropeItem(
- {
- code: `ALB`,
- population: 2891000,
- workedHours: 41,
- gDP: 10970,
- name: `Albania`
- }),
- new CountryStatsEuropeItem(
- {
- code: `AUT`,
- population: 8679000,
- workedHours: 30.75,
- gDP: 44305,
- name: `Austria`
- }),
- new CountryStatsEuropeItem(
- {
- code: `BLR`,
- population: 9439000,
- workedHours: 43.5,
- gDP: 17230,
- name: `Belarus`
- }),
- new CountryStatsEuropeItem(
- {
- code: `BEL`,
- population: 11288000,
- workedHours: 29.7,
- gDP: 41708,
- name: `Belgium`
- }),
- new CountryStatsEuropeItem(
- {
- code: `BIH`,
- population: 3429000,
- workedHours: 46.5,
- gDP: 10932,
- name: `Bosnia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `BGR`,
- population: 7200000,
- workedHours: 31.62,
- gDP: 17000,
- name: `Bulgaria`
- }),
- new CountryStatsEuropeItem(
- {
- code: `HRV`,
- population: 4233000,
- workedHours: 35.15,
- gDP: 20984,
- name: `Croatia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `CYP`,
- population: 1161000,
- workedHours: 34.42,
- gDP: 30549,
- name: `Cyprus`
- }),
- new CountryStatsEuropeItem(
- {
- code: `CZE`,
- population: 10601000,
- workedHours: 33.77,
- gDP: 30605,
- name: `Czechia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `DNK`,
- population: 5689000,
- workedHours: 27.16,
- gDP: 45459,
- name: `Denmark`
- }),
- new CountryStatsEuropeItem(
- {
- code: `EST`,
- population: 1315000,
- workedHours: 35.61,
- gDP: 27550,
- name: `Estonia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `FIN`,
- population: 5481000,
- workedHours: 31.48,
- gDP: 38942,
- name: `Finland`
- }),
- new CountryStatsEuropeItem(
- {
- code: `FRA`,
- population: 64453000,
- workedHours: 29.03,
- gDP: 37766,
- name: `France`
- }),
- new CountryStatsEuropeItem(
- {
- code: `DEU`,
- population: 81787000,
- workedHours: 26.31,
- gDP: 43938,
- name: `Germany`
- }),
- new CountryStatsEuropeItem(
- {
- code: `GRC`,
- population: 10660000,
- workedHours: 39.06,
- gDP: 24170,
- name: `Greece`
- }),
- new CountryStatsEuropeItem(
- {
- code: `HUN`,
- population: 9778000,
- workedHours: 36.99,
- gDP: 25034,
- name: `Hungary`
- }),
- new CountryStatsEuropeItem(
- {
- code: `ISL`,
- population: 330000,
- workedHours: 29.02,
- gDP: 43048,
- name: `Iceland`
- }),
- new CountryStatsEuropeItem(
- {
- code: `IRL`,
- population: 4652000,
- workedHours: 33.47,
- gDP: 60818,
- name: `Ireland`
- }),
- new CountryStatsEuropeItem(
- {
- code: `ITA`,
- population: 60578000,
- workedHours: 33.04,
- gDP: 34302,
- name: `Italy`
- }),
- new CountryStatsEuropeItem(
- {
- code: `LVA`,
- population: 1998000,
- workedHours: 36.57,
- gDP: 23019,
- name: `Latvia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `LTU`,
- population: 2932000,
- workedHours: 35.76,
- gDP: 27046,
- name: `Lithuania`
- }),
- new CountryStatsEuropeItem(
- {
- code: `LUX`,
- population: 567000,
- workedHours: 29.25,
- gDP: 94089,
- name: `Luxembourg`
- }),
- new CountryStatsEuropeItem(
- {
- code: `MLT`,
- population: 434000,
- workedHours: 37.78,
- gDP: 34087,
- name: `Malta`
- }),
- new CountryStatsEuropeItem(
- {
- code: `MDA`,
- population: 4071000,
- workedHours: 41,
- gDP: 4747,
- name: `Moldova`
- }),
- new CountryStatsEuropeItem(
- {
- code: `MNE`,
- population: 627000,
- workedHours: 47.2,
- gDP: 15290,
- name: `Montenegro`
- }),
- new CountryStatsEuropeItem(
- {
- code: `NLD`,
- population: 16938000,
- workedHours: 27.38,
- gDP: 46494,
- name: `Netherlands`
- }),
- new CountryStatsEuropeItem(
- {
- code: `MKD`,
- population: 2079000,
- workedHours: 36.6,
- gDP: 12760,
- name: `North Macedonia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `NOR`,
- population: 5200000,
- workedHours: 27.36,
- gDP: 64008,
- name: `Norway`
- }),
- new CountryStatsEuropeItem(
- {
- code: `POL`,
- population: 38034000,
- workedHours: 39.4,
- gDP: 25300,
- name: `Poland`
- }),
- new CountryStatsEuropeItem(
- {
- code: `PRT`,
- population: 10368000,
- workedHours: 36.06,
- gDP: 26608,
- name: `Portugal`
- }),
- new CountryStatsEuropeItem(
- {
- code: `ROU`,
- population: 19925000,
- workedHours: 34.34,
- gDP: 20556,
- name: `Romania`
- }),
- new CountryStatsEuropeItem(
- {
- code: `RUS`,
- population: 145000000,
- workedHours: 38.04,
- gDP: 24517,
- name: `Russia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `SMR`,
- population: 33000,
- workedHours: 40.1,
- gDP: 56372,
- name: `San Marino`
- }),
- new CountryStatsEuropeItem(
- {
- code: `SRB`,
- population: 8877000,
- workedHours: 46.5,
- gDP: 13278,
- name: `Serbia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `SVK`,
- population: 5436000,
- workedHours: 33.73,
- gDP: 28309,
- name: `Slovakia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `SVN`,
- population: 2071000,
- workedHours: 32.46,
- gDP: 29038,
- name: `Slovenia`
- }),
- new CountryStatsEuropeItem(
- {
- code: `ESP`,
- population: 46672000,
- workedHours: 32.68,
- gDP: 32291,
- name: `Spain`
- }),
- new CountryStatsEuropeItem(
- {
- code: `SWE`,
- population: 9765000,
- workedHours: 30.96,
- gDP: 45679,
- name: `Sweden`
- }),
- new CountryStatsEuropeItem(
- {
- code: `CHE`,
- population: 8297000,
- workedHours: 30.57,
- gDP: 57264,
- name: `Switzerland`
- }),
- new CountryStatsEuropeItem(
- {
- code: `UKR`,
- population: 44922000,
- workedHours: 38.6,
- gDP: 7465,
- name: `Ukraine`
- }),
- new CountryStatsEuropeItem(
- {
- code: `GBR`,
- population: 65860000,
- workedHours: 32.1,
- gDP: 38839,
- name: `United Kingdom`
- }),
- ];
- super(...(newItems.slice(0, items)));
- }
- }
-}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/WorldStats.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/WorldStats.ts
new file mode 100644
index 000000000..2c09f68a2
--- /dev/null
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/WorldStats.ts
@@ -0,0 +1,5420 @@
+export class WorldStatsItem {
+ public constructor(init: Partial) {
+ Object.assign(this, init);
+ }
+
+ public code: string;
+ public name: string;
+ public continent: string;
+ public population: number;
+ public gdpTotal: number;
+ public economy: string;
+ public region: string;
+ public status: string;
+ public longitude: number;
+ public latitude: number;
+ public gdpPerPerson: number;
+ public rank: number;
+ public unemployment: number;
+ public oilProduction: number;
+ public birthRate: number;
+ public medianAge: number;
+ public electricity: number;
+ public televisions: number;
+ public publicDebt: number;
+ public internet: number;
+
+}
+export class WorldStats extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new WorldStatsItem(
+ {
+ code: `CHN`,
+ name: `China`,
+ continent: `Asia`,
+ population: 1379302771,
+ gdpTotal: 21140000,
+ economy: `Emerging`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 104.18,
+ latitude: 35.887,
+ gdpPerPerson: 15327,
+ rank: 1,
+ unemployment: 4,
+ oilProduction: 3725000,
+ birthRate: 14,
+ medianAge: 34,
+ electricity: 3256000,
+ televisions: 400000000,
+ publicDebt: 18,
+ internet: 253000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `IND`,
+ name: `India`,
+ continent: `Asia`,
+ population: 1281935911,
+ gdpTotal: 8721000,
+ economy: `Emerging`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 78.022,
+ latitude: 22.665,
+ gdpPerPerson: 6803,
+ rank: 2,
+ unemployment: 7,
+ oilProduction: 810000,
+ birthRate: 22,
+ medianAge: 25,
+ electricity: 661600,
+ televisions: 63000000,
+ publicDebt: 58,
+ internet: 80000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `USA`,
+ name: `United States`,
+ continent: `North America`,
+ population: 326625791,
+ gdpTotal: 18560000,
+ economy: `Developed`,
+ region: `Northern America`,
+ status: `Country`,
+ longitude: -101.8,
+ latitude: 39.818,
+ gdpPerPerson: 56823,
+ rank: 3,
+ unemployment: 5,
+ oilProduction: 7460000,
+ birthRate: 14,
+ medianAge: 37,
+ electricity: 4062000,
+ televisions: 219000000,
+ publicDebt: 61,
+ internet: 223000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `IDN`,
+ name: `Indonesia`,
+ continent: `Asia`,
+ population: 260580739,
+ gdpTotal: 3028000,
+ economy: `Emerging`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 102.72,
+ latitude: -2.698,
+ gdpPerPerson: 11620,
+ rank: 4,
+ unemployment: 9,
+ oilProduction: 837500,
+ birthRate: 19,
+ medianAge: 27,
+ electricity: 125900,
+ televisions: 13750000,
+ publicDebt: 34,
+ internet: 13000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BRA`,
+ name: `Brazil`,
+ continent: `South America`,
+ population: 207353391,
+ gdpTotal: 3081000,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -48.88,
+ latitude: -12.89,
+ gdpPerPerson: 14859,
+ rank: 5,
+ unemployment: 9,
+ oilProduction: 1797000,
+ birthRate: 19,
+ medianAge: 28,
+ electricity: 396400,
+ televisions: 36500000,
+ publicDebt: 45,
+ internet: 50000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PAK`,
+ name: `Pakistan`,
+ continent: `Asia`,
+ population: 204924861,
+ gdpTotal: 988200,
+ economy: `Emerging`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 67.624,
+ latitude: 28.421,
+ gdpPerPerson: 4822,
+ rank: 6,
+ unemployment: 6,
+ oilProduction: 62000,
+ birthRate: 28,
+ medianAge: 21,
+ electricity: 89820,
+ televisions: 3100000,
+ publicDebt: 51,
+ internet: 17500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `NGA`,
+ name: `Nigeria`,
+ continent: `Africa`,
+ population: 190632261,
+ gdpTotal: 1089000,
+ economy: `Emerging`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: 8.657,
+ latitude: 9.075,
+ gdpPerPerson: 5713,
+ rank: 7,
+ unemployment: 5,
+ oilProduction: 2166000,
+ birthRate: 37,
+ medianAge: 19,
+ electricity: 22530,
+ televisions: 6900000,
+ publicDebt: 14,
+ internet: 10000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BGD`,
+ name: `Bangladesh`,
+ continent: `Asia`,
+ population: 157826578,
+ gdpTotal: 628400,
+ economy: `Least developed`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 89.935,
+ latitude: 24.474,
+ gdpPerPerson: 3982,
+ rank: 8,
+ unemployment: 3,
+ oilProduction: 6746,
+ birthRate: 29,
+ medianAge: 23,
+ electricity: 21350,
+ televisions: 770000,
+ publicDebt: 37,
+ internet: 500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `RUS`,
+ name: `Russia`,
+ continent: `Europe`,
+ population: 142257519,
+ gdpTotal: 3745000,
+ economy: `Emerging`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 42.379,
+ latitude: 56.974,
+ gdpPerPerson: 26325,
+ rank: 9,
+ unemployment: 6,
+ oilProduction: 9870000,
+ birthRate: 11,
+ medianAge: 38,
+ electricity: 1000000,
+ televisions: 60500000,
+ publicDebt: 6,
+ internet: 30000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `JPN`,
+ name: `Japan`,
+ continent: `Asia`,
+ population: 126451398,
+ gdpTotal: 4932000,
+ economy: `Developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 138.48,
+ latitude: 36.519,
+ gdpPerPerson: 39003,
+ rank: 10,
+ unemployment: 4,
+ oilProduction: 125000,
+ birthRate: 8,
+ medianAge: 44,
+ electricity: 1025000,
+ televisions: 86500000,
+ publicDebt: 170,
+ internet: 88110000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MEX`,
+ name: `Mexico`,
+ continent: `North America`,
+ population: 124574795,
+ gdpTotal: 2307000,
+ economy: `Emerging`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -102.5,
+ latitude: 23.63,
+ gdpPerPerson: 18519,
+ rank: 11,
+ unemployment: 4,
+ oilProduction: 3083000,
+ birthRate: 20,
+ medianAge: 26,
+ electricity: 222400,
+ televisions: 25600000,
+ publicDebt: 23,
+ internet: 22812000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ETH`,
+ name: `Ethiopia`,
+ continent: `Africa`,
+ population: 105350020,
+ gdpTotal: 174700,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 40.489,
+ latitude: 9.154,
+ gdpPerPerson: 1658,
+ rank: 12,
+ unemployment: 5,
+ oilProduction: 1,
+ birthRate: 25,
+ medianAge: 52,
+ electricity: 60942,
+ televisions: 66893500,
+ publicDebt: 45,
+ internet: 291000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PHL`,
+ name: `Philippines`,
+ continent: `Asia`,
+ population: 104256076,
+ gdpTotal: 801900,
+ economy: `Emerging`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 121.4,
+ latitude: 16.78,
+ gdpPerPerson: 7692,
+ rank: 13,
+ unemployment: 7,
+ oilProduction: 0,
+ birthRate: 26,
+ medianAge: 22,
+ electricity: 53670,
+ televisions: 3700000,
+ publicDebt: 56,
+ internet: 5300000
+ }),
+ new WorldStatsItem(
+ {
+ code: `EGY`,
+ name: `Egypt`,
+ continent: `Africa`,
+ population: 97041072,
+ gdpTotal: 1105000,
+ economy: `Emerging`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 30.787,
+ latitude: 26.825,
+ gdpPerPerson: 11387,
+ rank: 14,
+ unemployment: 9,
+ oilProduction: 665000,
+ birthRate: 22,
+ medianAge: 25,
+ electricity: 102500,
+ televisions: 7700000,
+ publicDebt: 106,
+ internet: 8620000
+ }),
+ new WorldStatsItem(
+ {
+ code: `VNM`,
+ name: `Vietnam`,
+ continent: `Asia`,
+ population: 96160163,
+ gdpTotal: 594900,
+ economy: `Emerging`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 108.46,
+ latitude: 13.711,
+ gdpPerPerson: 6187,
+ rank: 15,
+ unemployment: 4,
+ oilProduction: 324000,
+ birthRate: 16,
+ medianAge: 27,
+ electricity: 59010,
+ televisions: 3570000,
+ publicDebt: 42,
+ internet: 17870000
+ }),
+ new WorldStatsItem(
+ {
+ code: `COD`,
+ name: `Dem. Rep. Congo`,
+ continent: `Africa`,
+ population: 83301151,
+ gdpTotal: 66010,
+ economy: `Least developed`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 21.738,
+ latitude: -4.071,
+ gdpPerPerson: 792,
+ rank: 16,
+ unemployment: 3,
+ oilProduction: 4,
+ birthRate: 13,
+ medianAge: 41,
+ electricity: 48913,
+ televisions: 55942436,
+ publicDebt: 16,
+ internet: 8903936
+ }),
+ new WorldStatsItem(
+ {
+ code: `IRN`,
+ name: `Iran`,
+ continent: `Asia`,
+ population: 82021564,
+ gdpTotal: 1459000,
+ economy: `Emerging`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 53.664,
+ latitude: 32.435,
+ gdpPerPerson: 17788,
+ rank: 17,
+ unemployment: 12,
+ oilProduction: 3956000,
+ birthRate: 17,
+ medianAge: 26,
+ electricity: 170400,
+ televisions: 4610000,
+ publicDebt: 17,
+ internet: 23000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TUR`,
+ name: `Turkey`,
+ continent: `Asia`,
+ population: 80845215,
+ gdpTotal: 1670000,
+ economy: `Emerging`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 35.243,
+ latitude: 38.962,
+ gdpPerPerson: 20657,
+ rank: 18,
+ unemployment: 10,
+ oilProduction: 45460,
+ birthRate: 16,
+ medianAge: 29,
+ electricity: 154200,
+ televisions: 20900000,
+ publicDebt: 39,
+ internet: 13150000
+ }),
+ new WorldStatsItem(
+ {
+ code: `DEU`,
+ name: `Germany`,
+ continent: `Europe`,
+ population: 80594017,
+ gdpTotal: 3979000,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 11.43,
+ latitude: 52.237,
+ gdpPerPerson: 49371,
+ rank: 19,
+ unemployment: 9,
+ oilProduction: 141700,
+ birthRate: 8,
+ medianAge: 43,
+ electricity: 579400,
+ televisions: 51400000,
+ publicDebt: 65,
+ internet: 42500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `THA`,
+ name: `Thailand`,
+ continent: `Asia`,
+ population: 68414135,
+ gdpTotal: 1161000,
+ economy: `Emerging`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 100.65,
+ latitude: 15.345,
+ gdpPerPerson: 16970,
+ rank: 20,
+ unemployment: 1,
+ oilProduction: 310000,
+ birthRate: 14,
+ medianAge: 33,
+ electricity: 124600,
+ televisions: 15190000,
+ publicDebt: 38,
+ internet: 13416000
+ }),
+ new WorldStatsItem(
+ {
+ code: `FRA`,
+ name: `France`,
+ continent: `Europe`,
+ population: 67106161,
+ gdpTotal: 2699000,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 2.267,
+ latitude: 46.645,
+ gdpPerPerson: 40220,
+ rank: 21,
+ unemployment: 12,
+ oilProduction: 1,
+ birthRate: 24,
+ medianAge: 48,
+ electricity: 63711,
+ televisions: 43156970,
+ publicDebt: 11,
+ internet: 7012454
+ }),
+ new WorldStatsItem(
+ {
+ code: `GBR`,
+ name: `United Kingdom`,
+ continent: `Europe`,
+ population: 64769452,
+ gdpTotal: 2788000,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: -1.233,
+ latitude: 52.242,
+ gdpPerPerson: 43045,
+ rank: 22,
+ unemployment: 5,
+ oilProduction: 1636000,
+ birthRate: 11,
+ medianAge: 40,
+ electricity: 372600,
+ televisions: 30500000,
+ publicDebt: 44,
+ internet: 40200000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ITA`,
+ name: `Italy`,
+ continent: `Europe`,
+ population: 62137802,
+ gdpTotal: 2221000,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 15.701,
+ latitude: 40.885,
+ gdpPerPerson: 35743,
+ rank: 23,
+ unemployment: 6,
+ oilProduction: 164800,
+ birthRate: 8,
+ medianAge: 43,
+ electricity: 278500,
+ televisions: 30300000,
+ publicDebt: 104,
+ internet: 32000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MMR`,
+ name: `Myanmar`,
+ continent: `Asia`,
+ population: 55123814,
+ gdpTotal: 311100,
+ economy: `Least developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 96.028,
+ latitude: 21.509,
+ gdpPerPerson: 5644,
+ rank: 24,
+ unemployment: 13,
+ oilProduction: 4,
+ birthRate: 24,
+ medianAge: 37,
+ electricity: 26955,
+ televisions: 39322205,
+ publicDebt: 18,
+ internet: 30207772
+ }),
+ new WorldStatsItem(
+ {
+ code: `ZAF`,
+ name: `South Africa`,
+ continent: `Africa`,
+ population: 54841552,
+ gdpTotal: 739100,
+ economy: `Emerging`,
+ region: `Southern Africa`,
+ status: `Country`,
+ longitude: 22.489,
+ latitude: -32.4,
+ gdpPerPerson: 13477,
+ rank: 25,
+ unemployment: 24,
+ oilProduction: 200000,
+ birthRate: 20,
+ medianAge: 24,
+ electricity: 264000,
+ televisions: 6000000,
+ publicDebt: 31,
+ internet: 5100000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TZA`,
+ name: `Tanzania`,
+ continent: `Africa`,
+ population: 53950935,
+ gdpTotal: 150600,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 34.894,
+ latitude: -6.356,
+ gdpPerPerson: 2791,
+ rank: 26,
+ unemployment: 6,
+ oilProduction: 3,
+ birthRate: 9,
+ medianAge: 34,
+ electricity: 10186,
+ televisions: 35987980,
+ publicDebt: 20,
+ internet: 400000
+ }),
+ new WorldStatsItem(
+ {
+ code: `KOR`,
+ name: `South Korea`,
+ continent: `Asia`,
+ population: 51181299,
+ gdpTotal: 1929000,
+ economy: `Emerging`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 128.29,
+ latitude: 36.399,
+ gdpPerPerson: 37690,
+ rank: 27,
+ unemployment: 3,
+ oilProduction: 17050,
+ birthRate: 9,
+ medianAge: 37,
+ electricity: 403200,
+ televisions: 15900000,
+ publicDebt: 28,
+ internet: 35590000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ESP`,
+ name: `Spain`,
+ continent: `Europe`,
+ population: 48958159,
+ gdpTotal: 1690000,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: -2.892,
+ latitude: 40.569,
+ gdpPerPerson: 34519,
+ rank: 28,
+ unemployment: 8,
+ oilProduction: 29350,
+ birthRate: 10,
+ medianAge: 41,
+ electricity: 270300,
+ televisions: 16200000,
+ publicDebt: 36,
+ internet: 19690000
+ }),
+ new WorldStatsItem(
+ {
+ code: `COL`,
+ name: `Colombia`,
+ continent: `South America`,
+ population: 47698524,
+ gdpTotal: 688000,
+ economy: `Developing`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -72.95,
+ latitude: 4.099,
+ gdpPerPerson: 14424,
+ rank: 29,
+ unemployment: 11,
+ oilProduction: 531300,
+ birthRate: 20,
+ medianAge: 27,
+ electricity: 50470,
+ televisions: 4590000,
+ publicDebt: 53,
+ internet: 12100000
+ }),
+ new WorldStatsItem(
+ {
+ code: `KEN`,
+ name: `Kenya`,
+ continent: `Africa`,
+ population: 47615739,
+ gdpTotal: 152700,
+ economy: `Emerging`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 37.929,
+ latitude: 0.4,
+ gdpPerPerson: 3207,
+ rank: 30,
+ unemployment: 40,
+ oilProduction: 0,
+ birthRate: 38,
+ medianAge: 19,
+ electricity: 5502,
+ televisions: 730000,
+ publicDebt: 49,
+ internet: 3000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ARG`,
+ name: `Argentina`,
+ continent: `South America`,
+ population: 44293293,
+ gdpTotal: 879400,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -64.84,
+ latitude: -33.07,
+ gdpPerPerson: 19854,
+ rank: 31,
+ unemployment: 9,
+ oilProduction: 730000,
+ birthRate: 18,
+ medianAge: 30,
+ electricity: 101100,
+ televisions: 7950000,
+ publicDebt: 56,
+ internet: 9309000
+ }),
+ new WorldStatsItem(
+ {
+ code: `UKR`,
+ name: `Ukraine`,
+ continent: `Europe`,
+ population: 44033874,
+ gdpTotal: 352600,
+ economy: `Developing`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 30.86,
+ latitude: 49.723,
+ gdpPerPerson: 8007,
+ rank: 32,
+ unemployment: 2,
+ oilProduction: 90400,
+ birthRate: 10,
+ medianAge: 39,
+ electricity: 192100,
+ televisions: 18050000,
+ publicDebt: 12,
+ internet: 10000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `DZA`,
+ name: `Algeria`,
+ continent: `Africa`,
+ population: 40969443,
+ gdpTotal: 609400,
+ economy: `Developing`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: 1.642,
+ latitude: 28.04,
+ gdpPerPerson: 14875,
+ rank: 33,
+ unemployment: 12,
+ oilProduction: 1358000,
+ birthRate: 17,
+ medianAge: 26,
+ electricity: 31910,
+ televisions: 3100000,
+ publicDebt: 18,
+ internet: 3500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `UGA`,
+ name: `Uganda`,
+ continent: `Africa`,
+ population: 39570125,
+ gdpTotal: 84930,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 32.27,
+ latitude: 1.375,
+ gdpPerPerson: 2146,
+ rank: 34,
+ unemployment: 10,
+ oilProduction: 1,
+ birthRate: 10,
+ medianAge: 32,
+ electricity: 35388,
+ televisions: 27867123,
+ publicDebt: 21,
+ internet: 2000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `IRQ`,
+ name: `Iraq`,
+ continent: `Asia`,
+ population: 39192111,
+ gdpTotal: 596700,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 43.66,
+ latitude: 33.218,
+ gdpPerPerson: 15225,
+ rank: 35,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 20,
+ medianAge: 44,
+ electricity: 48545,
+ televisions: 13178804,
+ publicDebt: 40,
+ internet: 9538092
+ }),
+ new WorldStatsItem(
+ {
+ code: `POL`,
+ name: `Poland`,
+ continent: `Europe`,
+ population: 38476269,
+ gdpTotal: 1052000,
+ economy: `Developed`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 20.073,
+ latitude: 52.374,
+ gdpPerPerson: 27342,
+ rank: 36,
+ unemployment: 13,
+ oilProduction: 0,
+ birthRate: 10,
+ medianAge: 38,
+ electricity: 146200,
+ televisions: 13050000,
+ publicDebt: 43,
+ internet: 16000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SDN`,
+ name: `Sudan`,
+ continent: `Africa`,
+ population: 37345935,
+ gdpTotal: 176300,
+ economy: `Developing`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: 30.217,
+ latitude: 15.434,
+ gdpPerPerson: 4721,
+ rank: 37,
+ unemployment: 19,
+ oilProduction: 484500,
+ birthRate: 34,
+ medianAge: 19,
+ electricity: 3944,
+ televisions: 2380000,
+ publicDebt: 106,
+ internet: 1500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `CAN`,
+ name: `Canada`,
+ continent: `North America`,
+ population: 35623680,
+ gdpTotal: 1674000,
+ economy: `Developed`,
+ region: `Northern America`,
+ status: `Country`,
+ longitude: -108,
+ latitude: 55.855,
+ gdpPerPerson: 46991,
+ rank: 38,
+ unemployment: 6,
+ oilProduction: 3310000,
+ birthRate: 10,
+ medianAge: 40,
+ electricity: 609600,
+ televisions: 21500000,
+ publicDebt: 64,
+ internet: 28000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `AFG`,
+ name: `Afghanistan`,
+ continent: `Asia`,
+ population: 34124811,
+ gdpTotal: 64080,
+ economy: `Least developed`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 66.041,
+ latitude: 33.977,
+ gdpPerPerson: 1878,
+ rank: 39,
+ unemployment: 9,
+ oilProduction: 2,
+ birthRate: 15,
+ medianAge: 39,
+ electricity: 64532,
+ televisions: 15374294,
+ publicDebt: 25,
+ internet: 18662148
+ }),
+ new WorldStatsItem(
+ {
+ code: `MAR`,
+ name: `Morocco`,
+ continent: `Africa`,
+ population: 33986655,
+ gdpTotal: 282800,
+ economy: `Developing`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: -5.707,
+ latitude: 32.104,
+ gdpPerPerson: 8321,
+ rank: 40,
+ unemployment: 10,
+ oilProduction: 300,
+ birthRate: 21,
+ medianAge: 25,
+ electricity: 21370,
+ televisions: 3100000,
+ publicDebt: 67,
+ internet: 7300000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MYS`,
+ name: `Malaysia`,
+ continent: `Asia`,
+ population: 31381992,
+ gdpTotal: 863000,
+ economy: `Developing`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 101.72,
+ latitude: 4.89,
+ gdpPerPerson: 27500,
+ rank: 41,
+ unemployment: 3,
+ oilProduction: 757500,
+ birthRate: 22,
+ medianAge: 25,
+ electricity: 82360,
+ televisions: 10800000,
+ publicDebt: 42,
+ internet: 15868000
+ }),
+ new WorldStatsItem(
+ {
+ code: `VEN`,
+ name: `Venezuela`,
+ continent: `South America`,
+ population: 31304016,
+ gdpTotal: 468600,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -64.78,
+ latitude: 6.695,
+ gdpPerPerson: 14969,
+ rank: 42,
+ unemployment: 9,
+ oilProduction: 2398000,
+ birthRate: 21,
+ medianAge: 25,
+ electricity: 99200,
+ televisions: 4100000,
+ publicDebt: 19,
+ internet: 5720000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PER`,
+ name: `Peru`,
+ continent: `South America`,
+ population: 31036656,
+ gdpTotal: 410400,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -73.82,
+ latitude: -12.89,
+ gdpPerPerson: 13223,
+ rank: 43,
+ unemployment: 7,
+ oilProduction: 119000,
+ birthRate: 20,
+ medianAge: 26,
+ electricity: 24970,
+ televisions: 3060000,
+ publicDebt: 29,
+ internet: 7636000
+ }),
+ new WorldStatsItem(
+ {
+ code: `UZB`,
+ name: `Uzbekistan`,
+ continent: `Asia`,
+ population: 29748859,
+ gdpTotal: 202300,
+ economy: `Developing`,
+ region: `Central Asia`,
+ status: `Country`,
+ longitude: 63.288,
+ latitude: 42.338,
+ gdpPerPerson: 6800,
+ rank: 44,
+ unemployment: 1,
+ oilProduction: 109400,
+ birthRate: 18,
+ medianAge: 24,
+ electricity: 49000,
+ televisions: 6400000,
+ publicDebt: 19,
+ internet: 1200000
+ }),
+ new WorldStatsItem(
+ {
+ code: `NPL`,
+ name: `Nepal`,
+ continent: `Asia`,
+ population: 29384297,
+ gdpTotal: 71520,
+ economy: `Least developed`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 82.328,
+ latitude: 28.843,
+ gdpPerPerson: 2434,
+ rank: 45,
+ unemployment: 5,
+ oilProduction: 3,
+ birthRate: 18,
+ medianAge: 34,
+ electricity: 68842,
+ televisions: 21075997,
+ publicDebt: 16,
+ internet: 7780693
+ }),
+ new WorldStatsItem(
+ {
+ code: `AGO`,
+ name: `Angola`,
+ continent: `Africa`,
+ population: 29310273,
+ gdpTotal: 189000,
+ economy: `Least developed`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 18.097,
+ latitude: -12.37,
+ gdpPerPerson: 6448,
+ rank: 46,
+ unemployment: 14,
+ oilProduction: 0,
+ birthRate: 15,
+ medianAge: 38,
+ electricity: 25890,
+ televisions: 21283158,
+ publicDebt: 12,
+ internet: 100000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SAU`,
+ name: `Saudi Arabia`,
+ continent: `Asia`,
+ population: 28571770,
+ gdpTotal: 1731000,
+ economy: `Developed`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 45.129,
+ latitude: 24.248,
+ gdpPerPerson: 60584,
+ rank: 47,
+ unemployment: 13,
+ oilProduction: 11000000,
+ birthRate: 29,
+ medianAge: 22,
+ electricity: 165600,
+ televisions: 5100000,
+ publicDebt: 24,
+ internet: 6200000
+ }),
+ new WorldStatsItem(
+ {
+ code: `YEM`,
+ name: `Yemen`,
+ continent: `Asia`,
+ population: 28036829,
+ gdpTotal: 73450,
+ economy: `Least developed`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 48.53,
+ latitude: 15.658,
+ gdpPerPerson: 2620,
+ rank: 48,
+ unemployment: 35,
+ oilProduction: 339200,
+ birthRate: 42,
+ medianAge: 17,
+ electricity: 4456,
+ televisions: 470000,
+ publicDebt: 34,
+ internet: 320000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GHA`,
+ name: `Ghana`,
+ continent: `Africa`,
+ population: 27499924,
+ gdpTotal: 120800,
+ economy: `Developing`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -0.893,
+ latitude: 8.607,
+ gdpPerPerson: 4393,
+ rank: 49,
+ unemployment: 11,
+ oilProduction: 700,
+ birthRate: 29,
+ medianAge: 20,
+ electricity: 7042,
+ televisions: 1900000,
+ publicDebt: 59,
+ internet: 650000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MOZ`,
+ name: `Mozambique`,
+ continent: `Africa`,
+ population: 26573706,
+ gdpTotal: 35010,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 38.075,
+ latitude: -15.41,
+ gdpPerPerson: 1317,
+ rank: 50,
+ unemployment: 21,
+ oilProduction: 0,
+ birthRate: 38,
+ medianAge: 17,
+ electricity: 13170,
+ televisions: 67600,
+ publicDebt: 22,
+ internet: 200000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PRK`,
+ name: `North Korea`,
+ continent: `Asia`,
+ population: 25248140,
+ gdpTotal: 40000,
+ economy: `Least developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 127.01,
+ latitude: 40.333,
+ gdpPerPerson: 1584,
+ rank: 51,
+ unemployment: 13,
+ oilProduction: 0,
+ birthRate: 23,
+ medianAge: 55,
+ electricity: 35619,
+ televisions: 16501842,
+ publicDebt: 30,
+ internet: 2340760
+ }),
+ new WorldStatsItem(
+ {
+ code: `MDG`,
+ name: `Madagascar`,
+ continent: `Africa`,
+ population: 25054161,
+ gdpTotal: 36860,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 46.87,
+ latitude: -18.82,
+ gdpPerPerson: 1471,
+ rank: 52,
+ unemployment: 15,
+ oilProduction: 0,
+ birthRate: 20,
+ medianAge: 36,
+ electricity: 86068,
+ televisions: 9470858,
+ publicDebt: 31,
+ internet: 1407981
+ }),
+ new WorldStatsItem(
+ {
+ code: `CMR`,
+ name: `Cameroon`,
+ continent: `Africa`,
+ population: 24994885,
+ gdpTotal: 77240,
+ economy: `Developing`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 12.451,
+ latitude: 4.365,
+ gdpPerPerson: 3090,
+ rank: 53,
+ unemployment: 30,
+ oilProduction: 85300,
+ birthRate: 35,
+ medianAge: 19,
+ electricity: 4090,
+ televisions: 450000,
+ publicDebt: 16,
+ internet: 370000
+ }),
+ new WorldStatsItem(
+ {
+ code: `CIV`,
+ name: `Ivory Coast`,
+ continent: `Africa`,
+ population: 24184810,
+ gdpTotal: 87120,
+ economy: `Developing`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -5.555,
+ latitude: 7.538,
+ gdpPerPerson: 3602,
+ rank: 54,
+ unemployment: 3,
+ oilProduction: 1,
+ birthRate: 17,
+ medianAge: 55,
+ electricity: 49302,
+ televisions: 9034402,
+ publicDebt: 75,
+ internet: 300000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TWN`,
+ name: `Taiwan`,
+ continent: `Asia`,
+ population: 23508428,
+ gdpTotal: 1127000,
+ economy: `Developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 120.96,
+ latitude: 23.636,
+ gdpPerPerson: 47940,
+ rank: 55,
+ unemployment: 4,
+ oilProduction: 600,
+ birthRate: 9,
+ medianAge: 36,
+ electricity: 235000,
+ televisions: 8800000,
+ publicDebt: 28,
+ internet: 14760000
+ }),
+ new WorldStatsItem(
+ {
+ code: `AUS`,
+ name: `Australia`,
+ continent: `Oceania`,
+ population: 23232413,
+ gdpTotal: 1189000,
+ economy: `Developed`,
+ region: `Australia`,
+ status: `Country`,
+ longitude: 135.87,
+ latitude: -25.63,
+ gdpPerPerson: 51178,
+ rank: 56,
+ unemployment: 4,
+ oilProduction: 540000,
+ birthRate: 13,
+ medianAge: 37,
+ electricity: 236700,
+ televisions: 10150000,
+ publicDebt: 16,
+ internet: 11240000
+ }),
+ new WorldStatsItem(
+ {
+ code: `LKA`,
+ name: `Sri Lanka`,
+ continent: `Asia`,
+ population: 22409381,
+ gdpTotal: 236700,
+ economy: `Developing`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 80.792,
+ latitude: 7.881,
+ gdpPerPerson: 10563,
+ rank: 57,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 17,
+ medianAge: 30,
+ electricity: 8411,
+ televisions: 1530000,
+ publicDebt: 86,
+ internet: 771700
+ }),
+ new WorldStatsItem(
+ {
+ code: `ROU`,
+ name: `Romania`,
+ continent: `Europe`,
+ population: 21529967,
+ gdpTotal: 441000,
+ economy: `Developed`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 24.974,
+ latitude: 45.967,
+ gdpPerPerson: 20483,
+ rank: 58,
+ unemployment: 4,
+ oilProduction: 115000,
+ birthRate: 11,
+ medianAge: 37,
+ electricity: 60520,
+ televisions: 5250000,
+ publicDebt: 13,
+ internet: 12000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BFA`,
+ name: `Burkina Faso`,
+ continent: `Africa`,
+ population: 20107509,
+ gdpTotal: 32990,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -1.567,
+ latitude: 12.251,
+ gdpPerPerson: 1641,
+ rank: 59,
+ unemployment: 4,
+ oilProduction: 5,
+ birthRate: 21,
+ medianAge: 30,
+ electricity: 82658,
+ televisions: 7478745,
+ publicDebt: 14,
+ internet: 5896530
+ }),
+ new WorldStatsItem(
+ {
+ code: `NER`,
+ name: `Niger`,
+ continent: `Africa`,
+ population: 19245344,
+ gdpTotal: 20150,
+ economy: `Least developed`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: 10.845,
+ latitude: 17.92,
+ gdpPerPerson: 1047,
+ rank: 60,
+ unemployment: 9,
+ oilProduction: 5,
+ birthRate: 18,
+ medianAge: 53,
+ electricity: 10652,
+ televisions: 8203307,
+ publicDebt: 17,
+ internet: 157021
+ }),
+ new WorldStatsItem(
+ {
+ code: `MWI`,
+ name: `Malawi`,
+ continent: `Africa`,
+ population: 19196246,
+ gdpTotal: 21200,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 34.282,
+ latitude: -13.26,
+ gdpPerPerson: 1104,
+ rank: 61,
+ unemployment: 12,
+ oilProduction: 3,
+ birthRate: 12,
+ medianAge: 51,
+ electricity: 20676,
+ televisions: 4938675,
+ publicDebt: 51,
+ internet: 139500
+ }),
+ new WorldStatsItem(
+ {
+ code: `KAZ`,
+ name: `Kazakhstan`,
+ continent: `Asia`,
+ population: 18556698,
+ gdpTotal: 460700,
+ economy: `Developing`,
+ region: `Central Asia`,
+ status: `Country`,
+ longitude: 66.966,
+ latitude: 47.999,
+ gdpPerPerson: 24827,
+ rank: 62,
+ unemployment: 7,
+ oilProduction: 1355000,
+ birthRate: 16,
+ medianAge: 29,
+ electricity: 76340,
+ televisions: 3880000,
+ publicDebt: 8,
+ internet: 1901000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SYR`,
+ name: `Syria`,
+ continent: `Asia`,
+ population: 18028549,
+ gdpTotal: 50280,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 39.062,
+ latitude: 34.807,
+ gdpPerPerson: 2789,
+ rank: 63,
+ unemployment: 9,
+ oilProduction: 379000,
+ birthRate: 27,
+ medianAge: 21,
+ electricity: 153200,
+ televisions: 1050000,
+ publicDebt: 38,
+ internet: 3470000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MLI`,
+ name: `Mali`,
+ continent: `Africa`,
+ population: 17885245,
+ gdpTotal: 38090,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -1.496,
+ latitude: 17.867,
+ gdpPerPerson: 2130,
+ rank: 64,
+ unemployment: 4,
+ oilProduction: 4,
+ birthRate: 21,
+ medianAge: 46,
+ electricity: 72483,
+ televisions: 4783188,
+ publicDebt: 38,
+ internet: 8619386
+ }),
+ new WorldStatsItem(
+ {
+ code: `CHL`,
+ name: `Chile`,
+ continent: `South America`,
+ population: 17789267,
+ gdpTotal: 436100,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -69.11,
+ latitude: -23.36,
+ gdpPerPerson: 24515,
+ rank: 65,
+ unemployment: 7,
+ oilProduction: 15100,
+ birthRate: 15,
+ medianAge: 31,
+ electricity: 47600,
+ televisions: 3150000,
+ publicDebt: 4,
+ internet: 557000
+ }),
+ new WorldStatsItem(
+ {
+ code: `NLD`,
+ name: `Netherlands`,
+ continent: `Europe`,
+ population: 17084719,
+ gdpTotal: 870800,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 6.272,
+ latitude: 52.971,
+ gdpPerPerson: 50970,
+ rank: 66,
+ unemployment: 5,
+ oilProduction: 76000,
+ birthRate: 11,
+ medianAge: 40,
+ electricity: 94340,
+ televisions: 8100000,
+ publicDebt: 46,
+ internet: 15000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ECU`,
+ name: `Ecuador`,
+ continent: `South America`,
+ population: 16290913,
+ gdpTotal: 182400,
+ economy: `Developing`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -77.98,
+ latitude: -1.291,
+ gdpPerPerson: 11196,
+ rank: 67,
+ unemployment: 9,
+ oilProduction: 511100,
+ birthRate: 22,
+ medianAge: 24,
+ electricity: 12940,
+ televisions: 2500000,
+ publicDebt: 33,
+ internet: 1549000
+ }),
+ new WorldStatsItem(
+ {
+ code: `KHM`,
+ name: `Cambodia`,
+ continent: `Asia`,
+ population: 16204486,
+ gdpTotal: 58940,
+ economy: `Least developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 104.96,
+ latitude: 12.558,
+ gdpPerPerson: 3637,
+ rank: 68,
+ unemployment: 15,
+ oilProduction: 1,
+ birthRate: 17,
+ medianAge: 50,
+ electricity: 45509,
+ televisions: 2489832,
+ publicDebt: 22,
+ internet: 11512560
+ }),
+ new WorldStatsItem(
+ {
+ code: `ZMB`,
+ name: `Zambia`,
+ continent: `Africa`,
+ population: 15972000,
+ gdpTotal: 65170,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 26.301,
+ latitude: -14.3,
+ gdpPerPerson: 4080,
+ rank: 69,
+ unemployment: 50,
+ oilProduction: 150,
+ birthRate: 41,
+ medianAge: 17,
+ electricity: 8850,
+ televisions: 277000,
+ publicDebt: 28,
+ internet: 500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GTM`,
+ name: `Guatemala`,
+ continent: `North America`,
+ population: 15460732,
+ gdpTotal: 131800,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -90.4,
+ latitude: 15.225,
+ gdpPerPerson: 8525,
+ rank: 70,
+ unemployment: 3,
+ oilProduction: 13000,
+ birthRate: 29,
+ medianAge: 19,
+ electricity: 7281,
+ televisions: 1323000,
+ publicDebt: 21,
+ internet: 1320000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SEN`,
+ name: `Senegal`,
+ continent: `Africa`,
+ population: 14668522,
+ gdpTotal: 39720,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -14.76,
+ latitude: 15.47,
+ gdpPerPerson: 2708,
+ rank: 71,
+ unemployment: 48,
+ oilProduction: 0,
+ birthRate: 37,
+ medianAge: 19,
+ electricity: 2159,
+ televisions: 361000,
+ publicDebt: 23,
+ internet: 820000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ZWE`,
+ name: `Zimbabwe`,
+ continent: `Africa`,
+ population: 13805084,
+ gdpTotal: 28330,
+ economy: `Emerging`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 29.115,
+ latitude: -19.02,
+ gdpPerPerson: 2052,
+ rank: 72,
+ unemployment: 80,
+ oilProduction: 0,
+ birthRate: 32,
+ medianAge: 18,
+ electricity: 9950,
+ televisions: 370000,
+ publicDebt: 218,
+ internet: 1351000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SSD`,
+ name: `South Sudan`,
+ continent: `Africa`,
+ population: 13026129,
+ gdpTotal: 20880,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 29.708,
+ latitude: 7.857,
+ gdpPerPerson: 1603,
+ rank: 73,
+ unemployment: 11,
+ oilProduction: 5,
+ birthRate: 8,
+ medianAge: 43,
+ electricity: 41476,
+ televisions: 7716253,
+ publicDebt: 41,
+ internet: 4569804
+ }),
+ new WorldStatsItem(
+ {
+ code: `GIN`,
+ name: `Guinea`,
+ continent: `Africa`,
+ population: 12413867,
+ gdpTotal: 16080,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -9.522,
+ latitude: 10.478,
+ gdpPerPerson: 1295,
+ rank: 74,
+ unemployment: 15,
+ oilProduction: 4,
+ birthRate: 5,
+ medianAge: 49,
+ electricity: 15826,
+ televisions: 6262180,
+ publicDebt: 32,
+ internet: 6439493
+ }),
+ new WorldStatsItem(
+ {
+ code: `TCD`,
+ name: `Chad`,
+ continent: `Africa`,
+ population: 12075985,
+ gdpTotal: 30590,
+ economy: `Least developed`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: 18.716,
+ latitude: 15.46,
+ gdpPerPerson: 2533,
+ rank: 75,
+ unemployment: 15,
+ oilProduction: 2,
+ birthRate: 25,
+ medianAge: 46,
+ electricity: 57747,
+ televisions: 8629897,
+ publicDebt: 33,
+ internet: 6531943
+ }),
+ new WorldStatsItem(
+ {
+ code: `RWA`,
+ name: `Rwanda`,
+ continent: `Africa`,
+ population: 11901484,
+ gdpTotal: 21970,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 29.867,
+ latitude: -1.936,
+ gdpPerPerson: 1846,
+ rank: 76,
+ unemployment: 14,
+ oilProduction: 0,
+ birthRate: 23,
+ medianAge: 51,
+ electricity: 51710,
+ televisions: 1363647,
+ publicDebt: 36,
+ internet: 2425128
+ }),
+ new WorldStatsItem(
+ {
+ code: `BEL`,
+ name: `Belgium`,
+ continent: `Europe`,
+ population: 11491346,
+ gdpTotal: 508600,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 4.605,
+ latitude: 50.911,
+ gdpPerPerson: 44259,
+ rank: 77,
+ unemployment: 8,
+ oilProduction: 9000,
+ birthRate: 10,
+ medianAge: 41,
+ electricity: 80840,
+ televisions: 4720000,
+ publicDebt: 85,
+ internet: 5220000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BDI`,
+ name: `Burundi`,
+ continent: `Africa`,
+ population: 11466756,
+ gdpTotal: 7892,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 29.913,
+ latitude: -3.384,
+ gdpPerPerson: 688,
+ rank: 78,
+ unemployment: 12,
+ oilProduction: 3,
+ birthRate: 16,
+ medianAge: 35,
+ electricity: 43850,
+ televisions: 2920735,
+ publicDebt: 20,
+ internet: 3908915
+ }),
+ new WorldStatsItem(
+ {
+ code: `TUN`,
+ name: `Tunisia`,
+ continent: `Africa`,
+ population: 11403800,
+ gdpTotal: 130800,
+ economy: `Developing`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: 9.516,
+ latitude: 33.785,
+ gdpPerPerson: 11470,
+ rank: 79,
+ unemployment: 14,
+ oilProduction: 76900,
+ birthRate: 16,
+ medianAge: 29,
+ electricity: 12850,
+ televisions: 920000,
+ publicDebt: 55,
+ internet: 1722000
+ }),
+ new WorldStatsItem(
+ {
+ code: `CUB`,
+ name: `Cuba`,
+ continent: `North America`,
+ population: 11147407,
+ gdpTotal: 132900,
+ economy: `Emerging`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -80.54,
+ latitude: 22.567,
+ gdpPerPerson: 11922,
+ rank: 80,
+ unemployment: 2,
+ oilProduction: 58300,
+ birthRate: 11,
+ medianAge: 37,
+ electricity: 16450,
+ televisions: 2640000,
+ publicDebt: 37,
+ internet: 1310000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BOL`,
+ name: `Bolivia`,
+ continent: `South America`,
+ population: 11138234,
+ gdpTotal: 78350,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -63.57,
+ latitude: -16.3,
+ gdpPerPerson: 7034,
+ rank: 81,
+ unemployment: 8,
+ oilProduction: 46470,
+ birthRate: 22,
+ medianAge: 23,
+ electricity: 5293,
+ televisions: 900000,
+ publicDebt: 46,
+ internet: 1000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BEN`,
+ name: `Benin`,
+ continent: `Africa`,
+ population: 11038805,
+ gdpTotal: 24310,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: 2.704,
+ latitude: 10.535,
+ gdpPerPerson: 2202,
+ rank: 82,
+ unemployment: 2,
+ oilProduction: 0,
+ birthRate: 25,
+ medianAge: 40,
+ electricity: 13145,
+ televisions: 7167916,
+ publicDebt: 34,
+ internet: 8520122
+ }),
+ new WorldStatsItem(
+ {
+ code: `PRT`,
+ name: `Portugal`,
+ continent: `Europe`,
+ population: 10839514,
+ gdpTotal: 297100,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: -7.757,
+ latitude: 40.815,
+ gdpPerPerson: 27409,
+ rank: 83,
+ unemployment: 8,
+ oilProduction: 9500,
+ birthRate: 10,
+ medianAge: 39,
+ electricity: 49040,
+ televisions: 3310000,
+ publicDebt: 64,
+ internet: 3549000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GRC`,
+ name: `Greece`,
+ continent: `Europe`,
+ population: 10768477,
+ gdpTotal: 290500,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 21.871,
+ latitude: 39.558,
+ gdpPerPerson: 26977,
+ rank: 84,
+ unemployment: 8,
+ oilProduction: 5687,
+ birthRate: 10,
+ medianAge: 42,
+ electricity: 56130,
+ televisions: 2540000,
+ publicDebt: 90,
+ internet: 2540000
+ }),
+ new WorldStatsItem(
+ {
+ code: `DOM`,
+ name: `Dominican Republic`,
+ continent: `North America`,
+ population: 10734247,
+ gdpTotal: 161900,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -70.17,
+ latitude: 18.775,
+ gdpPerPerson: 15083,
+ rank: 85,
+ unemployment: 16,
+ oilProduction: 12,
+ birthRate: 23,
+ medianAge: 25,
+ electricity: 12220,
+ televisions: 770000,
+ publicDebt: 41,
+ internet: 1677000
+ }),
+ new WorldStatsItem(
+ {
+ code: `CZE`,
+ name: `Czechia`,
+ continent: `Europe`,
+ population: 10674723,
+ gdpTotal: 350900,
+ economy: `Developed`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 15.461,
+ latitude: 49.807,
+ gdpPerPerson: 32872,
+ rank: 86,
+ unemployment: 7,
+ oilProduction: 18030,
+ birthRate: 9,
+ medianAge: 40,
+ electricity: 77380,
+ televisions: 3405834,
+ publicDebt: 26,
+ internet: 4400000
+ }),
+ new WorldStatsItem(
+ {
+ code: `HTI`,
+ name: `Haiti`,
+ continent: `North America`,
+ population: 10646714,
+ gdpTotal: 19340,
+ economy: `Least developed`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -72.23,
+ latitude: 19.342,
+ gdpPerPerson: 1817,
+ rank: 87,
+ unemployment: 15,
+ oilProduction: 2,
+ birthRate: 9,
+ medianAge: 52,
+ electricity: 12871,
+ televisions: 4329511,
+ publicDebt: 25,
+ internet: 4777792
+ }),
+ new WorldStatsItem(
+ {
+ code: `JOR`,
+ name: `Jordan`,
+ continent: `Asia`,
+ population: 10248069,
+ gdpTotal: 86190,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 38.125,
+ latitude: 32.309,
+ gdpPerPerson: 8410,
+ rank: 88,
+ unemployment: 14,
+ oilProduction: 0,
+ birthRate: 20,
+ medianAge: 24,
+ electricity: 9074,
+ televisions: 500000,
+ publicDebt: 72,
+ internet: 1127000
+ }),
+ new WorldStatsItem(
+ {
+ code: `AZE`,
+ name: `Azerbaijan`,
+ continent: `Asia`,
+ population: 9961396,
+ gdpTotal: 167900,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 48.401,
+ latitude: 40.344,
+ gdpPerPerson: 16855,
+ rank: 89,
+ unemployment: 1,
+ oilProduction: 934700,
+ birthRate: 18,
+ medianAge: 28,
+ electricity: 23800,
+ televisions: 170000,
+ publicDebt: 7,
+ internet: 1036000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SWE`,
+ name: `Sweden`,
+ continent: `Europe`,
+ population: 9960487,
+ gdpTotal: 498100,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 17.594,
+ latitude: 64.621,
+ gdpPerPerson: 50008,
+ rank: 90,
+ unemployment: 6,
+ oilProduction: 2350,
+ birthRate: 10,
+ medianAge: 41,
+ electricity: 153200,
+ televisions: 4600000,
+ publicDebt: 42,
+ internet: 7000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `HUN`,
+ name: `Hungary`,
+ continent: `Europe`,
+ population: 9850845,
+ gdpTotal: 267600,
+ economy: `Developed`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 19.485,
+ latitude: 47.153,
+ gdpPerPerson: 27165,
+ rank: 91,
+ unemployment: 7,
+ oilProduction: 42180,
+ birthRate: 10,
+ medianAge: 39,
+ electricity: 33690,
+ televisions: 4420000,
+ publicDebt: 67,
+ internet: 4200000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BLR`,
+ name: `Belarus`,
+ continent: `Europe`,
+ population: 9549747,
+ gdpTotal: 165400,
+ economy: `Developing`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 27.943,
+ latitude: 53.705,
+ gdpPerPerson: 17320,
+ rank: 92,
+ unemployment: 15,
+ oilProduction: 5,
+ birthRate: 7,
+ medianAge: 33,
+ electricity: 84070,
+ televisions: 3348094,
+ publicDebt: 6,
+ internet: 3754027
+ }),
+ new WorldStatsItem(
+ {
+ code: `HND`,
+ name: `Honduras`,
+ continent: `North America`,
+ population: 9038741,
+ gdpTotal: 43190,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -86.74,
+ latitude: 14.889,
+ gdpPerPerson: 4778,
+ rank: 93,
+ unemployment: 28,
+ oilProduction: 0,
+ birthRate: 27,
+ medianAge: 20,
+ electricity: 5339,
+ televisions: 570000,
+ publicDebt: 24,
+ internet: 344100
+ }),
+ new WorldStatsItem(
+ {
+ code: `AUT`,
+ name: `Austria`,
+ continent: `Europe`,
+ population: 8754413,
+ gdpTotal: 416600,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 14.987,
+ latitude: 47.624,
+ gdpPerPerson: 47587,
+ rank: 94,
+ unemployment: 4,
+ oilProduction: 23320,
+ birthRate: 9,
+ medianAge: 42,
+ electricity: 61020,
+ televisions: 10150000,
+ publicDebt: 59,
+ internet: 4277000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TJK`,
+ name: `Tajikistan`,
+ continent: `Asia`,
+ population: 8468555,
+ gdpTotal: 25810,
+ economy: `Developing`,
+ region: `Central Asia`,
+ status: `Country`,
+ longitude: 71.234,
+ latitude: 38.86,
+ gdpPerPerson: 3048,
+ rank: 95,
+ unemployment: 11,
+ oilProduction: 5,
+ birthRate: 8,
+ medianAge: 44,
+ electricity: 56534,
+ televisions: 6542566,
+ publicDebt: 44,
+ internet: 4521889
+ }),
+ new WorldStatsItem(
+ {
+ code: `ISR`,
+ name: `Israel`,
+ continent: `Asia`,
+ population: 8299706,
+ gdpTotal: 297000,
+ economy: `Developed`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 34.977,
+ latitude: 30.748,
+ gdpPerPerson: 35784,
+ rank: 96,
+ unemployment: 7,
+ oilProduction: 100,
+ birthRate: 20,
+ medianAge: 29,
+ electricity: 46850,
+ televisions: 1690000,
+ publicDebt: 81,
+ internet: 2000000
+ }),
+ new WorldStatsItem(
+ {
+ code: `CHE`,
+ name: `Switzerland`,
+ continent: `Europe`,
+ population: 8236303,
+ gdpTotal: 496300,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 7.865,
+ latitude: 46.729,
+ gdpPerPerson: 60258,
+ rank: 97,
+ unemployment: 3,
+ oilProduction: 3202,
+ birthRate: 10,
+ medianAge: 41,
+ electricity: 56100,
+ televisions: 3310000,
+ publicDebt: 44,
+ internet: 4610000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TGO`,
+ name: `Togo`,
+ continent: `Africa`,
+ population: 7965055,
+ gdpTotal: 11610,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: 1.146,
+ latitude: 6.799,
+ gdpPerPerson: 1458,
+ rank: 98,
+ unemployment: 3,
+ oilProduction: 4,
+ birthRate: 9,
+ medianAge: 37,
+ electricity: 28181,
+ televisions: 2309082,
+ publicDebt: 41,
+ internet: 789456
+ }),
+ new WorldStatsItem(
+ {
+ code: `SOM`,
+ name: `Somalia`,
+ continent: `Africa`,
+ population: 7531386,
+ gdpTotal: 4719,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 44.134,
+ latitude: 3.077,
+ gdpPerPerson: 627,
+ rank: 99,
+ unemployment: 2,
+ oilProduction: 4,
+ birthRate: 12,
+ medianAge: 50,
+ electricity: 29272,
+ televisions: 1648650,
+ publicDebt: 22,
+ internet: 3227211
+ }),
+ new WorldStatsItem(
+ {
+ code: `HKG`,
+ name: `Hong Kong`,
+ continent: `Asia`,
+ population: 7191503,
+ gdpTotal: 427400,
+ economy: `Developing`,
+ region: `Eastern Asia`,
+ status: `Dependency`,
+ longitude: 114.08,
+ latitude: 22.38,
+ gdpPerPerson: 59431,
+ rank: 100,
+ unemployment: 3,
+ oilProduction: 0,
+ birthRate: 8,
+ medianAge: 55,
+ electricity: 86792,
+ televisions: 4084025,
+ publicDebt: 35,
+ internet: 3907543
+ }),
+ new WorldStatsItem(
+ {
+ code: `LAO`,
+ name: `Laos`,
+ continent: `Asia`,
+ population: 7126706,
+ gdpTotal: 40960,
+ economy: `Least developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 102.36,
+ latitude: 20.171,
+ gdpPerPerson: 5747,
+ rank: 101,
+ unemployment: 8,
+ oilProduction: 0,
+ birthRate: 6,
+ medianAge: 34,
+ electricity: 7093,
+ televisions: 4503172,
+ publicDebt: 19,
+ internet: 5426041
+ }),
+ new WorldStatsItem(
+ {
+ code: `SRB`,
+ name: `Serbia`,
+ continent: `Europe`,
+ population: 7111024,
+ gdpTotal: 101800,
+ economy: `Developing`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 20.908,
+ latitude: 44.206,
+ gdpPerPerson: 14316,
+ rank: 102,
+ unemployment: 5,
+ oilProduction: 4,
+ birthRate: 13,
+ medianAge: 48,
+ electricity: 30150,
+ televisions: 1316607,
+ publicDebt: 17,
+ internet: 4104775
+ }),
+ new WorldStatsItem(
+ {
+ code: `BGR`,
+ name: `Bulgaria`,
+ continent: `Europe`,
+ population: 7101510,
+ gdpTotal: 143100,
+ economy: `Developed`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 25.465,
+ latitude: 42.741,
+ gdpPerPerson: 20151,
+ rank: 103,
+ unemployment: 8,
+ oilProduction: 3661,
+ birthRate: 10,
+ medianAge: 41,
+ electricity: 45700,
+ televisions: 3310000,
+ publicDebt: 11,
+ internet: 1899000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PRY`,
+ name: `Paraguay`,
+ continent: `South America`,
+ population: 6943739,
+ gdpTotal: 64670,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -58.44,
+ latitude: -23.42,
+ gdpPerPerson: 9313,
+ rank: 104,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 28,
+ medianAge: 22,
+ electricity: 70000,
+ televisions: 990000,
+ publicDebt: 27,
+ internet: 280000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PNG`,
+ name: `Papua New Guinea`,
+ continent: `Oceania`,
+ population: 6909701,
+ gdpTotal: 28020,
+ economy: `Developing`,
+ region: `Melanesia`,
+ status: `Country`,
+ longitude: 143.62,
+ latitude: -5.836,
+ gdpPerPerson: 4055,
+ rank: 105,
+ unemployment: 2,
+ oilProduction: 47800,
+ birthRate: 28,
+ medianAge: 22,
+ electricity: 3698,
+ televisions: 59841,
+ publicDebt: 40,
+ internet: 110000
+ }),
+ new WorldStatsItem(
+ {
+ code: `LBY`,
+ name: `Libya`,
+ continent: `Africa`,
+ population: 6653210,
+ gdpTotal: 90890,
+ economy: `Developing`,
+ region: `Northern Africa`,
+ status: `Country`,
+ longitude: 17.23,
+ latitude: 26.339,
+ gdpPerPerson: 13661,
+ rank: 106,
+ unemployment: 30,
+ oilProduction: 1712000,
+ birthRate: 26,
+ medianAge: 24,
+ electricity: 21150,
+ televisions: 730000,
+ publicDebt: 5,
+ internet: 260000
+ }),
+ new WorldStatsItem(
+ {
+ code: `LBN`,
+ name: `Lebanon`,
+ continent: `Asia`,
+ population: 6229794,
+ gdpTotal: 85160,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 36.042,
+ latitude: 34.168,
+ gdpPerPerson: 13670,
+ rank: 107,
+ unemployment: 20,
+ oilProduction: 0,
+ birthRate: 18,
+ medianAge: 29,
+ electricity: 9183,
+ televisions: 1180000,
+ publicDebt: 187,
+ internet: 950000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SLV`,
+ name: `El Salvador`,
+ continent: `North America`,
+ population: 6172011,
+ gdpTotal: 54790,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -88.91,
+ latitude: 13.798,
+ gdpPerPerson: 8877,
+ rank: 108,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 26,
+ medianAge: 22,
+ electricity: 5316,
+ televisions: 600000,
+ publicDebt: 37,
+ internet: 700000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SLE`,
+ name: `Sierra Leone`,
+ continent: `Africa`,
+ population: 6163195,
+ gdpTotal: 10640,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -11.78,
+ latitude: 8.452,
+ gdpPerPerson: 1726,
+ rank: 109,
+ unemployment: 14,
+ oilProduction: 4,
+ birthRate: 6,
+ medianAge: 37,
+ electricity: 37412,
+ televisions: 2727270,
+ publicDebt: 6,
+ internet: 223239
+ }),
+ new WorldStatsItem(
+ {
+ code: `ARE`,
+ name: `United Arab Emirates`,
+ continent: `Asia`,
+ population: 6072475,
+ gdpTotal: 667200,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 54.192,
+ latitude: 23.795,
+ gdpPerPerson: 109873,
+ rank: 110,
+ unemployment: 2,
+ oilProduction: 2510000,
+ birthRate: 16,
+ medianAge: 30,
+ electricity: 57060,
+ televisions: 310000,
+ publicDebt: 21,
+ internet: 2300000
+ }),
+ new WorldStatsItem(
+ {
+ code: `NIC`,
+ name: `Nicaragua`,
+ continent: `North America`,
+ population: 6025951,
+ gdpTotal: 33550,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -85.09,
+ latitude: 12.523,
+ gdpPerPerson: 5568,
+ rank: 111,
+ unemployment: 5,
+ oilProduction: 0,
+ birthRate: 24,
+ medianAge: 22,
+ electricity: 2778,
+ televisions: 320000,
+ publicDebt: 63,
+ internet: 155000
+ }),
+ new WorldStatsItem(
+ {
+ code: `ERI`,
+ name: `Eritrea`,
+ continent: `Africa`,
+ population: 5918919,
+ gdpTotal: 9169,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 39.772,
+ latitude: 15.191,
+ gdpPerPerson: 1549,
+ rank: 112,
+ unemployment: 9,
+ oilProduction: 5,
+ birthRate: 17,
+ medianAge: 54,
+ electricity: 67474,
+ televisions: 2078077,
+ publicDebt: 41,
+ internet: 1067843
+ }),
+ new WorldStatsItem(
+ {
+ code: `SGP`,
+ name: `Singapore`,
+ continent: `Asia`,
+ population: 5888926,
+ gdpTotal: 487900,
+ economy: `Developing`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 103.82,
+ latitude: 1.356,
+ gdpPerPerson: 82850,
+ rank: 113,
+ unemployment: 2,
+ oilProduction: 9836,
+ birthRate: 9,
+ medianAge: 38,
+ electricity: 39440,
+ televisions: 1330000,
+ publicDebt: 96,
+ internet: 3105000
+ }),
+ new WorldStatsItem(
+ {
+ code: `KGZ`,
+ name: `Kyrgyzstan`,
+ continent: `Asia`,
+ population: 5789122,
+ gdpTotal: 21010,
+ economy: `Developing`,
+ region: `Central Asia`,
+ status: `Country`,
+ longitude: 74.738,
+ latitude: 41.224,
+ gdpPerPerson: 3629,
+ rank: 114,
+ unemployment: 12,
+ oilProduction: 1,
+ birthRate: 21,
+ medianAge: 42,
+ electricity: 16640,
+ televisions: 2101152,
+ publicDebt: 15,
+ internet: 738896
+ }),
+ new WorldStatsItem(
+ {
+ code: `CAF`,
+ name: `Central African Republic`,
+ continent: `Africa`,
+ population: 5625118,
+ gdpTotal: 3206,
+ economy: `Least developed`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 20.917,
+ latitude: 6.633,
+ gdpPerPerson: 570,
+ rank: 115,
+ unemployment: 8,
+ oilProduction: 5,
+ birthRate: 13,
+ medianAge: 32,
+ electricity: 71424,
+ televisions: 635931,
+ publicDebt: 29,
+ internet: 1933873
+ }),
+ new WorldStatsItem(
+ {
+ code: `DNK`,
+ name: `Denmark`,
+ continent: `Europe`,
+ population: 5605948,
+ gdpTotal: 264800,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 9.348,
+ latitude: 56.13,
+ gdpPerPerson: 47236,
+ rank: 116,
+ unemployment: 3,
+ oilProduction: 342000,
+ birthRate: 11,
+ medianAge: 40,
+ electricity: 43350,
+ televisions: 3121000,
+ publicDebt: 26,
+ internet: 3500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `FIN`,
+ name: `Finland`,
+ continent: `Europe`,
+ population: 5491218,
+ gdpTotal: 224137,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 25.988,
+ latitude: 61.841,
+ gdpPerPerson: 40817,
+ rank: 117,
+ unemployment: 7,
+ oilProduction: 8951,
+ birthRate: 10,
+ medianAge: 42,
+ electricity: 73470,
+ televisions: 3200000,
+ publicDebt: 36,
+ internet: 3600000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SVK`,
+ name: `Slovakia`,
+ continent: `Europe`,
+ population: 5445829,
+ gdpTotal: 168800,
+ economy: `Developed`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 18.877,
+ latitude: 48.702,
+ gdpPerPerson: 30996,
+ rank: 118,
+ unemployment: 8,
+ oilProduction: 12840,
+ birthRate: 11,
+ medianAge: 37,
+ electricity: 29890,
+ televisions: 2620000,
+ publicDebt: 36,
+ internet: 2350000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TKM`,
+ name: `Turkmenistan`,
+ continent: `Asia`,
+ population: 5351277,
+ gdpTotal: 94720,
+ economy: `Developing`,
+ region: `Central Asia`,
+ status: `Country`,
+ longitude: 59.562,
+ latitude: 38.975,
+ gdpPerPerson: 17700,
+ rank: 119,
+ unemployment: 11,
+ oilProduction: 4,
+ birthRate: 11,
+ medianAge: 43,
+ electricity: 91281,
+ televisions: 2935468,
+ publicDebt: 17,
+ internet: 3203210
+ }),
+ new WorldStatsItem(
+ {
+ code: `NOR`,
+ name: `Norway`,
+ continent: `Europe`,
+ population: 5320045,
+ gdpTotal: 364700,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 9.66,
+ latitude: 60.712,
+ gdpPerPerson: 68552,
+ rank: 120,
+ unemployment: 3,
+ oilProduction: 2560000,
+ birthRate: 11,
+ medianAge: 39,
+ electricity: 135800,
+ televisions: 2030000,
+ publicDebt: 83,
+ internet: 3800000
+ }),
+ new WorldStatsItem(
+ {
+ code: `IRL`,
+ name: `Ireland`,
+ continent: `Europe`,
+ population: 5011102,
+ gdpTotal: 322000,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: -8.209,
+ latitude: 53.42,
+ gdpPerPerson: 64257,
+ rank: 121,
+ unemployment: 5,
+ oilProduction: 0,
+ birthRate: 14,
+ medianAge: 35,
+ electricity: 24130,
+ televisions: 1820000,
+ publicDebt: 25,
+ internet: 1708000
+ }),
+ new WorldStatsItem(
+ {
+ code: `COG`,
+ name: `Congo`,
+ continent: `Africa`,
+ population: 4954674,
+ gdpTotal: 30270,
+ economy: `Developing`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 16.264,
+ latitude: -0.07,
+ gdpPerPerson: 6109,
+ rank: 122,
+ unemployment: 13,
+ oilProduction: 4,
+ birthRate: 11,
+ medianAge: 52,
+ electricity: 83556,
+ televisions: 1560800,
+ publicDebt: 6,
+ internet: 2650237
+ }),
+ new WorldStatsItem(
+ {
+ code: `CRI`,
+ name: `Costa Rica`,
+ continent: `North America`,
+ population: 4930258,
+ gdpTotal: 79260,
+ economy: `Emerging`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -83.91,
+ latitude: 9.92,
+ gdpPerPerson: 16076,
+ rank: 123,
+ unemployment: 5,
+ oilProduction: 0,
+ birthRate: 18,
+ medianAge: 27,
+ electricity: 8349,
+ televisions: 525000,
+ publicDebt: 47,
+ internet: 1500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GEO`,
+ name: `Georgia`,
+ continent: `Asia`,
+ population: 4926330,
+ gdpTotal: 37270,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 43.257,
+ latitude: 42.162,
+ gdpPerPerson: 7565,
+ rank: 124,
+ unemployment: 15,
+ oilProduction: 5,
+ birthRate: 10,
+ medianAge: 43,
+ electricity: 44936,
+ televisions: 2728128,
+ publicDebt: 29,
+ internet: 3844448
+ }),
+ new WorldStatsItem(
+ {
+ code: `LBR`,
+ name: `Liberia`,
+ continent: `Africa`,
+ population: 4689021,
+ gdpTotal: 3881,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -9.454,
+ latitude: 6.445,
+ gdpPerPerson: 828,
+ rank: 125,
+ unemployment: 4,
+ oilProduction: 0,
+ birthRate: 8,
+ medianAge: 35,
+ electricity: 89626,
+ televisions: 3065112,
+ publicDebt: 38,
+ internet: 1475304
+ }),
+ new WorldStatsItem(
+ {
+ code: `PSE`,
+ name: `Palestine`,
+ continent: `Asia`,
+ population: 4543126,
+ gdpTotal: 21221,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Disputed`,
+ longitude: 35.347,
+ latitude: 32.031,
+ gdpPerPerson: 4671,
+ rank: 126,
+ unemployment: 9,
+ oilProduction: 1,
+ birthRate: 10,
+ medianAge: 48,
+ electricity: 45973,
+ televisions: 2774033,
+ publicDebt: 16,
+ internet: 1718915
+ }),
+ new WorldStatsItem(
+ {
+ code: `NZL`,
+ name: `New Zealand`,
+ continent: `Oceania`,
+ population: 4510327,
+ gdpTotal: 174800,
+ economy: `Developed`,
+ region: `Australia`,
+ status: `Country`,
+ longitude: 169.42,
+ latitude: -44.86,
+ gdpPerPerson: 38756,
+ rank: 127,
+ unemployment: 4,
+ oilProduction: 25880,
+ birthRate: 14,
+ medianAge: 36,
+ electricity: 42060,
+ televisions: 1926000,
+ publicDebt: 21,
+ internet: 3360000
+ }),
+ new WorldStatsItem(
+ {
+ code: `HRV`,
+ name: `Croatia`,
+ continent: `Europe`,
+ population: 4292095,
+ gdpTotal: 94240,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 16.847,
+ latitude: 45.674,
+ gdpPerPerson: 21957,
+ rank: 128,
+ unemployment: 12,
+ oilProduction: 17100,
+ birthRate: 10,
+ medianAge: 41,
+ electricity: 11990,
+ televisions: 1220000,
+ publicDebt: 48,
+ internet: 1995000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BIH`,
+ name: `Bosnia`,
+ continent: `Europe`,
+ population: 3856181,
+ gdpTotal: 42530,
+ economy: `Developing`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 17.66,
+ latitude: 43.918,
+ gdpPerPerson: 11029,
+ rank: 129,
+ unemployment: 46,
+ oilProduction: 0,
+ birthRate: 9,
+ medianAge: 39,
+ electricity: 12220,
+ televisions: 0,
+ publicDebt: 34,
+ internet: 1055000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MRT`,
+ name: `Mauritania`,
+ continent: `Africa`,
+ population: 3758571,
+ gdpTotal: 16710,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -8.89,
+ latitude: 20.387,
+ gdpPerPerson: 4446,
+ rank: 130,
+ unemployment: 9,
+ oilProduction: 5,
+ birthRate: 25,
+ medianAge: 50,
+ electricity: 15176,
+ televisions: 2558125,
+ publicDebt: 29,
+ internet: 2098221
+ }),
+ new WorldStatsItem(
+ {
+ code: `PAN`,
+ name: `Panama`,
+ continent: `North America`,
+ population: 3753142,
+ gdpTotal: 93120,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -81.17,
+ latitude: 8.457,
+ gdpPerPerson: 24811,
+ rank: 131,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 21,
+ medianAge: 27,
+ electricity: 5661,
+ televisions: 510000,
+ publicDebt: 53,
+ internet: 525200
+ }),
+ new WorldStatsItem(
+ {
+ code: `SOL`,
+ name: `Somaliland`,
+ continent: `Africa`,
+ population: 3500000,
+ gdpTotal: 12250,
+ economy: `Developing`,
+ region: `Eastern Africa`,
+ status: `Indeterminate`,
+ longitude: 45.798,
+ latitude: 9.748,
+ gdpPerPerson: 3500,
+ rank: 132,
+ unemployment: 1,
+ oilProduction: 4,
+ birthRate: 13,
+ medianAge: 43,
+ electricity: 73247,
+ televisions: 2235408,
+ publicDebt: 21,
+ internet: 1300238
+ }),
+ new WorldStatsItem(
+ {
+ code: `MDA`,
+ name: `Moldova`,
+ continent: `Europe`,
+ population: 3474121,
+ gdpTotal: 18540,
+ economy: `Developing`,
+ region: `Eastern Europe`,
+ status: `Country`,
+ longitude: 28.552,
+ latitude: 47.515,
+ gdpPerPerson: 5337,
+ rank: 133,
+ unemployment: 2,
+ oilProduction: 0,
+ birthRate: 11,
+ medianAge: 34,
+ electricity: 3881,
+ televisions: 1260000,
+ publicDebt: 23,
+ internet: 700000
+ }),
+ new WorldStatsItem(
+ {
+ code: `OMN`,
+ name: `Oman`,
+ continent: `Asia`,
+ population: 3424386,
+ gdpTotal: 173100,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 57.563,
+ latitude: 22.014,
+ gdpPerPerson: 50549,
+ rank: 134,
+ unemployment: 15,
+ oilProduction: 710800,
+ birthRate: 35,
+ medianAge: 19,
+ electricity: 11890,
+ televisions: 1600000,
+ publicDebt: 4,
+ internet: 340000
+ }),
+ new WorldStatsItem(
+ {
+ code: `URY`,
+ name: `Uruguay`,
+ continent: `South America`,
+ population: 3360148,
+ gdpTotal: 73250,
+ economy: `Emerging`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -55.78,
+ latitude: -32.51,
+ gdpPerPerson: 21800,
+ rank: 135,
+ unemployment: 9,
+ oilProduction: 27830,
+ birthRate: 14,
+ medianAge: 33,
+ electricity: 9200,
+ televisions: 782000,
+ publicDebt: 65,
+ internet: 968000
+ }),
+ new WorldStatsItem(
+ {
+ code: `PRI`,
+ name: `Puerto Rico`,
+ continent: `North America`,
+ population: 3351827,
+ gdpTotal: 131000,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -66.61,
+ latitude: 18.235,
+ gdpPerPerson: 39083,
+ rank: 136,
+ unemployment: 5,
+ oilProduction: 3,
+ birthRate: 11,
+ medianAge: 32,
+ electricity: 19677,
+ televisions: 1917997,
+ publicDebt: 25,
+ internet: 608062
+ }),
+ new WorldStatsItem(
+ {
+ code: `MNG`,
+ name: `Mongolia`,
+ continent: `Asia`,
+ population: 3068243,
+ gdpTotal: 37000,
+ economy: `Developing`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 103.82,
+ latitude: 46.856,
+ gdpPerPerson: 12059,
+ rank: 137,
+ unemployment: 4,
+ oilProduction: 1,
+ birthRate: 7,
+ medianAge: 35,
+ electricity: 3875,
+ televisions: 1726758,
+ publicDebt: 17,
+ internet: 562546
+ }),
+ new WorldStatsItem(
+ {
+ code: `ALB`,
+ name: `Albania`,
+ continent: `Europe`,
+ population: 3047987,
+ gdpTotal: 33900,
+ economy: `Developing`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 19.964,
+ latitude: 40.759,
+ gdpPerPerson: 11122,
+ rank: 138,
+ unemployment: 13,
+ oilProduction: 7006,
+ birthRate: 15,
+ medianAge: 30,
+ electricity: 5385,
+ televisions: 700000,
+ publicDebt: 51,
+ internet: 471200
+ }),
+ new WorldStatsItem(
+ {
+ code: `ARM`,
+ name: `Armenia`,
+ continent: `Asia`,
+ population: 3045191,
+ gdpTotal: 26300,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 44.646,
+ latitude: 40.618,
+ gdpPerPerson: 8637,
+ rank: 139,
+ unemployment: 4,
+ oilProduction: 4,
+ birthRate: 14,
+ medianAge: 39,
+ electricity: 71042,
+ televisions: 2390201,
+ publicDebt: 9,
+ internet: 488333
+ }),
+ new WorldStatsItem(
+ {
+ code: `JAM`,
+ name: `Jamaica`,
+ continent: `North America`,
+ population: 2990561,
+ gdpTotal: 25390,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -77.27,
+ latitude: 18.119,
+ gdpPerPerson: 8490,
+ rank: 140,
+ unemployment: 10,
+ oilProduction: 0,
+ birthRate: 20,
+ medianAge: 23,
+ electricity: 6985,
+ televisions: 460000,
+ publicDebt: 127,
+ internet: 1500000
+ }),
+ new WorldStatsItem(
+ {
+ code: `KWT`,
+ name: `Kuwait`,
+ continent: `Asia`,
+ population: 2875422,
+ gdpTotal: 301100,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 47.487,
+ latitude: 29.315,
+ gdpPerPerson: 104715,
+ rank: 141,
+ unemployment: 2,
+ oilProduction: 2440000,
+ birthRate: 22,
+ medianAge: 26,
+ electricity: 41110,
+ televisions: 875000,
+ publicDebt: 10,
+ internet: 900000
+ }),
+ new WorldStatsItem(
+ {
+ code: `LTU`,
+ name: `Lithuania`,
+ continent: `Europe`,
+ population: 2823859,
+ gdpTotal: 85620,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 23.838,
+ latitude: 55.152,
+ gdpPerPerson: 30320,
+ rank: 142,
+ unemployment: 4,
+ oilProduction: 13160,
+ birthRate: 9,
+ medianAge: 39,
+ electricity: 13480,
+ televisions: 1700000,
+ publicDebt: 17,
+ internet: 1330000
+ }),
+ new WorldStatsItem(
+ {
+ code: `NAM`,
+ name: `Namibia`,
+ continent: `Africa`,
+ population: 2484780,
+ gdpTotal: 25990,
+ economy: `Developing`,
+ region: `Southern Africa`,
+ status: `Country`,
+ longitude: 16.944,
+ latitude: -20.52,
+ gdpPerPerson: 10460,
+ rank: 143,
+ unemployment: 5,
+ oilProduction: 0,
+ birthRate: 23,
+ medianAge: 21,
+ electricity: 1688,
+ televisions: 60000,
+ publicDebt: 22,
+ internet: 101000
+ }),
+ new WorldStatsItem(
+ {
+ code: `QAT`,
+ name: `Qatar`,
+ continent: `Asia`,
+ population: 2314307,
+ gdpTotal: 334500,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 51.182,
+ latitude: 25.359,
+ gdpPerPerson: 144536,
+ rank: 144,
+ unemployment: 1,
+ oilProduction: 797500,
+ birthRate: 16,
+ medianAge: 31,
+ electricity: 13540,
+ televisions: 230000,
+ publicDebt: 11,
+ internet: 351000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BWA`,
+ name: `Botswana`,
+ continent: `Africa`,
+ population: 2214858,
+ gdpTotal: 35900,
+ economy: `Developing`,
+ region: `Southern Africa`,
+ status: `Country`,
+ longitude: 24.671,
+ latitude: -22.32,
+ gdpPerPerson: 16209,
+ rank: 145,
+ unemployment: 8,
+ oilProduction: 0,
+ birthRate: 23,
+ medianAge: 21,
+ electricity: 912,
+ televisions: 31000,
+ publicDebt: 5,
+ internet: 80000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MKD`,
+ name: `North Macedonia`,
+ continent: `Europe`,
+ population: 2103721,
+ gdpTotal: 29520,
+ economy: `Developing`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 21.727,
+ latitude: 41.604,
+ gdpPerPerson: 14032,
+ rank: 146,
+ unemployment: 35,
+ oilProduction: 0,
+ birthRate: 12,
+ medianAge: 35,
+ electricity: 6051,
+ televisions: 510000,
+ publicDebt: 31,
+ internet: 685000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GMB`,
+ name: `Gambia`,
+ continent: `Africa`,
+ population: 2051363,
+ gdpTotal: 3387,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -15.32,
+ latitude: 13.438,
+ gdpPerPerson: 1651,
+ rank: 147,
+ unemployment: 7,
+ oilProduction: 1,
+ birthRate: 11,
+ medianAge: 37,
+ electricity: 9769,
+ televisions: 1486289,
+ publicDebt: 30,
+ internet: 187890
+ }),
+ new WorldStatsItem(
+ {
+ code: `SVN`,
+ name: `Slovenia`,
+ continent: `Europe`,
+ population: 1972126,
+ gdpTotal: 68350,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 14.947,
+ latitude: 46.146,
+ gdpPerPerson: 34658,
+ rank: 148,
+ unemployment: 8,
+ oilProduction: 5,
+ birthRate: 9,
+ medianAge: 41,
+ electricity: 14900,
+ televisions: 710000,
+ publicDebt: 24,
+ internet: 1300000
+ }),
+ new WorldStatsItem(
+ {
+ code: `LSO`,
+ name: `Lesotho`,
+ continent: `Africa`,
+ population: 1958042,
+ gdpTotal: 6019,
+ economy: `Least developed`,
+ region: `Southern Africa`,
+ status: `Country`,
+ longitude: 28.221,
+ latitude: -29.61,
+ gdpPerPerson: 3074,
+ rank: 149,
+ unemployment: 12,
+ oilProduction: 2,
+ birthRate: 8,
+ medianAge: 32,
+ electricity: 20229,
+ televisions: 1457517,
+ publicDebt: 14,
+ internet: 1375222
+ }),
+ new WorldStatsItem(
+ {
+ code: `LVA`,
+ name: `Latvia`,
+ continent: `Europe`,
+ population: 1944643,
+ gdpTotal: 50650,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 26.505,
+ latitude: 56.755,
+ gdpPerPerson: 26046,
+ rank: 150,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 10,
+ medianAge: 40,
+ electricity: 4778,
+ televisions: 1220000,
+ publicDebt: 7,
+ internet: 1770000
+ }),
+ new WorldStatsItem(
+ {
+ code: `RKS`,
+ name: `Kosovo`,
+ continent: `Europe`,
+ population: 1895250,
+ gdpTotal: 18490,
+ economy: `Developing`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 20.891,
+ latitude: 42.557,
+ gdpPerPerson: 9756,
+ rank: 151,
+ unemployment: 12,
+ oilProduction: 0,
+ birthRate: 8,
+ medianAge: 55,
+ electricity: 14878,
+ televisions: 1287863,
+ publicDebt: 20,
+ internet: 1422193
+ }),
+ new WorldStatsItem(
+ {
+ code: `GNB`,
+ name: `Guinea-Bissau`,
+ continent: `Africa`,
+ population: 1792338,
+ gdpTotal: 2851,
+ economy: `Least developed`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -14.59,
+ latitude: 11.942,
+ gdpPerPerson: 1591,
+ rank: 152,
+ unemployment: 5,
+ oilProduction: 5,
+ birthRate: 5,
+ medianAge: 55,
+ electricity: 74684,
+ televisions: 1427462,
+ publicDebt: 8,
+ internet: 365000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GAB`,
+ name: `Gabon`,
+ continent: `Africa`,
+ population: 1772255,
+ gdpTotal: 35980,
+ economy: `Developing`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 11.592,
+ latitude: -0.807,
+ gdpPerPerson: 20302,
+ rank: 153,
+ unemployment: 21,
+ oilProduction: 240000,
+ birthRate: 36,
+ medianAge: 19,
+ electricity: 1520,
+ televisions: 63000,
+ publicDebt: 53,
+ internet: 145000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SWZ`,
+ name: `Eswatini`,
+ continent: `Africa`,
+ population: 1467152,
+ gdpTotal: 11060,
+ economy: `Developing`,
+ region: `Southern Africa`,
+ status: `Country`,
+ longitude: 31.45,
+ latitude: -26.52,
+ gdpPerPerson: 7538,
+ rank: 154,
+ unemployment: 6,
+ oilProduction: 3,
+ birthRate: 17,
+ medianAge: 39,
+ electricity: 72804,
+ televisions: 229393,
+ publicDebt: 5,
+ internet: 427760
+ }),
+ new WorldStatsItem(
+ {
+ code: `BHR`,
+ name: `Bahrain`,
+ continent: `Asia`,
+ population: 1410942,
+ gdpTotal: 66370,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 50.535,
+ latitude: 26.027,
+ gdpPerPerson: 47039,
+ rank: 155,
+ unemployment: 15,
+ oilProduction: 184300,
+ birthRate: 17,
+ medianAge: 30,
+ electricity: 8187,
+ televisions: 275000,
+ publicDebt: 31,
+ internet: 250000
+ }),
+ new WorldStatsItem(
+ {
+ code: `MUS`,
+ name: `Mauritius`,
+ continent: `Africa`,
+ population: 1356388,
+ gdpTotal: 25850,
+ economy: `Developing`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 57.555,
+ latitude: -20.25,
+ gdpPerPerson: 19058,
+ rank: 156,
+ unemployment: 9,
+ oilProduction: 0,
+ birthRate: 15,
+ medianAge: 32,
+ electricity: 2350,
+ televisions: 258000,
+ publicDebt: 63,
+ internet: 340000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TLS`,
+ name: `Timor-Leste`,
+ continent: `Asia`,
+ population: 1291358,
+ gdpTotal: 4975,
+ economy: `Least developed`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 125.66,
+ latitude: -8.826,
+ gdpPerPerson: 3853,
+ rank: 157,
+ unemployment: 8,
+ oilProduction: 5,
+ birthRate: 18,
+ medianAge: 48,
+ electricity: 84061,
+ televisions: 416260,
+ publicDebt: 25,
+ internet: 267437
+ }),
+ new WorldStatsItem(
+ {
+ code: `EST`,
+ name: `Estonia`,
+ continent: `Europe`,
+ population: 1251581,
+ gdpTotal: 38700,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: 25.441,
+ latitude: 58.845,
+ gdpPerPerson: 30921,
+ rank: 158,
+ unemployment: 5,
+ oilProduction: 6930,
+ birthRate: 10,
+ medianAge: 40,
+ electricity: 9599,
+ televisions: 605000,
+ publicDebt: 3,
+ internet: 780000
+ }),
+ new WorldStatsItem(
+ {
+ code: `CYP`,
+ name: `Cyprus`,
+ continent: `Asia`,
+ population: 1221549,
+ gdpTotal: 29260,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 33.176,
+ latitude: 34.876,
+ gdpPerPerson: 23953,
+ rank: 159,
+ unemployment: 4,
+ oilProduction: 0,
+ birthRate: 13,
+ medianAge: 35,
+ electricity: 4618,
+ televisions: 0,
+ publicDebt: 60,
+ internet: 380000
+ }),
+ new WorldStatsItem(
+ {
+ code: `TTO`,
+ name: `Trinidad and Tobago`,
+ continent: `North America`,
+ population: 1218208,
+ gdpTotal: 43570,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -61.21,
+ latitude: 10.352,
+ gdpPerPerson: 35766,
+ rank: 160,
+ unemployment: 4,
+ oilProduction: 5,
+ birthRate: 15,
+ medianAge: 47,
+ electricity: 58959,
+ televisions: 359389,
+ publicDebt: 29,
+ internet: 152416
+ }),
+ new WorldStatsItem(
+ {
+ code: `FJI`,
+ name: `Fiji`,
+ continent: `Oceania`,
+ population: 920938,
+ gdpTotal: 8374,
+ economy: `Developing`,
+ region: `Melanesia`,
+ status: `Country`,
+ longitude: 177.85,
+ latitude: -17.75,
+ gdpPerPerson: 9093,
+ rank: 161,
+ unemployment: 11,
+ oilProduction: 5,
+ birthRate: 5,
+ medianAge: 41,
+ electricity: 88931,
+ televisions: 517580,
+ publicDebt: 17,
+ internet: 539400
+ }),
+ new WorldStatsItem(
+ {
+ code: `DJI`,
+ name: `Djibouti`,
+ continent: `Africa`,
+ population: 865267,
+ gdpTotal: 3345,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 42.587,
+ latitude: 11.825,
+ gdpPerPerson: 3866,
+ rank: 162,
+ unemployment: 5,
+ oilProduction: 3,
+ birthRate: 17,
+ medianAge: 44,
+ electricity: 91593,
+ televisions: 209004,
+ publicDebt: 43,
+ internet: 476114
+ }),
+ new WorldStatsItem(
+ {
+ code: `COM`,
+ name: `Comoros`,
+ continent: `Africa`,
+ population: 808080,
+ gdpTotal: 1259,
+ economy: `Least developed`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 43.877,
+ latitude: -11.86,
+ gdpPerPerson: 1558,
+ rank: 163,
+ unemployment: 11,
+ oilProduction: 3,
+ birthRate: 14,
+ medianAge: 46,
+ electricity: 6146,
+ televisions: 495921,
+ publicDebt: 10,
+ internet: 459977
+ }),
+ new WorldStatsItem(
+ {
+ code: `GNQ`,
+ name: `Equatorial Guinea`,
+ continent: `Africa`,
+ population: 778358,
+ gdpTotal: 31770,
+ economy: `Least developed`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 10.521,
+ latitude: 1.763,
+ gdpPerPerson: 40817,
+ rank: 164,
+ unemployment: 30,
+ oilProduction: 385500,
+ birthRate: 37,
+ medianAge: 19,
+ electricity: 28,
+ televisions: 4000,
+ publicDebt: 2,
+ internet: 8000
+ }),
+ new WorldStatsItem(
+ {
+ code: `BTN`,
+ name: `Bhutan`,
+ continent: `Asia`,
+ population: 758288,
+ gdpTotal: 6432,
+ economy: `Least developed`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 90.411,
+ latitude: 27.506,
+ gdpPerPerson: 8482,
+ rank: 165,
+ unemployment: 3,
+ oilProduction: 0,
+ birthRate: 21,
+ medianAge: 24,
+ electricity: 2000,
+ televisions: 11000,
+ publicDebt: 81,
+ internet: 40000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GUY`,
+ name: `Guyana`,
+ continent: `South America`,
+ population: 737718,
+ gdpTotal: 6093,
+ economy: `Developing`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -58.96,
+ latitude: 5.607,
+ gdpPerPerson: 8259,
+ rank: 166,
+ unemployment: 2,
+ oilProduction: 3,
+ birthRate: 9,
+ medianAge: 37,
+ electricity: 84988,
+ televisions: 149848,
+ publicDebt: 12,
+ internet: 134377
+ }),
+ new WorldStatsItem(
+ {
+ code: `SLB`,
+ name: `Solomon Islands`,
+ continent: `Oceania`,
+ population: 647581,
+ gdpTotal: 1198,
+ economy: `Least developed`,
+ region: `Melanesia`,
+ status: `Country`,
+ longitude: 161.3,
+ latitude: -9.221,
+ gdpPerPerson: 1850,
+ rank: 167,
+ unemployment: 4,
+ oilProduction: 3,
+ birthRate: 18,
+ medianAge: 30,
+ electricity: 3432,
+ televisions: 177555,
+ publicDebt: 43,
+ internet: 478635
+ }),
+ new WorldStatsItem(
+ {
+ code: `MNE`,
+ name: `Montenegro`,
+ continent: `Europe`,
+ population: 642550,
+ gdpTotal: 10610,
+ economy: `Developing`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 19.191,
+ latitude: 42.814,
+ gdpPerPerson: 16512,
+ rank: 168,
+ unemployment: 10,
+ oilProduction: 2,
+ birthRate: 24,
+ medianAge: 46,
+ electricity: 24709,
+ televisions: 126756,
+ publicDebt: 29,
+ internet: 336628
+ }),
+ new WorldStatsItem(
+ {
+ code: `ESH`,
+ name: `Western Sahara`,
+ continent: `Africa`,
+ population: 603253,
+ gdpTotal: 907,
+ economy: `Least developed`,
+ region: `Northern Africa`,
+ status: `Dependency`,
+ longitude: -12.89,
+ latitude: 24.231,
+ gdpPerPerson: 1504,
+ rank: 169,
+ unemployment: 6,
+ oilProduction: 1,
+ birthRate: 23,
+ medianAge: 30,
+ electricity: 11081,
+ televisions: 237857,
+ publicDebt: 30,
+ internet: 306624
+ }),
+ new WorldStatsItem(
+ {
+ code: `MAC`,
+ name: `Macao`,
+ continent: `Asia`,
+ population: 601969,
+ gdpTotal: 63220,
+ economy: `Developing`,
+ region: `Eastern Asia`,
+ status: `Dependency`,
+ longitude: 113.51,
+ latitude: 22.221,
+ gdpPerPerson: 105022,
+ rank: 170,
+ unemployment: 10,
+ oilProduction: 2,
+ birthRate: 10,
+ medianAge: 47,
+ electricity: 77896,
+ televisions: 163859,
+ publicDebt: 18,
+ internet: 62728
+ }),
+ new WorldStatsItem(
+ {
+ code: `LUX`,
+ name: `Luxembourg`,
+ continent: `Europe`,
+ population: 594130,
+ gdpTotal: 58740,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 6.109,
+ latitude: 49.806,
+ gdpPerPerson: 98867,
+ rank: 171,
+ unemployment: 4,
+ oilProduction: 0,
+ birthRate: 12,
+ medianAge: 39,
+ electricity: 3156,
+ televisions: 285000,
+ publicDebt: 6,
+ internet: 345000
+ }),
+ new WorldStatsItem(
+ {
+ code: `SUR`,
+ name: `Suriname`,
+ continent: `South America`,
+ population: 591919,
+ gdpTotal: 8547,
+ economy: `Developing`,
+ region: `South America`,
+ status: `Country`,
+ longitude: -56.02,
+ latitude: 4.506,
+ gdpPerPerson: 14439,
+ rank: 172,
+ unemployment: 5,
+ oilProduction: 1,
+ birthRate: 16,
+ medianAge: 44,
+ electricity: 82658,
+ televisions: 69068,
+ publicDebt: 31,
+ internet: 367104
+ }),
+ new WorldStatsItem(
+ {
+ code: `CPV`,
+ name: `Cabo Verde`,
+ continent: `Africa`,
+ population: 560899,
+ gdpTotal: 3583,
+ economy: `Developing`,
+ region: `Western Africa`,
+ status: `Country`,
+ longitude: -25.16,
+ latitude: 17.102,
+ gdpPerPerson: 6388,
+ rank: 173,
+ unemployment: 12,
+ oilProduction: 1,
+ birthRate: 12,
+ medianAge: 54,
+ electricity: 60647,
+ televisions: 101289,
+ publicDebt: 34,
+ internet: 40105
+ }),
+ new WorldStatsItem(
+ {
+ code: `BRN`,
+ name: `Brunei`,
+ continent: `Asia`,
+ population: 443593,
+ gdpTotal: 33730,
+ economy: `Developing`,
+ region: `Eastern Asia`,
+ status: `Country`,
+ longitude: 114.69,
+ latitude: 4.523,
+ gdpPerPerson: 76038,
+ rank: 174,
+ unemployment: 4,
+ oilProduction: 0,
+ birthRate: 17,
+ medianAge: 32,
+ electricity: 50701,
+ televisions: 235042,
+ publicDebt: 16,
+ internet: 188751
+ }),
+ new WorldStatsItem(
+ {
+ code: `MLT`,
+ name: `Malta`,
+ continent: `Europe`,
+ population: 416338,
+ gdpTotal: 16320,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 14.373,
+ latitude: 35.948,
+ gdpPerPerson: 39199,
+ rank: 175,
+ unemployment: 7,
+ oilProduction: 4,
+ birthRate: 6,
+ medianAge: 52,
+ electricity: 77444,
+ televisions: 282390,
+ publicDebt: 41,
+ internet: 317612
+ }),
+ new WorldStatsItem(
+ {
+ code: `MDV`,
+ name: `Maldives`,
+ continent: `Asia`,
+ population: 392709,
+ gdpTotal: 5407,
+ economy: `Developing`,
+ region: `Southern Asia`,
+ status: `Country`,
+ longitude: 73.455,
+ latitude: 3.739,
+ gdpPerPerson: 13768,
+ rank: 176,
+ unemployment: 13,
+ oilProduction: 4,
+ birthRate: 10,
+ medianAge: 43,
+ electricity: 26004,
+ televisions: 156412,
+ publicDebt: 28,
+ internet: 45331
+ }),
+ new WorldStatsItem(
+ {
+ code: `BLZ`,
+ name: `Belize`,
+ continent: `North America`,
+ population: 360346,
+ gdpTotal: 3088,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -88.51,
+ latitude: 17.185,
+ gdpPerPerson: 8570,
+ rank: 177,
+ unemployment: 4,
+ oilProduction: 2,
+ birthRate: 7,
+ medianAge: 36,
+ electricity: 57433,
+ televisions: 127478,
+ publicDebt: 36,
+ internet: 223855
+ }),
+ new WorldStatsItem(
+ {
+ code: `ISL`,
+ name: `Iceland`,
+ continent: `Europe`,
+ population: 339747,
+ gdpTotal: 16150,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Country`,
+ longitude: -19.01,
+ latitude: 64.966,
+ gdpPerPerson: 47535,
+ rank: 178,
+ unemployment: 1,
+ oilProduction: 0,
+ birthRate: 14,
+ medianAge: 35,
+ electricity: 8533,
+ televisions: 98000,
+ publicDebt: 28,
+ internet: 202300
+ }),
+ new WorldStatsItem(
+ {
+ code: `BHS`,
+ name: `Bahamas`,
+ continent: `North America`,
+ population: 329988,
+ gdpTotal: 9066,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -78.01,
+ latitude: 24.761,
+ gdpPerPerson: 27474,
+ rank: 179,
+ unemployment: 5,
+ oilProduction: 2,
+ birthRate: 17,
+ medianAge: 47,
+ electricity: 38395,
+ televisions: 203588,
+ publicDebt: 6,
+ internet: 91807
+ }),
+ new WorldStatsItem(
+ {
+ code: `FRG`,
+ name: `French Guiana`,
+ continent: `South America`,
+ population: 296161,
+ gdpTotal: 1299000,
+ economy: `Developed`,
+ region: `South America`,
+ status: `Dependency`,
+ longitude: -53.13,
+ latitude: 3.893,
+ gdpPerPerson: 4386,
+ rank: 180,
+ unemployment: 3,
+ oilProduction: 0,
+ birthRate: 15,
+ medianAge: 55,
+ electricity: 73845,
+ televisions: 147489,
+ publicDebt: 35,
+ internet: 209593
+ }),
+ new WorldStatsItem(
+ {
+ code: `BRB`,
+ name: `Barbados`,
+ continent: `North America`,
+ population: 292336,
+ gdpTotal: 4804,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -59.53,
+ latitude: 13.19,
+ gdpPerPerson: 16433,
+ rank: 181,
+ unemployment: 8,
+ oilProduction: 3,
+ birthRate: 21,
+ medianAge: 51,
+ electricity: 28728,
+ televisions: 173392,
+ publicDebt: 12,
+ internet: 73593
+ }),
+ new WorldStatsItem(
+ {
+ code: `PYF`,
+ name: `Fr. Polynesia`,
+ continent: `Oceania`,
+ population: 287881,
+ gdpTotal: 5490,
+ economy: `Developing`,
+ region: `Polynesia`,
+ status: `Dependency`,
+ longitude: -143.9,
+ latitude: -14.82,
+ gdpPerPerson: 19070,
+ rank: 182,
+ unemployment: 1,
+ oilProduction: 4,
+ birthRate: 6,
+ medianAge: 45,
+ electricity: 46206,
+ televisions: 43757,
+ publicDebt: 12,
+ internet: 172560
+ }),
+ new WorldStatsItem(
+ {
+ code: `VUT`,
+ name: `Vanuatu`,
+ continent: `Oceania`,
+ population: 282814,
+ gdpTotal: 723,
+ economy: `Least developed`,
+ region: `Melanesia`,
+ status: `Country`,
+ longitude: 168.21,
+ latitude: -16.97,
+ gdpPerPerson: 2556,
+ rank: 183,
+ unemployment: 11,
+ oilProduction: 4,
+ birthRate: 17,
+ medianAge: 39,
+ electricity: 50581,
+ televisions: 187584,
+ publicDebt: 42,
+ internet: 223352
+ }),
+ new WorldStatsItem(
+ {
+ code: `NCL`,
+ name: `New Caledonia`,
+ continent: `Oceania`,
+ population: 279070,
+ gdpTotal: 10770,
+ economy: `Developing`,
+ region: `Melanesia`,
+ status: `Dependency`,
+ longitude: 165.26,
+ latitude: -21.09,
+ gdpPerPerson: 38592,
+ rank: 184,
+ unemployment: 10,
+ oilProduction: 3,
+ birthRate: 6,
+ medianAge: 49,
+ electricity: 18361,
+ televisions: 79923,
+ publicDebt: 45,
+ internet: 149003
+ }),
+ new WorldStatsItem(
+ {
+ code: `NCP`,
+ name: `Northern Cyprus`,
+ continent: `Asia`,
+ population: 265100,
+ gdpTotal: 3600,
+ economy: `Developing`,
+ region: `Middle East`,
+ status: `Country`,
+ longitude: 33.714,
+ latitude: 35.257,
+ gdpPerPerson: 13580,
+ rank: 185,
+ unemployment: 4,
+ oilProduction: 5,
+ birthRate: 25,
+ medianAge: 51,
+ electricity: 84000,
+ televisions: 135551,
+ publicDebt: 30,
+ internet: 167480
+ }),
+ new WorldStatsItem(
+ {
+ code: `STP`,
+ name: `Sao Tome and Principe`,
+ continent: `Africa`,
+ population: 201025,
+ gdpTotal: 694,
+ economy: `Least developed`,
+ region: `Middle Africa`,
+ status: `Country`,
+ longitude: 6.598,
+ latitude: 0.248,
+ gdpPerPerson: 3452,
+ rank: 186,
+ unemployment: 1,
+ oilProduction: 3,
+ birthRate: 24,
+ medianAge: 30,
+ electricity: 6691,
+ televisions: 65480,
+ publicDebt: 12,
+ internet: 121162
+ }),
+ new WorldStatsItem(
+ {
+ code: `WSM`,
+ name: `Samoa`,
+ continent: `Oceania`,
+ population: 200108,
+ gdpTotal: 1046,
+ economy: `Least developed`,
+ region: `Polynesia`,
+ status: `Country`,
+ longitude: -172.1,
+ latitude: -13.75,
+ gdpPerPerson: 5227,
+ rank: 187,
+ unemployment: 3,
+ oilProduction: 2,
+ birthRate: 7,
+ medianAge: 46,
+ electricity: 50118,
+ televisions: 54930,
+ publicDebt: 42,
+ internet: 84739
+ }),
+ new WorldStatsItem(
+ {
+ code: `GUM`,
+ name: `Guam`,
+ continent: `Oceania`,
+ population: 167358,
+ gdpTotal: 4882,
+ economy: `Developing`,
+ region: `Micronesia`,
+ status: `Dependency`,
+ longitude: 144.79,
+ latitude: 13.44,
+ gdpPerPerson: 29171,
+ rank: 188,
+ unemployment: 15,
+ oilProduction: 2,
+ birthRate: 24,
+ medianAge: 42,
+ electricity: 64229,
+ televisions: 43567,
+ publicDebt: 37,
+ internet: 121131
+ }),
+ new WorldStatsItem(
+ {
+ code: `LCA`,
+ name: `Saint Lucia`,
+ continent: `North America`,
+ population: 164994,
+ gdpTotal: 2083,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -60.98,
+ latitude: 13.905,
+ gdpPerPerson: 12625,
+ rank: 189,
+ unemployment: 3,
+ oilProduction: 2,
+ birthRate: 14,
+ medianAge: 32,
+ electricity: 75473,
+ televisions: 87743,
+ publicDebt: 7,
+ internet: 64498
+ }),
+ new WorldStatsItem(
+ {
+ code: `CUW`,
+ name: `Curacao`,
+ continent: `North America`,
+ population: 149648,
+ gdpTotal: 3128,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -68.95,
+ latitude: 12.213,
+ gdpPerPerson: 20902,
+ rank: 190,
+ unemployment: 6,
+ oilProduction: 1,
+ birthRate: 7,
+ medianAge: 35,
+ electricity: 74665,
+ televisions: 89830,
+ publicDebt: 36,
+ internet: 55905
+ }),
+ new WorldStatsItem(
+ {
+ code: `ABW`,
+ name: `Aruba`,
+ continent: `North America`,
+ population: 115120,
+ gdpTotal: 2516,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -69.98,
+ latitude: 12.519,
+ gdpPerPerson: 21855,
+ rank: 191,
+ unemployment: 7,
+ oilProduction: 2356,
+ birthRate: 13,
+ medianAge: 38,
+ electricity: 770,
+ televisions: 20000,
+ publicDebt: 46,
+ internet: 24000
+ }),
+ new WorldStatsItem(
+ {
+ code: `GRD`,
+ name: `Grenada`,
+ continent: `North America`,
+ population: 111724,
+ gdpTotal: 1511,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -61.69,
+ latitude: 12.123,
+ gdpPerPerson: 13524,
+ rank: 192,
+ unemployment: 10,
+ oilProduction: 0,
+ birthRate: 10,
+ medianAge: 50,
+ electricity: 4992,
+ televisions: 58674,
+ publicDebt: 42,
+ internet: 33132
+ }),
+ new WorldStatsItem(
+ {
+ code: `KIR`,
+ name: `Kiribati`,
+ continent: `Oceania`,
+ population: 108145,
+ gdpTotal: 211,
+ economy: `Least developed`,
+ region: `Micronesia`,
+ status: `Country`,
+ longitude: -157.333,
+ latitude: 1.884,
+ gdpPerPerson: 1951,
+ rank: 193,
+ unemployment: 13,
+ oilProduction: 4,
+ birthRate: 9,
+ medianAge: 52,
+ electricity: 37081,
+ televisions: 52395,
+ publicDebt: 40,
+ internet: 36620
+ }),
+ new WorldStatsItem(
+ {
+ code: `VIR`,
+ name: `U.S. Virgin Island`,
+ continent: `North America`,
+ population: 107268,
+ gdpTotal: 3792,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -64.77,
+ latitude: 17.77,
+ gdpPerPerson: 35351,
+ rank: 194,
+ unemployment: 11,
+ oilProduction: 2,
+ birthRate: 12,
+ medianAge: 38,
+ electricity: 13387,
+ televisions: 77187,
+ publicDebt: 43,
+ internet: 40836
+ }),
+ new WorldStatsItem(
+ {
+ code: `TON`,
+ name: `Tonga`,
+ continent: `Oceania`,
+ population: 106479,
+ gdpTotal: 557,
+ economy: `Developing`,
+ region: `Polynesia`,
+ status: `Country`,
+ longitude: -173.9,
+ latitude: -18.62,
+ gdpPerPerson: 5231,
+ rank: 195,
+ unemployment: 4,
+ oilProduction: 4,
+ birthRate: 5,
+ medianAge: 33,
+ electricity: 88735,
+ televisions: 30257,
+ publicDebt: 25,
+ internet: 71756
+ }),
+ new WorldStatsItem(
+ {
+ code: `FSM`,
+ name: `Micronesia`,
+ continent: `Oceania`,
+ population: 104196,
+ gdpTotal: 314,
+ economy: `Developing`,
+ region: `Micronesia`,
+ status: `Country`,
+ longitude: 150.52,
+ latitude: 7.435,
+ gdpPerPerson: 3014,
+ rank: 196,
+ unemployment: 9,
+ oilProduction: 5,
+ birthRate: 5,
+ medianAge: 38,
+ electricity: 39068,
+ televisions: 45396,
+ publicDebt: 40,
+ internet: 29169
+ }),
+ new WorldStatsItem(
+ {
+ code: `VCT`,
+ name: `St. Vin. and Gren.`,
+ continent: `North America`,
+ population: 102089,
+ gdpTotal: 1241,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -61.17,
+ latitude: 13.239,
+ gdpPerPerson: 12156,
+ rank: 197,
+ unemployment: 10,
+ oilProduction: 5,
+ birthRate: 7,
+ medianAge: 30,
+ electricity: 39467,
+ televisions: 42804,
+ publicDebt: 9,
+ internet: 66754
+ }),
+ new WorldStatsItem(
+ {
+ code: `JEY`,
+ name: `Jersey`,
+ continent: `Europe`,
+ population: 98840,
+ gdpTotal: 5080,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Territory`,
+ longitude: -2.123,
+ latitude: 49.218,
+ gdpPerPerson: 51396,
+ rank: 198,
+ unemployment: 4,
+ oilProduction: 1,
+ birthRate: 18,
+ medianAge: 30,
+ electricity: 64261,
+ televisions: 52453,
+ publicDebt: 34,
+ internet: 3026
+ }),
+ new WorldStatsItem(
+ {
+ code: `ATG`,
+ name: `Antigua and Barbuda`,
+ continent: `North America`,
+ population: 94731,
+ gdpTotal: 2171,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -61.79,
+ latitude: 17.096,
+ gdpPerPerson: 22918,
+ rank: 199,
+ unemployment: 3,
+ oilProduction: 1,
+ birthRate: 5,
+ medianAge: 36,
+ electricity: 35849,
+ televisions: 75384,
+ publicDebt: 32,
+ internet: 6170
+ }),
+ new WorldStatsItem(
+ {
+ code: `SYC`,
+ name: `Seychelles`,
+ continent: `Africa`,
+ population: 93920,
+ gdpTotal: 2608,
+ economy: `Developing`,
+ region: `Eastern Africa`,
+ status: `Country`,
+ longitude: 55.463,
+ latitude: -4.672,
+ gdpPerPerson: 27768,
+ rank: 200,
+ unemployment: 2,
+ oilProduction: 0,
+ birthRate: 16,
+ medianAge: 29,
+ electricity: 252,
+ televisions: 11000,
+ publicDebt: 92,
+ internet: 32000
+ }),
+ new WorldStatsItem(
+ {
+ code: `IMN`,
+ name: `Isle of Man`,
+ continent: `Europe`,
+ population: 88815,
+ gdpTotal: 7428,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Territory`,
+ longitude: -4.562,
+ latitude: 54.233,
+ gdpPerPerson: 83635,
+ rank: 201,
+ unemployment: 4,
+ oilProduction: 4,
+ birthRate: 14,
+ medianAge: 36,
+ electricity: 15745,
+ televisions: 25734,
+ publicDebt: 13,
+ internet: 2650
+ }),
+ new WorldStatsItem(
+ {
+ code: `AND`,
+ name: `Andorra`,
+ continent: `Europe`,
+ population: 85702,
+ gdpTotal: 3327,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 1.578,
+ latitude: 42.539,
+ gdpPerPerson: 38821,
+ rank: 202,
+ unemployment: 11,
+ oilProduction: 3,
+ birthRate: 20,
+ medianAge: 50,
+ electricity: 56209,
+ televisions: 42797,
+ publicDebt: 33,
+ internet: 42006
+ }),
+ new WorldStatsItem(
+ {
+ code: `MHL`,
+ name: `Marshall Islands`,
+ continent: `Oceania`,
+ population: 74539,
+ gdpTotal: 180,
+ economy: `Developing`,
+ region: `Micronesia`,
+ status: `Country`,
+ longitude: 169.3,
+ latitude: 8.484,
+ gdpPerPerson: 2415,
+ rank: 203,
+ unemployment: 3,
+ oilProduction: 3,
+ birthRate: 23,
+ medianAge: 42,
+ electricity: 78832,
+ televisions: 15193,
+ publicDebt: 44,
+ internet: 8536
+ }),
+ new WorldStatsItem(
+ {
+ code: `DMA`,
+ name: `Dominica`,
+ continent: `North America`,
+ population: 73897,
+ gdpTotal: 812,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -61.36,
+ latitude: 15.43,
+ gdpPerPerson: 10988,
+ rank: 204,
+ unemployment: 6,
+ oilProduction: 1,
+ birthRate: 13,
+ medianAge: 35,
+ electricity: 49809,
+ televisions: 17676,
+ publicDebt: 37,
+ internet: 2616
+ }),
+ new WorldStatsItem(
+ {
+ code: `BMU`,
+ name: `Bermuda`,
+ continent: `North America`,
+ population: 70864,
+ gdpTotal: 5198,
+ economy: `Developed`,
+ region: `Northern America`,
+ status: `Dependency`,
+ longitude: -64.76,
+ latitude: 32.323,
+ gdpPerPerson: 73352,
+ rank: 205,
+ unemployment: 15,
+ oilProduction: 1,
+ birthRate: 21,
+ medianAge: 43,
+ electricity: 54728,
+ televisions: 16336,
+ publicDebt: 27,
+ internet: 41606
+ }),
+ new WorldStatsItem(
+ {
+ code: `GGY`,
+ name: `Guernsey`,
+ continent: `Europe`,
+ population: 66502,
+ gdpTotal: 3465,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Territory`,
+ longitude: -2.579,
+ latitude: 49.468,
+ gdpPerPerson: 52104,
+ rank: 206,
+ unemployment: 2,
+ oilProduction: 1,
+ birthRate: 25,
+ medianAge: 33,
+ electricity: 9806,
+ televisions: 24638,
+ publicDebt: 34,
+ internet: 29222
+ }),
+ new WorldStatsItem(
+ {
+ code: `CYM`,
+ name: `Cayman Island`,
+ continent: `North America`,
+ population: 58441,
+ gdpTotal: 2507,
+ economy: `Emerging`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -81.25,
+ latitude: 19.343,
+ gdpPerPerson: 42898,
+ rank: 207,
+ unemployment: 12,
+ oilProduction: 3,
+ birthRate: 7,
+ medianAge: 35,
+ electricity: 70206,
+ televisions: 28885,
+ publicDebt: 21,
+ internet: 9332
+ }),
+ new WorldStatsItem(
+ {
+ code: `GRL`,
+ name: `Greenland`,
+ continent: `North America`,
+ population: 57713,
+ gdpTotal: 2173,
+ economy: `Developed`,
+ region: `Northern America`,
+ status: `Dependency`,
+ longitude: -42.12,
+ latitude: 69.547,
+ gdpPerPerson: 37652,
+ rank: 208,
+ unemployment: 7,
+ oilProduction: 5,
+ birthRate: 19,
+ medianAge: 42,
+ electricity: 86090,
+ televisions: 43741,
+ publicDebt: 42,
+ internet: 11423
+ }),
+ new WorldStatsItem(
+ {
+ code: `KNA`,
+ name: `St. Kitts and Nevis`,
+ continent: `North America`,
+ population: 52715,
+ gdpTotal: 1427,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Country`,
+ longitude: -62.77,
+ latitude: 17.351,
+ gdpPerPerson: 27070,
+ rank: 209,
+ unemployment: 5,
+ oilProduction: 2,
+ birthRate: 18,
+ medianAge: 40,
+ electricity: 65438,
+ televisions: 17719,
+ publicDebt: 11,
+ internet: 8543
+ }),
+ new WorldStatsItem(
+ {
+ code: `TCA`,
+ name: `Turks and Caicos Is.`,
+ continent: `North America`,
+ population: 52570,
+ gdpTotal: 632,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -71.96,
+ latitude: 21.913,
+ gdpPerPerson: 12022,
+ rank: 210,
+ unemployment: 6,
+ oilProduction: 0,
+ birthRate: 13,
+ medianAge: 42,
+ electricity: 51325,
+ televisions: 13109,
+ publicDebt: 13,
+ internet: 24564
+ }),
+ new WorldStatsItem(
+ {
+ code: `MNP`,
+ name: `N. Mariana Island`,
+ continent: `Oceania`,
+ population: 52263,
+ gdpTotal: 682,
+ economy: `Developing`,
+ region: `Micronesia`,
+ status: `Dependency`,
+ longitude: 145.49,
+ latitude: 16.459,
+ gdpPerPerson: 13049,
+ rank: 211,
+ unemployment: 10,
+ oilProduction: 1,
+ birthRate: 9,
+ medianAge: 46,
+ electricity: 87386,
+ televisions: 13049,
+ publicDebt: 20,
+ internet: 5484
+ }),
+ new WorldStatsItem(
+ {
+ code: `ASM`,
+ name: `American Samoa`,
+ continent: `Oceania`,
+ population: 51504,
+ gdpTotal: 711,
+ economy: `Developing`,
+ region: `Polynesia`,
+ status: `Dependency`,
+ longitude: -170.6,
+ latitude: -14.3,
+ gdpPerPerson: 13805,
+ rank: 212,
+ unemployment: 3,
+ oilProduction: 4,
+ birthRate: 13,
+ medianAge: 42,
+ electricity: 65918,
+ televisions: 18802,
+ publicDebt: 23,
+ internet: 14691
+ }),
+ new WorldStatsItem(
+ {
+ code: `FRO`,
+ name: `Faeroe Island`,
+ continent: `Europe`,
+ population: 50730,
+ gdpTotal: 2001,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Dependency`,
+ longitude: -6.857,
+ latitude: 62.178,
+ gdpPerPerson: 39444,
+ rank: 213,
+ unemployment: 15,
+ oilProduction: 2,
+ birthRate: 11,
+ medianAge: 46,
+ electricity: 55029,
+ televisions: 11762,
+ publicDebt: 13,
+ internet: 2412
+ }),
+ new WorldStatsItem(
+ {
+ code: `SXM`,
+ name: `Sint Maarten`,
+ continent: `North America`,
+ population: 42083,
+ gdpTotal: 366,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -63.06,
+ latitude: 18.044,
+ gdpPerPerson: 8697,
+ rank: 214,
+ unemployment: 14,
+ oilProduction: 4,
+ birthRate: 19,
+ medianAge: 50,
+ electricity: 17166,
+ televisions: 8474,
+ publicDebt: 33,
+ internet: 14309
+ }),
+ new WorldStatsItem(
+ {
+ code: `LIE`,
+ name: `Liechtenstein`,
+ continent: `Europe`,
+ population: 38244,
+ gdpTotal: 4978,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 9.545,
+ latitude: 47.164,
+ gdpPerPerson: 130164,
+ rank: 215,
+ unemployment: 11,
+ oilProduction: 3,
+ birthRate: 10,
+ medianAge: 55,
+ electricity: 80781,
+ televisions: 23104,
+ publicDebt: 21,
+ internet: 8159
+ }),
+ new WorldStatsItem(
+ {
+ code: `VGB`,
+ name: `British Virgin Island`,
+ continent: `North America`,
+ population: 35015,
+ gdpTotal: 500,
+ economy: `Developed`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -64.6,
+ latitude: 18.44,
+ gdpPerPerson: 14280,
+ rank: 216,
+ unemployment: 13,
+ oilProduction: 2,
+ birthRate: 6,
+ medianAge: 51,
+ electricity: 47732,
+ televisions: 17777,
+ publicDebt: 7,
+ internet: 6238
+ }),
+ new WorldStatsItem(
+ {
+ code: `SMR`,
+ name: `San Marino`,
+ continent: `Europe`,
+ population: 33537,
+ gdpTotal: 2023,
+ economy: `Developed`,
+ region: `Southern Europe`,
+ status: `Country`,
+ longitude: 12.456,
+ latitude: 43.942,
+ gdpPerPerson: 60321,
+ rank: 217,
+ unemployment: 10,
+ oilProduction: 0,
+ birthRate: 15,
+ medianAge: 48,
+ electricity: 21943,
+ televisions: 22355,
+ publicDebt: 34,
+ internet: 23505
+ }),
+ new WorldStatsItem(
+ {
+ code: `MAF`,
+ name: `St. Martin`,
+ continent: `North America`,
+ population: 32125,
+ gdpTotal: 562,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -63.06,
+ latitude: 18.092,
+ gdpPerPerson: 17494,
+ rank: 218,
+ unemployment: 15,
+ oilProduction: 5,
+ birthRate: 10,
+ medianAge: 34,
+ electricity: 76791,
+ televisions: 17592,
+ publicDebt: 43,
+ internet: 25032
+ }),
+ new WorldStatsItem(
+ {
+ code: `MCO`,
+ name: `Monaco`,
+ continent: `Europe`,
+ population: 30645,
+ gdpTotal: 7672,
+ economy: `Developed`,
+ region: `Western Europe`,
+ status: `Country`,
+ longitude: 7.408,
+ latitude: 43.751,
+ gdpPerPerson: 250351,
+ rank: 219,
+ unemployment: 15,
+ oilProduction: 5,
+ birthRate: 18,
+ medianAge: 31,
+ electricity: 73517,
+ televisions: 10057,
+ publicDebt: 10,
+ internet: 18394
+ }),
+ new WorldStatsItem(
+ {
+ code: `ALA`,
+ name: `Aland Islands`,
+ continent: `Europe`,
+ population: 27153,
+ gdpTotal: 1563,
+ economy: `Developed`,
+ region: `Northern Europe`,
+ status: `Territory`,
+ longitude: 20.065,
+ latitude: 60.209,
+ gdpPerPerson: 57563,
+ rank: 220,
+ unemployment: 14,
+ oilProduction: 3,
+ birthRate: 15,
+ medianAge: 54,
+ electricity: 69394,
+ televisions: 14696,
+ publicDebt: 19,
+ internet: 2736
+ }),
+ new WorldStatsItem(
+ {
+ code: `PLW`,
+ name: `Palau`,
+ continent: `Oceania`,
+ population: 21431,
+ gdpTotal: 276,
+ economy: `Developing`,
+ region: `Micronesia`,
+ status: `Country`,
+ longitude: 134.63,
+ latitude: 7.532,
+ gdpPerPerson: 12879,
+ rank: 221,
+ unemployment: 8,
+ oilProduction: 1,
+ birthRate: 7,
+ medianAge: 39,
+ electricity: 88599,
+ televisions: 3019,
+ publicDebt: 8,
+ internet: 17075
+ }),
+ new WorldStatsItem(
+ {
+ code: `AIA`,
+ name: `Anguilla`,
+ continent: `North America`,
+ population: 17087,
+ gdpTotal: 175,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -63.07,
+ latitude: 18.221,
+ gdpPerPerson: 10242,
+ rank: 222,
+ unemployment: 9,
+ oilProduction: 1,
+ birthRate: 10,
+ medianAge: 49,
+ electricity: 68590,
+ televisions: 10632,
+ publicDebt: 40,
+ internet: 8703
+ }),
+ new WorldStatsItem(
+ {
+ code: `WLF`,
+ name: `Wallis Island`,
+ continent: `Oceania`,
+ population: 15714,
+ gdpTotal: 60,
+ economy: `Developing`,
+ region: `Polynesia`,
+ status: `Dependency`,
+ longitude: -177.1,
+ latitude: -13.77,
+ gdpPerPerson: 3818,
+ rank: 223,
+ unemployment: 15,
+ oilProduction: 0,
+ birthRate: 0,
+ medianAge: 0,
+ electricity: 0,
+ televisions: 0,
+ publicDebt: 6,
+ internet: 900
+ }),
+ new WorldStatsItem(
+ {
+ code: `NRU`,
+ name: `Nauru`,
+ continent: `Oceania`,
+ population: 9642,
+ gdpTotal: 151,
+ economy: `Developing`,
+ region: `Micronesia`,
+ status: `Country`,
+ longitude: 166.93,
+ latitude: -0.52,
+ gdpPerPerson: 15661,
+ rank: 224,
+ unemployment: 5,
+ oilProduction: 3,
+ birthRate: 17,
+ medianAge: 32,
+ electricity: 84092,
+ televisions: 1777,
+ publicDebt: 34,
+ internet: 4585
+ }),
+ new WorldStatsItem(
+ {
+ code: `COK`,
+ name: `Cook Island`,
+ continent: `Oceania`,
+ population: 9290,
+ gdpTotal: 244,
+ economy: `Developing`,
+ region: `Polynesia`,
+ status: `Dependency`,
+ longitude: -159.7,
+ latitude: -21.21,
+ gdpPerPerson: 26265,
+ rank: 225,
+ unemployment: 15,
+ oilProduction: 1,
+ birthRate: 6,
+ medianAge: 45,
+ electricity: 41320,
+ televisions: 3712,
+ publicDebt: 24,
+ internet: 3555
+ }),
+ new WorldStatsItem(
+ {
+ code: `SHN`,
+ name: `Saint Helena`,
+ continent: `Africa`,
+ population: 7828,
+ gdpTotal: 31,
+ economy: `Developing`,
+ region: `Western Africa`,
+ status: `Dependency`,
+ longitude: -10.03,
+ latitude: -11.94,
+ gdpPerPerson: 3960,
+ rank: 226,
+ unemployment: 13,
+ oilProduction: 1,
+ birthRate: 17,
+ medianAge: 48,
+ electricity: 84435,
+ televisions: 3812,
+ publicDebt: 15,
+ internet: 5530
+ }),
+ new WorldStatsItem(
+ {
+ code: `BLM`,
+ name: `St. Barthalemy`,
+ continent: `North America`,
+ population: 7184,
+ gdpTotal: 255,
+ economy: `Developed`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -62.83,
+ latitude: 17.899,
+ gdpPerPerson: 35496,
+ rank: 227,
+ unemployment: 14,
+ oilProduction: 0,
+ birthRate: 23,
+ medianAge: 46,
+ electricity: 36112,
+ televisions: 4072,
+ publicDebt: 27,
+ internet: 5097
+ }),
+ new WorldStatsItem(
+ {
+ code: `KAS`,
+ name: `Siachen Glacier`,
+ continent: `Asia`,
+ population: 6000,
+ gdpTotal: 15,
+ economy: `Developing`,
+ region: `Southern Asia`,
+ status: `Territory`,
+ longitude: 77.283,
+ latitude: 35.386,
+ gdpPerPerson: 2500,
+ rank: 228,
+ unemployment: 7,
+ oilProduction: 0,
+ birthRate: 9,
+ medianAge: 55,
+ electricity: 62932,
+ televisions: 936,
+ publicDebt: 14,
+ internet: 1303
+ }),
+ new WorldStatsItem(
+ {
+ code: `SPM`,
+ name: `St. Pierre and Miquelon`,
+ continent: `North America`,
+ population: 5533,
+ gdpTotal: 215,
+ economy: `Developed`,
+ region: `Northern America`,
+ status: `Territory`,
+ longitude: -56.26,
+ latitude: 46.926,
+ gdpPerPerson: 38858,
+ rank: 229,
+ unemployment: 13,
+ oilProduction: 0,
+ birthRate: 13,
+ medianAge: 42,
+ electricity: 61277,
+ televisions: 2067,
+ publicDebt: 18,
+ internet: 2924
+ }),
+ new WorldStatsItem(
+ {
+ code: `MSR`,
+ name: `Montserrat`,
+ continent: `North America`,
+ population: 5292,
+ gdpTotal: 44,
+ economy: `Developing`,
+ region: `Central America`,
+ status: `Dependency`,
+ longitude: -62.18,
+ latitude: 16.745,
+ gdpPerPerson: 8314,
+ rank: 230,
+ unemployment: 13,
+ oilProduction: 1,
+ birthRate: 12,
+ medianAge: 50,
+ electricity: 19088,
+ televisions: 1964,
+ publicDebt: 44,
+ internet: 4009
+ }),
+ new WorldStatsItem(
+ {
+ code: `IOT`,
+ name: `British Indian Territory`,
+ continent: `Asia`,
+ population: 4000,
+ gdpTotal: 160,
+ economy: `Developed`,
+ region: `Southern Asia`,
+ status: `Dependency`,
+ longitude: 72.424,
+ latitude: -7.328,
+ gdpPerPerson: 40000,
+ rank: 232,
+ unemployment: 13,
+ oilProduction: 0,
+ birthRate: 6,
+ medianAge: 47,
+ electricity: 91829,
+ televisions: 1510,
+ publicDebt: 14,
+ internet: 1656
+ }),
+ new WorldStatsItem(
+ {
+ code: `FLK`,
+ name: `Falkland Island`,
+ continent: `South America`,
+ population: 2931,
+ gdpTotal: 282,
+ economy: `Developed`,
+ region: `South America`,
+ status: `Dependency`,
+ longitude: -59.46,
+ latitude: -51.78,
+ gdpPerPerson: 96213,
+ rank: 233,
+ unemployment: 3,
+ oilProduction: 5,
+ birthRate: 9,
+ medianAge: 36,
+ electricity: 68007,
+ televisions: 1489,
+ publicDebt: 22,
+ internet: 1335
+ }),
+ new WorldStatsItem(
+ {
+ code: `NFK`,
+ name: `Norfolk Island`,
+ continent: `Oceania`,
+ population: 2210,
+ gdpTotal: 33,
+ economy: `Developing`,
+ region: `Australia`,
+ status: `Dependency`,
+ longitude: 167.94,
+ latitude: -29.05,
+ gdpPerPerson: 14932,
+ rank: 234,
+ unemployment: 1,
+ oilProduction: 0,
+ birthRate: 15,
+ medianAge: 46,
+ electricity: 91943,
+ televisions: 583,
+ publicDebt: 41,
+ internet: 1183
+ }),
+ new WorldStatsItem(
+ {
+ code: `NIU`,
+ name: `Niue`,
+ continent: `Oceania`,
+ population: 1626,
+ gdpTotal: 10,
+ economy: `Developing`,
+ region: `Polynesia`,
+ status: `Dependency`,
+ longitude: -169.8,
+ latitude: -19.05,
+ gdpPerPerson: 6150,
+ rank: 235,
+ unemployment: 15,
+ oilProduction: 4,
+ birthRate: 17,
+ medianAge: 51,
+ electricity: 16785,
+ televisions: 585,
+ publicDebt: 31,
+ internet: 1247
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html b/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html
index 7ec0ba1aa..0fdc9400f 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.html
@@ -1,72 +1,69 @@
@@ -56,7 +56,7 @@
showDefaultTooltip="true">
diff --git a/samples/charts/data-chart/scatter-line-chart/src/app.component.ts b/samples/charts/data-chart/scatter-line-chart/src/app.component.ts
index 37d653fd6..f1ff73fae 100644
--- a/samples/charts/data-chart/scatter-line-chart/src/app.component.ts
+++ b/samples/charts/data-chart/scatter-line-chart/src/app.component.ts
@@ -4,6 +4,7 @@ import { HealthDataForFranceItem, HealthDataForFrance } from './HealthDataForFra
import { IgxLegendComponent, IgxDataChartComponent, IgxNumericXAxisComponent, IgxNumericYAxisComponent, IgxScatterLineSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/scatter-line-chart/src/polyfills.ts b/samples/charts/data-chart/scatter-line-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/scatter-line-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/scatter-line-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/scatter-point-chart/src/CountryDemographicAfrican.ts b/samples/charts/data-chart/scatter-point-chart/src/CountryDemographicAfrican.ts
index 70452bea7..3b694f90b 100644
--- a/samples/charts/data-chart/scatter-point-chart/src/CountryDemographicAfrican.ts
+++ b/samples/charts/data-chart/scatter-point-chart/src/CountryDemographicAfrican.ts
@@ -394,7 +394,7 @@ export class CountryDemographicAfrican extends Array
@@ -30,7 +30,7 @@
interval="10">
{
name: `Norway`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/scatter-spline-chart/src/HealthDataForGermany.ts b/samples/charts/data-chart/scatter-spline-chart/src/HealthDataForGermany.ts
index c472954b8..e88199fe2 100644
--- a/samples/charts/data-chart/scatter-spline-chart/src/HealthDataForGermany.ts
+++ b/samples/charts/data-chart/scatter-spline-chart/src/HealthDataForGermany.ts
@@ -226,7 +226,7 @@ export class HealthDataForGermany extends Array {
name: `Germany`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/scatter-spline-chart/src/app.component.html b/samples/charts/data-chart/scatter-spline-chart/src/app.component.html
index 981902314..62b8d14fa 100644
--- a/samples/charts/data-chart/scatter-spline-chart/src/app.component.html
+++ b/samples/charts/data-chart/scatter-spline-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -32,7 +32,7 @@
interval="1000">
diff --git a/samples/charts/data-chart/scatter-spline-chart/src/app.component.ts b/samples/charts/data-chart/scatter-spline-chart/src/app.component.ts
index 6598143e8..a125fc658 100644
--- a/samples/charts/data-chart/scatter-spline-chart/src/app.component.ts
+++ b/samples/charts/data-chart/scatter-spline-chart/src/app.component.ts
@@ -4,6 +4,7 @@ import { HealthDataForFranceItem, HealthDataForFrance } from './HealthDataForFra
import { IgxLegendComponent, IgxDataChartComponent, IgxNumericXAxisComponent, IgxNumericYAxisComponent, IgxScatterSplineSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/scatter-spline-chart/src/polyfills.ts b/samples/charts/data-chart/scatter-spline-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/scatter-spline-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/scatter-spline-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-animations/src/app.component.ts b/samples/charts/data-chart/series-animations/src/app.component.ts
index 8bd5457e2..c3baae039 100644
--- a/samples/charts/data-chart/series-animations/src/app.component.ts
+++ b/samples/charts/data-chart/series-animations/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component, OnInit } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-annotations/src/app.component.ts b/samples/charts/data-chart/series-annotations/src/app.component.ts
index 8f9cd9854..c18e853cb 100644
--- a/samples/charts/data-chart/series-annotations/src/app.component.ts
+++ b/samples/charts/data-chart/series-annotations/src/app.component.ts
@@ -9,6 +9,7 @@ import { IgxSeriesComponent } from "igniteui-angular-charts";
import { FinalValueSelectionMode } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-highlighting/src/app.component.ts b/samples/charts/data-chart/series-highlighting/src/app.component.ts
index 087bba383..7569c021d 100644
--- a/samples/charts/data-chart/series-highlighting/src/app.component.ts
+++ b/samples/charts/data-chart/series-highlighting/src/app.component.ts
@@ -6,6 +6,7 @@ import { IgxCategoryHighlightLayerComponent } from "igniteui-angular-charts";
import { IgxCategoryItemHighlightLayerComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-marker-template/src/app.component.ts b/samples/charts/data-chart/series-marker-template/src/app.component.ts
index fe4d777d5..0b18a08dd 100644
--- a/samples/charts/data-chart/series-marker-template/src/app.component.ts
+++ b/samples/charts/data-chart/series-marker-template/src/app.component.ts
@@ -4,6 +4,7 @@ import { IgxColumnSeriesComponent } from "igniteui-angular-charts";
import { DataTemplateMeasureInfo, DataTemplateRenderInfo } from "igniteui-angular-core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-markers/src/app.component.ts b/samples/charts/data-chart/series-markers/src/app.component.ts
index f881d56c3..349c07b38 100644
--- a/samples/charts/data-chart/series-markers/src/app.component.ts
+++ b/samples/charts/data-chart/series-markers/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component, OnInit } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-tooltips/src/app.component.ts b/samples/charts/data-chart/series-tooltips/src/app.component.ts
index dc3dd2498..a67e26bab 100644
--- a/samples/charts/data-chart/series-tooltips/src/app.component.ts
+++ b/samples/charts/data-chart/series-tooltips/src/app.component.ts
@@ -6,6 +6,7 @@ import { IgxCategoryToolTipLayerComponent } from "igniteui-angular-charts";
import { IgxItemToolTipLayerComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-trendlines/src/app.component.ts b/samples/charts/data-chart/series-trendlines/src/app.component.ts
index 7fa695cb6..ffb7cdcee 100644
--- a/samples/charts/data-chart/series-trendlines/src/app.component.ts
+++ b/samples/charts/data-chart/series-trendlines/src/app.component.ts
@@ -4,6 +4,7 @@ import { IgxNumericYAxisComponent } from "igniteui-angular-charts";
import { SampleFinancialData } from "./SampleFinancialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/series-value-overlay/src/app.component.ts b/samples/charts/data-chart/series-value-overlay/src/app.component.ts
index 554e40dac..a49699cd0 100644
--- a/samples/charts/data-chart/series-value-overlay/src/app.component.ts
+++ b/samples/charts/data-chart/series-value-overlay/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component, OnInit } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-100-area-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-100-area-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-100-area-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-100-area-chart/src/app.component.html b/samples/charts/data-chart/stacked-100-area-chart/src/app.component.html
index 470fcf9ed..7dd2d0c11 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-100-area-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -31,7 +31,7 @@
labelFormat="{0}%">
diff --git a/samples/charts/data-chart/stacked-100-area-chart/src/app.component.ts b/samples/charts/data-chart/stacked-100-area-chart/src/app.component.ts
index 5f308e1bf..2ec6fca63 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-100-area-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStacked100AreaSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-100-area-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-100-area-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-100-area-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/src/EnergyRenewableConsumption.ts b/samples/charts/data-chart/stacked-100-bar-chart/src/EnergyRenewableConsumption.ts
index 03270b7b3..f742bbef3 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/src/EnergyRenewableConsumption.ts
+++ b/samples/charts/data-chart/stacked-100-bar-chart/src/EnergyRenewableConsumption.ts
@@ -63,7 +63,7 @@ export class EnergyRenewableConsumption extends Array
@@ -30,7 +30,7 @@
title="TWh">
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/src/app.component.ts b/samples/charts/data-chart/stacked-100-bar-chart/src/app.component.ts
index 0a2f7e75d..70c563264 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-100-bar-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyRenewableConsumptionItem, EnergyRenewableConsumption } from './En
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryYAxisComponent, IgxNumericXAxisComponent, IgxStacked100BarSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-100-bar-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-100-bar-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-100-column-chart/src/OnlineTrafficByDevice.ts b/samples/charts/data-chart/stacked-100-column-chart/src/OnlineTrafficByDevice.ts
index c8a2c760b..2f3e51f25 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/src/OnlineTrafficByDevice.ts
+++ b/samples/charts/data-chart/stacked-100-column-chart/src/OnlineTrafficByDevice.ts
@@ -65,7 +65,7 @@ export class OnlineTrafficByDevice extends Array {
tablet: 3
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-100-column-chart/src/app.component.html b/samples/charts/data-chart/stacked-100-column-chart/src/app.component.html
index be0312c48..31e9cd584 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-100-column-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -29,7 +29,7 @@
minimumValue="0">
diff --git a/samples/charts/data-chart/stacked-100-column-chart/src/app.component.ts b/samples/charts/data-chart/stacked-100-column-chart/src/app.component.ts
index b4e5c86a8..36da12b45 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-100-column-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { OnlineTrafficByDeviceItem, OnlineTrafficByDevice } from './OnlineTraffi
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStacked100ColumnSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-100-column-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-100-column-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-100-column-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-100-line-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-100-line-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-100-line-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-100-line-chart/src/app.component.html b/samples/charts/data-chart/stacked-100-line-chart/src/app.component.html
index b9a8733ab..da688b1bb 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-100-line-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -30,7 +30,7 @@
labelFormat="{0}%">
diff --git a/samples/charts/data-chart/stacked-100-line-chart/src/app.component.ts b/samples/charts/data-chart/stacked-100-line-chart/src/app.component.ts
index 7f5cc0c7e..f8021106b 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-100-line-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStacked100LineSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-100-line-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-100-line-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-100-line-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-100-spline-area-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.html b/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.html
index ec34dba3a..0591352de 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -30,7 +30,7 @@
labelFormat="{0}%">
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.ts b/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.ts
index fc41c6d30..86165cc91 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStacked100SplineAreaSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-100-spline-area-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-100-spline-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-100-spline-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.html b/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.html
index ca069041c..aadbdc0e8 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -29,7 +29,7 @@
labelFormat="{0}%">
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.ts b/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.ts
index 5bf7866f7..f9773977b 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-100-spline-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStacked100SplineSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-100-spline-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-100-spline-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-area-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-area-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-area-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-area-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-area-chart/src/app.component.html b/samples/charts/data-chart/stacked-area-chart/src/app.component.html
index 3f3053fbf..bc6847608 100644
--- a/samples/charts/data-chart/stacked-area-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-area-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -34,7 +34,7 @@
labelFormat="{0} m">
diff --git a/samples/charts/data-chart/stacked-area-chart/src/app.component.ts b/samples/charts/data-chart/stacked-area-chart/src/app.component.ts
index a3fb6e0ba..9623a8c84 100644
--- a/samples/charts/data-chart/stacked-area-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-area-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStackedAreaSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-area-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-area-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-area-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-area-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-bar-chart/src/EnergyRenewableConsumption.ts b/samples/charts/data-chart/stacked-bar-chart/src/EnergyRenewableConsumption.ts
index 03270b7b3..f742bbef3 100644
--- a/samples/charts/data-chart/stacked-bar-chart/src/EnergyRenewableConsumption.ts
+++ b/samples/charts/data-chart/stacked-bar-chart/src/EnergyRenewableConsumption.ts
@@ -63,7 +63,7 @@ export class EnergyRenewableConsumption extends Array
@@ -31,7 +31,7 @@
title="TWh">
diff --git a/samples/charts/data-chart/stacked-bar-chart/src/app.component.ts b/samples/charts/data-chart/stacked-bar-chart/src/app.component.ts
index 81efffc19..e119c56c2 100644
--- a/samples/charts/data-chart/stacked-bar-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-bar-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyRenewableConsumptionItem, EnergyRenewableConsumption } from './En
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryYAxisComponent, IgxNumericXAxisComponent, IgxStackedBarSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-bar-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-bar-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-bar-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-bar-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-chart-types/src/app.component.ts b/samples/charts/data-chart/stacked-chart-types/src/app.component.ts
index 5355b50c7..741cca0d5 100644
--- a/samples/charts/data-chart/stacked-chart-types/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-chart-types/src/app.component.ts
@@ -17,6 +17,7 @@ import { IgxStackedLineSeriesComponent } from "igniteui-angular-charts";
import { IgxStackedSplineSeriesComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-column-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-column-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-column-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-column-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-column-chart/src/app.component.html b/samples/charts/data-chart/stacked-column-chart/src/app.component.html
index 480da2e17..1d4a9358b 100644
--- a/samples/charts/data-chart/stacked-column-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-column-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -33,7 +33,7 @@
labelFormat="{0} m">
diff --git a/samples/charts/data-chart/stacked-column-chart/src/app.component.ts b/samples/charts/data-chart/stacked-column-chart/src/app.component.ts
index 6e6694553..b2d6dfefd 100644
--- a/samples/charts/data-chart/stacked-column-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-column-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStackedColumnSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-column-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-column-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-column-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-column-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-line-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-line-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-line-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-line-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-line-chart/src/app.component.html b/samples/charts/data-chart/stacked-line-chart/src/app.component.html
index 6542937c3..0b703fb48 100644
--- a/samples/charts/data-chart/stacked-line-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-line-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -34,7 +34,7 @@
labelFormat="{0} m">
diff --git a/samples/charts/data-chart/stacked-line-chart/src/app.component.ts b/samples/charts/data-chart/stacked-line-chart/src/app.component.ts
index bde10a552..019b3b33c 100644
--- a/samples/charts/data-chart/stacked-line-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-line-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStackedLineSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-line-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-line-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-line-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-line-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-spline-area-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-spline-area-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.html b/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.html
index 7ff162074..25d41205b 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -34,7 +34,7 @@
labelFormat="{0} m">
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.ts b/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.ts
index 198cc13c8..b36227f3f 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-spline-area-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStackedSplineAreaSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-spline-area-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-spline-area-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/stacked-spline-chart/src/ContinentsBirthRate.ts b/samples/charts/data-chart/stacked-spline-chart/src/ContinentsBirthRate.ts
index 3341e056c..df127b125 100644
--- a/samples/charts/data-chart/stacked-spline-chart/src/ContinentsBirthRate.ts
+++ b/samples/charts/data-chart/stacked-spline-chart/src/ContinentsBirthRate.ts
@@ -99,7 +99,7 @@ export class ContinentsBirthRate extends Array {
oceania: 4
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/stacked-spline-chart/src/app.component.html b/samples/charts/data-chart/stacked-spline-chart/src/app.component.html
index 9072efef0..b90e954cd 100644
--- a/samples/charts/data-chart/stacked-spline-chart/src/app.component.html
+++ b/samples/charts/data-chart/stacked-spline-chart/src/app.component.html
@@ -4,7 +4,7 @@
@@ -34,7 +34,7 @@
labelFormat="{0} m">
diff --git a/samples/charts/data-chart/stacked-spline-chart/src/app.component.ts b/samples/charts/data-chart/stacked-spline-chart/src/app.component.ts
index d37dd2475..5868a0519 100644
--- a/samples/charts/data-chart/stacked-spline-chart/src/app.component.ts
+++ b/samples/charts/data-chart/stacked-spline-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { ContinentsBirthRateItem, ContinentsBirthRate } from './ContinentsBirthR
import { IgxLegendComponent, IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxStackedSplineSeriesComponent, IgxStackedFragmentSeriesComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/stacked-spline-chart/src/polyfills.ts b/samples/charts/data-chart/stacked-spline-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/stacked-spline-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/stacked-spline-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/tooltip-template/src/app.component.ts b/samples/charts/data-chart/tooltip-template/src/app.component.ts
index e0d2d2125..287e5d99a 100644
--- a/samples/charts/data-chart/tooltip-template/src/app.component.ts
+++ b/samples/charts/data-chart/tooltip-template/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { UnknownValuePlotting } from "igniteui-angular-core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index ae1e51e80..94cc4a90f 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -7,34 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +41,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/transition-event/src/CompanyIncomeData.ts b/samples/charts/data-chart/transition-event/src/CompanyIncomeData.ts
index 7fa95bb74..352bd2f69 100644
--- a/samples/charts/data-chart/transition-event/src/CompanyIncomeData.ts
+++ b/samples/charts/data-chart/transition-event/src/CompanyIncomeData.ts
@@ -57,7 +57,7 @@ export class CompanyIncomeData extends Array {
category: `Net Income`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/transition-event/src/app.component.ts b/samples/charts/data-chart/transition-event/src/app.component.ts
index ea3de101f..ede9e5c10 100644
--- a/samples/charts/data-chart/transition-event/src/app.component.ts
+++ b/samples/charts/data-chart/transition-event/src/app.component.ts
@@ -11,6 +11,7 @@ import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/transition-event/src/polyfills.ts b/samples/charts/data-chart/transition-event/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/transition-event/src/polyfills.ts
+++ b/samples/charts/data-chart/transition-event/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/type-category-area-series/package.json b/samples/charts/data-chart/type-category-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-area-series/package.json
+++ b/samples/charts/data-chart/type-category-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-area-series/src/app.component.ts b/samples/charts/data-chart/type-category-area-series/src/app.component.ts
index b68d00979..1c263facf 100644
--- a/samples/charts/data-chart/type-category-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-bar-series/package.json b/samples/charts/data-chart/type-category-bar-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-bar-series/package.json
+++ b/samples/charts/data-chart/type-category-bar-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-bar-series/src/app.component.ts b/samples/charts/data-chart/type-category-bar-series/src/app.component.ts
index b68d00979..1c263facf 100644
--- a/samples/charts/data-chart/type-category-bar-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-bar-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-column-series/package.json b/samples/charts/data-chart/type-category-column-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-column-series/package.json
+++ b/samples/charts/data-chart/type-category-column-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-column-series/src/app.component.ts b/samples/charts/data-chart/type-category-column-series/src/app.component.ts
index b68d00979..1c263facf 100644
--- a/samples/charts/data-chart/type-category-column-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-column-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-line-series/package.json b/samples/charts/data-chart/type-category-line-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-line-series/package.json
+++ b/samples/charts/data-chart/type-category-line-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-line-series/src/app.component.ts b/samples/charts/data-chart/type-category-line-series/src/app.component.ts
index c83615b0c..29cec4ad3 100644
--- a/samples/charts/data-chart/type-category-line-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-line-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-point-series/package.json b/samples/charts/data-chart/type-category-point-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-point-series/package.json
+++ b/samples/charts/data-chart/type-category-point-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-point-series/src/app.component.ts b/samples/charts/data-chart/type-category-point-series/src/app.component.ts
index c83615b0c..29cec4ad3 100644
--- a/samples/charts/data-chart/type-category-point-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-point-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-series/package.json b/samples/charts/data-chart/type-category-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-series/package.json
+++ b/samples/charts/data-chart/type-category-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-series/src/app.component.ts b/samples/charts/data-chart/type-category-series/src/app.component.ts
index 35bae54cf..5310b7caf 100644
--- a/samples/charts/data-chart/type-category-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-series/src/app.component.ts
@@ -21,6 +21,7 @@ import { MarkerType } from "igniteui-angular-charts";
import { IgxLegendComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-spline-area-series/package.json b/samples/charts/data-chart/type-category-spline-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-spline-area-series/package.json
+++ b/samples/charts/data-chart/type-category-spline-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-spline-area-series/src/app.component.ts b/samples/charts/data-chart/type-category-spline-area-series/src/app.component.ts
index b68d00979..1c263facf 100644
--- a/samples/charts/data-chart/type-category-spline-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-spline-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-spline-series/package.json b/samples/charts/data-chart/type-category-spline-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-spline-series/package.json
+++ b/samples/charts/data-chart/type-category-spline-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-spline-series/src/app.component.ts b/samples/charts/data-chart/type-category-spline-series/src/app.component.ts
index c83615b0c..29cec4ad3 100644
--- a/samples/charts/data-chart/type-category-spline-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-spline-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-step-area-series/package.json b/samples/charts/data-chart/type-category-step-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-step-area-series/package.json
+++ b/samples/charts/data-chart/type-category-step-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-step-area-series/src/app.component.ts b/samples/charts/data-chart/type-category-step-area-series/src/app.component.ts
index c83615b0c..29cec4ad3 100644
--- a/samples/charts/data-chart/type-category-step-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-step-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-step-line-series/package.json b/samples/charts/data-chart/type-category-step-line-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-step-line-series/package.json
+++ b/samples/charts/data-chart/type-category-step-line-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-step-line-series/src/app.component.ts b/samples/charts/data-chart/type-category-step-line-series/src/app.component.ts
index c83615b0c..29cec4ad3 100644
--- a/samples/charts/data-chart/type-category-step-line-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-step-line-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-category-waterfall-series/package.json b/samples/charts/data-chart/type-category-waterfall-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-category-waterfall-series/package.json
+++ b/samples/charts/data-chart/type-category-waterfall-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-category-waterfall-series/src/app.component.ts b/samples/charts/data-chart/type-category-waterfall-series/src/app.component.ts
index c83615b0c..29cec4ad3 100644
--- a/samples/charts/data-chart/type-category-waterfall-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-category-waterfall-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-area-indicators/package.json b/samples/charts/data-chart/type-financial-area-indicators/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-area-indicators/package.json
+++ b/samples/charts/data-chart/type-financial-area-indicators/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-area-indicators/src/app.component.ts b/samples/charts/data-chart/type-financial-area-indicators/src/app.component.ts
index b2fbef07f..4b6ca6300 100644
--- a/samples/charts/data-chart/type-financial-area-indicators/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-area-indicators/src/app.component.ts
@@ -36,6 +36,7 @@ import { IgxNumericYAxisComponent } from "igniteui-angular-charts";
import { IndicatorDisplayType } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-candlestick-series/package.json b/samples/charts/data-chart/type-financial-candlestick-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-candlestick-series/src/app.component.ts b/samples/charts/data-chart/type-financial-candlestick-series/src/app.component.ts
index 83d8c8c92..e9e9e876d 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-candlestick-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleFinancialData } from "./SampleFinancialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-column-indicators/package.json b/samples/charts/data-chart/type-financial-column-indicators/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-column-indicators/package.json
+++ b/samples/charts/data-chart/type-financial-column-indicators/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-column-indicators/src/app.component.ts b/samples/charts/data-chart/type-financial-column-indicators/src/app.component.ts
index 89f32bfe7..4f3f17ffa 100644
--- a/samples/charts/data-chart/type-financial-column-indicators/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-column-indicators/src/app.component.ts
@@ -36,6 +36,7 @@ import { IgxNumericYAxisComponent } from "igniteui-angular-charts";
import { IndicatorDisplayType } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-line-indicators/package.json b/samples/charts/data-chart/type-financial-line-indicators/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-line-indicators/package.json
+++ b/samples/charts/data-chart/type-financial-line-indicators/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-line-indicators/src/app.component.ts b/samples/charts/data-chart/type-financial-line-indicators/src/app.component.ts
index 94cd84dac..63a95954d 100644
--- a/samples/charts/data-chart/type-financial-line-indicators/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-line-indicators/src/app.component.ts
@@ -36,6 +36,7 @@ import { IgxNumericYAxisComponent } from "igniteui-angular-charts";
import { IndicatorDisplayType } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/package.json b/samples/charts/data-chart/type-financial-ohlc-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-ohlc-series/src/app.component.ts b/samples/charts/data-chart/type-financial-ohlc-series/src/app.component.ts
index 837e16073..2a59ee90e 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-ohlc-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleFinancialData } from "./SampleFinancialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-overlays/src/app.component.ts b/samples/charts/data-chart/type-financial-overlays/src/app.component.ts
index 16c405358..eea791cf2 100644
--- a/samples/charts/data-chart/type-financial-overlays/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-overlays/src/app.component.ts
@@ -7,6 +7,7 @@ import { IgxCategoryXAxisComponent } from "igniteui-angular-charts";
import { IgxDataChartComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-financial-series/src/app.component.ts b/samples/charts/data-chart/type-financial-series/src/app.component.ts
index b158b0828..dfde8f2ec 100644
--- a/samples/charts/data-chart/type-financial-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-financial-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from "@angular/core";
import { SampleFinancialData } from "./SampleFinancialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-radial-area-series/package.json b/samples/charts/data-chart/type-radial-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-radial-area-series/package.json
+++ b/samples/charts/data-chart/type-radial-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-radial-area-series/src/app.component.ts b/samples/charts/data-chart/type-radial-area-series/src/app.component.ts
index 2d8b40b8b..1e13d7c55 100644
--- a/samples/charts/data-chart/type-radial-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-radial-area-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleRadialData } from "./SampleRadialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-radial-column-series/package.json b/samples/charts/data-chart/type-radial-column-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-radial-column-series/package.json
+++ b/samples/charts/data-chart/type-radial-column-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-radial-column-series/src/app.component.ts b/samples/charts/data-chart/type-radial-column-series/src/app.component.ts
index e80a1ab4c..8f62ba4a0 100644
--- a/samples/charts/data-chart/type-radial-column-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-radial-column-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleRadialData } from "./SampleRadialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-radial-line-series/package.json b/samples/charts/data-chart/type-radial-line-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-radial-line-series/package.json
+++ b/samples/charts/data-chart/type-radial-line-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-radial-line-series/src/app.component.ts b/samples/charts/data-chart/type-radial-line-series/src/app.component.ts
index e80a1ab4c..8f62ba4a0 100644
--- a/samples/charts/data-chart/type-radial-line-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-radial-line-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleRadialData } from "./SampleRadialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-radial-pie-series/package.json b/samples/charts/data-chart/type-radial-pie-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-radial-pie-series/package.json
+++ b/samples/charts/data-chart/type-radial-pie-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-radial-pie-series/src/app.component.ts b/samples/charts/data-chart/type-radial-pie-series/src/app.component.ts
index a304c1ea2..0fc8a9cac 100644
--- a/samples/charts/data-chart/type-radial-pie-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-radial-pie-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleRadialData } from "./SampleRadialData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-range-area-series/package.json b/samples/charts/data-chart/type-range-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-range-area-series/src/app.component.ts b/samples/charts/data-chart/type-range-area-series/src/app.component.ts
index 41cc3b870..a467538b3 100644
--- a/samples/charts/data-chart/type-range-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-range-area-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleRangeData } from "./SampleRangeData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-range-column-series/package.json b/samples/charts/data-chart/type-range-column-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-range-column-series/src/app.component.ts b/samples/charts/data-chart/type-range-column-series/src/app.component.ts
index d5d108326..b2d1443a1 100644
--- a/samples/charts/data-chart/type-range-column-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-range-column-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component } from "@angular/core";
import { SampleRangeData } from "./SampleRangeData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-range-series/src/app.component.ts b/samples/charts/data-chart/type-range-series/src/app.component.ts
index 816d24d92..2a9820ddd 100644
--- a/samples/charts/data-chart/type-range-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-range-series/src/app.component.ts
@@ -7,6 +7,7 @@ import { IgxRangeAreaSeriesComponent } from "igniteui-angular-charts";
import { IgxRangeColumnSeriesComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-area-series/package.json b/samples/charts/data-chart/type-scatter-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-area-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-area-series/src/app.component.ts
index abbb288f9..2c7aead68 100644
--- a/samples/charts/data-chart/type-scatter-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-area-series/src/app.component.ts
@@ -6,6 +6,7 @@ import { IgxScatterAreaSeriesComponent } from "igniteui-angular-charts";
import { SampleScatterData } from "./SampleScatterData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/package.json b/samples/charts/data-chart/type-scatter-bubble-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-bubble-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-bubble-series/src/app.component.ts
index 8c0fab999..35181d3ed 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-bubble-series/src/app.component.ts
@@ -11,6 +11,7 @@ import { BrushSelectionMode } from "igniteui-angular-charts";
import { SampleScatterStats } from "./SampleScatterStats";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-contour-series/package.json b/samples/charts/data-chart/type-scatter-contour-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-contour-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-contour-series/src/app.component.ts
index e9f378d01..b06d23f5b 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-contour-series/src/app.component.ts
@@ -8,6 +8,7 @@ import { IgxScatterContourSeriesComponent } from "igniteui-angular-charts";
import { IgxValueBrushScaleComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-hd-series/package.json b/samples/charts/data-chart/type-scatter-hd-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-hd-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-hd-series/src/app.component.ts
index f4650c3fb..c83a3e0d2 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-hd-series/src/app.component.ts
@@ -6,6 +6,7 @@ import { IgxHighDensityScatterSeriesComponent } from "igniteui-angular-charts";
import { SampleDensityData } from "./SampleDensityData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-line-series/package.json b/samples/charts/data-chart/type-scatter-line-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-line-series/package.json
+++ b/samples/charts/data-chart/type-scatter-line-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-line-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-line-series/src/app.component.ts
index 8616c5ce6..de6ec5612 100644
--- a/samples/charts/data-chart/type-scatter-line-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-line-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from "@angular/core";
import { SampleScatterStats } from "./SampleScatterStats";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-point-series/package.json b/samples/charts/data-chart/type-scatter-point-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-point-series/package.json
+++ b/samples/charts/data-chart/type-scatter-point-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-point-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-point-series/src/app.component.ts
index a40febe7c..0941fa3be 100644
--- a/samples/charts/data-chart/type-scatter-point-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-point-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from "@angular/core";
import { SampleScatterStats } from "./SampleScatterStats";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/package.json b/samples/charts/data-chart/type-scatter-polygon-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-polygon-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-polygon-series/src/app.component.ts
index 339c0e0dc..6c9f73341 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-polygon-series/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxStyleShapeEventArgs } from "igniteui-angular-charts";
import { IgxScatterPolygonSeriesComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/package.json b/samples/charts/data-chart/type-scatter-polyline-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-polyline-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-polyline-series/src/app.component.ts
index 095db165b..c5e68e6bc 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-polyline-series/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxStyleShapeEventArgs } from "igniteui-angular-charts";
import { IgxScatterPolylineSeriesComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-series/src/app.component.ts
index 0d78b8470..393276a7a 100644
--- a/samples/charts/data-chart/type-scatter-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-series/src/app.component.ts
@@ -21,6 +21,7 @@ import { IgxLegendComponent } from "igniteui-angular-charts";
import { SampleScatterStats } from "./SampleScatterStats";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-scatter-spline-series/package.json b/samples/charts/data-chart/type-scatter-spline-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-scatter-spline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-spline-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-scatter-spline-series/src/app.component.ts b/samples/charts/data-chart/type-scatter-spline-series/src/app.component.ts
index a40febe7c..0941fa3be 100644
--- a/samples/charts/data-chart/type-scatter-spline-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-scatter-spline-series/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from "@angular/core";
import { SampleScatterStats } from "./SampleScatterStats";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-shape-series/src/app.component.ts b/samples/charts/data-chart/type-shape-series/src/app.component.ts
index fccb4a291..80554e66e 100644
--- a/samples/charts/data-chart/type-shape-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-shape-series/src/app.component.ts
@@ -7,6 +7,7 @@ import { IgxScatterPolylineSeriesComponent } from "igniteui-angular-charts";
import { SampleShapeData } from "./SampleShapeData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-100-area-series/package.json b/samples/charts/data-chart/type-stacked-100-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-100-area-series/package.json
+++ b/samples/charts/data-chart/type-stacked-100-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-100-area-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-100-area-series/src/app.component.ts
index 206ddf4b0..779a865e4 100644
--- a/samples/charts/data-chart/type-stacked-100-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-100-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-100-bar-series/package.json b/samples/charts/data-chart/type-stacked-100-bar-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-100-bar-series/package.json
+++ b/samples/charts/data-chart/type-stacked-100-bar-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-100-bar-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-100-bar-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-100-bar-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-100-bar-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-100-column-series/package.json b/samples/charts/data-chart/type-stacked-100-column-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-100-column-series/package.json
+++ b/samples/charts/data-chart/type-stacked-100-column-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-100-column-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-100-column-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-100-column-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-100-column-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-100-line-series/package.json b/samples/charts/data-chart/type-stacked-100-line-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-100-line-series/package.json
+++ b/samples/charts/data-chart/type-stacked-100-line-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-100-line-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-100-line-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-100-line-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-100-line-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-100-spline-area-series/package.json b/samples/charts/data-chart/type-stacked-100-spline-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-100-spline-area-series/package.json
+++ b/samples/charts/data-chart/type-stacked-100-spline-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-100-spline-area-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-100-spline-area-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-100-spline-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-100-spline-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-100-spline-series/package.json b/samples/charts/data-chart/type-stacked-100-spline-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-100-spline-series/package.json
+++ b/samples/charts/data-chart/type-stacked-100-spline-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-100-spline-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-100-spline-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-100-spline-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-100-spline-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-area-series/package.json b/samples/charts/data-chart/type-stacked-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-area-series/package.json
+++ b/samples/charts/data-chart/type-stacked-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-area-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-area-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-bar-series/package.json b/samples/charts/data-chart/type-stacked-bar-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-bar-series/package.json
+++ b/samples/charts/data-chart/type-stacked-bar-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-bar-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-bar-series/src/app.component.ts
index 206ddf4b0..779a865e4 100644
--- a/samples/charts/data-chart/type-stacked-bar-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-bar-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-column-series/package.json b/samples/charts/data-chart/type-stacked-column-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-column-series/package.json
+++ b/samples/charts/data-chart/type-stacked-column-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-column-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-column-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-column-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-column-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-line-series/package.json b/samples/charts/data-chart/type-stacked-line-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-line-series/package.json
+++ b/samples/charts/data-chart/type-stacked-line-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-line-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-line-series/src/app.component.ts
index 8d83ccb7a..6cc140e1e 100644
--- a/samples/charts/data-chart/type-stacked-line-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-line-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-spline-area-series/package.json b/samples/charts/data-chart/type-stacked-spline-area-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-spline-area-series/package.json
+++ b/samples/charts/data-chart/type-stacked-spline-area-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-spline-area-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-spline-area-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-spline-area-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-spline-area-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/type-stacked-spline-series/package.json b/samples/charts/data-chart/type-stacked-spline-series/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/data-chart/type-stacked-spline-series/package.json
+++ b/samples/charts/data-chart/type-stacked-spline-series/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/type-stacked-spline-series/src/app.component.ts b/samples/charts/data-chart/type-stacked-spline-series/src/app.component.ts
index 666a5f11f..6284e5e7a 100644
--- a/samples/charts/data-chart/type-stacked-spline-series/src/app.component.ts
+++ b/samples/charts/data-chart/type-stacked-spline-series/src/app.component.ts
@@ -1,6 +1,7 @@
import { Component } from "@angular/core";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/waterfall-chart/src/CompanyIncomeData.ts b/samples/charts/data-chart/waterfall-chart/src/CompanyIncomeData.ts
index 7fa95bb74..352bd2f69 100644
--- a/samples/charts/data-chart/waterfall-chart/src/CompanyIncomeData.ts
+++ b/samples/charts/data-chart/waterfall-chart/src/CompanyIncomeData.ts
@@ -57,7 +57,7 @@ export class CompanyIncomeData extends Array {
category: `Net Income`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/waterfall-chart/src/app.component.ts b/samples/charts/data-chart/waterfall-chart/src/app.component.ts
index 8522570c5..e63050876 100644
--- a/samples/charts/data-chart/waterfall-chart/src/app.component.ts
+++ b/samples/charts/data-chart/waterfall-chart/src/app.component.ts
@@ -3,6 +3,7 @@ import { CompanyIncomeDataItem, CompanyIncomeData } from './CompanyIncomeData';
import { IgxDataChartComponent, IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxWaterfallSeriesComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/data-chart/waterfall-chart/src/polyfills.ts b/samples/charts/data-chart/waterfall-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/waterfall-chart/src/polyfills.ts
+++ b/samples/charts/data-chart/waterfall-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-pie-chart/animation/.codesandbox/Dockerfile b/samples/charts/data-pie-chart/animation/.codesandbox/Dockerfile
new file mode 100644
index 000000000..adf04bd95
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/.codesandbox/Dockerfile
@@ -0,0 +1 @@
+FROM node:18
\ No newline at end of file
diff --git a/samples/charts/data-pie-chart/animation/.codesandbox/tasks.json b/samples/charts/data-pie-chart/animation/.codesandbox/tasks.json
new file mode 100644
index 000000000..8d92a54cd
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/.codesandbox/tasks.json
@@ -0,0 +1,17 @@
+{
+ // These tasks will run in order when initializing your CodeSandbox project.
+ "setupTasks": [
+ {
+ "name": "Install Dependencies",
+ "command": "yarn install"
+ }
+ ],
+ // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+ "tasks": {
+ "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check": {
+ "name": "Start Project",
+ "command": "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check",
+ "runAtStart": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/samples/charts/data-pie-chart/animation/.stackblitzrc b/samples/charts/data-pie-chart/animation/.stackblitzrc
new file mode 100644
index 000000000..dd44ea00f
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/.stackblitzrc
@@ -0,0 +1 @@
+{"installDependencies":true, "startCommand":"npm start"}
\ No newline at end of file
diff --git a/samples/charts/data-pie-chart/animation/ReadMe.md b/samples/charts/data-pie-chart/animation/ReadMe.md
new file mode 100644
index 000000000..10e079d86
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/ReadMe.md
@@ -0,0 +1,58 @@
+
+
+
+This folder contains Angular application with example of Animation feature using [DataPieChart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html) component.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/animation
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/animation/angular.json b/samples/charts/data-pie-chart/animation/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/animation/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/animation/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial) {
+ Object.assign(this, init);
+ }
+
+ public value: number;
+ public category: string;
+ public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new EnergyGlobalDemandItem(
+ {
+ value: 37,
+ category: `Cooling`,
+ summary: `Cooling 37%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 25,
+ category: `Residential`,
+ summary: `Residential 25%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 12,
+ category: `Heating`,
+ summary: `Heating 12%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 11,
+ category: `Lighting`,
+ summary: `Lighting 11%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 15,
+ category: `Other`,
+ summary: `Other 15%`
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/animation/src/app.component.html b/samples/charts/data-pie-chart/animation/src/app.component.html
new file mode 100644
index 000000000..bf0565a09
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/app.component.html
@@ -0,0 +1,36 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public category: string;
+ public value: number;
+
+}
+export class OnlineTrafficHighlightDesktopOnly extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Apparel`,
+ value: 27
+ }),
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Beauty`,
+ value: 29
+ }),
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Travel`,
+ value: 41
+ }),
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Grocery`,
+ value: 37
+ }),
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Energy`,
+ value: 58
+ }),
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Home Supply`,
+ value: 35
+ }),
+ new OnlineTrafficHighlightDesktopOnlyItem(
+ {
+ category: `Financial`,
+ value: 58
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/OnlineTrafficHighlightTotals.ts b/samples/charts/data-pie-chart/highlight-filter/src/OnlineTrafficHighlightTotals.ts
new file mode 100644
index 000000000..5c376f641
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/OnlineTrafficHighlightTotals.ts
@@ -0,0 +1,55 @@
+export class OnlineTrafficHighlightTotalsItem {
+ public constructor(init: Partial) {
+ Object.assign(this, init);
+ }
+
+ public category: string;
+ public value: number;
+
+}
+export class OnlineTrafficHighlightTotals extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Apparel`,
+ value: 56
+ }),
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Beauty`,
+ value: 67
+ }),
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Travel`,
+ value: 80
+ }),
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Grocery`,
+ value: 62
+ }),
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Energy`,
+ value: 74
+ }),
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Home Supply`,
+ value: 65
+ }),
+ new OnlineTrafficHighlightTotalsItem(
+ {
+ category: `Financial`,
+ value: 88
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/app.component.html b/samples/charts/data-pie-chart/highlight-filter/src/app.component.html
new file mode 100644
index 000000000..b60160944
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/app.component.html
@@ -0,0 +1,11 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public value: number;
+ public category: string;
+ public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new EnergyGlobalDemandItem(
+ {
+ value: 37,
+ category: `Cooling`,
+ summary: `Cooling 37%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 25,
+ category: `Residential`,
+ summary: `Residential 25%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 12,
+ category: `Heating`,
+ summary: `Heating 12%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 11,
+ category: `Lighting`,
+ summary: `Lighting 11%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 15,
+ category: `Other`,
+ summary: `Other 15%`
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlighting/src/app.component.html b/samples/charts/data-pie-chart/highlighting/src/app.component.html
new file mode 100644
index 000000000..07aa0c0e3
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/app.component.html
@@ -0,0 +1,35 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public value: number;
+ public category: string;
+ public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new EnergyGlobalDemandItem(
+ {
+ value: 37,
+ category: `Cooling`,
+ summary: `Cooling 37%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 25,
+ category: `Residential`,
+ summary: `Residential 25%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 12,
+ category: `Heating`,
+ summary: `Heating 12%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 11,
+ category: `Lighting`,
+ summary: `Lighting 11%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 15,
+ category: `Other`,
+ summary: `Other 15%`
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/legend/src/app.component.html b/samples/charts/data-pie-chart/legend/src/app.component.html
new file mode 100644
index 000000000..0d26fb25f
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/app.component.html
@@ -0,0 +1,20 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public value: number;
+ public category: string;
+ public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new EnergyGlobalDemandItem(
+ {
+ value: 37,
+ category: `Cooling`,
+ summary: `Cooling 37%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 25,
+ category: `Residential`,
+ summary: `Residential 25%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 12,
+ category: `Heating`,
+ summary: `Heating 12%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 11,
+ category: `Lighting`,
+ summary: `Lighting 11%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 15,
+ category: `Other`,
+ summary: `Other 15%`
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/others/src/app.component.html b/samples/charts/data-pie-chart/others/src/app.component.html
new file mode 100644
index 000000000..d70f4e9c5
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/app.component.html
@@ -0,0 +1,43 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public value: number;
+ public category: string;
+ public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new EnergyGlobalDemandItem(
+ {
+ value: 37,
+ category: `Cooling`,
+ summary: `Cooling 37%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 25,
+ category: `Residential`,
+ summary: `Residential 25%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 12,
+ category: `Heating`,
+ summary: `Heating 12%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 11,
+ category: `Lighting`,
+ summary: `Lighting 11%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 15,
+ category: `Other`,
+ summary: `Other 15%`
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/overview/src/app.component.html b/samples/charts/data-pie-chart/overview/src/app.component.html
new file mode 100644
index 000000000..3c81748e6
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/app.component.html
@@ -0,0 +1,12 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public value: number;
+ public category: string;
+ public summary: string;
+
+}
+export class EnergyGlobalDemand extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new EnergyGlobalDemandItem(
+ {
+ value: 37,
+ category: `Cooling`,
+ summary: `Cooling 37%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 25,
+ category: `Residential`,
+ summary: `Residential 25%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 12,
+ category: `Heating`,
+ summary: `Heating 12%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 11,
+ category: `Lighting`,
+ summary: `Lighting 11%`
+ }),
+ new EnergyGlobalDemandItem(
+ {
+ value: 15,
+ category: `Other`,
+ summary: `Other 15%`
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/data-pie-chart/selection/src/app.component.html b/samples/charts/data-pie-chart/selection/src/app.component.html
new file mode 100644
index 000000000..244408a4e
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/app.component.html
@@ -0,0 +1,39 @@
+IgniteUI for Angular | Example | infragistics
+ {
summary: `Other 15%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/doughnut-chart/legend/src/app.component.html b/samples/charts/doughnut-chart/legend/src/app.component.html
index 3c78e15c6..8e9f9be36 100644
--- a/samples/charts/doughnut-chart/legend/src/app.component.html
+++ b/samples/charts/doughnut-chart/legend/src/app.component.html
@@ -4,7 +4,7 @@
diff --git a/samples/charts/doughnut-chart/legend/src/app.component.ts b/samples/charts/doughnut-chart/legend/src/app.component.ts
index d7720aa4b..dbe28851b 100644
--- a/samples/charts/doughnut-chart/legend/src/app.component.ts
+++ b/samples/charts/doughnut-chart/legend/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand
import { IgxItemLegendComponent, IgxDoughnutChartComponent, IgxRingSeriesComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/doughnut-chart/legend/src/polyfills.ts b/samples/charts/doughnut-chart/legend/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/doughnut-chart/legend/src/polyfills.ts
+++ b/samples/charts/doughnut-chart/legend/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/doughnut-chart/overview/src/CompanyMarketShares.ts b/samples/charts/doughnut-chart/overview/src/CompanyMarketShares.ts
index b02bf58a7..67a18c3d9 100644
--- a/samples/charts/doughnut-chart/overview/src/CompanyMarketShares.ts
+++ b/samples/charts/doughnut-chart/overview/src/CompanyMarketShares.ts
@@ -45,7 +45,7 @@ export class CompanyMarketShares extends Array {
summary: `Other 10%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/doughnut-chart/overview/src/app.component.ts b/samples/charts/doughnut-chart/overview/src/app.component.ts
index 1ea53ff1f..0df32ef64 100644
--- a/samples/charts/doughnut-chart/overview/src/app.component.ts
+++ b/samples/charts/doughnut-chart/overview/src/app.component.ts
@@ -3,6 +3,7 @@ import { CompanyMarketSharesItem, CompanyMarketShares } from './CompanyMarketSha
import { IgxDoughnutChartComponent, IgxRingSeriesComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/doughnut-chart/overview/src/polyfills.ts b/samples/charts/doughnut-chart/overview/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/doughnut-chart/overview/src/polyfills.ts
+++ b/samples/charts/doughnut-chart/overview/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/doughnut-chart/rings/src/CalendarMonths.ts b/samples/charts/doughnut-chart/rings/src/CalendarMonths.ts
index 6387ea750..5e401ecdb 100644
--- a/samples/charts/doughnut-chart/rings/src/CalendarMonths.ts
+++ b/samples/charts/doughnut-chart/rings/src/CalendarMonths.ts
@@ -74,7 +74,7 @@ export class CalendarMonths extends Array {
label: `November`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/doughnut-chart/rings/src/CalendarSeasons.ts b/samples/charts/doughnut-chart/rings/src/CalendarSeasons.ts
index b4abfde9c..a67d25579 100644
--- a/samples/charts/doughnut-chart/rings/src/CalendarSeasons.ts
+++ b/samples/charts/doughnut-chart/rings/src/CalendarSeasons.ts
@@ -34,7 +34,7 @@ export class CalendarSeasons extends Array {
label: `Fall`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/doughnut-chart/rings/src/app.component.ts b/samples/charts/doughnut-chart/rings/src/app.component.ts
index cd0d244e0..ac337842c 100644
--- a/samples/charts/doughnut-chart/rings/src/app.component.ts
+++ b/samples/charts/doughnut-chart/rings/src/app.component.ts
@@ -4,6 +4,7 @@ import { CalendarMonthsItem, CalendarMonths } from './CalendarMonths';
import { IgxDoughnutChartComponent, IgxRingSeriesComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/doughnut-chart/rings/src/polyfills.ts b/samples/charts/doughnut-chart/rings/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/doughnut-chart/rings/src/polyfills.ts
+++ b/samples/charts/doughnut-chart/rings/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/doughnut-chart/selection/src/app.component.ts b/samples/charts/doughnut-chart/selection/src/app.component.ts
index f04e7f712..55123467e 100644
--- a/samples/charts/doughnut-chart/selection/src/app.component.ts
+++ b/samples/charts/doughnut-chart/selection/src/app.component.ts
@@ -4,6 +4,7 @@ import { IgxRingSeriesComponent } from "igniteui-angular-charts";
import { IgxSliceClickEventArgs } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/annotations/src/app.component.ts b/samples/charts/financial-chart/annotations/src/app.component.ts
index c3b0b8736..62048baf8 100644
--- a/samples/charts/financial-chart/annotations/src/app.component.ts
+++ b/samples/charts/financial-chart/annotations/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxFinancialChartComponent } from "igniteui-angular-charts";
import { StocksUtility } from "./StocksUtility";
@Component({
+ standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [ StocksUtility ],
selector: "app-root",
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/axis-types/src/app.component.ts b/samples/charts/financial-chart/axis-types/src/app.component.ts
index 6faf9e1ab..7b9a951bf 100644
--- a/samples/charts/financial-chart/axis-types/src/app.component.ts
+++ b/samples/charts/financial-chart/axis-types/src/app.component.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
import { FinancialDataService } from "./FinancialDataService";
@Component({
+ standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush,
providers: [ FinancialDataService ],
selector: "app-root",
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/src/app.component.html b/samples/charts/financial-chart/data-legend-formatting-currency/src/app.component.html
index 3a26739ff..15cadf420 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/src/app.component.html
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/src/app.component.html
@@ -1,7 +1,7 @@
{
volume: 1538688
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/financial-chart/data-legend-styling-props/src/app.component.html b/samples/charts/financial-chart/data-legend-styling-props/src/app.component.html
index cc1ce9e76..f39ce24ff 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/src/app.component.html
+++ b/samples/charts/financial-chart/data-legend-styling-props/src/app.component.html
@@ -1,7 +1,7 @@
diff --git a/samples/charts/financial-chart/data-legend/src/app.component.ts b/samples/charts/financial-chart/data-legend/src/app.component.ts
index 6fcf7c128..002306671 100644
--- a/samples/charts/financial-chart/data-legend/src/app.component.ts
+++ b/samples/charts/financial-chart/data-legend/src/app.component.ts
@@ -3,6 +3,7 @@ import { MultipleStocks } from './MultipleStocks';
import { IgxDataLegendComponent, IgxFinancialChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/financial-chart/data-legend/src/polyfills.ts b/samples/charts/financial-chart/data-legend/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/financial-chart/data-legend/src/polyfills.ts
+++ b/samples/charts/financial-chart/data-legend/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/src/app.component.ts b/samples/charts/financial-chart/data-tooltip-formatting-currency/src/app.component.ts
index b9221ae86..bb260e027 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/src/app.component.ts
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/src/app.component.ts
@@ -3,6 +3,7 @@ import { MultipleStocks } from './MultipleStocks';
import { IgxFinancialChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/src/polyfills.ts b/samples/charts/financial-chart/data-tooltip-formatting-currency/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/src/polyfills.ts
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/src/StockGoogle.ts b/samples/charts/financial-chart/data-tooltip-styling-props/src/StockGoogle.ts
index 5236d32cb..efd806727 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/src/StockGoogle.ts
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/src/StockGoogle.ts
@@ -8721,7 +8721,7 @@ export class StockGoogle extends Array {
volume: 1538688
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/src/app.component.ts b/samples/charts/financial-chart/data-tooltip-styling-props/src/app.component.ts
index 8b4e015ed..f05af8427 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/src/app.component.ts
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/src/app.component.ts
@@ -3,6 +3,7 @@ import { StockGoogleItem, StockGoogle } from './StockGoogle';
import { IgxFinancialChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/src/polyfills.ts b/samples/charts/financial-chart/data-tooltip-styling-props/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/src/polyfills.ts
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/data-tooltip/src/app.component.ts b/samples/charts/financial-chart/data-tooltip/src/app.component.ts
index b9221ae86..bb260e027 100644
--- a/samples/charts/financial-chart/data-tooltip/src/app.component.ts
+++ b/samples/charts/financial-chart/data-tooltip/src/app.component.ts
@@ -3,6 +3,7 @@ import { MultipleStocks } from './MultipleStocks';
import { IgxFinancialChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/financial-chart/data-tooltip/src/polyfills.ts b/samples/charts/financial-chart/data-tooltip/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/financial-chart/data-tooltip/src/polyfills.ts
+++ b/samples/charts/financial-chart/data-tooltip/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/financial-chart/format-specifiers/src/app.component.html b/samples/charts/financial-chart/format-specifiers/src/app.component.html
index ca0cc5312..cf4bc77ec 100644
--- a/samples/charts/financial-chart/format-specifiers/src/app.component.html
+++ b/samples/charts/financial-chart/format-specifiers/src/app.component.html
@@ -1,7 +1,7 @@
{
summary: `Other 15%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/pie-chart/legend/src/app.component.html b/samples/charts/pie-chart/legend/src/app.component.html
index 8cbcfaf43..881283f7c 100644
--- a/samples/charts/pie-chart/legend/src/app.component.html
+++ b/samples/charts/pie-chart/legend/src/app.component.html
@@ -4,7 +4,7 @@
diff --git a/samples/charts/pie-chart/legend/src/app.component.ts b/samples/charts/pie-chart/legend/src/app.component.ts
index 25b540f07..a28423f06 100644
--- a/samples/charts/pie-chart/legend/src/app.component.ts
+++ b/samples/charts/pie-chart/legend/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand
import { IgxItemLegendComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/pie-chart/legend/src/polyfills.ts b/samples/charts/pie-chart/legend/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/pie-chart/legend/src/polyfills.ts
+++ b/samples/charts/pie-chart/legend/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/pie-chart/others/src/EnergyGlobalDemand.ts b/samples/charts/pie-chart/others/src/EnergyGlobalDemand.ts
index 922fcf7a9..3d2ed388a 100644
--- a/samples/charts/pie-chart/others/src/EnergyGlobalDemand.ts
+++ b/samples/charts/pie-chart/others/src/EnergyGlobalDemand.ts
@@ -45,7 +45,7 @@ export class EnergyGlobalDemand extends Array {
summary: `Other 15%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/pie-chart/others/src/app.component.html b/samples/charts/pie-chart/others/src/app.component.html
index a6cb902e6..e6de1a362 100644
--- a/samples/charts/pie-chart/others/src/app.component.html
+++ b/samples/charts/pie-chart/others/src/app.component.html
@@ -4,7 +4,7 @@
diff --git a/samples/charts/pie-chart/others/src/app.component.ts b/samples/charts/pie-chart/others/src/app.component.ts
index 25b540f07..a28423f06 100644
--- a/samples/charts/pie-chart/others/src/app.component.ts
+++ b/samples/charts/pie-chart/others/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand
import { IgxItemLegendComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/pie-chart/others/src/polyfills.ts b/samples/charts/pie-chart/others/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/pie-chart/others/src/polyfills.ts
+++ b/samples/charts/pie-chart/others/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/pie-chart/overview/src/EnergyGlobalDemand.ts b/samples/charts/pie-chart/overview/src/EnergyGlobalDemand.ts
index 922fcf7a9..3d2ed388a 100644
--- a/samples/charts/pie-chart/overview/src/EnergyGlobalDemand.ts
+++ b/samples/charts/pie-chart/overview/src/EnergyGlobalDemand.ts
@@ -45,7 +45,7 @@ export class EnergyGlobalDemand extends Array {
summary: `Other 15%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/pie-chart/overview/src/app.component.html b/samples/charts/pie-chart/overview/src/app.component.html
index 8a819ae74..800909193 100644
--- a/samples/charts/pie-chart/overview/src/app.component.html
+++ b/samples/charts/pie-chart/overview/src/app.component.html
@@ -4,7 +4,7 @@
diff --git a/samples/charts/pie-chart/overview/src/app.component.ts b/samples/charts/pie-chart/overview/src/app.component.ts
index 25b540f07..a28423f06 100644
--- a/samples/charts/pie-chart/overview/src/app.component.ts
+++ b/samples/charts/pie-chart/overview/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand
import { IgxItemLegendComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/pie-chart/overview/src/polyfills.ts b/samples/charts/pie-chart/overview/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/pie-chart/overview/src/polyfills.ts
+++ b/samples/charts/pie-chart/overview/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/pie-chart/selection/src/app.component.ts b/samples/charts/pie-chart/selection/src/app.component.ts
index e6be97370..bc9f6eac2 100644
--- a/samples/charts/pie-chart/selection/src/app.component.ts
+++ b/samples/charts/pie-chart/selection/src/app.component.ts
@@ -2,6 +2,7 @@ import { AfterViewInit, Component, ViewChild } from "@angular/core";
import { IgxPieChartComponent } from "igniteui-angular-charts";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/pie-chart/styling/src/EnergyGlobalDemand.ts b/samples/charts/pie-chart/styling/src/EnergyGlobalDemand.ts
index 922fcf7a9..3d2ed388a 100644
--- a/samples/charts/pie-chart/styling/src/EnergyGlobalDemand.ts
+++ b/samples/charts/pie-chart/styling/src/EnergyGlobalDemand.ts
@@ -45,7 +45,7 @@ export class EnergyGlobalDemand extends Array {
summary: `Other 15%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/pie-chart/styling/src/app.component.html b/samples/charts/pie-chart/styling/src/app.component.html
index 409e1a558..9930d2140 100644
--- a/samples/charts/pie-chart/styling/src/app.component.html
+++ b/samples/charts/pie-chart/styling/src/app.component.html
@@ -4,7 +4,7 @@
diff --git a/samples/charts/pie-chart/styling/src/app.component.ts b/samples/charts/pie-chart/styling/src/app.component.ts
index 25b540f07..a28423f06 100644
--- a/samples/charts/pie-chart/styling/src/app.component.ts
+++ b/samples/charts/pie-chart/styling/src/app.component.ts
@@ -3,6 +3,7 @@ import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand
import { IgxItemLegendComponent, IgxPieChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/pie-chart/styling/src/polyfills.ts b/samples/charts/pie-chart/styling/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/pie-chart/styling/src/polyfills.ts
+++ b/samples/charts/pie-chart/styling/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/display-area/src/SparklineMixedData.ts b/samples/charts/sparkline/display-area/src/SparklineMixedData.ts
index b7684d62c..fa5564d4e 100644
--- a/samples/charts/sparkline/display-area/src/SparklineMixedData.ts
+++ b/samples/charts/sparkline/display-area/src/SparklineMixedData.ts
@@ -54,7 +54,7 @@ export class SparklineMixedData extends Array {
value: 30
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/display-area/src/app.component.ts b/samples/charts/sparkline/display-area/src/app.component.ts
index f7abaf08a..646a88cf7 100644
--- a/samples/charts/sparkline/display-area/src/app.component.ts
+++ b/samples/charts/sparkline/display-area/src/app.component.ts
@@ -3,6 +3,7 @@ import { SparklineMixedDataItem, SparklineMixedData } from './SparklineMixedData
import { IgxSparklineComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/display-area/src/polyfills.ts b/samples/charts/sparkline/display-area/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/display-area/src/polyfills.ts
+++ b/samples/charts/sparkline/display-area/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/display-column/src/SparklineMixedData.ts b/samples/charts/sparkline/display-column/src/SparklineMixedData.ts
index b7684d62c..fa5564d4e 100644
--- a/samples/charts/sparkline/display-column/src/SparklineMixedData.ts
+++ b/samples/charts/sparkline/display-column/src/SparklineMixedData.ts
@@ -54,7 +54,7 @@ export class SparklineMixedData extends Array {
value: 30
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/display-column/src/app.component.ts b/samples/charts/sparkline/display-column/src/app.component.ts
index f7abaf08a..646a88cf7 100644
--- a/samples/charts/sparkline/display-column/src/app.component.ts
+++ b/samples/charts/sparkline/display-column/src/app.component.ts
@@ -3,6 +3,7 @@ import { SparklineMixedDataItem, SparklineMixedData } from './SparklineMixedData
import { IgxSparklineComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/display-column/src/polyfills.ts b/samples/charts/sparkline/display-column/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/display-column/src/polyfills.ts
+++ b/samples/charts/sparkline/display-column/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/display-lines/src/SparklineMixedData.ts b/samples/charts/sparkline/display-lines/src/SparklineMixedData.ts
index b7684d62c..fa5564d4e 100644
--- a/samples/charts/sparkline/display-lines/src/SparklineMixedData.ts
+++ b/samples/charts/sparkline/display-lines/src/SparklineMixedData.ts
@@ -54,7 +54,7 @@ export class SparklineMixedData extends Array {
value: 30
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/display-lines/src/app.component.ts b/samples/charts/sparkline/display-lines/src/app.component.ts
index ebe19a3ce..2d854dd81 100644
--- a/samples/charts/sparkline/display-lines/src/app.component.ts
+++ b/samples/charts/sparkline/display-lines/src/app.component.ts
@@ -4,6 +4,7 @@ import { SparklineMixedDataItem, SparklineMixedData } from './SparklineMixedData
import { IgxSparklineComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/display-lines/src/polyfills.ts b/samples/charts/sparkline/display-lines/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/display-lines/src/polyfills.ts
+++ b/samples/charts/sparkline/display-lines/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/display-types/src/app.component.ts b/samples/charts/sparkline/display-types/src/app.component.ts
index 723930b50..e7f6dce5e 100644
--- a/samples/charts/sparkline/display-types/src/app.component.ts
+++ b/samples/charts/sparkline/display-types/src/app.component.ts
@@ -4,6 +4,7 @@ import { SparklineDisplayType } from "igniteui-angular-charts";
import { SharedData } from "./SharedData";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/display-winloss/src/SparklineMixedData.ts b/samples/charts/sparkline/display-winloss/src/SparklineMixedData.ts
index b7684d62c..fa5564d4e 100644
--- a/samples/charts/sparkline/display-winloss/src/SparklineMixedData.ts
+++ b/samples/charts/sparkline/display-winloss/src/SparklineMixedData.ts
@@ -54,7 +54,7 @@ export class SparklineMixedData extends Array {
value: 30
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/display-winloss/src/app.component.ts b/samples/charts/sparkline/display-winloss/src/app.component.ts
index f7abaf08a..646a88cf7 100644
--- a/samples/charts/sparkline/display-winloss/src/app.component.ts
+++ b/samples/charts/sparkline/display-winloss/src/app.component.ts
@@ -3,6 +3,7 @@ import { SparklineMixedDataItem, SparklineMixedData } from './SparklineMixedData
import { IgxSparklineComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/display-winloss/src/polyfills.ts b/samples/charts/sparkline/display-winloss/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/display-winloss/src/polyfills.ts
+++ b/samples/charts/sparkline/display-winloss/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 07a06398c..4646d5728 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -7,33 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "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-theming": "6.4.0-beta.2",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-theming": "14.3.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +41,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/grid/src/app.component.ts b/samples/charts/sparkline/grid/src/app.component.ts
index 2158807f0..158801c89 100644
--- a/samples/charts/sparkline/grid/src/app.component.ts
+++ b/samples/charts/sparkline/grid/src/app.component.ts
@@ -20,6 +20,7 @@ export class LocalService {
}
@Component({
+ standalone: false,
providers: [LocalService],
selector: "app-root",
styleUrls: ["./app.component.scss"],
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index ae1e51e80..94cc4a90f 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -7,34 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +41,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/markers/src/SparklineProfitData.ts b/samples/charts/sparkline/markers/src/SparklineProfitData.ts
index 368afc9dc..a9914e6ac 100644
--- a/samples/charts/sparkline/markers/src/SparklineProfitData.ts
+++ b/samples/charts/sparkline/markers/src/SparklineProfitData.ts
@@ -54,7 +54,7 @@ export class SparklineProfitData extends Array {
label: `H`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/markers/src/app.component.ts b/samples/charts/sparkline/markers/src/app.component.ts
index e81174723..2808b0d38 100644
--- a/samples/charts/sparkline/markers/src/app.component.ts
+++ b/samples/charts/sparkline/markers/src/app.component.ts
@@ -9,6 +9,7 @@ import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/markers/src/polyfills.ts b/samples/charts/sparkline/markers/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/markers/src/polyfills.ts
+++ b/samples/charts/sparkline/markers/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index ae1e51e80..94cc4a90f 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -7,34 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +41,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/normal-range/src/SparklineMixedData.ts b/samples/charts/sparkline/normal-range/src/SparklineMixedData.ts
index b7684d62c..fa5564d4e 100644
--- a/samples/charts/sparkline/normal-range/src/SparklineMixedData.ts
+++ b/samples/charts/sparkline/normal-range/src/SparklineMixedData.ts
@@ -54,7 +54,7 @@ export class SparklineMixedData extends Array {
value: 30
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/normal-range/src/app.component.ts b/samples/charts/sparkline/normal-range/src/app.component.ts
index d4c79364b..637f19d7e 100644
--- a/samples/charts/sparkline/normal-range/src/app.component.ts
+++ b/samples/charts/sparkline/normal-range/src/app.component.ts
@@ -9,6 +9,7 @@ import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/normal-range/src/polyfills.ts b/samples/charts/sparkline/normal-range/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/normal-range/src/polyfills.ts
+++ b/samples/charts/sparkline/normal-range/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index ae1e51e80..94cc4a90f 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -7,34 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +41,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/trendlines/src/SparklineMixedData.ts b/samples/charts/sparkline/trendlines/src/SparklineMixedData.ts
index b7684d62c..fa5564d4e 100644
--- a/samples/charts/sparkline/trendlines/src/SparklineMixedData.ts
+++ b/samples/charts/sparkline/trendlines/src/SparklineMixedData.ts
@@ -54,7 +54,7 @@ export class SparklineMixedData extends Array {
value: 30
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/trendlines/src/app.component.ts b/samples/charts/sparkline/trendlines/src/app.component.ts
index 6a5dbb7ab..5232f739d 100644
--- a/samples/charts/sparkline/trendlines/src/app.component.ts
+++ b/samples/charts/sparkline/trendlines/src/app.component.ts
@@ -9,6 +9,7 @@ import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/trendlines/src/polyfills.ts b/samples/charts/sparkline/trendlines/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/trendlines/src/polyfills.ts
+++ b/samples/charts/sparkline/trendlines/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index ae1e51e80..94cc4a90f 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -7,34 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +41,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/sparkline/unknown-values/src/SparklineUnknownData.ts b/samples/charts/sparkline/unknown-values/src/SparklineUnknownData.ts
index cc0ceffa7..b2dd8473d 100644
--- a/samples/charts/sparkline/unknown-values/src/SparklineUnknownData.ts
+++ b/samples/charts/sparkline/unknown-values/src/SparklineUnknownData.ts
@@ -64,7 +64,7 @@ export class SparklineUnknownData extends Array {
value: 6
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/sparkline/unknown-values/src/app.component.ts b/samples/charts/sparkline/unknown-values/src/app.component.ts
index a7107a21c..aed2cc523 100644
--- a/samples/charts/sparkline/unknown-values/src/app.component.ts
+++ b/samples/charts/sparkline/unknown-values/src/app.component.ts
@@ -9,6 +9,7 @@ import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/sparkline/unknown-values/src/polyfills.ts b/samples/charts/sparkline/unknown-values/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/sparkline/unknown-values/src/polyfills.ts
+++ b/samples/charts/sparkline/unknown-values/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/src/CountryRenewableElectricity.ts b/samples/charts/toolbar/actions-built-in-category-chart/src/CountryRenewableElectricity.ts
index a1c22c39e..b32970c46 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/src/CountryRenewableElectricity.ts
+++ b/samples/charts/toolbar/actions-built-in-category-chart/src/CountryRenewableElectricity.ts
@@ -100,7 +100,7 @@ export class CountryRenewableElectricity extends Array
@@ -13,7 +13,7 @@
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/src/app.component.ts b/samples/charts/toolbar/actions-built-in-category-chart/src/app.component.ts
index 6ba51d852..f224ce496 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/src/app.component.ts
+++ b/samples/charts/toolbar/actions-built-in-category-chart/src/app.component.ts
@@ -4,6 +4,7 @@ import { IgxLegendComponent, IgxCategoryChartComponent } from 'igniteui-angular-
import { IgxToolbarComponent } from 'igniteui-angular-layouts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/src/polyfills.ts b/samples/charts/toolbar/actions-built-in-category-chart/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/src/polyfills.ts
+++ b/samples/charts/toolbar/actions-built-in-category-chart/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/src/CountryRenewableElectricity.ts b/samples/charts/toolbar/actions-built-in-data-chart/src/CountryRenewableElectricity.ts
index a1c22c39e..b32970c46 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/src/CountryRenewableElectricity.ts
+++ b/samples/charts/toolbar/actions-built-in-data-chart/src/CountryRenewableElectricity.ts
@@ -100,7 +100,7 @@ export class CountryRenewableElectricity extends Array
@@ -33,7 +33,7 @@
labelLocation="OutsideRight">
+
+
+This folder contains Angular application with example of Color Editor Support feature using [Toolbar](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html) component.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/toolbar/color-editor-support
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/toolbar/color-editor-support/angular.json b/samples/charts/toolbar/color-editor-support/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/toolbar/color-editor-support/package.json b/samples/charts/toolbar/color-editor-support/package.json
new file mode 100644
index 000000000..162ba70b2
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/package.json
@@ -0,0 +1,45 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts b/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts
new file mode 100644
index 000000000..b32970c46
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts
@@ -0,0 +1,106 @@
+export class CountryRenewableElectricityItem {
+ public constructor(init: Partial) {
+ Object.assign(this, init);
+ }
+
+ public year: string;
+ public europe: number;
+ public china: number;
+ public america: number;
+
+}
+export class CountryRenewableElectricity extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new CountryRenewableElectricityItem(
+ {
+ year: `2009`,
+ europe: 34,
+ china: 21,
+ america: 19
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2010`,
+ europe: 43,
+ china: 26,
+ america: 24
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2011`,
+ europe: 66,
+ china: 29,
+ america: 28
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2012`,
+ europe: 69,
+ china: 32,
+ america: 26
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2013`,
+ europe: 58,
+ china: 47,
+ america: 38
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2014`,
+ europe: 40,
+ china: 46,
+ america: 31
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2015`,
+ europe: 78,
+ china: 50,
+ america: 19
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2016`,
+ europe: 13,
+ china: 90,
+ america: 52
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2017`,
+ europe: 78,
+ china: 132,
+ america: 50
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2018`,
+ europe: 40,
+ china: 134,
+ america: 34
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2018`,
+ europe: 40,
+ china: 134,
+ america: 34
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2019`,
+ europe: 80,
+ china: 96,
+ america: 38
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/toolbar/color-editor-support/src/app.component.html b/samples/charts/toolbar/color-editor-support/src/app.component.html
new file mode 100644
index 000000000..14aca0126
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/app.component.html
@@ -0,0 +1,51 @@
+IgniteUI for Angular | Example | infragistics
+ ) {
+ Object.assign(this, init);
+ }
+
+ public year: string;
+ public europe: number;
+ public china: number;
+ public america: number;
+
+}
+export class CountryRenewableElectricity extends Array {
+ public constructor(items: Array | number = -1) {
+ if (Array.isArray(items)) {
+ super(...items);
+ } else {
+ const newItems = [
+ new CountryRenewableElectricityItem(
+ {
+ year: `2009`,
+ europe: 34,
+ china: 21,
+ america: 19
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2010`,
+ europe: 43,
+ china: 26,
+ america: 24
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2011`,
+ europe: 66,
+ china: 29,
+ america: 28
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2012`,
+ europe: 69,
+ china: 32,
+ america: 26
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2013`,
+ europe: 58,
+ china: 47,
+ america: 38
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2014`,
+ europe: 40,
+ china: 46,
+ america: 31
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2015`,
+ europe: 78,
+ china: 50,
+ america: 19
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2016`,
+ europe: 13,
+ china: 90,
+ america: 52
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2017`,
+ europe: 78,
+ china: 132,
+ america: 50
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2018`,
+ europe: 40,
+ china: 134,
+ america: 34
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2018`,
+ europe: 40,
+ china: 134,
+ america: 34
+ }),
+ new CountryRenewableElectricityItem(
+ {
+ year: `2019`,
+ europe: 80,
+ china: 96,
+ america: 38
+ }),
+ ];
+ super(...newItems.slice(0));
+ }
+ }
+}
diff --git a/samples/charts/toolbar/custom-tool/src/app.component.html b/samples/charts/toolbar/custom-tool/src/app.component.html
index 53be05748..f3c0cfb1d 100644
--- a/samples/charts/toolbar/custom-tool/src/app.component.html
+++ b/samples/charts/toolbar/custom-tool/src/app.component.html
@@ -1,14 +1,47 @@
- Total Population of Selected Countries
-
-
+ chartTitle="Population vs. Public Debt vs. GDP"
+ titleTopMargin="10"
+ titleBottomMargin="0">
+ abbreviateLargeNumbers="true"
+ maximumValue="1000">
-
-
+ name="dataToolTipLayer"
+ #dataToolTipLayer
+ valueRowMarginTop="1"
+ labelTextMarginTop="1"
+ titleTextMarginTop="1"
+ unitsTextMarginTop="1"
+ valueRowMarginBottom="1"
+ labelTextMarginBottom="1"
+ titleTextMarginBottom="1"
+ unitsTextMarginBottom="1"
+ unitsTextMarginRight="5"
+ valueTextMarginLeft="10"
+ labelTextMarginLeft="1"
+ layoutMode="Vertical"
+ badgeShape="Hidden"
+ includedColumns="X, Y, Radius"
+ headerRowVisible="false">
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.ts
index 1da857659..05633ed2a 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/app.component.ts
@@ -1,9 +1,9 @@
import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
-import { CountryStatsAfricaItem, CountryStatsAfrica } from './CountryStatsAfrica';
-import { CountryStatsEuropeItem, CountryStatsEurope } from './CountryStatsEurope';
-import { IgxLegendComponent, IgxDataChartComponent, IgxNumericXAxisComponent, IgxNumericYAxisComponent, IgxBubbleSeriesComponent, IgxSizeScaleComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
+import { WorldStatsItem, WorldStats } from './WorldStats';
+import { IgxDataChartComponent, IgxNumericXAxisComponent, IgxNumericYAxisComponent, IgxBubbleSeriesComponent, IgxSizeScaleComponent, IgxDataToolTipLayerComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
@@ -13,8 +13,6 @@ import { IgxLegendComponent, IgxDataChartComponent, IgxNumericXAxisComponent, Ig
export class AppComponent implements AfterViewInit
{
- @ViewChild("legend", { static: true } )
- private legend: IgxLegendComponent
@ViewChild("chart", { static: true } )
private chart: IgxDataChartComponent
@ViewChild("xAxis", { static: true } )
@@ -30,45 +28,21 @@ export class AppComponent implements AfterViewInit
var sizeScale1 = new IgxSizeScaleComponent();
sizeScale1.isLogarithmic = false;
sizeScale1.minimumValue = 10;
- sizeScale1.maximumValue = 50;
+ sizeScale1.maximumValue = 80;
this._sizeScale1 = sizeScale1;
}
return this._sizeScale1;
}
- @ViewChild("bubbleSeries2", { static: true } )
- private bubbleSeries2: IgxBubbleSeriesComponent
- private _sizeScale2: IgxSizeScaleComponent | null = null;
- public get sizeScale2(): IgxSizeScaleComponent {
- if (this._sizeScale2 == null)
- {
- var sizeScale2 = new IgxSizeScaleComponent();
- sizeScale2.isLogarithmic = false;
- sizeScale2.minimumValue = 10;
- sizeScale2.maximumValue = 50;
-
- this._sizeScale2 = sizeScale2;
- }
- return this._sizeScale2;
- }
@ViewChild("dataToolTipLayer", { static: true } )
private dataToolTipLayer: IgxDataToolTipLayerComponent
- private _countryStatsAfrica: CountryStatsAfrica = null;
- public get countryStatsAfrica(): CountryStatsAfrica {
- if (this._countryStatsAfrica == null)
- {
- this._countryStatsAfrica = new CountryStatsAfrica();
- }
- return this._countryStatsAfrica;
- }
-
- private _countryStatsEurope: CountryStatsEurope = null;
- public get countryStatsEurope(): CountryStatsEurope {
- if (this._countryStatsEurope == null)
+ private _worldStats: WorldStats = null;
+ public get worldStats(): WorldStats {
+ if (this._worldStats == null)
{
- this._countryStatsEurope = new CountryStatsEurope();
+ this._worldStats = new WorldStats();
}
- return this._countryStatsEurope;
+ return this._worldStats;
}
public constructor(private _detector: ChangeDetectorRef)
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/src/polyfills.ts b/samples/charts/data-chart/scatter-bubble-chart-styling/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/src/polyfills.ts
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/data-chart/scatter-line-chart/src/HealthDataForFrance.ts b/samples/charts/data-chart/scatter-line-chart/src/HealthDataForFrance.ts
index af6e0ccf8..42e805128 100644
--- a/samples/charts/data-chart/scatter-line-chart/src/HealthDataForFrance.ts
+++ b/samples/charts/data-chart/scatter-line-chart/src/HealthDataForFrance.ts
@@ -233,7 +233,7 @@ export class HealthDataForFrance extends Array {
name: `Norway`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/scatter-line-chart/src/HealthDataForGermany.ts b/samples/charts/data-chart/scatter-line-chart/src/HealthDataForGermany.ts
index c472954b8..e88199fe2 100644
--- a/samples/charts/data-chart/scatter-line-chart/src/HealthDataForGermany.ts
+++ b/samples/charts/data-chart/scatter-line-chart/src/HealthDataForGermany.ts
@@ -226,7 +226,7 @@ export class HealthDataForGermany extends Array {
name: `Germany`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/data-chart/scatter-line-chart/src/app.component.html b/samples/charts/data-chart/scatter-line-chart/src/app.component.html
index 7ef0d135d..f62a346b8 100644
--- a/samples/charts/data-chart/scatter-line-chart/src/app.component.html
+++ b/samples/charts/data-chart/scatter-line-chart/src/app.component.html
@@ -4,7 +4,7 @@
- Total Population of Selected Countries
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/animation
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/animation/angular.json b/samples/charts/data-pie-chart/animation/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/animation/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/animation/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
+
diff --git a/samples/charts/data-pie-chart/animation/src/app.component.scss b/samples/charts/data-pie-chart/animation/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/animation/src/app.component.ts b/samples/charts/data-pie-chart/animation/src/app.component.ts
new file mode 100644
index 000000000..7227e8072
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/app.component.ts
@@ -0,0 +1,56 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-angular-core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
+import { IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+import { defineAllComponents } from 'igniteui-webcomponents';
+
+defineAllComponents();
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("propertyEditorPanel1", { static: true } )
+ private propertyEditorPanel1: IgxPropertyEditorPanelComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ DataPieChartDescriptionModule.register(context);
+ ItemLegendDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/animation/src/app.module.ts b/samples/charts/data-pie-chart/animation/src/app.module.ts
new file mode 100644
index 000000000..a66f493d9
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/app.module.ts
@@ -0,0 +1,28 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxDataPieChartModule, IgxItemLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxDataPieChartModule,
+ IgxItemLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/animation/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/animation/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/animation/src/environments/environment.ts b/samples/charts/data-pie-chart/animation/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/animation/src/index.html b/samples/charts/data-pie-chart/animation/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/animation/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Global Electricity Demand by Energy Use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/highlight-filter
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/highlight-filter/angular.json b/samples/charts/data-pie-chart/highlight-filter/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
new file mode 100644
index 000000000..70f510a25
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/OnlineTrafficHighlightDesktopOnly.ts b/samples/charts/data-pie-chart/highlight-filter/src/OnlineTrafficHighlightDesktopOnly.ts
new file mode 100644
index 000000000..b5787b318
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/OnlineTrafficHighlightDesktopOnly.ts
@@ -0,0 +1,55 @@
+export class OnlineTrafficHighlightDesktopOnlyItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/app.component.scss b/samples/charts/data-pie-chart/highlight-filter/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/app.component.ts b/samples/charts/data-pie-chart/highlight-filter/src/app.component.ts
new file mode 100644
index 000000000..561dd1d55
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/app.component.ts
@@ -0,0 +1,57 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, DataPieChartDescriptionModule } from 'igniteui-angular-core';
+import { OnlineTrafficHighlightTotalsItem, OnlineTrafficHighlightTotals } from './OnlineTrafficHighlightTotals';
+import { OnlineTrafficHighlightDesktopOnlyItem, OnlineTrafficHighlightDesktopOnly } from './OnlineTrafficHighlightDesktopOnly';
+import { IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _onlineTrafficHighlightTotals: OnlineTrafficHighlightTotals = null;
+ public get onlineTrafficHighlightTotals(): OnlineTrafficHighlightTotals {
+ if (this._onlineTrafficHighlightTotals == null)
+ {
+ this._onlineTrafficHighlightTotals = new OnlineTrafficHighlightTotals();
+ }
+ return this._onlineTrafficHighlightTotals;
+ }
+
+ private _onlineTrafficHighlightDesktopOnly: OnlineTrafficHighlightDesktopOnly = null;
+ public get onlineTrafficHighlightDesktopOnly(): OnlineTrafficHighlightDesktopOnly {
+ if (this._onlineTrafficHighlightDesktopOnly == null)
+ {
+ this._onlineTrafficHighlightDesktopOnly = new OnlineTrafficHighlightDesktopOnly();
+ }
+ return this._onlineTrafficHighlightDesktopOnly;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ DataPieChartDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/app.module.ts b/samples/charts/data-pie-chart/highlight-filter/src/app.module.ts
new file mode 100644
index 000000000..fa40a615b
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/app.module.ts
@@ -0,0 +1,25 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDataPieChartModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDataPieChartModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/highlight-filter/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/environments/environment.ts b/samples/charts/data-pie-chart/highlight-filter/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/highlight-filter/src/index.html b/samples/charts/data-pie-chart/highlight-filter/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlight-filter/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/highlighting
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/highlighting/angular.json b/samples/charts/data-pie-chart/highlighting/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/highlighting/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/highlighting/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
+
diff --git a/samples/charts/data-pie-chart/highlighting/src/app.component.scss b/samples/charts/data-pie-chart/highlighting/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/highlighting/src/app.component.ts b/samples/charts/data-pie-chart/highlighting/src/app.component.ts
new file mode 100644
index 000000000..7227e8072
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/app.component.ts
@@ -0,0 +1,56 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-angular-core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
+import { IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+import { defineAllComponents } from 'igniteui-webcomponents';
+
+defineAllComponents();
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("propertyEditorPanel1", { static: true } )
+ private propertyEditorPanel1: IgxPropertyEditorPanelComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ DataPieChartDescriptionModule.register(context);
+ ItemLegendDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/highlighting/src/app.module.ts b/samples/charts/data-pie-chart/highlighting/src/app.module.ts
new file mode 100644
index 000000000..a66f493d9
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/app.module.ts
@@ -0,0 +1,28 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxDataPieChartModule, IgxItemLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxDataPieChartModule,
+ IgxItemLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/highlighting/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/highlighting/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/highlighting/src/environments/environment.ts b/samples/charts/data-pie-chart/highlighting/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/highlighting/src/index.html b/samples/charts/data-pie-chart/highlighting/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/highlighting/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Global Electricity Demand by Energy Use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/legend
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/legend/angular.json b/samples/charts/data-pie-chart/legend/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
new file mode 100644
index 000000000..162ba70b2
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -0,0 +1,45 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/legend/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/legend/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/data-pie-chart/legend/src/app.component.scss b/samples/charts/data-pie-chart/legend/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/legend/src/app.component.ts b/samples/charts/data-pie-chart/legend/src/app.component.ts
new file mode 100644
index 000000000..0fc41e232
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/app.component.ts
@@ -0,0 +1,51 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-angular-core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxItemLegendComponent, IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("legend", { static: true } )
+ private legend: IgxItemLegendComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ DataPieChartDescriptionModule.register(context);
+ ItemLegendDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/legend/src/app.module.ts b/samples/charts/data-pie-chart/legend/src/app.module.ts
new file mode 100644
index 000000000..a66f493d9
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/app.module.ts
@@ -0,0 +1,28 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxDataPieChartModule, IgxItemLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxDataPieChartModule,
+ IgxItemLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/legend/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/legend/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/legend/src/environments/environment.ts b/samples/charts/data-pie-chart/legend/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/legend/src/index.html b/samples/charts/data-pie-chart/legend/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/legend/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Global Electricity Demand by Energy Use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/others
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/others/angular.json b/samples/charts/data-pie-chart/others/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/others/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/others/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
+
diff --git a/samples/charts/data-pie-chart/others/src/app.component.scss b/samples/charts/data-pie-chart/others/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/others/src/app.component.ts b/samples/charts/data-pie-chart/others/src/app.component.ts
new file mode 100644
index 000000000..7227e8072
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/app.component.ts
@@ -0,0 +1,56 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-angular-core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
+import { IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+import { defineAllComponents } from 'igniteui-webcomponents';
+
+defineAllComponents();
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("propertyEditorPanel1", { static: true } )
+ private propertyEditorPanel1: IgxPropertyEditorPanelComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ DataPieChartDescriptionModule.register(context);
+ ItemLegendDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/others/src/app.module.ts b/samples/charts/data-pie-chart/others/src/app.module.ts
new file mode 100644
index 000000000..a66f493d9
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/app.module.ts
@@ -0,0 +1,28 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxDataPieChartModule, IgxItemLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxDataPieChartModule,
+ IgxItemLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/others/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/others/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/others/src/environments/environment.ts b/samples/charts/data-pie-chart/others/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/others/src/index.html b/samples/charts/data-pie-chart/others/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/others/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Global Electricity Demand by Energy Use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/overview
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/overview/angular.json b/samples/charts/data-pie-chart/overview/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
new file mode 100644
index 000000000..70f510a25
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/overview/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/overview/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/data-pie-chart/overview/src/app.component.scss b/samples/charts/data-pie-chart/overview/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/overview/src/app.component.ts b/samples/charts/data-pie-chart/overview/src/app.component.ts
new file mode 100644
index 000000000..e41a87419
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/app.component.ts
@@ -0,0 +1,36 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/overview/src/app.module.ts b/samples/charts/data-pie-chart/overview/src/app.module.ts
new file mode 100644
index 000000000..d5b8d4418
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/app.module.ts
@@ -0,0 +1,26 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxDataPieChartModule, IgxItemLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxDataPieChartModule,
+ IgxItemLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/overview/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/overview/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/overview/src/environments/environment.ts b/samples/charts/data-pie-chart/overview/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/overview/src/index.html b/samples/charts/data-pie-chart/overview/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/overview/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Global Electricity Demand by Energy Use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/data-pie-chart/selection
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/data-pie-chart/selection/angular.json b/samples/charts/data-pie-chart/selection/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
new file mode 100644
index 000000000..94cc4a90f
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -0,0 +1,46 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/data-pie-chart/selection/src/EnergyGlobalDemand.ts b/samples/charts/data-pie-chart/selection/src/EnergyGlobalDemand.ts
new file mode 100644
index 000000000..3d2ed388a
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/EnergyGlobalDemand.ts
@@ -0,0 +1,51 @@
+export class EnergyGlobalDemandItem {
+ public constructor(init: Partial
+
+
diff --git a/samples/charts/data-pie-chart/selection/src/app.component.scss b/samples/charts/data-pie-chart/selection/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/charts/data-pie-chart/selection/src/app.component.ts b/samples/charts/data-pie-chart/selection/src/app.component.ts
new file mode 100644
index 000000000..7227e8072
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/app.component.ts
@@ -0,0 +1,56 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { ComponentRenderer, PropertyEditorPanelDescriptionModule, DataPieChartDescriptionModule, ItemLegendDescriptionModule } from 'igniteui-angular-core';
+import { EnergyGlobalDemandItem, EnergyGlobalDemand } from './EnergyGlobalDemand';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
+import { IgxDataPieChartComponent } from 'igniteui-angular-charts';
+
+import { defineAllComponents } from 'igniteui-webcomponents';
+
+defineAllComponents();
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("propertyEditorPanel1", { static: true } )
+ private propertyEditorPanel1: IgxPropertyEditorPanelComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataPieChartComponent
+ private _energyGlobalDemand: EnergyGlobalDemand = null;
+ public get energyGlobalDemand(): EnergyGlobalDemand {
+ if (this._energyGlobalDemand == null)
+ {
+ this._energyGlobalDemand = new EnergyGlobalDemand();
+ }
+ return this._energyGlobalDemand;
+ }
+
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ DataPieChartDescriptionModule.register(context);
+ ItemLegendDescriptionModule.register(context);
+ }
+ return this._componentRenderer;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/charts/data-pie-chart/selection/src/app.module.ts b/samples/charts/data-pie-chart/selection/src/app.module.ts
new file mode 100644
index 000000000..a66f493d9
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/app.module.ts
@@ -0,0 +1,28 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxPropertyEditorPanelModule } from 'igniteui-angular-layouts';
+import { IgxDataPieChartModule, IgxItemLegendModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxPropertyEditorPanelModule,
+ IgxDataPieChartModule,
+ IgxItemLegendModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/data-pie-chart/selection/src/environments/environment.prod.ts b/samples/charts/data-pie-chart/selection/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/data-pie-chart/selection/src/environments/environment.ts b/samples/charts/data-pie-chart/selection/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/data-pie-chart/selection/src/index.html b/samples/charts/data-pie-chart/selection/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/data-pie-chart/selection/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Global Electricity Demand by Energy Use
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/charts/toolbar/color-editor-support
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/charts/toolbar/color-editor-support/angular.json b/samples/charts/toolbar/color-editor-support/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/charts/toolbar/color-editor-support/package.json b/samples/charts/toolbar/color-editor-support/package.json
new file mode 100644
index 000000000..162ba70b2
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/package.json
@@ -0,0 +1,45 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts b/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts
new file mode 100644
index 000000000..b32970c46
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/CountryRenewableElectricity.ts
@@ -0,0 +1,106 @@
+export class CountryRenewableElectricityItem {
+ public constructor(init: Partial
+
diff --git a/samples/charts/toolbar/color-editor-support/src/app.component.scss b/samples/charts/toolbar/color-editor-support/src/app.component.scss
new file mode 100644
index 000000000..7d86d9783
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/app.component.scss
@@ -0,0 +1,21 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
+.aboveContentSplit {
+ display: flex;
+ flex-direction: row;
+}
+.aboveContentLeftContainer {
+ margin-left: 1.25rem;
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-start;
+ align-items: flex-end;
+}
+.aboveContentRightContainer {
+ margin-right: 1.25rem;
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-end;
+ align-items: flex-end;
+}
diff --git a/samples/charts/toolbar/color-editor-support/src/app.component.ts b/samples/charts/toolbar/color-editor-support/src/app.component.ts
new file mode 100644
index 000000000..255cfeecf
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/app.component.ts
@@ -0,0 +1,62 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity';
+import { IgxToolCommandEventArgs } from 'igniteui-angular-layouts';
+import { IgxDataChartComponent, IgxSeriesComponent } from 'igniteui-angular-charts';
+import { IgxToolbarComponent, IgxToolActionColorEditorComponent } from 'igniteui-angular-layouts';
+import { IgxCategoryXAxisComponent, IgxNumericYAxisComponent, IgxLineSeriesComponent } from 'igniteui-angular-charts';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("toolbar", { static: true } )
+ private toolbar: IgxToolbarComponent
+ @ViewChild("colorEditorTool", { static: true } )
+ private colorEditorTool: IgxToolActionColorEditorComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxDataChartComponent
+ @ViewChild("xAxis", { static: true } )
+ private xAxis: IgxCategoryXAxisComponent
+ @ViewChild("yAxis", { static: true } )
+ private yAxis: IgxNumericYAxisComponent
+ @ViewChild("lineSeries1", { static: true } )
+ private lineSeries1: IgxLineSeriesComponent
+ private _countryRenewableElectricity: CountryRenewableElectricity = null;
+ public get countryRenewableElectricity(): CountryRenewableElectricity {
+ if (this._countryRenewableElectricity == null)
+ {
+ this._countryRenewableElectricity = new CountryRenewableElectricity();
+ }
+ return this._countryRenewableElectricity;
+ }
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+ public colorEditorToggleSeriesBrush({ sender, args }: { sender: any, args: IgxToolCommandEventArgs }): void {
+ var target = this.chart;
+ var color = args.command.argumentsList[0].value;
+
+ switch (args.command.commandId)
+ {
+ case "ToggleSeriesBrush":
+ let series = target.contentSeries.first as IgxSeriesComponent;
+ series.brush = color;
+ break;
+ }
+ }
+
+}
+
diff --git a/samples/charts/toolbar/color-editor-support/src/app.module.ts b/samples/charts/toolbar/color-editor-support/src/app.module.ts
new file mode 100644
index 000000000..6f059abdc
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/app.module.ts
@@ -0,0 +1,37 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxToolbarModule, IgxToolActionComboModule, IgxToolActionColorEditorModule } from 'igniteui-angular-layouts';
+import { IgxDataChartToolbarModule, IgxDataLegendModule, IgxNumberAbbreviatorModule, IgxDataChartCategoryModule, IgxDataChartCoreModule, IgxDataChartAnnotationModule, IgxDataChartInteractivityModule } from 'igniteui-angular-charts';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxToolbarModule,
+ IgxToolActionComboModule,
+ IgxToolActionColorEditorModule,
+ IgxDataChartToolbarModule,
+ IgxDataLegendModule,
+ IgxNumberAbbreviatorModule,
+ IgxDataChartCategoryModule,
+ IgxDataChartCoreModule,
+ IgxDataChartCategoryModule,
+ IgxDataChartAnnotationModule,
+ IgxDataChartInteractivityModule,
+ IgxDataChartAnnotationModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/charts/toolbar/color-editor-support/src/environments/environment.prod.ts b/samples/charts/toolbar/color-editor-support/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/charts/toolbar/color-editor-support/src/environments/environment.ts b/samples/charts/toolbar/color-editor-support/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/charts/toolbar/color-editor-support/src/index.html b/samples/charts/toolbar/color-editor-support/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/charts/toolbar/color-editor-support/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
@@ -25,7 +25,7 @@
labelLocation="OutsideRight">
{
urbanPopPercent: `88%`
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/tree-map/highlighting-percent-based/src/app.component.ts b/samples/charts/tree-map/highlighting-percent-based/src/app.component.ts
index 07c695377..7b1c39e8a 100644
--- a/samples/charts/tree-map/highlighting-percent-based/src/app.component.ts
+++ b/samples/charts/tree-map/highlighting-percent-based/src/app.component.ts
@@ -4,6 +4,7 @@ import { CountryTopUrbanPopDataItem, CountryTopUrbanPopData } from './CountryTop
import { IgxTreemapComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/tree-map/highlighting-percent-based/src/polyfills.ts b/samples/charts/tree-map/highlighting-percent-based/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/tree-map/highlighting-percent-based/src/polyfills.ts
+++ b/samples/charts/tree-map/highlighting-percent-based/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/tree-map/highlighting/angular.json b/samples/charts/tree-map/highlighting/angular.json
index 0c2c173c9..ff6803cf7 100644
--- a/samples/charts/tree-map/highlighting/angular.json
+++ b/samples/charts/tree-map/highlighting/angular.json
@@ -101,7 +101,7 @@
"src/styles.scss"
],
"scripts": [],
- "assets": [
+ "assets": [
"src/assets"
],
"inlineStyleLanguage": "scss",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index e03218915..94cc4a90f 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -7,41 +7,40 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
"jasmine-spec-reporter": "~4.2.1",
"sass.js": "0.11.1",
- "ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/tree-map/highlighting/src/CountyHierarchicalData.ts b/samples/charts/tree-map/highlighting/src/CountyHierarchicalData.ts
index e475830fc..5193e116c 100644
--- a/samples/charts/tree-map/highlighting/src/CountyHierarchicalData.ts
+++ b/samples/charts/tree-map/highlighting/src/CountyHierarchicalData.ts
@@ -2,7 +2,7 @@ export class CountyHierarchicalDataItem {
public constructor(init: Partial) {
Object.assign(this, init);
}
-
+
public code: string;
public parent: string;
public name: string;
@@ -1570,7 +1570,7 @@ export class CountyHierarchicalData extends Array {
population: 29278000
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/tree-map/highlighting/src/app.component.html b/samples/charts/tree-map/highlighting/src/app.component.html
index f9b4360f3..248a9f048 100644
--- a/samples/charts/tree-map/highlighting/src/app.component.html
+++ b/samples/charts/tree-map/highlighting/src/app.component.html
@@ -1,9 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/inputs/color-editor/overview
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/inputs/color-editor/overview/angular.json b/samples/inputs/color-editor/overview/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/inputs/color-editor/overview/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/inputs/color-editor/overview/package.json b/samples/inputs/color-editor/overview/package.json
new file mode 100644
index 000000000..498b1526f
--- /dev/null
+++ b/samples/inputs/color-editor/overview/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/inputs/color-editor/overview/src/app.component.html b/samples/inputs/color-editor/overview/src/app.component.html
new file mode 100644
index 000000000..b920b5116
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/app.component.html
@@ -0,0 +1,8 @@
+IgniteUI for Angular | Example | infragistics
+
+
diff --git a/samples/charts/toolbar/custom-tool/src/app.component.scss b/samples/charts/toolbar/custom-tool/src/app.component.scss
index cbff781da..7d86d9783 100644
--- a/samples/charts/toolbar/custom-tool/src/app.component.scss
+++ b/samples/charts/toolbar/custom-tool/src/app.component.scss
@@ -1,3 +1,21 @@
/* styles are loaded the Shared CSS file located at:
https://static.infragistics.com/xplatform/css/samples/
*/
+.aboveContentSplit {
+ display: flex;
+ flex-direction: row;
+}
+.aboveContentLeftContainer {
+ margin-left: 1.25rem;
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-start;
+ align-items: flex-end;
+}
+.aboveContentRightContainer {
+ margin-right: 1.25rem;
+ display: flex;
+ flex-grow: 1;
+ justify-content: flex-end;
+ align-items: flex-end;
+}
diff --git a/samples/charts/toolbar/custom-tool/src/app.component.ts b/samples/charts/toolbar/custom-tool/src/app.component.ts
index aa299d584..32ad330f0 100644
--- a/samples/charts/toolbar/custom-tool/src/app.component.ts
+++ b/samples/charts/toolbar/custom-tool/src/app.component.ts
@@ -1,7 +1,10 @@
import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity';
import { IgxToolbarComponent, IgxToolActionLabelComponent, IgxToolActionComponent, IgxToolCommandEventArgs } from 'igniteui-angular-layouts';
+import { IgxLegendComponent, IgxCategoryChartComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
@@ -11,8 +14,22 @@ import { IgxToolbarComponent, IgxToolActionLabelComponent, IgxToolActionComponen
export class AppComponent implements AfterViewInit
{
+ @ViewChild("legend", { static: true } )
+ private legend: IgxLegendComponent
@ViewChild("toolbar", { static: true } )
private toolbar: IgxToolbarComponent
+ @ViewChild("customIconName", { static: true } )
+ private customIconName: IgxToolActionLabelComponent
+ @ViewChild("chart", { static: true } )
+ private chart: IgxCategoryChartComponent
+ private _countryRenewableElectricity: CountryRenewableElectricity = null;
+ public get countryRenewableElectricity(): CountryRenewableElectricity {
+ if (this._countryRenewableElectricity == null)
+ {
+ this._countryRenewableElectricity = new CountryRenewableElectricity();
+ }
+ return this._countryRenewableElectricity;
+ }
public constructor(private _detector: ChangeDetectorRef)
{
@@ -24,9 +41,9 @@ export class AppComponent implements AfterViewInit
}
public toolbarCustomIconOnViewInit(): void {
-
+ var toolbar = this.toolbar;
const icon = '';
- this.toolbar.registerIconFromText("CustomCollection", "CustomIcon", icon);
+ toolbar.registerIconFromText("CustomCollection", "CustomIcon", icon);
}
diff --git a/samples/charts/toolbar/custom-tool/src/app.module.ts b/samples/charts/toolbar/custom-tool/src/app.module.ts
index cb4c87d23..b2d32f20c 100644
--- a/samples/charts/toolbar/custom-tool/src/app.module.ts
+++ b/samples/charts/toolbar/custom-tool/src/app.module.ts
@@ -5,6 +5,7 @@ import { BrowserModule } from "@angular/platform-browser";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { AppComponent } from "./app.component";
+import { IgxLegendModule, IgxCategoryChartModule, IgxCategoryChartToolbarModule } from 'igniteui-angular-charts';
import { IgxToolbarModule } from 'igniteui-angular-layouts';
@NgModule({
@@ -17,7 +18,10 @@ import { IgxToolbarModule } from 'igniteui-angular-layouts';
BrowserAnimationsModule,
CommonModule,
FormsModule,
- IgxToolbarModule
+ IgxLegendModule,
+ IgxToolbarModule,
+ IgxCategoryChartModule,
+ IgxCategoryChartToolbarModule
],
providers: [],
schemas: []
diff --git a/samples/charts/toolbar/custom-tool/src/polyfills.ts b/samples/charts/toolbar/custom-tool/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/toolbar/custom-tool/src/polyfills.ts
+++ b/samples/charts/toolbar/custom-tool/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index b18743c2c..162ba70b2 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -7,33 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +40,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/src/CountryRenewableElectricity.ts b/samples/charts/toolbar/layout-actions-for-data-chart/src/CountryRenewableElectricity.ts
index a1c22c39e..b32970c46 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/src/CountryRenewableElectricity.ts
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/src/CountryRenewableElectricity.ts
@@ -100,7 +100,7 @@ export class CountryRenewableElectricity extends Array
+ Renewable Electricity Generated
+
+
+
+ iconCollectionName="CustomCollection"
+ name="CustomIconName"
+ #customIconName>
+
+
+
+
+
+
+
+
+
-
diff --git a/samples/charts/tree-map/highlighting/src/app.component.ts b/samples/charts/tree-map/highlighting/src/app.component.ts
index 9f1828f32..b26ebf4bd 100644
--- a/samples/charts/tree-map/highlighting/src/app.component.ts
+++ b/samples/charts/tree-map/highlighting/src/app.component.ts
@@ -2,22 +2,27 @@ import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDet
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, TreemapDescriptionModule } from 'igniteui-angular-core';
import { CountyHierarchicalDataItem, CountyHierarchicalData } from './CountyHierarchicalData';
import { IgxPropertyEditorPanelComponent, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
-import { IgxTreemapComponent, TreemapHighlightingMode } from 'igniteui-angular-charts';
+import { IgxTreemapComponent } from 'igniteui-angular-charts';
import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
changeDetection: ChangeDetectionStrategy.OnPush
})
-
export class AppComponent implements AfterViewInit
-{
+{
+
+ @ViewChild("propertyEditor", { static: true } )
+ private propertyEditor: IgxPropertyEditorPanelComponent
+ @ViewChild("highlightedModeEditor", { static: true } )
+ private highlightedModeEditor: IgxPropertyEditorPropertyDescriptionComponent
@ViewChild("treemap", { static: true } )
private treemap: IgxTreemapComponent
private _countyHierarchicalData: CountyHierarchicalData = null;
@@ -27,27 +32,26 @@ export class AppComponent implements AfterViewInit
this._countyHierarchicalData = new CountyHierarchicalData();
}
return this._countyHierarchicalData;
- }
-
- public onHighlightingModeChange(args: any){
- let value = args.target.value;
+ }
- if(value === "Brighten"){
- this.treemap.highlightingMode = TreemapHighlightingMode.Brighten;
+ private _componentRenderer: ComponentRenderer = null;
+ public get renderer(): ComponentRenderer {
+ if (this._componentRenderer == null) {
+ this._componentRenderer = new ComponentRenderer();
+ var context = this._componentRenderer.context;
+ PropertyEditorPanelDescriptionModule.register(context);
+ TreemapDescriptionModule.register(context);
}
- else{
- this.treemap.highlightingMode = TreemapHighlightingMode.FadeOthers;
- }
+ return this._componentRenderer;
}
-
- public constructor(private _detector: ChangeDetectorRef)
+
+ public constructor(private _detector: ChangeDetectorRef)
{
}
-
- public ngAfterViewInit(): void
- {
+
+ public ngAfterViewInit(): void
+ {
}
-
}
diff --git a/samples/charts/tree-map/highlighting/src/polyfills.ts b/samples/charts/tree-map/highlighting/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/tree-map/highlighting/src/polyfills.ts
+++ b/samples/charts/tree-map/highlighting/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index ae1e51e80..94cc4a90f 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -7,34 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-inputs": "17.3.1-alpha.0",
- "igniteui-angular-layouts": "17.3.1-alpha.0",
- "igniteui-webcomponents": "4.9.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "igniteui-angular-layouts": "18.2.0",
+ "igniteui-webcomponents": "5.1.2",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +41,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/tree-map/layout/src/CountyHierarchicalData.ts b/samples/charts/tree-map/layout/src/CountyHierarchicalData.ts
index 06eb97ccd..5193e116c 100644
--- a/samples/charts/tree-map/layout/src/CountyHierarchicalData.ts
+++ b/samples/charts/tree-map/layout/src/CountyHierarchicalData.ts
@@ -1570,7 +1570,7 @@ export class CountyHierarchicalData extends Array {
population: 29278000
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/tree-map/layout/src/app.component.ts b/samples/charts/tree-map/layout/src/app.component.ts
index 936e198bc..34773414d 100644
--- a/samples/charts/tree-map/layout/src/app.component.ts
+++ b/samples/charts/tree-map/layout/src/app.component.ts
@@ -9,6 +9,7 @@ import { defineAllComponents } from 'igniteui-webcomponents';
defineAllComponents();
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/tree-map/layout/src/polyfills.ts b/samples/charts/tree-map/layout/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/tree-map/layout/src/polyfills.ts
+++ b/samples/charts/tree-map/layout/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/tree-map/overview/src/CountyHierarchicalData.ts b/samples/charts/tree-map/overview/src/CountyHierarchicalData.ts
index 06eb97ccd..5193e116c 100644
--- a/samples/charts/tree-map/overview/src/CountyHierarchicalData.ts
+++ b/samples/charts/tree-map/overview/src/CountyHierarchicalData.ts
@@ -1570,7 +1570,7 @@ export class CountyHierarchicalData extends Array {
population: 29278000
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/tree-map/overview/src/app.component.ts b/samples/charts/tree-map/overview/src/app.component.ts
index 7b22b0470..576d19e1b 100644
--- a/samples/charts/tree-map/overview/src/app.component.ts
+++ b/samples/charts/tree-map/overview/src/app.component.ts
@@ -3,6 +3,7 @@ import { CountyHierarchicalDataItem, CountyHierarchicalData } from './CountyHier
import { IgxTreemapComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/tree-map/overview/src/polyfills.ts b/samples/charts/tree-map/overview/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/tree-map/overview/src/polyfills.ts
+++ b/samples/charts/tree-map/overview/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 35620b319..70f510a25 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -7,31 +7,30 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
- "core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
- "@angular-devkit/build-angular": "17.2.0",
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
"@types/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +38,6 @@
"sass.js": "0.11.1",
"tslint": "~6.1.3",
"ts-node": "10.9.1",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/tree-map/styling/src/CountyHierarchicalData.ts b/samples/charts/tree-map/styling/src/CountyHierarchicalData.ts
index 06eb97ccd..5193e116c 100644
--- a/samples/charts/tree-map/styling/src/CountyHierarchicalData.ts
+++ b/samples/charts/tree-map/styling/src/CountyHierarchicalData.ts
@@ -1570,7 +1570,7 @@ export class CountyHierarchicalData extends Array {
population: 29278000
}),
];
- super(...(newItems.slice(0, items)));
+ super(...newItems.slice(0));
}
}
}
diff --git a/samples/charts/tree-map/styling/src/app.component.ts b/samples/charts/tree-map/styling/src/app.component.ts
index b81157f89..f17c1bcef 100644
--- a/samples/charts/tree-map/styling/src/app.component.ts
+++ b/samples/charts/tree-map/styling/src/app.component.ts
@@ -3,6 +3,7 @@ import { CountyHierarchicalDataItem, CountyHierarchicalData } from './CountyHier
import { IgxTreemapComponent, IgxTreemapNodeStyleMappingComponent } from 'igniteui-angular-charts';
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html",
diff --git a/samples/charts/tree-map/styling/src/polyfills.ts b/samples/charts/tree-map/styling/src/polyfills.ts
index d583cff9c..bea4237c0 100644
--- a/samples/charts/tree-map/styling/src/polyfills.ts
+++ b/samples/charts/tree-map/styling/src/polyfills.ts
@@ -18,17 +18,13 @@
* BROWSER POLYFILLS
*/
-// 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`.
/** IE10 and IE11 requires the following for the Reflect API. */
-// import "core-js/es6/reflect";
/* 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";
/*
* Required to support Web Animations `@angular/platform-browser/animations`.
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 2b3760a42..058f07c19 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-charts": "17.3.1-alpha.0",
- "igniteui-angular-core": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/charts/zoomslider/overview/src/app.component.ts b/samples/charts/zoomslider/overview/src/app.component.ts
index 23773873b..12fb40ebe 100644
--- a/samples/charts/zoomslider/overview/src/app.component.ts
+++ b/samples/charts/zoomslider/overview/src/app.component.ts
@@ -12,6 +12,7 @@ import { IgxRectChangedEventArgs } from "igniteui-angular-core";
import { SampleScatterStats } from "./SampleScatterStats";
@Component({
+ standalone: false,
providers: [ SampleScatterStats ],
selector: "app-root",
styleUrls: ["./app.component.scss"],
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index 543b4d932..6abd38962 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"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-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/operations-on-workbooks/src/app.component.ts b/samples/excel/excel-library/operations-on-workbooks/src/app.component.ts
index 02a3748a2..1ba2351a9 100644
--- a/samples/excel/excel-library/operations-on-workbooks/src/app.component.ts
+++ b/samples/excel/excel-library/operations-on-workbooks/src/app.component.ts
@@ -7,6 +7,7 @@ import { WorksheetTable } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index ac56cbd59..e623cda77 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -7,33 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +41,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/operations-on-worksheets/src/app.component.ts b/samples/excel/excel-library/operations-on-worksheets/src/app.component.ts
index 10585454c..b1a375e2c 100644
--- a/samples/excel/excel-library/operations-on-worksheets/src/app.component.ts
+++ b/samples/excel/excel-library/operations-on-worksheets/src/app.component.ts
@@ -6,6 +6,7 @@ import { WorkbookFormat } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-root",
styleUrls: ["./app.component.scss"],
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index ac56cbd59..e623cda77 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -7,33 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +41,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/overview/src/app.component.ts b/samples/excel/excel-library/overview/src/app.component.ts
index c3926c941..65bfb1761 100644
--- a/samples/excel/excel-library/overview/src/app.component.ts
+++ b/samples/excel/excel-library/overview/src/app.component.ts
@@ -4,6 +4,7 @@ import { WorkbookFormat } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index ac56cbd59..e623cda77 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -7,33 +7,33 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -41,6 +41,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/working-with-cells/src/app.component.ts b/samples/excel/excel-library/working-with-cells/src/app.component.ts
index 76701b048..b569c7751 100644
--- a/samples/excel/excel-library/working-with-cells/src/app.component.ts
+++ b/samples/excel/excel-library/working-with-cells/src/app.component.ts
@@ -10,6 +10,7 @@ import { WorksheetCellComment } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index 0c18fe415..7af8cd6d9 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -7,35 +7,35 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"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",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -43,6 +43,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/working-with-charts/src/app.component.ts b/samples/excel/excel-library/working-with-charts/src/app.component.ts
index 0151c611b..c47d7137f 100644
--- a/samples/excel/excel-library/working-with-charts/src/app.component.ts
+++ b/samples/excel/excel-library/working-with-charts/src/app.component.ts
@@ -7,6 +7,7 @@ import { WorksheetRegion } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-root",
styleUrls: ["./app.component.scss"],
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 0c18fe415..7af8cd6d9 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -7,35 +7,35 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"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",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -43,6 +43,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/working-with-sparklines/src/app.component.ts b/samples/excel/excel-library/working-with-sparklines/src/app.component.ts
index 83288698a..6d8f8f04e 100644
--- a/samples/excel/excel-library/working-with-sparklines/src/app.component.ts
+++ b/samples/excel/excel-library/working-with-sparklines/src/app.component.ts
@@ -6,6 +6,7 @@ import { Workbook } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-root",
styleUrls: ["./app.component.scss"],
diff --git a/samples/excel/excel-library/working-with-tables/package.json b/samples/excel/excel-library/working-with-tables/package.json
index d3ae2a586..017c6c8ef 100644
--- a/samples/excel/excel-library/working-with-tables/package.json
+++ b/samples/excel/excel-library/working-with-tables/package.json
@@ -7,35 +7,35 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet-chart-adapter": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
+ "igniteui-angular-spreadsheet-chart-adapter": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -43,6 +43,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/excel-library/working-with-tables/src/app.component.ts b/samples/excel/excel-library/working-with-tables/src/app.component.ts
index 418fd5276..58487a3a9 100644
--- a/samples/excel/excel-library/working-with-tables/src/app.component.ts
+++ b/samples/excel/excel-library/working-with-tables/src/app.component.ts
@@ -5,6 +5,7 @@ import { WorkbookFormat } from "igniteui-angular-excel";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-root",
styleUrls: ["./app.component.scss"],
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/activation/src/app.component.ts b/samples/excel/spreadsheet/activation/src/app.component.ts
index 82e0b9597..7ae10f332 100644
--- a/samples/excel/spreadsheet/activation/src/app.component.ts
+++ b/samples/excel/spreadsheet/activation/src/app.component.ts
@@ -4,6 +4,7 @@ import { SpreadsheetCell } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index ea7cf664f..d1f1d8a54 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -7,36 +7,36 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "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-spreadsheet": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet-chart-adapter": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
+ "igniteui-angular-spreadsheet-chart-adapter": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -44,6 +44,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/adapter-chart/src/app.component.ts b/samples/excel/spreadsheet/adapter-chart/src/app.component.ts
index 1e0e028db..99f2b85e4 100644
--- a/samples/excel/spreadsheet/adapter-chart/src/app.component.ts
+++ b/samples/excel/spreadsheet/adapter-chart/src/app.component.ts
@@ -7,6 +7,7 @@ import { Worksheet } from "igniteui-angular-excel";
import { WorksheetCell } from "igniteui-angular-excel";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index ea7cf664f..d1f1d8a54 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -7,36 +7,36 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "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-spreadsheet": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet-chart-adapter": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-charts": "18.2.0",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
+ "igniteui-angular-spreadsheet-chart-adapter": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -44,6 +44,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/adapter-combo/src/app.component.ts b/samples/excel/spreadsheet/adapter-combo/src/app.component.ts
index 70bc255da..bf129d029 100644
--- a/samples/excel/spreadsheet/adapter-combo/src/app.component.ts
+++ b/samples/excel/spreadsheet/adapter-combo/src/app.component.ts
@@ -9,6 +9,7 @@ import { AxisGroup, AxisPosition, AxisType, CellReferenceMode, ChartTitle, Chart
WorksheetTableColumnArea, XValues } from "igniteui-angular-excel";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/clipboard/src/app.component.ts b/samples/excel/spreadsheet/clipboard/src/app.component.ts
index 15d6ddc68..b0f3c181c 100644
--- a/samples/excel/spreadsheet/clipboard/src/app.component.ts
+++ b/samples/excel/spreadsheet/clipboard/src/app.component.ts
@@ -4,6 +4,7 @@ import { SpreadsheetAction } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/commands/src/app.component.ts b/samples/excel/spreadsheet/commands/src/app.component.ts
index 89fba1dbc..a4febc7fa 100644
--- a/samples/excel/spreadsheet/commands/src/app.component.ts
+++ b/samples/excel/spreadsheet/commands/src/app.component.ts
@@ -4,6 +4,7 @@ import { SpreadsheetAction } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/conditional-formatting/src/app.component.ts b/samples/excel/spreadsheet/conditional-formatting/src/app.component.ts
index fa36d4d42..1a2ef3369 100644
--- a/samples/excel/spreadsheet/conditional-formatting/src/app.component.ts
+++ b/samples/excel/spreadsheet/conditional-formatting/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxSpreadsheetComponent } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/config-options/src/app.component.ts b/samples/excel/spreadsheet/config-options/src/app.component.ts
index fc4d48252..47dbd0225 100644
--- a/samples/excel/spreadsheet/config-options/src/app.component.ts
+++ b/samples/excel/spreadsheet/config-options/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxSpreadsheetComponent } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/data-validation/src/app.component.ts b/samples/excel/spreadsheet/data-validation/src/app.component.ts
index 7e31b3c71..0f2df4e7c 100644
--- a/samples/excel/spreadsheet/data-validation/src/app.component.ts
+++ b/samples/excel/spreadsheet/data-validation/src/app.component.ts
@@ -12,6 +12,7 @@ import { WorksheetColumnWidthUnit } from "igniteui-angular-excel";
import { IgxSpreadsheetComponent } from "igniteui-angular-spreadsheet";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/hyperlinks/src/app.component.ts b/samples/excel/spreadsheet/hyperlinks/src/app.component.ts
index 6f10cc545..ed473409f 100644
--- a/samples/excel/spreadsheet/hyperlinks/src/app.component.ts
+++ b/samples/excel/spreadsheet/hyperlinks/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxSpreadsheetComponent } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index f5afec064..23e0b0c37 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -7,34 +7,34 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
+ "@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",
"@types/file-saver": "2.0.5",
- "@types/hammerjs": "2.0.39",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
"file-saver": "2.0.5",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-excel": "17.3.1-alpha.0",
- "igniteui-angular-spreadsheet": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-excel": "18.2.0",
+ "igniteui-angular-spreadsheet": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -42,6 +42,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/excel/spreadsheet/overview/src/app.component.ts b/samples/excel/spreadsheet/overview/src/app.component.ts
index 759336021..8a02e82a6 100644
--- a/samples/excel/spreadsheet/overview/src/app.component.ts
+++ b/samples/excel/spreadsheet/overview/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxSpreadsheetComponent } from "igniteui-angular-spreadsheet";
import { ExcelUtility } from "./ExcelUtility";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index be320fa81..92aa9e1ba 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -7,32 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular": "17.2.3",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -40,6 +40,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/animation/src/app.component.ts b/samples/gauges/bullet-graph/animation/src/app.component.ts
index 527681c9b..e4862b2c0 100644
--- a/samples/gauges/bullet-graph/animation/src/app.component.ts
+++ b/samples/gauges/bullet-graph/animation/src/app.component.ts
@@ -3,6 +3,7 @@ import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
import { IgxLinearGraphRangeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/background/src/app.component.ts b/samples/gauges/bullet-graph/background/src/app.component.ts
index a757616f5..7b6f9c867 100644
--- a/samples/gauges/bullet-graph/background/src/app.component.ts
+++ b/samples/gauges/bullet-graph/background/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/highlight-needle/src/app.component.ts b/samples/gauges/bullet-graph/highlight-needle/src/app.component.ts
index b96c4429b..203ce8cf4 100644
--- a/samples/gauges/bullet-graph/highlight-needle/src/app.component.ts
+++ b/samples/gauges/bullet-graph/highlight-needle/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/labels/src/app.component.ts b/samples/gauges/bullet-graph/labels/src/app.component.ts
index a757616f5..7b6f9c867 100644
--- a/samples/gauges/bullet-graph/labels/src/app.component.ts
+++ b/samples/gauges/bullet-graph/labels/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/measures/src/app.component.ts b/samples/gauges/bullet-graph/measures/src/app.component.ts
index a757616f5..7b6f9c867 100644
--- a/samples/gauges/bullet-graph/measures/src/app.component.ts
+++ b/samples/gauges/bullet-graph/measures/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/ranges/src/app.component.ts b/samples/gauges/bullet-graph/ranges/src/app.component.ts
index 148614eba..1de1833de 100644
--- a/samples/gauges/bullet-graph/ranges/src/app.component.ts
+++ b/samples/gauges/bullet-graph/ranges/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/scale/src/app.component.ts b/samples/gauges/bullet-graph/scale/src/app.component.ts
index 148614eba..1de1833de 100644
--- a/samples/gauges/bullet-graph/scale/src/app.component.ts
+++ b/samples/gauges/bullet-graph/scale/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/bullet-graph/tickmarks/src/app.component.ts b/samples/gauges/bullet-graph/tickmarks/src/app.component.ts
index a757616f5..7b6f9c867 100644
--- a/samples/gauges/bullet-graph/tickmarks/src/app.component.ts
+++ b/samples/gauges/bullet-graph/tickmarks/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxBulletGraphComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index be320fa81..92aa9e1ba 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -7,32 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular": "17.2.3",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -40,6 +40,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/animation/src/app.component.ts b/samples/gauges/linear-gauge/animation/src/app.component.ts
index 79def8868..b07f4a436 100644
--- a/samples/gauges/linear-gauge/animation/src/app.component.ts
+++ b/samples/gauges/linear-gauge/animation/src/app.component.ts
@@ -4,6 +4,7 @@ import { IgxLinearGraphRangeComponent } from "igniteui-angular-gauges";
import { LinearGraphNeedleShape } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/backing/src/app.component.ts b/samples/gauges/linear-gauge/backing/src/app.component.ts
index 8a89c9cb6..8cd4adfe8 100644
--- a/samples/gauges/linear-gauge/backing/src/app.component.ts
+++ b/samples/gauges/linear-gauge/backing/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/highlight-needle/src/app.component.ts b/samples/gauges/linear-gauge/highlight-needle/src/app.component.ts
index 8a89c9cb6..8cd4adfe8 100644
--- a/samples/gauges/linear-gauge/highlight-needle/src/app.component.ts
+++ b/samples/gauges/linear-gauge/highlight-needle/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/labels/src/app.component.ts b/samples/gauges/linear-gauge/labels/src/app.component.ts
index 8a89c9cb6..8cd4adfe8 100644
--- a/samples/gauges/linear-gauge/labels/src/app.component.ts
+++ b/samples/gauges/linear-gauge/labels/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/needle/src/app.component.ts b/samples/gauges/linear-gauge/needle/src/app.component.ts
index 8a89c9cb6..8cd4adfe8 100644
--- a/samples/gauges/linear-gauge/needle/src/app.component.ts
+++ b/samples/gauges/linear-gauge/needle/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/ranges/src/app.component.ts b/samples/gauges/linear-gauge/ranges/src/app.component.ts
index 8a89c9cb6..8cd4adfe8 100644
--- a/samples/gauges/linear-gauge/ranges/src/app.component.ts
+++ b/samples/gauges/linear-gauge/ranges/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/scale/src/app.component.ts b/samples/gauges/linear-gauge/scale/src/app.component.ts
index 12189cda9..f4a63dd71 100644
--- a/samples/gauges/linear-gauge/scale/src/app.component.ts
+++ b/samples/gauges/linear-gauge/scale/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/linear-gauge/tickmarks/src/app.component.ts b/samples/gauges/linear-gauge/tickmarks/src/app.component.ts
index 8a89c9cb6..8cd4adfe8 100644
--- a/samples/gauges/linear-gauge/tickmarks/src/app.component.ts
+++ b/samples/gauges/linear-gauge/tickmarks/src/app.component.ts
@@ -2,6 +2,7 @@ import { Component, ViewChild } from "@angular/core";
import { IgxLinearGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index be320fa81..92aa9e1ba 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -7,32 +7,32 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular": "17.2.3",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular": "19.0.3",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -40,6 +40,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/animation/src/app.component.ts b/samples/gauges/radial-gauge/animation/src/app.component.ts
index c8a64d182..15392ae05 100644
--- a/samples/gauges/radial-gauge/animation/src/app.component.ts
+++ b/samples/gauges/radial-gauge/animation/src/app.component.ts
@@ -9,6 +9,7 @@ import { RadialGaugePivotShape } from "igniteui-angular-gauges";
import { RadialGaugeScaleOversweepShape } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/backing/src/app.component.ts b/samples/gauges/radial-gauge/backing/src/app.component.ts
index 5b237307e..1e1b458c2 100644
--- a/samples/gauges/radial-gauge/backing/src/app.component.ts
+++ b/samples/gauges/radial-gauge/backing/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/highlight-needle/src/app.component.html b/samples/gauges/radial-gauge/highlight-needle/src/app.component.html
index b1e991c4b..db1212a97 100644
--- a/samples/gauges/radial-gauge/highlight-needle/src/app.component.html
+++ b/samples/gauges/radial-gauge/highlight-needle/src/app.component.html
@@ -2,13 +2,13 @@
+ minimumValue=0 value=30
+ maximumValue=100 interval=10 >
diff --git a/samples/gauges/radial-gauge/highlight-needle/src/app.component.ts b/samples/gauges/radial-gauge/highlight-needle/src/app.component.ts
index 437784cc1..ed2e6bf7b 100644
--- a/samples/gauges/radial-gauge/highlight-needle/src/app.component.ts
+++ b/samples/gauges/radial-gauge/highlight-needle/src/app.component.ts
@@ -4,6 +4,7 @@ import { HighlightedValueDisplayMode } from "igniteui-angular-core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/labels/src/app.component.html b/samples/gauges/radial-gauge/labels/src/app.component.html
index 6c6890b97..ac80a8095 100644
--- a/samples/gauges/radial-gauge/labels/src/app.component.html
+++ b/samples/gauges/radial-gauge/labels/src/app.component.html
@@ -4,7 +4,8 @@
labelInterval=10
font="11px Verdana"
fontBrush="DodgerBlue"
-
+ titleDisplaysValue=true
+ subtitleText="MPH"
height="300px" width="300px"
minimumValue=0 value=50
maximumValue=80 interval=10 >
diff --git a/samples/gauges/radial-gauge/labels/src/app.component.ts b/samples/gauges/radial-gauge/labels/src/app.component.ts
index 5b237307e..1e1b458c2 100644
--- a/samples/gauges/radial-gauge/labels/src/app.component.ts
+++ b/samples/gauges/radial-gauge/labels/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/needle/src/app.component.ts b/samples/gauges/radial-gauge/needle/src/app.component.ts
index 5b237307e..1e1b458c2 100644
--- a/samples/gauges/radial-gauge/needle/src/app.component.ts
+++ b/samples/gauges/radial-gauge/needle/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/optical-scaling/src/app.component.ts b/samples/gauges/radial-gauge/optical-scaling/src/app.component.ts
index 0bf6e36a3..ac6dcb302 100644
--- a/samples/gauges/radial-gauge/optical-scaling/src/app.component.ts
+++ b/samples/gauges/radial-gauge/optical-scaling/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/optical-scaling/src/app/app.component.ts b/samples/gauges/radial-gauge/optical-scaling/src/app/app.component.ts
index 0bf6e36a3..ac6dcb302 100644
--- a/samples/gauges/radial-gauge/optical-scaling/src/app/app.component.ts
+++ b/samples/gauges/radial-gauge/optical-scaling/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/ranges/src/app.component.ts b/samples/gauges/radial-gauge/ranges/src/app.component.ts
index 5b237307e..1e1b458c2 100644
--- a/samples/gauges/radial-gauge/ranges/src/app.component.ts
+++ b/samples/gauges/radial-gauge/ranges/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/scale/src/app.component.ts b/samples/gauges/radial-gauge/scale/src/app.component.ts
index cfd630f6c..2b2d88048 100644
--- a/samples/gauges/radial-gauge/scale/src/app.component.ts
+++ b/samples/gauges/radial-gauge/scale/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index 1d5da46d8..67168ff47 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -7,31 +7,31 @@
"lint": "ng lint"
},
"dependencies": {
- "@angular/animations": "^17.2.1",
- "@angular/common": "^17.2.1",
- "@angular/compiler": "^17.2.1",
- "@angular/core": "^17.2.1",
- "@angular/forms": "^17.2.1",
- "@angular/platform-browser": "^17.2.1",
- "@angular/platform-browser-dynamic": "^17.2.1",
- "@types/hammerjs": "2.0.39",
+ "@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",
+ "@types/hammerjs": "2.0.40",
"classlist.js": "1.1.20150312",
"core-js": "3.21.0",
- "hammerjs": "^2.0.8",
- "igniteui-angular-core": "17.3.1-alpha.0",
- "igniteui-angular-gauges": "17.3.1-alpha.0",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-gauges": "18.2.0",
"intl": "1.2.5",
"jszip": "3.8.0",
- "rxjs": "^7.8.1",
- "tslib": "^2.6.1",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
"web-animations-js": "2.3.2",
- "zone.js": "~0.14.4"
+ "zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "17.2.0",
- "@angular/cli": "17.2.0",
- "@angular/compiler-cli": "17.2.1",
- "@angular/language-service": "17.2.1",
+ "@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/node": "18.17.0",
"codelyzer": "6.0.2",
"jasmine-core": "5.1.1",
@@ -39,6 +39,6 @@
"sass.js": "0.11.1",
"ts-node": "10.9.1",
"tslint": "~6.1.3",
- "typescript": "5.3.3"
+ "typescript": "5.6.3"
}
}
diff --git a/samples/gauges/radial-gauge/tickmarks/src/app.component.ts b/samples/gauges/radial-gauge/tickmarks/src/app.component.ts
index 5b237307e..1e1b458c2 100644
--- a/samples/gauges/radial-gauge/tickmarks/src/app.component.ts
+++ b/samples/gauges/radial-gauge/tickmarks/src/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit, ViewChild } from "@angular/core";
import { IgxRadialGaugeComponent } from "igniteui-angular-gauges";
@Component({
+ standalone: false,
selector: "app-root",
styleUrls: ["./app.component.scss"],
templateUrl: "./app.component.html"
diff --git a/samples/inputs/color-editor/overview/.codesandbox/Dockerfile b/samples/inputs/color-editor/overview/.codesandbox/Dockerfile
new file mode 100644
index 000000000..adf04bd95
--- /dev/null
+++ b/samples/inputs/color-editor/overview/.codesandbox/Dockerfile
@@ -0,0 +1 @@
+FROM node:18
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/.codesandbox/tasks.json b/samples/inputs/color-editor/overview/.codesandbox/tasks.json
new file mode 100644
index 000000000..8d92a54cd
--- /dev/null
+++ b/samples/inputs/color-editor/overview/.codesandbox/tasks.json
@@ -0,0 +1,17 @@
+{
+ // These tasks will run in order when initializing your CodeSandbox project.
+ "setupTasks": [
+ {
+ "name": "Install Dependencies",
+ "command": "yarn install"
+ }
+ ],
+ // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+ "tasks": {
+ "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check": {
+ "name": "Start Project",
+ "command": "node node_modules/@angular/cli/bin/ng serve -o --disable-host-check",
+ "runAtStart": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/.stackblitzrc b/samples/inputs/color-editor/overview/.stackblitzrc
new file mode 100644
index 000000000..dd44ea00f
--- /dev/null
+++ b/samples/inputs/color-editor/overview/.stackblitzrc
@@ -0,0 +1 @@
+{"installDependencies":true, "startCommand":"npm start"}
\ No newline at end of file
diff --git a/samples/inputs/color-editor/overview/ReadMe.md b/samples/inputs/color-editor/overview/ReadMe.md
new file mode 100644
index 000000000..1007fbb99
--- /dev/null
+++ b/samples/inputs/color-editor/overview/ReadMe.md
@@ -0,0 +1,58 @@
+
+
+
+This folder contains Angular application with example of Overview feature using [ColorEditor](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html) component.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+Follow these instructions to run this example:
+
+
+- clone and navigate to this sample in terminal window
+
+```
+git clone https://github.com/IgniteUI/igniteui-angular-examples.git
+git checkout master
+cd ../samples/inputs/color-editor/overview
+```
+
+
+- open above folder in VS Code or type:
+```
+code .
+```
+
+- In terminal window, run:
+```
+npm install --legacy-peer-deps
+npm run-script start
+```
+
+- open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+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).
diff --git a/samples/inputs/color-editor/overview/angular.json b/samples/inputs/color-editor/overview/angular.json
new file mode 100644
index 000000000..ff6803cf7
--- /dev/null
+++ b/samples/inputs/color-editor/overview/angular.json
@@ -0,0 +1,120 @@
+{
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+ "version": 1,
+ "newProjectRoot": "projects",
+ "projects": {
+ "demo": {
+ "schematics": {
+ "@schematics/angular:component": {
+ "style": "scss"
+ },
+ "@schematics/angular:application": {
+ "strict": true
+ }
+ },
+ "root": "",
+ "sourceRoot": "src",
+ "prefix": "app",
+ "projectType": "application",
+ "architect": {
+ "build": {
+ "builder": "@angular-devkit/build-angular:browser",
+ "options": {
+ "outputPath": "dist/demo",
+ "index": "src/index.html",
+ "main": "src/main.ts",
+ "polyfills": [
+ "src/polyfills.ts"
+ ],
+ "tsConfig": "tsconfig.app.json",
+ "inlineStyleLanguage": "scss",
+ "assets": [
+ "src/assets"
+ ],
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ },
+ "configurations": {
+ "production": {
+ "fileReplacements": [
+ {
+ "replace": "src/environments/environment.ts",
+ "with": "src/environments/environment.prod.ts"
+ }
+ ],
+ "outputHashing": "all",
+ "budgets": [
+ {
+ "type": "initial",
+ "maximumWarning": "500kb",
+ "maximumError": "1mb"
+ },
+ {
+ "type": "anyComponentStyle",
+ "maximumWarning": "2kb",
+ "maximumError": "4kb"
+ }
+ ]
+ },
+ "development": {
+ "buildOptimizer": false,
+ "optimization": false,
+ "vendorChunk": true,
+ "extractLicenses": false,
+ "sourceMap": true,
+ "namedChunks": true
+ }
+ },
+ "defaultConfiguration": "production"
+ },
+ "serve": {
+ "builder": "@angular-devkit/build-angular:dev-server",
+ "configurations": {
+ "production": {
+ "buildTarget": "demo:build:production"
+ },
+ "development": {
+ "buildTarget": "demo:build:development"
+ }
+ },
+ "defaultConfiguration": "development"
+ },
+ "extract-i18n": {
+ "builder": "@angular-devkit/build-angular:extract-i18n",
+ "options": {
+ "buildTarget": "demo:build"
+ }
+ },
+ "test": {
+ "builder": "@angular-devkit/build-angular:karma",
+ "options": {
+ "main": "src/test.ts",
+ "polyfills": "src/polyfills.ts",
+ "tsConfig": "tsconfig.spec.json",
+ "karmaConfig": "karma.conf.js",
+ "styles": [
+ "src/styles.scss"
+ ],
+ "scripts": [],
+ "assets": [
+ "src/assets"
+ ],
+ "inlineStyleLanguage": "scss",
+ "stylePreprocessorOptions": {
+ "includePaths": ["node_modules/"]
+ }
+ }
+ }
+ }
+ }
+ },
+ "defaultProject": "demo",
+ "cli": {
+ "analytics": false
+ }
+}
diff --git a/samples/inputs/color-editor/overview/package.json b/samples/inputs/color-editor/overview/package.json
new file mode 100644
index 000000000..498b1526f
--- /dev/null
+++ b/samples/inputs/color-editor/overview/package.json
@@ -0,0 +1,43 @@
+{
+ "scripts": {
+ "ng": "ng",
+ "update": "ng update",
+ "start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
+ "build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
+ "lint": "ng lint"
+ },
+ "dependencies": {
+ "@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",
+ "@types/hammerjs": "2.0.40",
+ "classlist.js": "1.1.20150312",
+ "hammerjs": "2.0.8",
+ "igniteui-angular-core": "18.2.0",
+ "igniteui-angular-inputs": "18.2.0",
+ "intl": "1.2.5",
+ "jszip": "3.8.0",
+ "rxjs": "7.8.1",
+ "tslib": "2.6.1",
+ "web-animations-js": "2.3.2",
+ "zone.js": "~0.15.0"
+ },
+ "devDependencies": {
+ "@angular/cli": "19.0.4",
+ "@angular/compiler-cli": "19.0.4",
+ "@angular/language-service": "19.0.4",
+ "@angular-devkit/build-angular": "19.0.4",
+ "@types/node": "18.17.0",
+ "codelyzer": "6.0.2",
+ "jasmine-core": "5.1.1",
+ "jasmine-spec-reporter": "~4.2.1",
+ "sass.js": "0.11.1",
+ "tslint": "~6.1.3",
+ "ts-node": "10.9.1",
+ "typescript": "5.6.3"
+ }
+}
diff --git a/samples/inputs/color-editor/overview/src/app.component.html b/samples/inputs/color-editor/overview/src/app.component.html
new file mode 100644
index 000000000..b920b5116
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/app.component.html
@@ -0,0 +1,8 @@
+
+
diff --git a/samples/inputs/color-editor/overview/src/app.component.scss b/samples/inputs/color-editor/overview/src/app.component.scss
new file mode 100644
index 000000000..cbff781da
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/app.component.scss
@@ -0,0 +1,3 @@
+/* styles are loaded the Shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
diff --git a/samples/inputs/color-editor/overview/src/app.component.ts b/samples/inputs/color-editor/overview/src/app.component.ts
new file mode 100644
index 000000000..3e45385ad
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/app.component.ts
@@ -0,0 +1,27 @@
+import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
+import { IgxColorEditorComponent } from 'igniteui-angular-inputs';
+
+@Component({
+ standalone: false,
+ selector: "app-root",
+ styleUrls: ["./app.component.scss"],
+ templateUrl: "./app.component.html",
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class AppComponent implements AfterViewInit
+{
+
+ @ViewChild("colorEditor", { static: true } )
+ private colorEditor: IgxColorEditorComponent
+
+ public constructor(private _detector: ChangeDetectorRef)
+ {
+ }
+
+ public ngAfterViewInit(): void
+ {
+ }
+
+}
+
diff --git a/samples/inputs/color-editor/overview/src/app.module.ts b/samples/inputs/color-editor/overview/src/app.module.ts
new file mode 100644
index 000000000..317d05d67
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/app.module.ts
@@ -0,0 +1,25 @@
+import { NgModule } from "@angular/core";
+import { FormsModule } from "@angular/forms";
+import { CommonModule } from "@angular/common";
+import { BrowserModule } from "@angular/platform-browser";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { AppComponent } from "./app.component";
+
+import { IgxColorEditorModule } from 'igniteui-angular-inputs';
+
+@NgModule({
+ bootstrap: [AppComponent],
+ declarations: [
+ AppComponent
+],
+ imports: [
+ BrowserModule,
+ BrowserAnimationsModule,
+ CommonModule,
+ FormsModule,
+ IgxColorEditorModule
+],
+ providers: [],
+ schemas: []
+})
+export class AppModule {}
diff --git a/samples/inputs/color-editor/overview/src/environments/environment.prod.ts b/samples/inputs/color-editor/overview/src/environments/environment.prod.ts
new file mode 100644
index 000000000..3612073bc
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+ production: true
+};
diff --git a/samples/inputs/color-editor/overview/src/environments/environment.ts b/samples/inputs/color-editor/overview/src/environments/environment.ts
new file mode 100644
index 000000000..7b4f817ad
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/environments/environment.ts
@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+ production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * 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.
diff --git a/samples/inputs/color-editor/overview/src/index.html b/samples/inputs/color-editor/overview/src/index.html
new file mode 100644
index 000000000..7650dfb64
--- /dev/null
+++ b/samples/inputs/color-editor/overview/src/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+