@progress/kendo-angular-charts 16.0.0-develop.20 → 16.0.0-develop.22

package/esm2020/common/theme.service.mjs

@@ -41,6 +41,8 @@ const template = () => `
     <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>
@@ -171,7 +173,10 @@ export class ThemeService extends ConfigurationService {
         // Sankey diagram
         this.mapColor('labels.color', 'normal-text-color');
         this.mapColor('labels.stroke.color', 'background');
-        this.mapColor('links.color', 'chart-major-lines');
+        // '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.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);
@@ -220,8 +225,8 @@ export class ThemeService extends ConfigurationService {
         );
         this.setStyle('seriesColors', seriesColors);
     }
-    mapColor(key, varName) {
-        this.setStyle(key, this.queryColor(varName));
+    mapColor(key, varName, styleKey = 'backgroundColor') {
+        this.setStyle(key, this.queryStyle(varName)[styleKey]);
     }
     queryColor(varName) {
         return this.queryStyle(varName).backgroundColor;

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: 1715338822,
-    version: '16.0.0-develop.20',
+    publishDate: 1715616192,
+    version: '16.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/sankey/data-binding/flat-binding.directive.mjs

@@ -6,7 +6,7 @@ import { Directive, EventEmitter, Input, Output } from "@angular/core";
 import { isChanged } from "@progress/kendo-angular-common";
 import { getter } from "@progress/kendo-common";
 import { SankeyComponent } from "../../sankey.component";
-import { createSankeyData } from "./create-sankey-data";
+import { createSankeyData } from "@progress/kendo-charts";
 import { SankeyFlatBindingDataBoundEvent } from "./flat-binding.event";
 import * as i0 from "@angular/core";
 import * as i1 from "../../sankey.component";
@@ -39,8 +39,8 @@ export class SankeyFlatBindingDirective {
         if (!this.valueField) {
             throw new Error('kendoSankeyFlatBinding: valueField is required');
         }
-        const dimensions = this.dimensionFields.map(field => getter(field));
-        const measure = getter(this.valueField);
+        const dimensions = this.dimensionFields.map(field => ({ value: getter(field) }));
+        const measure = { value: getter(this.valueField) };
         const data = createSankeyData(this.data, dimensions, measure);
         this.dataBound.emit(new SankeyFlatBindingDataBoundEvent(data));
         this.sankey.notifyChanges({ data });

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

@@ -8,7 +8,7 @@ import * as i9 from '@progress/kendo-angular-common';
 import { isDocumentAvailable, shouldShowValidationUI, ResizeSensorModule, WatermarkModule, PreventableEvent as PreventableEvent$1, isChanged } from '@progress/kendo-angular-common';
 import * as i4 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
-import { DateCategoryAxis, DateValueAxis, DomEventsBuilder as DomEventsBuilder$1, InstanceObserver, chartBaseTheme, Chart, StockChart, Sparkline, Sankey } from '@progress/kendo-charts';
+import { DateCategoryAxis, DateValueAxis, DomEventsBuilder as DomEventsBuilder$1, 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';
@@ -1876,8 +1876,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1715338822,
-    version: '16.0.0-develop.20',
+    publishDate: 1715616192,
+    version: '16.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2185,6 +2185,8 @@ const template = () => `
     <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>
@@ -2315,7 +2317,10 @@ class ThemeService extends ConfigurationService {
         // Sankey diagram
         this.mapColor('labels.color', 'normal-text-color');
         this.mapColor('labels.stroke.color', 'background');
-        this.mapColor('links.color', 'chart-major-lines');
+        // '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.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);
@@ -2364,8 +2369,8 @@ class ThemeService extends ConfigurationService {
         );
         this.setStyle('seriesColors', seriesColors);
     }
-    mapColor(key, varName) {
-        this.setStyle(key, this.queryColor(varName));
+    mapColor(key, varName, styleKey = 'backgroundColor') {
+        this.setStyle(key, this.queryStyle(varName)[styleKey]);
     }
     queryColor(varName) {
         return this.queryStyle(varName).backgroundColor;
@@ -8713,47 +8718,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['instance', { static: true }]
             }] } });
 
-/**
- * @hidden
- */
-function createSankeyData(data, dimensions, measure) {
-    const nodes = new Set();
-    const links = new Map();
-    const linksMap = new Map();
-    data.forEach((row) => {
-        dimensions.forEach((dimension) => {
-            nodes.add(dimension(row));
-        });
-        for (let i = 0; i < dimensions.length - 1; i++) {
-            const source = dimensions[i](row);
-            const target = dimensions[i + 1](row);
-            const key = `${source}_${target}`;
-            const value = measure(row);
-            if (links.has(key)) {
-                links.set(key, links.get(key) + value);
-            }
-            else {
-                links.set(key, value);
-                linksMap.set(key, { source, target });
-            }
-        }
-    });
-    const nodesId = new Map();
-    const nodesArray = Array.from(nodes).map((node, index) => {
-        nodesId.set(node, index);
-        return { id: index, label: { text: String(node) } };
-    });
-    const linksArray = Array.from(links).map(([key, value]) => {
-        const { source, target } = linksMap.get(key);
-        return {
-            sourceId: nodesId.get(source),
-            targetId: nodesId.get(target),
-            value
-        };
-    });
-    return { nodes: nodesArray, links: linksArray };
-}
-
 /**
  * Arguments for the `dataBound` event of the [`[kendoSankeyFlatBinding]`]({% slug api_charts_sankeyflatbindingdirective %}) directive.
  */
@@ -8796,8 +8760,8 @@ class SankeyFlatBindingDirective {
         if (!this.valueField) {
             throw new Error('kendoSankeyFlatBinding: valueField is required');
         }
-        const dimensions = this.dimensionFields.map(field => getter(field));
-        const measure = getter(this.valueField);
+        const dimensions = this.dimensionFields.map(field => ({ value: getter(field) }));
+        const measure = { value: getter(this.valueField) };
         const data = createSankeyData(this.data, dimensions, measure);
         this.dataBound.emit(new SankeyFlatBindingDataBoundEvent(data));
         this.sankey.notifyChanges({ data });

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

@@ -9,7 +9,7 @@ import { isDocumentAvailable, shouldShowValidationUI, ResizeSensorModule, Waterm
 import * as i3 from '@progress/kendo-angular-intl';
 import * as i4 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
-import { DateCategoryAxis, DateValueAxis, DomEventsBuilder as DomEventsBuilder$1, InstanceObserver, chartBaseTheme, Chart, StockChart, Sparkline, Sankey } from '@progress/kendo-charts';
+import { DateCategoryAxis, DateValueAxis, DomEventsBuilder as DomEventsBuilder$1, 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';
@@ -1606,6 +1606,8 @@ const template = () => `
     <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>
@@ -1736,7 +1738,10 @@ class ThemeService extends ConfigurationService {
         // Sankey diagram
         this.mapColor('labels.color', 'normal-text-color');
         this.mapColor('labels.stroke.color', 'background');
-        this.mapColor('links.color', 'chart-major-lines');
+        // '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.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);
@@ -1785,8 +1790,8 @@ class ThemeService extends ConfigurationService {
         );
         this.setStyle('seriesColors', seriesColors);
     }
-    mapColor(key, varName) {
-        this.setStyle(key, this.queryColor(varName));
+    mapColor(key, varName, styleKey = 'backgroundColor') {
+        this.setStyle(key, this.queryStyle(varName)[styleKey]);
     }
     queryColor(varName) {
         return this.queryStyle(varName).backgroundColor;
@@ -2257,8 +2262,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1715338822,
-    version: '16.0.0-develop.20',
+    publishDate: 1715616192,
+    version: '16.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8696,47 +8701,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['instance', { static: true }]
             }] } });
 
-/**
- * @hidden
- */
-function createSankeyData(data, dimensions, measure) {
-    const nodes = new Set();
-    const links = new Map();
-    const linksMap = new Map();
-    data.forEach((row) => {
-        dimensions.forEach((dimension) => {
-            nodes.add(dimension(row));
-        });
-        for (let i = 0; i < dimensions.length - 1; i++) {
-            const source = dimensions[i](row);
-            const target = dimensions[i + 1](row);
-            const key = `${source}_${target}`;
-            const value = measure(row);
-            if (links.has(key)) {
-                links.set(key, links.get(key) + value);
-            }
-            else {
-                links.set(key, value);
-                linksMap.set(key, { source, target });
-            }
-        }
-    });
-    const nodesId = new Map();
-    const nodesArray = Array.from(nodes).map((node, index) => {
-        nodesId.set(node, index);
-        return { id: index, label: { text: String(node) } };
-    });
-    const linksArray = Array.from(links).map(([key, value]) => {
-        const { source, target } = linksMap.get(key);
-        return {
-            sourceId: nodesId.get(source),
-            targetId: nodesId.get(target),
-            value
-        };
-    });
-    return { nodes: nodesArray, links: linksArray };
-}
-
 /**
  * Arguments for the `dataBound` event of the [`[kendoSankeyFlatBinding]`]({% slug api_charts_sankeyflatbindingdirective %}) directive.
  */
@@ -8778,8 +8742,8 @@ class SankeyFlatBindingDirective {
         if (!this.valueField) {
             throw new Error('kendoSankeyFlatBinding: valueField is required');
         }
-        const dimensions = this.dimensionFields.map(field => getter(field));
-        const measure = getter(this.valueField);
+        const dimensions = this.dimensionFields.map(field => ({ value: getter(field) }));
+        const measure = { value: getter(this.valueField) };
         const data = createSankeyData(this.data, dimensions, measure);
         this.dataBound.emit(new SankeyFlatBindingDataBoundEvent(data));
         this.sankey.notifyChanges({ data });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "16.0.0-develop.20",
+  "version": "16.0.0-develop.22",
   "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",
@@ -47,18 +47,18 @@
     "@angular/platform-browser": "15 - 17",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.0.0-develop.20",
-    "@progress/kendo-angular-intl": "16.0.0-develop.20",
-    "@progress/kendo-angular-icons": "16.0.0-develop.20",
-    "@progress/kendo-angular-l10n": "16.0.0-develop.20",
-    "@progress/kendo-angular-popup": "16.0.0-develop.20",
-    "@progress/kendo-angular-navigation": "16.0.0-develop.20",
+    "@progress/kendo-angular-common": "16.0.0-develop.22",
+    "@progress/kendo-angular-intl": "16.0.0-develop.22",
+    "@progress/kendo-angular-icons": "16.0.0-develop.22",
+    "@progress/kendo-angular-l10n": "16.0.0-develop.22",
+    "@progress/kendo-angular-popup": "16.0.0-develop.22",
+    "@progress/kendo-angular-navigation": "16.0.0-develop.22",
     "hammerjs": "^2.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.0.0-develop.20",
+    "@progress/kendo-angular-schematics": "16.0.0-develop.22",
     "@progress/kendo-charts": "2.3.0",
     "@progress/kendo-svg-icons": "^2.0.0"
   },

package/esm2020/sankey/data-binding/create-sankey-data.mjs

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export function createSankeyData(data, dimensions, measure) {
-    const nodes = new Set();
-    const links = new Map();
-    const linksMap = new Map();
-    data.forEach((row) => {
-        dimensions.forEach((dimension) => {
-            nodes.add(dimension(row));
-        });
-        for (let i = 0; i < dimensions.length - 1; i++) {
-            const source = dimensions[i](row);
-            const target = dimensions[i + 1](row);
-            const key = `${source}_${target}`;
-            const value = measure(row);
-            if (links.has(key)) {
-                links.set(key, links.get(key) + value);
-            }
-            else {
-                links.set(key, value);
-                linksMap.set(key, { source, target });
-            }
-        }
-    });
-    const nodesId = new Map();
-    const nodesArray = Array.from(nodes).map((node, index) => {
-        nodesId.set(node, index);
-        return { id: index, label: { text: String(node) } };
-    });
-    const linksArray = Array.from(links).map(([key, value]) => {
-        const { source, target } = linksMap.get(key);
-        return {
-            sourceId: nodesId.get(source),
-            targetId: nodesId.get(target),
-            value
-        };
-    });
-    return { nodes: nodesArray, links: linksArray };
-}

package/sankey/data-binding/create-sankey-data.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { SankeyData } from "../api-types";
-/**
- * @hidden
- */
-export declare function createSankeyData<T>(data: T[], dimensions: ((item: T) => any)[], measure: (item: T) => number): SankeyData;