@progress/kendo-angular-charts 18.1.0-develop.19 → 18.1.0-develop.2

package/chart/legend.component.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ConfigurationService } from '../common/configuration.service';
 import { SettingsComponent } from '../common/settings.component';
-import { Border, LegendLabels, Margin, Padding, LegendMarkers, LegendInactiveItems, LegendItem, Legend, LegendTitle, FocusHighlight } from '../common/property-types';
+import { Border, LegendLabels, Margin, Padding, LegendMarkers, LegendInactiveItems, LegendItem, Legend, LegendTitle } from '../common/property-types';
 import * as i0 from "@angular/core";
 /**
  * The configuration options of the Chart legend
@@ -77,8 +77,7 @@ export declare class LegendComponent extends SettingsComponent implements Legend
     inactiveItems: LegendInactiveItems;
     item: LegendItem;
     title: LegendTitle;
-    focusHighlight?: FocusHighlight;
     constructor(configurationService: ConfigurationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LegendComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "kendo-chart-legend", never, { "align": { "alias": "align"; "required": false; }; "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "height": { "alias": "height"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "position": { "alias": "position"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "inactiveItems": { "alias": "inactiveItems"; "required": false; }; "item": { "alias": "item"; "required": false; }; "title": { "alias": "title"; "required": false; }; "focusHighlight": { "alias": "focusHighlight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "kendo-chart-legend", never, { "align": { "alias": "align"; "required": false; }; "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "height": { "alias": "height"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "position": { "alias": "position"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "inactiveItems": { "alias": "inactiveItems"; "required": false; }; "item": { "alias": "item"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
 }

package/chart/series-defaults.component.d.ts

@@ -5,7 +5,7 @@
 import { ConfigurationService } from '../common/configuration.service';
 import { drawing } from '@progress/kendo-drawing';
 import { SettingsComponent } from '../common/settings.component';
-import { Border, FocusHighlight, Overlay, SeriesHighlight, SeriesStack, SeriesType, SeriesVisualArgs } from '../common/property-types';
+import { Border, Overlay, SeriesHighlight, SeriesStack, SeriesType, SeriesVisualArgs } from '../common/property-types';
 import { SeriesDefaultsLabels, SeriesDefaultsNotes, SeriesDefaultsTooltip, SeriesDefaults } from '../common/property-types';
 import * as i0 from "@angular/core";
 /**
@@ -41,8 +41,7 @@ export declare class SeriesDefaultsComponent extends SettingsComponent implement
     labels: SeriesDefaultsLabels;
     notes: SeriesDefaultsNotes;
     tooltip: SeriesDefaultsTooltip;
-    focusHighlight?: FocusHighlight;
     constructor(configurationService: ConfigurationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<SeriesDefaultsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesDefaultsComponent, "kendo-chart-series-defaults", never, { "border": { "alias": "border"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visual": { "alias": "visual"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "focusHighlight": { "alias": "focusHighlight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesDefaultsComponent, "kendo-chart-series-defaults", never, { "border": { "alias": "border"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visual": { "alias": "visual"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, true, never>;
 }

package/common/property-types.d.ts

@@ -141,4 +141,4 @@ export { YAxisNotesLabel } from '../option-types/y-axis-item/notes.label.interfa
 export { YAxisTitle } from '../option-types/y-axis-item/title.interface';
 export { YAxis } from '../option-types/y-axis-item.interface';
 export { Zoomable } from '../option-types/zoomable.interface';
-export { type SeriesPattern, type VerticalStripesPattern, type CrosshatchPattern, type DiagonalStripesPattern, type GridPattern, type DotsPattern, type FocusHighlight, type FocusHighlightBorder } from '@progress/kendo-charts';
+export { type SeriesPattern, type VerticalStripesPattern, type CrosshatchPattern, type DiagonalStripesPattern, type GridPattern, type DotsPattern } from '@progress/kendo-charts';

package/common/theme.service.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { NgZone } from '@angular/core';
 import { ConfigurationService } from './configuration.service';
 import * as i0 from "@angular/core";
 /**
@@ -9,12 +10,22 @@ import * as i0 from "@angular/core";
  */
 export declare class ThemeService extends ConfigurationService {
     private loaded;
-    protected element: HTMLElement;
+    private element;
+    constructor(ngZone: NgZone);
     loadTheme(): void;
     reset(): void;
-    protected readTheme(): void;
+    private readTheme;
+    private readDefaultTheme;
     private createElement;
     private destroyElement;
+    private setStyle;
+    private setColors;
+    private setInactiveOpacity;
+    private setFonts;
+    private setSeriesColors;
+    private mapColor;
+    private queryColor;
+    private queryStyle;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
 }

package/esm2022/chart/legend.component.mjs

@@ -79,14 +79,13 @@ export class LegendComponent extends SettingsComponent {
     inactiveItems;
     item;
     title;
-    focusHighlight;
     constructor(configurationService) {
         super('legend', configurationService);
         this.configurationService = configurationService;
         this.markAsVisible();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendComponent, isStandalone: true, selector: "kendo-chart-legend", inputs: { align: "align", background: "background", border: "border", height: "height", labels: "labels", margin: "margin", offsetX: "offsetX", offsetY: "offsetY", orientation: "orientation", padding: "padding", position: "position", reverse: "reverse", visible: "visible", width: "width", markers: "markers", spacing: "spacing", inactiveItems: "inactiveItems", item: "item", title: "title", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendComponent, isStandalone: true, selector: "kendo-chart-legend", inputs: { align: "align", background: "background", border: "border", height: "height", labels: "labels", margin: "margin", offsetX: "offsetX", offsetY: "offsetY", orientation: "orientation", padding: "padding", position: "position", reverse: "reverse", visible: "visible", width: "width", markers: "markers", spacing: "spacing", inactiveItems: "inactiveItems", item: "item", title: "title" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendComponent, decorators: [{
             type: Component,
@@ -134,6 +133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], title: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });

package/esm2022/chart/series-defaults.component.mjs

@@ -41,13 +41,12 @@ export class SeriesDefaultsComponent extends SettingsComponent {
     labels;
     notes;
     tooltip;
-    focusHighlight;
     constructor(configurationService) {
         super('seriesDefaults', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeriesDefaultsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SeriesDefaultsComponent, isStandalone: true, selector: "kendo-chart-series-defaults", inputs: { border: "border", gap: "gap", highlight: "highlight", overlay: "overlay", spacing: "spacing", stack: "stack", type: "type", visual: "visual", labels: "labels", notes: "notes", tooltip: "tooltip", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SeriesDefaultsComponent, isStandalone: true, selector: "kendo-chart-series-defaults", inputs: { border: "border", gap: "gap", highlight: "highlight", overlay: "overlay", spacing: "spacing", stack: "stack", type: "type", visual: "visual", labels: "labels", notes: "notes", tooltip: "tooltip" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeriesDefaultsComponent, decorators: [{
             type: Component,
@@ -79,6 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], tooltip: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });

package/esm2022/common/theme.service.mjs

@@ -2,25 +2,94 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
+import { Injectable, NgZone } from '@angular/core';
 import { ConfigurationService } from './configuration.service';
-import { chartBaseTheme, chartTheme, deepExtend } from '@progress/kendo-charts';
+import { chartBaseTheme } from '@progress/kendo-charts';
 import { chartDefaultTheme } from './chart-default-theme';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
+const font = (style) => `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+const computedBackgroundColor = (element) => window.getComputedStyle(element).backgroundColor;
+const letterPos = (letter) => letter.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0);
+const seriesPos = (name) => {
+    const alpha = name.match(/series-([a-z])$/);
+    if (alpha !== null) {
+        return letterPos(alpha[1]);
+    }
+    const num = name.split('--series-')[1];
+    return parseInt(num, 10) - 1;
+};
+const SERIES_COLORS = 30;
+const seriesTemplate = () => {
+    let template = `
+      <div class="k-var--series-a"></div>
+      <div class="k-var--series-b"></div>
+      <div class="k-var--series-c"></div>
+      <div class="k-var--series-d"></div>
+      <div class="k-var--series-e"></div>
+      <div class="k-var--series-f"></div>
+  `;
+    for (let i = 0; i < SERIES_COLORS; i++) {
+        template += `
+      <div class="k-var--series-${i + 1}"></div>`;
+    }
+    return template;
+};
+const template = () => `
+    <div class="k-var--primary"></div>
+    <div class="k-var--primary-contrast"></div>
+    <div class="k-var--base"></div>
+    <div class="k-var--background"></div>
+
+    <div class="k-var--kendo-color-subtle"></div>
+
+    <div class="k-var--normal-background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--hover-background"></div>
+    <div class="k-var--hover-text-color"></div>
+    <div class="k-var--selected-background"></div>
+    <div class="k-var--selected-text-color"></div>
+    <div class="k-var--chart-error-bars-background"></div>
+    <div class="k-var--chart-notes-background"></div>
+    <div class="k-var--chart-notes-border"></div>
+    <div class="k-var--chart-notes-lines"></div>
+    <div class="k-var--chart-crosshair-background"></div>
+
+    <div class="k-var--chart-inactive"></div>
+    <div class="k-var--chart-major-lines"></div>
+    <div class="k-var--chart-minor-lines"></div>
+    <div class="k-var--chart-area-opacity"></div>
+    <div class="k-var--chart-area-inactive-opacity"></div>
+    <div class="k-var--chart-line-inactive-opacity"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+        <div class="k-var--chart-pane-title-font"></div>
+        <div class="k-var--chart-label-font"></div>
+    </div>
+
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${seriesTemplate()}
+    </div>
+`;
 /**
  * @hidden
  */
 export class ThemeService extends ConfigurationService {
     loaded = false;
     element;
+    constructor(ngZone) {
+        super(ngZone);
+    }
     loadTheme() {
         if (this.loaded || !isDocumentAvailable()) {
             return;
         }
-        this.createElement();
-        this.readTheme();
-        this.destroyElement();
+        if (!this.readTheme()) {
+            this.readDefaultTheme();
+        }
         this.loaded = true;
         this.next();
     }
@@ -30,21 +99,29 @@ export class ThemeService extends ConfigurationService {
         this.loadTheme();
     }
     readTheme() {
-        let theme = {};
+        this.createElement();
+        const available = this.queryColor('primary') !==
+            this.queryColor('primary-contrast');
         try {
-            theme = chartTheme(this.element);
+            if (available) {
+                this.push(chartBaseTheme());
+                this.setColors();
+                this.setFonts();
+                this.setSeriesColors();
+            }
         }
-        catch {
-            theme = {};
+        finally {
+            this.destroyElement();
         }
-        const available = Boolean(theme.chartArea && theme.chartArea.background);
-        const result = available ? deepExtend(chartBaseTheme(), theme) : chartDefaultTheme();
-        this.push(result);
+        return available;
+    }
+    readDefaultTheme() {
+        this.push(chartDefaultTheme());
     }
     createElement() {
         const container = this.element = document.createElement('div');
-        container.className = 'k-chart';
         container.style.display = 'none';
+        container.innerHTML = template();
         document.body.appendChild(container);
     }
     destroyElement() {
@@ -53,7 +130,113 @@ export class ThemeService extends ConfigurationService {
             this.element = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    setStyle(key, value) {
+        this.set(key, value);
+    }
+    setColors() {
+        this.mapColor('axisDefaults.crosshair.color', 'chart-crosshair-background');
+        this.mapColor('axisDefaults.labels.color', 'normal-text-color');
+        this.mapColor('axisDefaults.line.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.majorGridLines.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.minorGridLines.color', 'chart-minor-lines');
+        this.mapColor('axisDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('axisDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('axisDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('axisDefaults.title.color', 'normal-text-color');
+        this.mapColor('chartArea.background', 'background');
+        this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
+        this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
+        this.mapColor('legend.labels.color', 'normal-text-color');
+        this.mapColor('legend.title.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.whiskers.color', 'primary');
+        this.mapColor('seriesDefaults.bullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.downColor', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.line.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.errorBars.color', 'chart-error-bars-background');
+        this.mapColor('seriesDefaults.horizontalWaterfall.line.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.icon.border.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.labels.background', 'background');
+        this.mapColor('seriesDefaults.labels.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('seriesDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('seriesDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.whiskers.color', 'primary');
+        this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
+        this.mapColor('title.color', 'normal-text-color');
+        this.mapColor('subtitle.color', 'normal-text-color');
+        // Sankey diagram
+        this.mapColor('labels.color', 'normal-text-color');
+        this.mapColor('labels.stroke.color', 'background');
+        // 'k-var--kendo-color-subtle' class does not contain the --kendo-color-subtle variable style
+        const element = this.element?.querySelector('.k-var--kendo-color-subtle');
+        element && (element.style.color = 'var(--kendo-color-subtle)');
+        this.mapColor('links.color', 'kendo-color-subtle', 'color');
+        const opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
+        if (!isNaN(opacity)) {
+            this.setStyle('seriesDefaults.area.opacity', opacity);
+            this.setStyle('seriesDefaults.radarArea.opacity', opacity);
+            this.setStyle('seriesDefaults.verticalArea.opacity', opacity);
+            this.setStyle('seriesDefaults.labels.opacity', opacity);
+        }
+        this.setInactiveOpacity(['area', 'verticalArea'], 'chart-area-inactive-opacity');
+        this.setInactiveOpacity(['line', 'verticalLine'], 'chart-line-inactive-opacity');
+    }
+    setInactiveOpacity(seriesTypes, selector) {
+        const inactiveOpacity = parseFloat(this.queryStyle(selector).opacity);
+        if (!isNaN(inactiveOpacity) && inactiveOpacity < 1) {
+            seriesTypes.forEach(type => this.setStyle(`seriesDefaults.${type}.highlight.inactiveOpacity`, inactiveOpacity));
+        }
+    }
+    setFonts() {
+        const defaultFont = font(this.queryStyle('chart-font'));
+        const titleFont = font(this.queryStyle('chart-title-font'));
+        const paneTitleFont = font(this.queryStyle('chart-pane-title-font'));
+        const labelFont = font(this.queryStyle('chart-label-font'));
+        this.setStyle('axisDefaults.labels.font', labelFont);
+        this.setStyle('axisDefaults.notes.label.font', defaultFont);
+        this.setStyle('axisDefaults.title.font', defaultFont);
+        this.setStyle('legend.labels.font', defaultFont);
+        this.setStyle('seriesDefaults.labels.font', labelFont);
+        this.setStyle('seriesDefaults.notes.label.font', defaultFont);
+        this.setStyle('title.font', titleFont);
+        this.setStyle('subtitle.font', paneTitleFont);
+        this.setStyle('paneDefaults.title.font', paneTitleFont);
+        // Sankey diagram
+        this.setStyle('labels.font', defaultFont);
+    }
+    setSeriesColors() {
+        const element = this.element;
+        const series = [].slice.call(element.querySelectorAll('.k-var--series div'));
+        const unsetColor = computedBackgroundColor(element.querySelector('.k-var--series-unset'));
+        const seriesColors = series.reduce((arr, el) => {
+            const pos = seriesPos(el.className);
+            const color = computedBackgroundColor(el);
+            if (color !== unsetColor) {
+                arr[pos] = color;
+            }
+            return arr;
+        }, [] // Will populate the series colors in this array
+        );
+        this.setStyle('seriesColors', seriesColors);
+    }
+    mapColor(key, varName, styleKey = 'backgroundColor') {
+        this.setStyle(key, this.queryStyle(varName)[styleKey]);
+    }
+    queryColor(varName) {
+        return this.queryStyle(varName).backgroundColor;
+    }
+    queryStyle(varName) {
+        const element = this.element.querySelector(`.k-var--${varName}`);
+        return window.getComputedStyle(element);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, decorators: [{
@@ -61,4 +244,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738834049,
-    version: '18.1.0-develop.19',
+    publishDate: 1738227362,
+    version: '18.1.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/sankey/links.component.mjs

@@ -17,13 +17,12 @@ export class SankeyLinksComponent extends SettingsComponent {
     color;
     opacity;
     highlight;
-    focusHighlight;
     constructor(configurationService) {
         super('links', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyLinksComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyLinksComponent, isStandalone: true, selector: "kendo-sankey-links", inputs: { colorType: "colorType", color: "color", opacity: "opacity", highlight: "highlight", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyLinksComponent, isStandalone: true, selector: "kendo-sankey-links", inputs: { colorType: "colorType", color: "color", opacity: "opacity", highlight: "highlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyLinksComponent, decorators: [{
             type: Component,
@@ -41,6 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], highlight: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });

package/esm2022/sankey/nodes.component.mjs

@@ -29,13 +29,12 @@ export class SankeyNodesComponent extends SettingsComponent {
     padding;
     width;
     align;
-    focusHighlight;
     constructor(configurationService) {
         super('nodes', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyNodesComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyNodesComponent, isStandalone: true, selector: "kendo-sankey-nodes", inputs: { colorType: "colorType", color: "color", opacity: "opacity", offset: "offset", padding: "padding", width: "width", align: "align", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyNodesComponent, isStandalone: true, selector: "kendo-sankey-nodes", inputs: { colorType: "colorType", color: "color", opacity: "opacity", offset: "offset", padding: "padding", width: "width", align: "align" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyNodesComponent, decorators: [{
             type: Component,
@@ -59,6 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], align: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });

package/esm2022/sankey.component.mjs

@@ -11,7 +11,7 @@ import { combineLatest } from 'rxjs';
 import { auditTime, tap } from 'rxjs/operators';
 import { ConfigurationService, THROTTLE_MS } from './common/configuration.service';
 import { copyChanges } from './common/copy-changes';
-import { SankeyThemeService } from './sankey/theme.service';
+import { ThemeService } from './common/theme.service';
 import { toSimpleChanges } from './common/to-simple-changes';
 import { packageMetadata } from './package-metadata';
 import { InstanceEventService } from './sankey/events';
@@ -24,7 +24,7 @@ import { LocalizedMessagesDirective } from './sankey/localization/localized-mess
 import { IntlService } from '@progress/kendo-angular-intl';
 import * as i0 from "@angular/core";
 import * as i1 from "./common/configuration.service";
-import * as i2 from "./sankey/theme.service";
+import * as i2 from "./common/theme.service";
 import * as i3 from "@progress/kendo-angular-l10n";
 import * as i4 from "./sankey/events";
 import * as i5 from "@progress/kendo-angular-intl";
@@ -324,13 +324,19 @@ export class SankeyComponent {
             this.optionsChange = combineLatest([this.configurationService.onChange$, this.themeService.onChange$])
                 .pipe(tap((result) => {
                 this.options = result[0];
-                this.theme = result[1];
+                this.theme = this.loadTheme(result[1]);
             }), auditTime(THROTTLE_MS))
                 .subscribe(() => {
                 this.refresh();
             });
         });
     }
+    loadTheme(chartTheme) {
+        return {
+            ...chartTheme,
+            nodeColors: chartTheme.seriesColors,
+        };
+    }
     run(callback, inZone = true, detectChanges) {
         if (inZone) {
             if (detectChanges) {
@@ -369,7 +375,7 @@ export class SankeyComponent {
     get isRTL() {
         return Boolean(this.localizationService.rtl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: i1.ConfigurationService }, { token: i2.SankeyThemeService }, { token: i3.LocalizationService }, { token: i4.InstanceEventService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: i1.ConfigurationService }, { token: i2.ThemeService }, { token: i3.LocalizationService }, { token: i4.InstanceEventService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.IntlService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyComponent, isStandalone: true, selector: "kendo-sankey", inputs: { data: "data", links: "links", nodes: "nodes", labels: "labels", title: "title", legend: "legend", tooltip: "tooltip", disableAutoLayout: "disableAutoLayout", navigable: "navigable", popupSettings: "popupSettings" }, outputs: { nodeEnter: "nodeEnter", nodeLeave: "nodeLeave", nodeClick: "nodeClick", linkEnter: "linkEnter", linkLeave: "linkLeave", linkClick: "linkClick" }, providers: [
             ConfigurationService,
             LocalizationService,
@@ -427,7 +433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, SankeyTooltipPopupComponent, NgIf, WatermarkOverlayComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ConfigurationService }, { type: i2.SankeyThemeService }, { type: i3.LocalizationService }, { type: i4.InstanceEventService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i5.IntlService }]; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ConfigurationService }, { type: i2.ThemeService }, { type: i3.LocalizationService }, { type: i4.InstanceEventService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i5.IntlService }]; }, propDecorators: { data: [{
                 type: Input
             }], links: [{
                 type: Input

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

@@ -8,7 +8,7 @@ import { isDocumentAvailable, shouldShowValidationUI, ResizeSensorComponent, Wat
 import * as i3 from '@progress/kendo-angular-intl';
 import * as i1$1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { DateCategoryAxis, DateValueAxis, InstanceObserver, chartBaseTheme, chartTheme, deepExtend, Chart, StockChart, Sparkline, sankeyTheme, Sankey, createSankeyData } from '@progress/kendo-charts';
+import { DateCategoryAxis, DateValueAxis, InstanceObserver, chartBaseTheme, Chart, StockChart, Sparkline, Sankey, createSankeyData } from '@progress/kendo-charts';
 import { exportImage, exportSVG } from '@progress/kendo-drawing';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subject, BehaviorSubject, combineLatest, Subscription } from 'rxjs';
@@ -1937,19 +1937,88 @@ const chartDefaultTheme = () => Object.assign({}, chartBaseTheme(), {
     ]
 });
 
+const font = (style) => `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+const computedBackgroundColor = (element) => window.getComputedStyle(element).backgroundColor;
+const letterPos = (letter) => letter.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0);
+const seriesPos = (name) => {
+    const alpha = name.match(/series-([a-z])$/);
+    if (alpha !== null) {
+        return letterPos(alpha[1]);
+    }
+    const num = name.split('--series-')[1];
+    return parseInt(num, 10) - 1;
+};
+const SERIES_COLORS = 30;
+const seriesTemplate = () => {
+    let template = `
+      <div class="k-var--series-a"></div>
+      <div class="k-var--series-b"></div>
+      <div class="k-var--series-c"></div>
+      <div class="k-var--series-d"></div>
+      <div class="k-var--series-e"></div>
+      <div class="k-var--series-f"></div>
+  `;
+    for (let i = 0; i < SERIES_COLORS; i++) {
+        template += `
+      <div class="k-var--series-${i + 1}"></div>`;
+    }
+    return template;
+};
+const template = () => `
+    <div class="k-var--primary"></div>
+    <div class="k-var--primary-contrast"></div>
+    <div class="k-var--base"></div>
+    <div class="k-var--background"></div>
+
+    <div class="k-var--kendo-color-subtle"></div>
+
+    <div class="k-var--normal-background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--hover-background"></div>
+    <div class="k-var--hover-text-color"></div>
+    <div class="k-var--selected-background"></div>
+    <div class="k-var--selected-text-color"></div>
+    <div class="k-var--chart-error-bars-background"></div>
+    <div class="k-var--chart-notes-background"></div>
+    <div class="k-var--chart-notes-border"></div>
+    <div class="k-var--chart-notes-lines"></div>
+    <div class="k-var--chart-crosshair-background"></div>
+
+    <div class="k-var--chart-inactive"></div>
+    <div class="k-var--chart-major-lines"></div>
+    <div class="k-var--chart-minor-lines"></div>
+    <div class="k-var--chart-area-opacity"></div>
+    <div class="k-var--chart-area-inactive-opacity"></div>
+    <div class="k-var--chart-line-inactive-opacity"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+        <div class="k-var--chart-pane-title-font"></div>
+        <div class="k-var--chart-label-font"></div>
+    </div>
+
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${seriesTemplate()}
+    </div>
+`;
 /**
  * @hidden
  */
 class ThemeService extends ConfigurationService {
     loaded = false;
     element;
+    constructor(ngZone) {
+        super(ngZone);
+    }
     loadTheme() {
         if (this.loaded || !isDocumentAvailable()) {
             return;
         }
-        this.createElement();
-        this.readTheme();
-        this.destroyElement();
+        if (!this.readTheme()) {
+            this.readDefaultTheme();
+        }
         this.loaded = true;
         this.next();
     }
@@ -1959,21 +2028,29 @@ class ThemeService extends ConfigurationService {
         this.loadTheme();
     }
     readTheme() {
-        let theme = {};
+        this.createElement();
+        const available = this.queryColor('primary') !==
+            this.queryColor('primary-contrast');
         try {
-            theme = chartTheme(this.element);
+            if (available) {
+                this.push(chartBaseTheme());
+                this.setColors();
+                this.setFonts();
+                this.setSeriesColors();
+            }
         }
-        catch {
-            theme = {};
+        finally {
+            this.destroyElement();
         }
-        const available = Boolean(theme.chartArea && theme.chartArea.background);
-        const result = available ? deepExtend(chartBaseTheme(), theme) : chartDefaultTheme();
-        this.push(result);
+        return available;
+    }
+    readDefaultTheme() {
+        this.push(chartDefaultTheme());
     }
     createElement() {
         const container = this.element = document.createElement('div');
-        container.className = 'k-chart';
         container.style.display = 'none';
+        container.innerHTML = template();
         document.body.appendChild(container);
     }
     destroyElement() {
@@ -1982,7 +2059,113 @@ class ThemeService extends ConfigurationService {
             this.element = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    setStyle(key, value) {
+        this.set(key, value);
+    }
+    setColors() {
+        this.mapColor('axisDefaults.crosshair.color', 'chart-crosshair-background');
+        this.mapColor('axisDefaults.labels.color', 'normal-text-color');
+        this.mapColor('axisDefaults.line.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.majorGridLines.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.minorGridLines.color', 'chart-minor-lines');
+        this.mapColor('axisDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('axisDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('axisDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('axisDefaults.title.color', 'normal-text-color');
+        this.mapColor('chartArea.background', 'background');
+        this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
+        this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
+        this.mapColor('legend.labels.color', 'normal-text-color');
+        this.mapColor('legend.title.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.whiskers.color', 'primary');
+        this.mapColor('seriesDefaults.bullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.downColor', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.line.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.errorBars.color', 'chart-error-bars-background');
+        this.mapColor('seriesDefaults.horizontalWaterfall.line.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.icon.border.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.labels.background', 'background');
+        this.mapColor('seriesDefaults.labels.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('seriesDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('seriesDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.whiskers.color', 'primary');
+        this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
+        this.mapColor('title.color', 'normal-text-color');
+        this.mapColor('subtitle.color', 'normal-text-color');
+        // Sankey diagram
+        this.mapColor('labels.color', 'normal-text-color');
+        this.mapColor('labels.stroke.color', 'background');
+        // 'k-var--kendo-color-subtle' class does not contain the --kendo-color-subtle variable style
+        const element = this.element?.querySelector('.k-var--kendo-color-subtle');
+        element && (element.style.color = 'var(--kendo-color-subtle)');
+        this.mapColor('links.color', 'kendo-color-subtle', 'color');
+        const opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
+        if (!isNaN(opacity)) {
+            this.setStyle('seriesDefaults.area.opacity', opacity);
+            this.setStyle('seriesDefaults.radarArea.opacity', opacity);
+            this.setStyle('seriesDefaults.verticalArea.opacity', opacity);
+            this.setStyle('seriesDefaults.labels.opacity', opacity);
+        }
+        this.setInactiveOpacity(['area', 'verticalArea'], 'chart-area-inactive-opacity');
+        this.setInactiveOpacity(['line', 'verticalLine'], 'chart-line-inactive-opacity');
+    }
+    setInactiveOpacity(seriesTypes, selector) {
+        const inactiveOpacity = parseFloat(this.queryStyle(selector).opacity);
+        if (!isNaN(inactiveOpacity) && inactiveOpacity < 1) {
+            seriesTypes.forEach(type => this.setStyle(`seriesDefaults.${type}.highlight.inactiveOpacity`, inactiveOpacity));
+        }
+    }
+    setFonts() {
+        const defaultFont = font(this.queryStyle('chart-font'));
+        const titleFont = font(this.queryStyle('chart-title-font'));
+        const paneTitleFont = font(this.queryStyle('chart-pane-title-font'));
+        const labelFont = font(this.queryStyle('chart-label-font'));
+        this.setStyle('axisDefaults.labels.font', labelFont);
+        this.setStyle('axisDefaults.notes.label.font', defaultFont);
+        this.setStyle('axisDefaults.title.font', defaultFont);
+        this.setStyle('legend.labels.font', defaultFont);
+        this.setStyle('seriesDefaults.labels.font', labelFont);
+        this.setStyle('seriesDefaults.notes.label.font', defaultFont);
+        this.setStyle('title.font', titleFont);
+        this.setStyle('subtitle.font', paneTitleFont);
+        this.setStyle('paneDefaults.title.font', paneTitleFont);
+        // Sankey diagram
+        this.setStyle('labels.font', defaultFont);
+    }
+    setSeriesColors() {
+        const element = this.element;
+        const series = [].slice.call(element.querySelectorAll('.k-var--series div'));
+        const unsetColor = computedBackgroundColor(element.querySelector('.k-var--series-unset'));
+        const seriesColors = series.reduce((arr, el) => {
+            const pos = seriesPos(el.className);
+            const color = computedBackgroundColor(el);
+            if (color !== unsetColor) {
+                arr[pos] = color;
+            }
+            return arr;
+        }, [] // Will populate the series colors in this array
+        );
+        this.setStyle('seriesColors', seriesColors);
+    }
+    mapColor(key, varName, styleKey = 'backgroundColor') {
+        this.setStyle(key, this.queryStyle(varName)[styleKey]);
+    }
+    queryColor(varName) {
+        return this.queryStyle(varName).backgroundColor;
+    }
+    queryStyle(varName) {
+        const element = this.element.querySelector(`.k-var--${varName}`);
+        return window.getComputedStyle(element);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ThemeService, decorators: [{
@@ -1990,7 +2173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             args: [{
                     providedIn: 'root'
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
 
 /**
  * @hidden
@@ -2726,8 +2909,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738834049,
-    version: '18.1.0-develop.19',
+    publishDate: 1738227362,
+    version: '18.1.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8562,14 +8745,13 @@ class LegendComponent extends SettingsComponent {
     inactiveItems;
     item;
     title;
-    focusHighlight;
     constructor(configurationService) {
         super('legend', configurationService);
         this.configurationService = configurationService;
         this.markAsVisible();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendComponent, isStandalone: true, selector: "kendo-chart-legend", inputs: { align: "align", background: "background", border: "border", height: "height", labels: "labels", margin: "margin", offsetX: "offsetX", offsetY: "offsetY", orientation: "orientation", padding: "padding", position: "position", reverse: "reverse", visible: "visible", width: "width", markers: "markers", spacing: "spacing", inactiveItems: "inactiveItems", item: "item", title: "title", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendComponent, isStandalone: true, selector: "kendo-chart-legend", inputs: { align: "align", background: "background", border: "border", height: "height", labels: "labels", margin: "margin", offsetX: "offsetX", offsetY: "offsetY", orientation: "orientation", padding: "padding", position: "position", reverse: "reverse", visible: "visible", width: "width", markers: "markers", spacing: "spacing", inactiveItems: "inactiveItems", item: "item", title: "title" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendComponent, decorators: [{
             type: Component,
@@ -8617,8 +8799,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], title: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });
 
 /**
@@ -8956,13 +9136,12 @@ class SeriesDefaultsComponent extends SettingsComponent {
     labels;
     notes;
     tooltip;
-    focusHighlight;
     constructor(configurationService) {
         super('seriesDefaults', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeriesDefaultsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SeriesDefaultsComponent, isStandalone: true, selector: "kendo-chart-series-defaults", inputs: { border: "border", gap: "gap", highlight: "highlight", overlay: "overlay", spacing: "spacing", stack: "stack", type: "type", visual: "visual", labels: "labels", notes: "notes", tooltip: "tooltip", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SeriesDefaultsComponent, isStandalone: true, selector: "kendo-chart-series-defaults", inputs: { border: "border", gap: "gap", highlight: "highlight", overlay: "overlay", spacing: "spacing", stack: "stack", type: "type", visual: "visual", labels: "labels", notes: "notes", tooltip: "tooltip" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeriesDefaultsComponent, decorators: [{
             type: Component,
@@ -8994,8 +9173,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], tooltip: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });
 
 /**
@@ -10471,24 +10648,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['breadcrumb', { static: true }]
             }] } });
 
-/**
- * @hidden
- */
-class SankeyThemeService extends ThemeService {
-    readTheme() {
-        const theme = sankeyTheme(this.element);
-        this.push(theme);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyThemeService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyThemeService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyThemeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 /**
  * @hidden
  */
@@ -11382,13 +11541,19 @@ class SankeyComponent {
             this.optionsChange = combineLatest([this.configurationService.onChange$, this.themeService.onChange$])
                 .pipe(tap((result) => {
                 this.options = result[0];
-                this.theme = result[1];
+                this.theme = this.loadTheme(result[1]);
             }), auditTime(THROTTLE_MS))
                 .subscribe(() => {
                 this.refresh();
             });
         });
     }
+    loadTheme(chartTheme) {
+        return {
+            ...chartTheme,
+            nodeColors: chartTheme.seriesColors,
+        };
+    }
     run(callback, inZone = true, detectChanges) {
         if (inZone) {
             if (detectChanges) {
@@ -11427,7 +11592,7 @@ class SankeyComponent {
     get isRTL() {
         return Boolean(this.localizationService.rtl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: ConfigurationService }, { token: SankeyThemeService }, { token: i1$1.LocalizationService }, { token: InstanceEventService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i3.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: ConfigurationService }, { token: ThemeService }, { token: i1$1.LocalizationService }, { token: InstanceEventService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i3.IntlService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyComponent, isStandalone: true, selector: "kendo-sankey", inputs: { data: "data", links: "links", nodes: "nodes", labels: "labels", title: "title", legend: "legend", tooltip: "tooltip", disableAutoLayout: "disableAutoLayout", navigable: "navigable", popupSettings: "popupSettings" }, outputs: { nodeEnter: "nodeEnter", nodeLeave: "nodeLeave", nodeClick: "nodeClick", linkEnter: "linkEnter", linkLeave: "linkLeave", linkClick: "linkClick" }, providers: [
             ConfigurationService,
             LocalizationService,
@@ -11485,7 +11650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LocalizedMessagesDirective, SankeyTooltipPopupComponent, NgIf, WatermarkOverlayComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ConfigurationService }, { type: SankeyThemeService }, { type: i1$1.LocalizationService }, { type: InstanceEventService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i3.IntlService }]; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ConfigurationService }, { type: ThemeService }, { type: i1$1.LocalizationService }, { type: InstanceEventService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i3.IntlService }]; }, propDecorators: { data: [{
                 type: Input
             }], links: [{
                 type: Input
@@ -11795,13 +11960,12 @@ class SankeyLinksComponent extends SettingsComponent {
     color;
     opacity;
     highlight;
-    focusHighlight;
     constructor(configurationService) {
         super('links', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyLinksComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyLinksComponent, isStandalone: true, selector: "kendo-sankey-links", inputs: { colorType: "colorType", color: "color", opacity: "opacity", highlight: "highlight", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyLinksComponent, isStandalone: true, selector: "kendo-sankey-links", inputs: { colorType: "colorType", color: "color", opacity: "opacity", highlight: "highlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyLinksComponent, decorators: [{
             type: Component,
@@ -11819,8 +11983,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], highlight: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });
 
 /**
@@ -11886,13 +12048,12 @@ class SankeyNodesComponent extends SettingsComponent {
     padding;
     width;
     align;
-    focusHighlight;
     constructor(configurationService) {
         super('nodes', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyNodesComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyNodesComponent, isStandalone: true, selector: "kendo-sankey-nodes", inputs: { colorType: "colorType", color: "color", opacity: "opacity", offset: "offset", padding: "padding", width: "width", align: "align", focusHighlight: "focusHighlight" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SankeyNodesComponent, isStandalone: true, selector: "kendo-sankey-nodes", inputs: { colorType: "colorType", color: "color", opacity: "opacity", offset: "offset", padding: "padding", width: "width", align: "align" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyNodesComponent, decorators: [{
             type: Component,
@@ -11916,8 +12077,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], align: [{
                 type: Input
-            }], focusHighlight: [{
-                type: Input
             }] } });
 
 /**

package/option-types/legend.interface.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Border, LegendLabels, Margin, Padding, LegendTitle, FocusHighlight } from '../common/property-types';
+import { Border, LegendLabels, Margin, Padding, LegendTitle } from '../common/property-types';
 import { LegendInactiveItems } from './legend/inactive-items.interface';
 import { LegendItem } from './legend/item.interface';
 import { LegendMarkers } from './legend/markers.interface';
@@ -93,8 +93,4 @@ export interface Legend {
      * By default, the Chart will not render a legend title.
      */
     title?: LegendTitle;
-    /**
-     * The focus highlight configuration options of the Chart legend.
-     */
-    focusHighlight?: FocusHighlight;
 }

package/option-types/series-defaults.interface.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { drawing } from '@progress/kendo-drawing';
-import { Border, FocusHighlight, Overlay, SeriesHighlight, SeriesStack, SeriesType, SeriesVisualArgs } from '../common/property-types';
+import { Border, Overlay, SeriesHighlight, SeriesStack, SeriesType, SeriesVisualArgs } from '../common/property-types';
 import { Series } from '../option-types/series-item.interface';
 import { SeriesDefaultsLabels } from './series-defaults/labels.interface';
 import { SeriesDefaultsNotes } from './series-defaults/notes.interface';
@@ -174,8 +174,4 @@ export interface SeriesDefaults {
      * The configuration options of the Chart series tooltip.
      */
     tooltip?: SeriesDefaultsTooltip;
-    /**
-     * The focus highlight configuration options.
-     */
-    focusHighlight?: FocusHighlight;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "18.1.0-develop.19",
+  "version": "18.1.0-develop.2",
   "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",
@@ -42,7 +42,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1738834049,
+      "publishDate": 1738227362,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -53,18 +53,18 @@
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "18.1.0-develop.19",
-    "@progress/kendo-angular-intl": "18.1.0-develop.19",
-    "@progress/kendo-angular-icons": "18.1.0-develop.19",
-    "@progress/kendo-angular-l10n": "18.1.0-develop.19",
-    "@progress/kendo-angular-popup": "18.1.0-develop.19",
-    "@progress/kendo-angular-navigation": "18.1.0-develop.19",
+    "@progress/kendo-angular-common": "18.1.0-develop.2",
+    "@progress/kendo-angular-intl": "18.1.0-develop.2",
+    "@progress/kendo-angular-icons": "18.1.0-develop.2",
+    "@progress/kendo-angular-l10n": "18.1.0-develop.2",
+    "@progress/kendo-angular-popup": "18.1.0-develop.2",
+    "@progress/kendo-angular-navigation": "18.1.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.1.0-develop.19",
-    "@progress/kendo-charts": "2.7.1",
+    "@progress/kendo-angular-schematics": "18.1.0-develop.2",
+    "@progress/kendo-charts": "2.7.0",
     "@progress/kendo-svg-icons": "^4.0.0"
   },
   "schematics": "./schematics/collection.json",

package/sankey/api-types/index.d.ts

@@ -13,7 +13,7 @@ export interface SankeyTitle extends Title {
 /**
  * Represents the Sankey legend options.
  */
-export interface SankeyLegend extends Omit<Legend, 'inactiveItems' | 'item' | 'focusHighlight'> {
+export interface SankeyLegend extends Omit<Legend, 'inactiveItems' | 'item'> {
     /**
      * The configuration of the legend items.
      */

package/sankey/links.component.d.ts

@@ -5,7 +5,6 @@
 import { ConfigurationService } from '../common/configuration.service';
 import { SettingsComponent } from '../common/settings.component';
 import { SankeyLinkDefaults, SankeyLinkHighlight } from './api-types';
-import { FocusHighlight } from '@progress/kendo-charts';
 import * as i0 from "@angular/core";
 /**
  * The configuration options of the Sankey links
@@ -17,8 +16,7 @@ export declare class SankeyLinksComponent extends SettingsComponent implements S
     color?: string;
     opacity?: number;
     highlight?: SankeyLinkHighlight;
-    focusHighlight?: FocusHighlight;
     constructor(configurationService: ConfigurationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<SankeyLinksComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SankeyLinksComponent, "kendo-sankey-links", never, { "colorType": { "alias": "colorType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "focusHighlight": { "alias": "focusHighlight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SankeyLinksComponent, "kendo-sankey-links", never, { "colorType": { "alias": "colorType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; }, {}, never, never, true, never>;
 }

package/sankey/nodes.component.d.ts

@@ -5,7 +5,6 @@
 import { ConfigurationService } from '../common/configuration.service';
 import { SettingsComponent } from '../common/settings.component';
 import { SankeyNodeDefaults, SankeyOffset } from './api-types';
-import { FocusHighlight } from '@progress/kendo-charts';
 import * as i0 from "@angular/core";
 /**
  * The configuration options of the Sankey nodes
@@ -29,8 +28,7 @@ export declare class SankeyNodesComponent extends SettingsComponent implements S
     padding?: number;
     width?: number;
     align?: 'stretch' | 'left' | 'right';
-    focusHighlight?: FocusHighlight;
     constructor(configurationService: ConfigurationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<SankeyNodesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SankeyNodesComponent, "kendo-sankey-nodes", never, { "colorType": { "alias": "colorType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "width": { "alias": "width"; "required": false; }; "align": { "alias": "align"; "required": false; }; "focusHighlight": { "alias": "focusHighlight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SankeyNodesComponent, "kendo-sankey-nodes", never, { "colorType": { "alias": "colorType"; "required": false; }; "color": { "alias": "color"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "width": { "alias": "width"; "required": false; }; "align": { "alias": "align"; "required": false; }; }, {}, never, never, true, never>;
 }

package/sankey.component.d.ts

@@ -7,7 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
 import { Subscription } from 'rxjs';
 import { ConfigurationService } from './common/configuration.service';
-import { SankeyThemeService } from './sankey/theme.service';
+import { ThemeService } from './common/theme.service';
 import { InstanceEventService, SankeyLinkEvent, SankeyNodeEvent } from './sankey/events';
 import { Sankey, SankeyEvent, SankeyTooltipEvent } from '@progress/kendo-charts';
 import { SankeyExportVisualOptions, SankeyLabelDefaults, SankeyLinkDefaults, SankeyNodeDefaults, SankeyTooltip } from './sankey/api-types';
@@ -50,7 +50,7 @@ import * as i0 from "@angular/core";
 export declare class SankeyComponent implements AfterViewInit, OnChanges, OnDestroy {
     protected element: ElementRef;
     configurationService: ConfigurationService;
-    themeService: SankeyThemeService;
+    themeService: ThemeService;
     protected localizationService: LocalizationService;
     protected instanceEventService: InstanceEventService;
     protected ngZone: NgZone;
@@ -141,7 +141,7 @@ export declare class SankeyComponent implements AfterViewInit, OnChanges, OnDest
     protected destroyed: boolean;
     protected subscriptions: Subscription;
     protected rtl: boolean;
-    constructor(element: ElementRef, configurationService: ConfigurationService, themeService: SankeyThemeService, localizationService: LocalizationService, instanceEventService: InstanceEventService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, intlService: IntlService);
+    constructor(element: ElementRef, configurationService: ConfigurationService, themeService: ThemeService, localizationService: LocalizationService, instanceEventService: InstanceEventService, ngZone: NgZone, changeDetector: ChangeDetectorRef, renderer: Renderer2, intlService: IntlService);
     ngAfterViewInit(): void;
     ngOnChanges(changes: {
         [propertyName: string]: SimpleChange;
@@ -203,6 +203,7 @@ export declare class SankeyComponent implements AfterViewInit, OnChanges, OnDest
     protected get instanceOptions(): any;
     protected activeEmitter(name: string): any;
     protected refreshWait(): void;
+    protected loadTheme(chartTheme: any): any;
     protected run(callback: any, inZone?: boolean, detectChanges?: boolean): void;
     protected detectChanges(): void;
     protected intlChange(): void;

package/esm2022/sankey/theme.service.mjs

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
-import { sankeyTheme } from '@progress/kendo-charts';
-import { ThemeService } from '../common/theme.service';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class SankeyThemeService extends ThemeService {
-    readTheme() {
-        const theme = sankeyTheme(this.element);
-        this.push(theme);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyThemeService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyThemeService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SankeyThemeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });

package/sankey/theme.service.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ThemeService } from '../common/theme.service';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class SankeyThemeService extends ThemeService {
-    protected readTheme(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SankeyThemeService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SankeyThemeService>;
-}