@progress/kendo-angular-charts 14.0.2-develop.9 → 14.1.0-develop.10

package/chart/series-item/notes.component.d.ts

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
  * The series notes configuration
  * ([see example]({% slug notes_chart_charts %})).
  *
- *  * @example
+ * @example
  * ```html
  * <kendo-chart ...>
  *   <kendo-chart-series>

package/chart/tooltip/series-tooltip-template.directive.d.ts

@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
  * - `let-value="value"`—The value of the point (either a number or an object).
  * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
-  * @example
+ * @example
  * ```ts
  * import { Component } from '@angular/core';
  *

package/chart.component.d.ts

@@ -410,6 +410,12 @@ export declare class ChartComponent implements ChartOptions, OnChanges, OnInit,
      * @hidden
      */
     onResize(): void;
+    /**
+     * Reloads the Chart appearance settings from the current [Kendo UI Theme]({% slug themesandstyles %}).
+     *
+     * Call this method after loading a different theme stylesheet.
+     */
+    reloadTheme(): void;
     protected onLegendItemClick(e: any): void;
     protected onInit(e: any): void;
     protected onRender(e: any): void;

package/chart.module.d.ts

@@ -103,7 +103,7 @@ import * as i94 from "@progress/kendo-angular-common";
  * Imports the ChartModule into your application
  * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
  * that will use the Chart component.
-  * @example
+ * @example
  * ```ts
  * import { NgModule } from '@angular/core';
  * import { BrowserModule } from '@angular/platform-browser';

package/common/theme.service.d.ts

@@ -13,6 +13,7 @@ export declare class ThemeService extends ConfigurationService {
     private element;
     constructor(ngZone: NgZone);
     loadTheme(): void;
+    reset(): void;
     private readTheme;
     private readDefaultTheme;
     private createElement;

package/esm2020/chart/series-item/notes.component.mjs

@@ -11,7 +11,7 @@ import * as i1 from "../../common/configuration.service";
  * The series notes configuration
  * ([see example]({% slug notes_chart_charts %})).
  *
- *  * @example
+ * @example
  * ```html
  * <kendo-chart ...>
  *   <kendo-chart-series>

package/esm2020/chart/tooltip/series-tooltip-template.directive.mjs

@@ -15,7 +15,7 @@ import * as i0 from "@angular/core";
  * - `let-value="value"`—The value of the point (either a number or an object).
  * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
-  * @example
+ * @example
  * ```ts
  * import { Component } from '@angular/core';
  *

package/esm2020/chart.component.mjs

@@ -481,6 +481,19 @@ export class ChartComponent {
             this.resize();
         }
     }
+    /**
+     * Reloads the Chart appearance settings from the current [Kendo UI Theme]({% slug themesandstyles %}).
+     *
+     * Call this method after loading a different theme stylesheet.
+     */
+    reloadTheme() {
+        if (!this.instance) {
+            return;
+        }
+        this.themeService.reset();
+        this.instance.destroy();
+        this.instance = null;
+    }
     onLegendItemClick(e) {
         this.run(() => {
             const args = new LegendItemClickEvent(e, this);

package/esm2020/chart.module.mjs

@@ -106,7 +106,7 @@ import * as i90 from "./chart/zoomable.component";
  * Imports the ChartModule into your application
  * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
  * that will use the Chart component.
-  * @example
+ * @example
  * ```ts
  * import { NgModule } from '@angular/core';
  * import { BrowserModule } from '@angular/platform-browser';

package/esm2020/common/theme.service.mjs

@@ -90,6 +90,11 @@ export class ThemeService extends ConfigurationService {
         this.loaded = true;
         this.next();
     }
+    reset() {
+        this.store = {};
+        this.loaded = false;
+        this.loadTheme();
+    }
     readTheme() {
         this.createElement();
         const available = this.queryColor('primary') !==

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1698068958,
-    version: '14.0.2-develop.9',
+    publishDate: 1699437472,
+    version: '14.1.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-charts.mjs

@@ -1028,7 +1028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * - `let-value="value"`—The value of the point (either a number or an object).
  * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
-  * @example
+ * @example
  * ```ts
  * import { Component } from '@angular/core';
  *
@@ -1871,8 +1871,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1698068958,
-    version: '14.0.2-develop.9',
+    publishDate: 1699437472,
+    version: '14.1.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2222,6 +2222,11 @@ class ThemeService extends ConfigurationService {
         this.loaded = true;
         this.next();
     }
+    reset() {
+        this.store = {};
+        this.loaded = false;
+        this.loadTheme();
+    }
     readTheme() {
         this.createElement();
         const available = this.queryColor('primary') !==
@@ -2799,6 +2804,19 @@ class ChartComponent {
             this.resize();
         }
     }
+    /**
+     * Reloads the Chart appearance settings from the current [Kendo UI Theme]({% slug themesandstyles %}).
+     *
+     * Call this method after loading a different theme stylesheet.
+     */
+    reloadTheme() {
+        if (!this.instance) {
+            return;
+        }
+        this.themeService.reset();
+        this.instance.destroy();
+        this.instance = null;
+    }
     onLegendItemClick(e) {
         this.run(() => {
             const args = new LegendItemClickEvent(e, this);
@@ -4858,7 +4876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * The series notes configuration
  * ([see example]({% slug notes_chart_charts %})).
  *
- *  * @example
+ * @example
  * ```html
  * <kendo-chart ...>
  *   <kendo-chart-series>
@@ -7704,7 +7722,7 @@ const SPARKLINE_DIRECTIVES = [
  * Imports the ChartModule into your application
  * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
  * that will use the Chart component.
-  * @example
+ * @example
  * ```ts
  * import { NgModule } from '@angular/core';
  * import { BrowserModule } from '@angular/platform-browser';

package/fesm2020/progress-kendo-angular-charts.mjs

@@ -1024,7 +1024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * - `let-value="value"`—The value of the point (either a number or an object).
  * For the full list of available fields, refer to the [`TooltipTemplatePoint`](slug:api_charts_tooltiptemplatepoint).
  *
-  * @example
+ * @example
  * ```ts
  * import { Component } from '@angular/core';
  *
@@ -1650,6 +1650,11 @@ class ThemeService extends ConfigurationService {
         this.loaded = true;
         this.next();
     }
+    reset() {
+        this.store = {};
+        this.loaded = false;
+        this.loadTheme();
+    }
     readTheme() {
         this.createElement();
         const available = this.queryColor('primary') !==
@@ -2240,8 +2245,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1698068958,
-    version: '14.0.2-develop.9',
+    publishDate: 1699437472,
+    version: '14.1.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2791,6 +2796,19 @@ class ChartComponent {
             this.resize();
         }
     }
+    /**
+     * Reloads the Chart appearance settings from the current [Kendo UI Theme]({% slug themesandstyles %}).
+     *
+     * Call this method after loading a different theme stylesheet.
+     */
+    reloadTheme() {
+        if (!this.instance) {
+            return;
+        }
+        this.themeService.reset();
+        this.instance.destroy();
+        this.instance = null;
+    }
     onLegendItemClick(e) {
         this.run(() => {
             const args = new LegendItemClickEvent(e, this);
@@ -4883,7 +4901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * The series notes configuration
  * ([see example]({% slug notes_chart_charts %})).
  *
- *  * @example
+ * @example
  * ```html
  * <kendo-chart ...>
  *   <kendo-chart-series>
@@ -7688,7 +7706,7 @@ const SPARKLINE_DIRECTIVES = [
  * Imports the ChartModule into your application
  * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
  * that will use the Chart component.
-  * @example
+ * @example
  * ```ts
  * import { NgModule } from '@angular/core';
  * import { BrowserModule } from '@angular/platform-browser';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "14.0.2-develop.9",
+  "version": "14.1.0-develop.10",
   "description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -41,23 +41,23 @@
     "friendlyName": "Charts"
   },
   "peerDependencies": {
-    "@angular/animations": "13 - 16",
-    "@angular/common": "13 - 16",
-    "@angular/core": "13 - 16",
-    "@angular/platform-browser": "13 - 16",
+    "@angular/animations": "13 - 17",
+    "@angular/common": "13 - 17",
+    "@angular/core": "13 - 17",
+    "@angular/platform-browser": "13 - 17",
     "@progress/kendo-drawing": "^1.17.2",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "14.0.2-develop.9",
-    "@progress/kendo-angular-intl": "14.0.2-develop.9",
-    "@progress/kendo-angular-l10n": "14.0.2-develop.9",
-    "@progress/kendo-angular-popup": "14.0.2-develop.9",
-    "@progress/kendo-angular-navigation": "14.0.2-develop.9",
+    "@progress/kendo-angular-common": "14.1.0-develop.10",
+    "@progress/kendo-angular-intl": "14.1.0-develop.10",
+    "@progress/kendo-angular-l10n": "14.1.0-develop.10",
+    "@progress/kendo-angular-popup": "14.1.0-develop.10",
+    "@progress/kendo-angular-navigation": "14.1.0-develop.10",
     "hammerjs": "^2.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.0.2-develop.9",
+    "@progress/kendo-angular-schematics": "14.1.0-develop.10",
     "@progress/kendo-charts": "^1.32.0",
     "@progress/kendo-svg-icons": "^2.0.0"
   },