@progress/kendo-angular-charts 15.5.0-develop.9 → 16.0.0-develop.1

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

@@ -3,13 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { isDevMode, Directive, Optional, Injectable, SimpleChange, TemplateRef, Component, ChangeDetectionStrategy, Input, ContentChild, ElementRef, ViewChild, ViewChildren, EventEmitter, Output, ContentChildren, LOCALE_ID, Inject, InjectionToken, NgModule } from '@angular/core';
+import { isDevMode, Directive, Optional, Injectable, SimpleChange, TemplateRef, Component, ChangeDetectionStrategy, Input, ContentChild, ElementRef, ViewChild, ViewChildren, EventEmitter, Output, ContentChildren, LOCALE_ID, Inject, InjectionToken, NgModule, HostBinding, forwardRef } from '@angular/core';
 import * as i8 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, shouldShowValidationUI, ResizeSensorModule, WatermarkModule } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, shouldShowValidationUI, ResizeSensorModule, WatermarkModule, PreventableEvent as PreventableEvent$1, isChanged } from '@progress/kendo-angular-common';
 import * as i3 from '@progress/kendo-angular-intl';
 import * as i4 from '@progress/kendo-angular-l10n';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { DateCategoryAxis, DateValueAxis, DomEventsBuilder as DomEventsBuilder$1, InstanceObserver, chartBaseTheme, Chart, StockChart, Sparkline } from '@progress/kendo-charts';
+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 { exportImage, exportSVG } from '@progress/kendo-drawing';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subject, BehaviorSubject, combineLatest, Subscription } from 'rxjs';
@@ -20,7 +20,10 @@ import * as i4$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@progress/kendo-angular-navigation';
 import { BreadCrumbModule } from '@progress/kendo-angular-navigation';
-import { homeIcon } from '@progress/kendo-svg-icons';
+import { homeIcon, arrowRightIcon } from '@progress/kendo-svg-icons';
+import * as i5 from '@progress/kendo-angular-icons';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import { getter } from '@progress/kendo-common';
 
 const getTouch = (domEvent) => {
     return {
@@ -1730,6 +1733,10 @@ class ThemeService extends ConfigurationService {
         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');
+        this.mapColor('links.color', 'chart-major-lines');
         const opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
         if (!isNaN(opacity)) {
             this.setStyle('seriesDefaults.area.opacity', opacity);
@@ -1760,6 +1767,8 @@ class ThemeService extends ConfigurationService {
         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;
@@ -2192,7 +2201,7 @@ class ZoomStartEvent extends PreventableEvent {
     }
 }
 
-const EVENT_MAP$1 = {
+const EVENT_MAP$2 = {
     axisLabelClick: AxisLabelClickEvent,
     drag: DragEvent,
     dragEnd: DragEndEvent,
@@ -2221,10 +2230,10 @@ const EVENT_MAP$1 = {
 /**
  * @hidden
  */
-class InstanceEventService {
+class InstanceEventService$1 {
     create(name, args, sender) {
-        if (EVENT_MAP$1[name]) {
-            return new EVENT_MAP$1[name](args, sender);
+        if (EVENT_MAP$2[name]) {
+            return new EVENT_MAP$2[name](args, sender);
         }
     }
 }
@@ -2248,8 +2257,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-charts',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1712910844,
-    version: '15.5.0-develop.9',
+    publishDate: 1714060786,
+    version: '16.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2357,9 +2366,13 @@ class DrilldownEvent extends PreventableEvent {
     }
 }
 
+/**
+ * @hidden
+ */
 function hasObservers(emitter) {
     return emitter.observers.length > 0;
 }
+
 /**
  * The root Chart component.
  *
@@ -3048,11 +3061,11 @@ class ChartComponent {
         return Boolean(this.localizationService.rtl);
     }
 }
-ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: InstanceEventService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: InstanceEventService$1 }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ChartComponent, selector: "kendo-chart", inputs: { pannable: "pannable", renderAs: "renderAs", seriesColors: "seriesColors", subtitle: "subtitle", title: "title", transitions: "transitions", zoomable: "zoomable", axisDefaults: "axisDefaults", categoryAxis: "categoryAxis", chartArea: "chartArea", legend: "legend", panes: "panes", paneDefaults: "paneDefaults", plotArea: "plotArea", series: "series", seriesDefaults: "seriesDefaults", tooltip: "tooltip", valueAxis: "valueAxis", xAxis: "xAxis", yAxis: "yAxis", resizeRateLimit: "resizeRateLimit", popupSettings: "popupSettings", drilldownLevel: "drilldownLevel" }, outputs: { axisLabelClick: "axisLabelClick", drag: "drag", dragEnd: "dragEnd", dragStart: "dragStart", legendItemHover: "legendItemHover", legendItemLeave: "legendItemLeave", noteClick: "noteClick", noteHover: "noteHover", noteLeave: "noteLeave", paneRender: "paneRender", plotAreaClick: "plotAreaClick", plotAreaHover: "plotAreaHover", plotAreaLeave: "plotAreaLeave", render: "render", select: "select", selectEnd: "selectEnd", selectStart: "selectStart", seriesClick: "seriesClick", drilldown: "drilldown", seriesHover: "seriesHover", seriesOver: "seriesOver", seriesLeave: "seriesLeave", zoom: "zoom", zoomEnd: "zoomEnd", zoomStart: "zoomStart", legendItemClick: "legendItemClick", drilldownLevelChange: "drilldownLevelChange" }, providers: [
         ConfigurationService,
         TooltipTemplateService,
-        InstanceEventService,
+        InstanceEventService$1,
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -3079,7 +3092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     providers: [
                         ConfigurationService,
                         TooltipTemplateService,
-                        InstanceEventService,
+                        InstanceEventService$1,
                         LocalizationService,
                         {
                             provide: L10N_PREFIX,
@@ -3101,7 +3114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
     <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: InstanceEventService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { pannable: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: InstanceEventService$1 }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { pannable: [{
                 type: Input
             }], renderAs: [{
                 type: Input
@@ -6624,16 +6637,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }] });
 
-const EVENT_MAP = {
+const EVENT_MAP$1 = {
     navigatorFilter: NavigatorFilterEvent
 };
 /**
  * @hidden
  */
-class StockInstanceEventService extends InstanceEventService {
+class StockInstanceEventService extends InstanceEventService$1 {
     create(name, args, sender) {
-        if (EVENT_MAP[name]) {
-            return new EVENT_MAP[name](args, sender);
+        if (EVENT_MAP$1[name]) {
+            return new EVENT_MAP$1[name](args, sender);
         }
         return super.create(name, args, sender);
     }
@@ -7651,11 +7664,11 @@ class SparklineComponent extends ChartComponent {
         this.instance.setOptions(Sparkline.normalizeOptions(this.options));
     }
 }
-SparklineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SparklineComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: InstanceEventService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SparklineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SparklineComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i0.ElementRef }, { token: i3.IntlService }, { token: i4.LocalizationService }, { token: i0.NgZone }, { token: InstanceEventService$1 }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 SparklineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SparklineComponent, selector: "kendo-sparkline", inputs: { type: "type", data: "data", drilldownLevel: "drilldownLevel" }, outputs: { drilldown: "drilldown", drilldownLevelChange: "drilldownLevelChange" }, providers: [
         ConfigurationService,
         TooltipTemplateService,
-        InstanceEventService,
+        InstanceEventService$1,
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -7680,7 +7693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     providers: [
                         ConfigurationService,
                         TooltipTemplateService,
-                        InstanceEventService,
+                        InstanceEventService$1,
                         LocalizationService,
                         {
                             provide: L10N_PREFIX,
@@ -7700,7 +7713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: InstanceEventService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { type: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i0.ElementRef }, { type: i3.IntlService }, { type: i4.LocalizationService }, { type: i0.NgZone }, { type: InstanceEventService$1 }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { type: [{
                 type: Input
             }], data: [{
                 type: Input
@@ -7834,6 +7847,1313 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }] });
 
+/**
+ * @hidden
+ */
+class SankeyBaseEvent extends PreventableEvent$1 {
+    /**
+     * @hidden
+     */
+    constructor(e, sender) {
+        super();
+        this.sender = sender;
+        this.originalEvent = e.originalEvent;
+    }
+}
+
+/**
+ * Arguments for the node-related events of the [`SankeyComponent`]({% slug api_charts_sankeycomponent %}).
+ */
+class SankeyNodeEvent extends SankeyBaseEvent {
+    /**
+     * @hidden
+     */
+    constructor(e, sender) {
+        super(e, sender);
+        this.dataItem = e.dataItem;
+    }
+}
+
+/**
+ * Arguments for the link-related events of the [`SankeyComponent`]({% slug api_charts_sankeycomponent %}).
+ */
+class SankeyLinkEvent extends SankeyBaseEvent {
+    /**
+     * @hidden
+     */
+    constructor(e, sender) {
+        super(e, sender);
+        this.dataItem = e.dataItem;
+    }
+}
+
+const EVENT_MAP = {
+    nodeEnter: SankeyNodeEvent,
+    nodeLeave: SankeyNodeEvent,
+    linkEnter: SankeyLinkEvent,
+    linkLeave: SankeyLinkEvent,
+    nodeClick: SankeyNodeEvent,
+    linkClick: SankeyLinkEvent
+};
+/**
+ * @hidden
+ */
+class InstanceEventService {
+    create(name, args, sender) {
+        return new EVENT_MAP[name](args, sender);
+    }
+}
+
+/**
+ * The context that is passed to the Sankey diagram Link tooltip template.
+ */
+class SankeyLinkTooltipTemplateContext {
+    /**
+     * @hidden
+     */
+    constructor(e) {
+        const dataItem = e.dataItem;
+        this.source = dataItem.source;
+        this.target = dataItem.target;
+        this.value = dataItem.value;
+    }
+}
+
+/**
+ * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
+ * within the `<kendo-sankey-tooltip>` component for the
+ * [links tooltip](slug:tooltip_sankey#toc-specifying-a-template).
+ * The following context fields are frequently utilized:
+ * - `let-source="source"`&mdash;The link source data item..
+ * - `let-target="target"`&mdash;The link target data item.
+ * - `let-value="value"`&mdash;The link value.
+ * For the full list of available fields, refer to the [`SankeyLinkTooltipTemplateContext`](slug:api_charts_sankeylinktooltiptemplatecontext).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chart>
+ *       <kendo-chart-tooltip>
+ *          <ng-template kendoChartSeriesTooltipTemplate let-value="value">
+ *             Value is {{value}}
+ *           </ng-template>
+ *       </kendo-chart-tooltip>
+ *       <kendo-chart-series>
+ *         <kendo-chart-series-item [data]="[1, 2, 3]">
+ *         </kendo-chart-series-item>
+ *       </kendo-chart-series>
+ *     </kendo-chart>
+ *   `
+ * })
+ * class AppComponent {
+ * }
+ *
+ * import { Component } from '@angular/core';
+ * import { SankeyData } from '@progress/kendo-angular-charts';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *       <kendo-sankey [data]="data">
+ *         <kendo-sankey-tooltip [followPointer]="true">
+ *             <ng-template kendoSankeyLinkTooltipTemplate let-source="source" let-target="target" let-value="value">
+ *                 {{ source.label?.text }} - {{ target.label?.text }}: {{ value }}
+ *             </ng-template>
+ *         </kendo-sankey-tooltip>
+ *       </kendo-sankey>
+ *   `,
+ * })
+ * export class AppComponent {
+ *     public data: SankeyData = {
+ *         nodes: [
+ *           { id: 1, label: { text: 'Linux' } },
+ *           { id: 0, label: { text: 'iOS'} },
+ *           { id: 2, label: { text: 'Mobile' } },
+ *           { id: 3, label: { text: 'Desktop' } },
+ *         ],
+ *         links: [
+ *           { sourceId: 0, targetId: 2, value: 1 },
+ *           { sourceId: 1, targetId: 2, value: 2 },
+ *           { sourceId: 1, targetId: 3, value: 3 },
+ *         ],
+ *     };
+ * }
+ *
+ * ```
+ */
+class SankeyLinkTooltipTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+SankeyLinkTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLinkTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SankeyLinkTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SankeyLinkTooltipTemplateDirective, selector: "[kendoSankeyLinkTooltipTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLinkTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSankeyLinkTooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });
+
+/**
+ * The context that is passed to the Sankey diagram Node tooltip template.
+ */
+class SankeyNodeTooltipTemplateContext {
+    /**
+     * @hidden
+     */
+    constructor(e) {
+        const dataItem = e.dataItem;
+        this.label = dataItem.label;
+        this.color = dataItem.color;
+        this.value = e.nodeValue;
+    }
+}
+
+/**
+ * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
+ * within the `<kendo-sankey-tooltip>` component for the
+ * [series tooltip](slug:tooltip_sankey#toc-specifying-a-template).
+ * The following context fields are frequently utilized:
+ * - `let-color="color"`&mdash;The node color.
+ * - `let-label="label"`&mdash;The node label data.
+ * - `let-value="value"`&mdash;The node value.
+ * For the full list of available fields, refer to the [`SankeyNodeTooltipTemplateContext`](slug:api_charts_sankeynodetooltiptemplatecontext).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ * import { SankeyData } from '@progress/kendo-angular-charts';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *       <kendo-sankey [data]="data">
+ *           <ng-template kendoSankeyNodeTooltipTemplate let-color="color" let-label="label" let-value="value">
+ *               {{ label.text }}: {{ value }}
+ *           </ng-template>
+ *       </kendo-sankey>
+ *   `,
+ * })
+ * export class AppComponent {
+ *     public data: SankeyData = {
+ *         nodes: [
+ *           { id: 1, label: { text: 'Linux' } },
+ *           { id: 0, label: { text: 'iOS'} },
+ *           { id: 2, label: { text: 'Mobile' } },
+ *           { id: 3, label: { text: 'Desktop' } },
+ *         ],
+ *         links: [
+ *           { sourceId: 0, targetId: 2, value: 1 },
+ *           { sourceId: 1, targetId: 2, value: 2 },
+ *           { sourceId: 1, targetId: 3, value: 3 },
+ *         ],
+ *     };
+ * }
+ *
+ * ```
+ */
+class SankeyNodeTooltipTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+SankeyNodeTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyNodeTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SankeyNodeTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SankeyNodeTooltipTemplateDirective, selector: "[kendoSankeyNodeTooltipTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyNodeTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSankeyNodeTooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });
+
+/**
+ * @hidden
+ */
+class SankeyTooltipTemplateService {
+}
+SankeyTooltipTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SankeyTooltipTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipTemplateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipTemplateService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * @hidden
+ */
+class SquareSymbol {
+    constructor() {
+        this.size = 15;
+        this.display = 'inline-flex';
+        this.marginLeft = 3;
+    }
+}
+SquareSymbol.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SquareSymbol, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SquareSymbol.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SquareSymbol, selector: "[squareSymbol]", inputs: { color: "color", size: "size" }, host: { properties: { "style.backgroundColor": "this.color", "style.width.px": "this.size", "style.height.px": "this.size", "style.display": "this.display", "style.marginLeft.px": "this.marginLeft" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SquareSymbol, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[squareSymbol]'
+                }]
+        }], propDecorators: { color: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.backgroundColor']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.width.px']
+            }, {
+                type: HostBinding,
+                args: ['style.height.px']
+            }], display: [{
+                type: HostBinding,
+                args: ['style.display']
+            }], marginLeft: [{
+                type: HostBinding,
+                args: ['style.marginLeft.px']
+            }] } });
+
+const DEFAULT_OFFSET = 12;
+/**
+ * @hidden
+ */
+class SankeyTooltipPopupComponent extends BaseTooltip {
+    constructor(element, popupService, templateService, localizationService, intlService, ngZone) {
+        super(popupService, localizationService);
+        this.element = element;
+        this.popupService = popupService;
+        this.templateService = templateService;
+        this.localizationService = localizationService;
+        this.intlService = intlService;
+        this.ngZone = ngZone;
+        this.animate = false;
+        this.wrapperClass = 'k-chart-tooltip-wrapper';
+        this.arrowRightIcon = arrowRightIcon;
+        // TODO: Move to themes
+        this.textStyle = { margin: '0 3px' };
+        this.tooltipStyle = { display: 'flex', alignItems: 'center' };
+    }
+    onInit() {
+        this.popupRef.popupElement.className += ` ${this.wrapperClass}`;
+    }
+    show(e) {
+        this.isNode = e.targetType === 'node';
+        this.isLink = e.targetType === 'link';
+        this.nodeTooltipTemplateRef = this.templateService.nodeTemplate || this.defaultNodeTooltipTemplate.templateRef;
+        this.nodeTooltipContext = new SankeyNodeTooltipTemplateContext(e);
+        this.linkTooltipTemplateRef = this.templateService.linkTemplate || this.defaultLinkTooltipTemplate.templateRef;
+        this.linkTooltipContext = new SankeyLinkTooltipTemplateContext(e);
+        super.show({
+            style: {
+                position: 'static' // Override k-tooltip positioning
+            },
+            anchor: {
+                align: e.tooltipData.popupAlign,
+                point: this.tooltipAnchor(e),
+            },
+        });
+    }
+    tooltipAnchor(e) {
+        const element = this.element.nativeElement;
+        const size = { width: element.offsetWidth, height: element.offsetHeight };
+        const anchor = { ...e.tooltipData.popupOffset };
+        const popupAlign = e.tooltipData.popupAlign;
+        const offset = this.offset || DEFAULT_OFFSET;
+        anchor.left += (popupAlign.horizontal === 'left') ? offset : (-1 * offset);
+        if (popupAlign.horizontal === 'right') {
+            anchor.left -= size.width;
+        }
+        if (popupAlign.vertical === 'bottom') {
+            anchor.top -= size.height + offset;
+        }
+        else {
+            anchor.top += offset;
+        }
+        return anchor;
+    }
+    formatUnits(value) {
+        return this.intlService.format(this.tooltipUnitFormat, value ?? 0);
+    }
+}
+SankeyTooltipPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipPopupComponent, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: SankeyTooltipTemplateService }, { token: i4.LocalizationService }, { token: i3.IntlService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+SankeyTooltipPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyTooltipPopupComponent, selector: "kendo-sankey-tooltip-popup", inputs: { animate: "animate", popupSettings: "popupSettings", wrapperClass: "wrapperClass", tooltipUnitFormat: "tooltipUnitFormat", offset: "offset" }, providers: [
+        PopupService,
+        {
+            provide: POPUP_CONTAINER,
+            useFactory: bodyFactory,
+        },
+    ], viewQueries: [{ propertyName: "defaultNodeTooltipTemplate", first: true, predicate: SankeyNodeTooltipTemplateDirective, descendants: true }, { propertyName: "defaultLinkTooltipTemplate", first: true, predicate: SankeyLinkTooltipTemplateDirective, descendants: true }, { propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+        <ng-template #content>
+            <div class="k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip" [ngStyle]="style">
+                <div class="k-tooltip-content">
+                    <ng-template
+                        [ngTemplateOutlet]="nodeTooltipTemplateRef"
+                        *ngIf="isNode"
+                        [ngTemplateOutletContext]="nodeTooltipContext"
+                    >
+                    </ng-template>
+                    <ng-template
+                        [ngTemplateOutlet]="linkTooltipTemplateRef"
+                        *ngIf="isLink"
+                        [ngTemplateOutletContext]="linkTooltipContext"
+                    >
+                    </ng-template>
+                </div>
+            </div>
+        </ng-template>
+
+        <ng-template kendoSankeyNodeTooltipTemplate let-color="color" let-label="label" let-value="value">
+            <div [ngStyle]="tooltipStyle">
+                <div squareSymbol [color]="color"></div>
+                <span [ngStyle]="textStyle">{{ label.text }}</span>
+                <span [ngStyle]="textStyle">{{ formatUnits(value) }}</span>
+            </div>
+        </ng-template>
+
+        <ng-template kendoSankeyLinkTooltipTemplate let-source="source" let-target="target" let-value="value">
+            <div [ngStyle]="tooltipStyle">
+                <div squareSymbol [color]="source.color"></div>
+                <span [ngStyle]="textStyle">{{ source.label?.text }}</span>
+                <kendo-icon-wrapper name="arrow-right" [svgIcon]="arrowRightIcon"></kendo-icon-wrapper>
+                <span [ngStyle]="textStyle">{{ target.label?.text }}</span>
+                <span [ngStyle]="textStyle">{{ formatUnits(value) }}</span>
+            </div>
+        </ng-template>
+    `, isInline: true, components: [{ type: i5.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i4$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: SankeyNodeTooltipTemplateDirective, selector: "[kendoSankeyNodeTooltipTemplate]" }, { type: SquareSymbol, selector: "[squareSymbol]", inputs: ["color", "size"] }, { type: SankeyLinkTooltipTemplateDirective, selector: "[kendoSankeyLinkTooltipTemplate]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        PopupService,
+                        {
+                            provide: POPUP_CONTAINER,
+                            useFactory: bodyFactory,
+                        },
+                    ],
+                    selector: 'kendo-sankey-tooltip-popup',
+                    template: `
+        <ng-template #content>
+            <div class="k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip" [ngStyle]="style">
+                <div class="k-tooltip-content">
+                    <ng-template
+                        [ngTemplateOutlet]="nodeTooltipTemplateRef"
+                        *ngIf="isNode"
+                        [ngTemplateOutletContext]="nodeTooltipContext"
+                    >
+                    </ng-template>
+                    <ng-template
+                        [ngTemplateOutlet]="linkTooltipTemplateRef"
+                        *ngIf="isLink"
+                        [ngTemplateOutletContext]="linkTooltipContext"
+                    >
+                    </ng-template>
+                </div>
+            </div>
+        </ng-template>
+
+        <ng-template kendoSankeyNodeTooltipTemplate let-color="color" let-label="label" let-value="value">
+            <div [ngStyle]="tooltipStyle">
+                <div squareSymbol [color]="color"></div>
+                <span [ngStyle]="textStyle">{{ label.text }}</span>
+                <span [ngStyle]="textStyle">{{ formatUnits(value) }}</span>
+            </div>
+        </ng-template>
+
+        <ng-template kendoSankeyLinkTooltipTemplate let-source="source" let-target="target" let-value="value">
+            <div [ngStyle]="tooltipStyle">
+                <div squareSymbol [color]="source.color"></div>
+                <span [ngStyle]="textStyle">{{ source.label?.text }}</span>
+                <kendo-icon-wrapper name="arrow-right" [svgIcon]="arrowRightIcon"></kendo-icon-wrapper>
+                <span [ngStyle]="textStyle">{{ target.label?.text }}</span>
+                <span [ngStyle]="textStyle">{{ formatUnits(value) }}</span>
+            </div>
+        </ng-template>
+    `,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SankeyTooltipTemplateService }, { type: i4.LocalizationService }, { type: i3.IntlService }, { type: i0.NgZone }]; }, propDecorators: { defaultNodeTooltipTemplate: [{
+                type: ViewChild,
+                args: [SankeyNodeTooltipTemplateDirective, { static: false }]
+            }], defaultLinkTooltipTemplate: [{
+                type: ViewChild,
+                args: [SankeyLinkTooltipTemplateDirective, { static: false }]
+            }], templateRef: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], animate: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], wrapperClass: [{
+                type: Input
+            }], tooltipUnitFormat: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class Messages extends ComponentMessages {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, selector: "[kendoSankeyMessages]", inputs: { tooltipUnitFormat: "tooltipUnitFormat" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSankeyMessages]'
+                }]
+        }], propDecorators: { tooltipUnitFormat: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedMessagesDirective, selector: "[kendoSankeyLocalizedMessages]", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoSankeyLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i4.LocalizationService }]; } });
+
+/**
+ * The Sankey diagram component.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *       <kendo-sankey [data]="data">
+ *       </kendo-sankey>
+ *   `,
+ * })
+ * export class AppComponent {
+ *     public data: SankeyData = {
+ *         nodes: [
+ *           { id: 1, label: { text: 'Linux' } },
+ *           { id: 0, label: { text: 'iOS'} },
+ *           { id: 2, label: { text: 'Mobile' } },
+ *           { id: 3, label: { text: 'Desktop' } },
+ *         ],
+ *         links: [
+ *           { sourceId: 0, targetId: 2, value: 1 },
+ *           { sourceId: 1, targetId: 2, value: 2 },
+ *           { sourceId: 1, targetId: 3, value: 3 },
+ *         ],
+ *       };
+ * }
+ * ```
+ */
+class SankeyComponent {
+    constructor(element, configurationService, themeService, localizationService, instanceEventService, ngZone, changeDetector, renderer) {
+        this.element = element;
+        this.configurationService = configurationService;
+        this.themeService = themeService;
+        this.localizationService = localizationService;
+        this.instanceEventService = instanceEventService;
+        this.ngZone = ngZone;
+        this.changeDetector = changeDetector;
+        this.renderer = renderer;
+        /**
+         * Fires when the mouse pointer enters a node. Similar to the `mouseenter` event.
+         */
+        this.nodeEnter = new EventEmitter();
+        /**
+         * Fires when the mouse pointer leaves a node. Similar to the `mouseleave` event.
+         */
+        this.nodeLeave = new EventEmitter();
+        /**
+         * Fires when a node is clicked.
+         */
+        this.nodeClick = new EventEmitter();
+        /**
+         * Fires when the mouse pointer enters a link. Similar to the `mouseenter` event,
+         */
+        this.linkEnter = new EventEmitter();
+        /**
+         * Fires when the mouse pointer leaves a link. Similar to the `mouseleave` event.
+         */
+        this.linkLeave = new EventEmitter();
+        /**
+         * Fires when a link is clicked.
+         */
+        this.linkClick = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.showLicenseWatermark = false;
+        this.rtl = false;
+        const isValid = validatePackage(packageMetadata);
+        this.showLicenseWatermark = shouldShowValidationUI(isValid);
+        this.themeService.loadTheme();
+        this.refreshWait();
+    }
+    ngOnChanges(changes) {
+        const store = this.configurationService.store;
+        copyChanges(changes, store);
+        store.popupSettings = null;
+        this.configurationService.push(store);
+    }
+    /**
+     * Updates the component fields with the specified values and refreshes the widget.
+     *
+     * Use this method when the configuration values cannot be set through the template.
+     *
+     * @example
+     * ```ts-no-run
+     * sankey.notifyChanges({ title: { text: 'New Title' } });
+     * ```
+     *
+     * @param changes An object containing the updated input fields.
+     */
+    notifyChanges(changes) {
+        this.ngOnChanges(toSimpleChanges(changes));
+    }
+    ngOnDestroy() {
+        this.destroyed = true;
+        if (this.optionsChange) {
+            this.optionsChange.unsubscribe();
+        }
+        if (this.instance) {
+            this.instance.destroy();
+            this.instance = null;
+        }
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+        clearTimeout(this.redrawTimeout);
+    }
+    /**
+     * @hidden
+     */
+    messageFor(key) {
+        return this.localizationService.get(key);
+    }
+    createInstance(element) {
+        this.instance = new Sankey(element, this.options, this.theme);
+        ['nodeEnter', 'nodeLeave', 'nodeClick', 'linkEnter', 'linkLeave', 'linkClick'].forEach((eventName) => this.instance.bind(eventName, (e) => this.trigger(eventName, e)));
+        this.instance.bind('tooltipShow', (e) => this.onShowTooltip(e));
+        this.instance.bind('tooltipHide', () => this.onHideTooltip());
+    }
+    /**
+     * Exports the Sankey diagram as an image. The export operation is asynchronous and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that will be resolved with a PNG image encoded as a Data URI.
+     */
+    exportImage(options = {}) {
+        return exportImage(this.exportVisual(options), options);
+    }
+    /**
+     * Exports the Sankey diagram as an SVG document. The export operation is asynchronous and returns a promise.
+     *
+     * @param options - The parameters for the exported file.
+     * @returns - A promise that will be resolved with an SVG document that is encoded as a Data URI.
+     */
+    exportSVG(options = {}) {
+        return exportSVG(this.exportVisual(options), options);
+    }
+    /**
+     * Exports the visual of the Sankey component to a drawing group.
+     *
+     * @param options - The parameters for the export operation.
+     * @returns - The root Group of the scene.
+     */
+    exportVisual(options = {}) {
+        return this.instance.exportVisual(options);
+    }
+    init() {
+        if (!this.canRender) {
+            return;
+        }
+        const element = this.instanceElement.nativeElement;
+        this.createInstance(element);
+    }
+    /**
+     * Reloads the Sankey 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;
+    }
+    onShowTooltip(e) {
+        this.run(() => {
+            this.tooltipInstance.show(e);
+        }, true, true);
+    }
+    onHideTooltip() {
+        if (this.tooltipInstance.active) {
+            this.tooltipInstance.hide();
+            this.detectChanges();
+        }
+    }
+    trigger(name, e) {
+        const emitter = this.activeEmitter(name);
+        if (emitter) {
+            const args = this.instanceEventService.create(name, e, this);
+            this.run(() => {
+                emitter.emit(args);
+            });
+            return args.isDefaultPrevented && args.isDefaultPrevented();
+        }
+    }
+    requiresHandlers(names) {
+        for (let idx = 0; idx < names.length; idx++) {
+            if (this.activeEmitter(names[idx])) {
+                return true;
+            }
+        }
+        return false;
+    }
+    refresh() {
+        clearTimeout(this.redrawTimeout);
+        if (!this.instance) {
+            this.init();
+            return;
+        }
+        this.updateOptions();
+    }
+    updateOptions() {
+        this.instance.setOptions(this.options);
+    }
+    get canRender() {
+        return isDocumentAvailable() && Boolean(this.instanceElement);
+    }
+    activeEmitter(name) {
+        const emitter = this[name];
+        if (emitter && emitter.emit && hasObservers(emitter)) {
+            return emitter;
+        }
+    }
+    refreshWait() {
+        this.ngZone.runOutsideAngular(() => {
+            this.optionsChange = combineLatest([this.configurationService.onChange$, this.themeService.onChange$])
+                .pipe(tap((result) => {
+                this.options = result[0];
+                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) {
+                this.changeDetector.markForCheck();
+            }
+            this.ngZone.run(callback);
+        }
+        else {
+            callback();
+            if (detectChanges) {
+                this.detectChanges();
+            }
+        }
+    }
+    detectChanges() {
+        if (!this.destroyed) {
+            this.changeDetector.detectChanges();
+        }
+    }
+}
+SankeyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyComponent, deps: [{ token: i0.ElementRef }, { token: ConfigurationService }, { token: ThemeService }, { token: i4.LocalizationService }, { token: InstanceEventService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SankeyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyComponent, selector: "kendo-sankey", inputs: { data: "data", links: "links", nodes: "nodes", labels: "labels", title: "title", legend: "legend", tooltip: "tooltip", disableAutoLayout: "disableAutoLayout", popupSettings: "popupSettings" }, outputs: { nodeEnter: "nodeEnter", nodeLeave: "nodeLeave", nodeClick: "nodeClick", linkEnter: "linkEnter", linkLeave: "linkLeave", linkClick: "linkClick" }, providers: [
+        ConfigurationService,
+        LocalizationService,
+        InstanceEventService,
+        SankeyTooltipTemplateService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.sankey',
+        },
+    ], viewQueries: [{ propertyName: "tooltipInstance", first: true, predicate: SankeyTooltipPopupComponent, descendants: true, static: true }, { propertyName: "instanceElement", first: true, predicate: ["instance"], descendants: true, static: true }], exportAs: ["kendoSankey"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container
+            kendoSankeyLocalizedMessages
+            i18n-tooltipUnitFormat="kendo.sankey.tooltipUnitFormat|The format string to use when displaying node and link values in the tooltip"
+            tooltipUnitFormat="({0} units)"
+        ></ng-container>
+        <div #instance></div>
+        <kendo-sankey-tooltip-popup
+            [popupSettings]="popupSettings"
+            [tooltipUnitFormat]="messageFor('tooltipUnitFormat')"
+        >
+        </kendo-sankey-tooltip-popup>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+    `, isInline: true, components: [{ type: SankeyTooltipPopupComponent, selector: "kendo-sankey-tooltip-popup", inputs: ["animate", "popupSettings", "wrapperClass", "tooltipUnitFormat", "offset"] }, { type: i8.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoSankeyLocalizedMessages]" }, { type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendoSankey',
+                    providers: [
+                        ConfigurationService,
+                        LocalizationService,
+                        InstanceEventService,
+                        SankeyTooltipTemplateService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.sankey',
+                        },
+                    ],
+                    selector: 'kendo-sankey',
+                    template: `
+        <ng-container
+            kendoSankeyLocalizedMessages
+            i18n-tooltipUnitFormat="kendo.sankey.tooltipUnitFormat|The format string to use when displaying node and link values in the tooltip"
+            tooltipUnitFormat="({0} units)"
+        ></ng-container>
+        <div #instance></div>
+        <kendo-sankey-tooltip-popup
+            [popupSettings]="popupSettings"
+            [tooltipUnitFormat]="messageFor('tooltipUnitFormat')"
+        >
+        </kendo-sankey-tooltip-popup>
+        <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
+    `,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: ConfigurationService }, { type: ThemeService }, { type: i4.LocalizationService }, { type: InstanceEventService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
+                type: Input
+            }], links: [{
+                type: Input
+            }], nodes: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], legend: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], disableAutoLayout: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], nodeEnter: [{
+                type: Output
+            }], nodeLeave: [{
+                type: Output
+            }], nodeClick: [{
+                type: Output
+            }], linkEnter: [{
+                type: Output
+            }], linkLeave: [{
+                type: Output
+            }], linkClick: [{
+                type: Output
+            }], tooltipInstance: [{
+                type: ViewChild,
+                args: [SankeyTooltipPopupComponent, { static: true }]
+            }], instanceElement: [{
+                type: ViewChild,
+                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.
+ */
+class SankeyFlatBindingDataBoundEvent {
+    /**
+     * @hidden
+     */
+    constructor(data) {
+        this.data = data;
+    }
+}
+
+/**
+ * A directive which encapsulates the retrieval of the nodes and links when flat data is provided.
+ *
+ * See [Data Binding - Binding to Flat Data]({% slug data_binding_sankey %}#toc-binding-to-flat-data).
+ */
+class SankeyFlatBindingDirective {
+    constructor(sankey) {
+        this.sankey = sankey;
+        /**
+         * Represents the fields which identify the nodes.
+         */
+        this.dimensionFields = [];
+        /**
+         * Fires when the flat data has been converted to `SankeyData`.
+         *
+         * To customize the created nodes and links, modify the data.
+         */
+        this.dataBound = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if (!isChanged('data', changes, false)) {
+            return;
+        }
+        if (this.dimensionFields?.length === 0) {
+            throw new Error('kendoSankeyFlatBinding: dimensionFields is required');
+        }
+        if (!this.valueField) {
+            throw new Error('kendoSankeyFlatBinding: valueField is required');
+        }
+        const dimensions = this.dimensionFields.map(field => getter(field));
+        const measure = getter(this.valueField);
+        const data = createSankeyData(this.data, dimensions, measure);
+        this.dataBound.emit(new SankeyFlatBindingDataBoundEvent(data));
+        this.sankey.notifyChanges({ data });
+    }
+}
+SankeyFlatBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyFlatBindingDirective, deps: [{ token: SankeyComponent }], target: i0.ɵɵFactoryTarget.Directive });
+SankeyFlatBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SankeyFlatBindingDirective, selector: "[kendoSankeyFlatBinding]", inputs: { data: ["kendoSankeyFlatBinding", "data"], dimensionFields: "dimensionFields", valueField: "valueField" }, outputs: { dataBound: "dataBound" }, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyFlatBindingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSankeyFlatBinding]'
+                }]
+        }], ctorParameters: function () { return [{ type: SankeyComponent }]; }, propDecorators: { data: [{
+                type: Input,
+                args: ['kendoSankeyFlatBinding']
+            }], dimensionFields: [{
+                type: Input
+            }], valueField: [{
+                type: Input
+            }], dataBound: [{
+                type: Output
+            }] } });
+
+/**
+ * The configuration options of the Sankey legend
+ * ([see example]({% slug legend_sankey %})).
+ */
+class SankeyLabelsComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('labels', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+SankeyLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyLabelsComponent, selector: "kendo-sankey-labels", inputs: { visible: "visible", font: "font", color: "color", align: "align", position: "position", padding: "padding", margin: "margin", border: "border", offset: "offset", stroke: "stroke" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLabelsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-sankey-labels',
+                    template: '',
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { visible: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], stroke: [{
+                type: Input
+            }] } });
+
+/**
+ * The configuration options of the Sankey legend
+ * ([see example]({% slug legend_sankey %})).
+ */
+class SankeyLegendComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('legend', configurationService);
+        this.configurationService = configurationService;
+        this.markAsVisible();
+    }
+}
+SankeyLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLegendComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyLegendComponent, selector: "kendo-sankey-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", title: "title" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLegendComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-sankey-legend',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { align: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], offsetX: [{
+                type: Input
+            }], offsetY: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], markers: [{
+                type: Input
+            }], spacing: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+/**
+ * The configuration options of the Sankey legend
+ * ([see example]({% slug legend_sankey %})).
+ */
+class SankeyLinksComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('links', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+SankeyLinksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyLinksComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyLinksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyLinksComponent, 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: "13.3.12", ngImport: i0, type: SankeyLinksComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-sankey-links',
+                    template: '',
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { colorType: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], highlight: [{
+                type: Input
+            }] } });
+
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug globalization_filter %}#toc-localization)).
+ */
+class SankeyCustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+SankeyCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyCustomMessagesComponent, deps: [{ token: i4.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyCustomMessagesComponent, selector: "kendo-sankey-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => SankeyCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => SankeyCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-sankey-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i4.LocalizationService }]; } });
+
+/**
+ * The configuration options of the Sankey legend
+ * ([see example]({% slug legend_sankey %})).
+ */
+class SankeyNodesComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('nodes', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+SankeyNodesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyNodesComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyNodesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyNodesComponent, 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: "13.3.12", ngImport: i0, type: SankeyNodesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-sankey-nodes',
+                    template: '',
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { colorType: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }] } });
+
+/**
+ * The configuration options of the Sankey title or text
+ * ([see example]({% slug title_sankey %})).
+ *
+ * @example
+ * ```html
+ * <kendo-sankey [data]="data">
+ *     <kendo-sankey-title text="Title Text" [padding]="{bottom: 20}"></kendo-sankey-title>
+ *     ...
+ * </kendo-sankey>
+ * ```
+ */
+class SankeyTitleComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('title', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+SankeyTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTitleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyTitleComponent, selector: "kendo-sankey-title", inputs: { align: "align", background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", text: "text", description: "description", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-sankey-title',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { align: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });
+
+/**
+ * The configuration options of the Sankey tooltip
+ * ([see example]({% slug tooltip_sankey %})).
+ */
+class SankeyTooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.markAsVisible();
+    }
+    ngAfterContentChecked() {
+        this.templateService.linkTemplate = this.linkTooltipTemplate?.templateRef;
+        this.templateService.nodeTemplate = this.nodeTooltipTemplate?.templateRef;
+    }
+}
+SankeyTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipComponent, deps: [{ token: ConfigurationService }, { token: SankeyTooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
+SankeyTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SankeyTooltipComponent, selector: "kendo-sankey-tooltip", inputs: { followPointer: "followPointer", delay: "delay", offset: "offset", visible: "visible" }, queries: [{ propertyName: "linkTooltipTemplate", first: true, predicate: SankeyLinkTooltipTemplateDirective, descendants: true }, { propertyName: "nodeTooltipTemplate", first: true, predicate: SankeyNodeTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-sankey-tooltip',
+                    template: '',
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: SankeyTooltipTemplateService }]; }, propDecorators: { followPointer: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], linkTooltipTemplate: [{
+                type: ContentChild,
+                args: [SankeyLinkTooltipTemplateDirective, { static: false }]
+            }], nodeTooltipTemplate: [{
+                type: ContentChild,
+                args: [SankeyNodeTooltipTemplateDirective, { static: false }]
+            }] } });
+
+/**
+ * @hidden
+ */
+const SANKEY_EXPORTS = [
+    SankeyComponent,
+    SankeyTooltipPopupComponent,
+    SankeyLinkTooltipTemplateDirective,
+    SankeyNodeTooltipTemplateDirective,
+    SankeyCustomMessagesComponent,
+    LocalizedMessagesDirective,
+    SankeyTitleComponent,
+    SankeyLegendComponent,
+    SankeyTooltipComponent,
+    SankeyLinksComponent,
+    SankeyNodesComponent,
+    SankeyLabelsComponent,
+    SankeyFlatBindingDirective
+];
+/**
+ * @hidden
+ */
+const SANKEY_DIRECTIVES = [
+    ...SANKEY_EXPORTS,
+    SquareSymbol
+];
+
+/**
+ * A [module](link:site.data.urls.angular['ngmoduleapi']) that includes the Sparkline component and directives.
+ *
+ * Imports the SparklineModule into your application
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
+ * that will use the Sparkline component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { SparklineModule } from '@progress/kendo-angular-charts';
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, SparklineModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
+ */
+class SankeyModule {
+}
+SankeyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SankeyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyModule, declarations: [SankeyComponent, SankeyTooltipPopupComponent, SankeyLinkTooltipTemplateDirective, SankeyNodeTooltipTemplateDirective, SankeyCustomMessagesComponent, LocalizedMessagesDirective, SankeyTitleComponent, SankeyLegendComponent, SankeyTooltipComponent, SankeyLinksComponent, SankeyNodesComponent, SankeyLabelsComponent, SankeyFlatBindingDirective, SquareSymbol], imports: [CommonModule, IconsModule, PopupModule, ResizeSensorModule, WatermarkModule], exports: [SankeyComponent, SankeyTooltipPopupComponent, SankeyLinkTooltipTemplateDirective, SankeyNodeTooltipTemplateDirective, SankeyCustomMessagesComponent, LocalizedMessagesDirective, SankeyTitleComponent, SankeyLegendComponent, SankeyTooltipComponent, SankeyLinksComponent, SankeyNodesComponent, SankeyLabelsComponent, SankeyFlatBindingDirective] });
+SankeyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyModule, providers: [ThemeService], imports: [[CommonModule, IconsModule, PopupModule, ResizeSensorModule, WatermarkModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SankeyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SANKEY_DIRECTIVES],
+                    exports: [SANKEY_EXPORTS],
+                    imports: [CommonModule, IconsModule, PopupModule, ResizeSensorModule, WatermarkModule],
+                    providers: [ThemeService],
+                }]
+        }] });
+
 /**
  * A [module](link:site.data.urls.angular['ngmoduleapi']) that includes all Chart components and directives.
  *
@@ -7860,12 +9180,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class ChartsModule {
 }
 ChartsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartsModule, exports: [ChartModule, SparklineModule, StockChartModule] });
-ChartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartsModule, imports: [ChartModule, SparklineModule, StockChartModule] });
+ChartsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartsModule, exports: [ChartModule, SparklineModule, StockChartModule, SankeyModule] });
+ChartsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartsModule, imports: [ChartModule, SparklineModule, StockChartModule, SankeyModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ChartsModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [ChartModule, SparklineModule, StockChartModule]
+                    exports: [ChartModule, SparklineModule, StockChartModule, SankeyModule]
                 }]
         }] });
 
@@ -7873,5 +9193,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, AxisLabelClickEvent, CHART_DIRECTIVES, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisRangeLabelsComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, ChartBreadcrumbComponent, ChartComponent, ChartModule, ChartsModule, CollectionService, ConfigurationService, CrosshairTooltipComponent, CrosshairTooltipsContainerComponent, DonutCenterTemplateDirective, DragEndEvent, DragEvent, DragStartEvent, DrilldownEvent, LegendComponent, LegendInactiveItemsComponent, LegendItemClickEvent, LegendItemComponent, LegendItemHoverEvent, LegendItemLeaveEvent, NavigatorCategoryAxisComponent, NavigatorCategoryAxisCrosshairComponent, NavigatorCategoryAxisCrosshairTooltipComponent, NavigatorCategoryAxisLabelsComponent, NavigatorCategoryAxisNotesComponent, NavigatorCategoryAxisNotesIconComponent, NavigatorCategoryAxisNotesLabelComponent, NavigatorCategoryAxisSelectComponent, NavigatorCategoryAxisTitleComponent, NavigatorComponent, NavigatorFilterEvent, NavigatorHintComponent, NavigatorPaneComponent, NavigatorPaneTitleComponent, NavigatorSelectComponent, NavigatorSeriesComponent, NavigatorSeriesErrorBarsComponent, NavigatorSeriesExtremesComponent, NavigatorSeriesHighlightComponent, NavigatorSeriesItemComponent, NavigatorSeriesLabelsComponent, NavigatorSeriesLabelsFromComponent, NavigatorSeriesLabelsToComponent, NavigatorSeriesMarkersComponent, NavigatorSeriesNotesComponent, NavigatorSeriesNotesIconComponent, NavigatorSeriesNotesLabelComponent, NavigatorSeriesOutliersComponent, NavigatorSeriesTooltipComponent, NoteClickEvent, NoteHoverEvent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PaneRenderEvent, PanesComponent, PanesTitleComponent, PlotAreaClickEvent, PlotAreaComponent, PlotAreaHoverEvent, RenderEvent, SPARKLINE_DIRECTIVES, STOCK_CHART_DIRECTIVES, SelectEndEvent, SelectEvent, SelectStartEvent, SeriesClickEvent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesDrilldownTemplateDirective, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesHoverEvent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, SeriesTooltipTemplateDirective, SeriesTrendlineComponent, SeriesTrendlineForecastComponent, SharedTooltipTemplateDirective, SparklineComponent, SparklineModule, StockChartComponent, StockChartModule, SubtitleComponent, TitleComponent, TooltipComponent, TooltipPopupComponent, TooltipTemplateService, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, WeekStartDay, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomEndEvent, ZoomEvent, ZoomStartEvent, ZoomableComponent };
+export { AxisDefaultsComponent, AxisDefaultsCrosshairComponent, AxisDefaultsCrosshairTooltipComponent, AxisDefaultsLabelsComponent, AxisDefaultsTitleComponent, AxisLabelClickEvent, CHART_DIRECTIVES, CategoryAxisComponent, CategoryAxisCrosshairComponent, CategoryAxisCrosshairTooltipComponent, CategoryAxisItemComponent, CategoryAxisLabelsComponent, CategoryAxisNotesComponent, CategoryAxisNotesIconComponent, CategoryAxisNotesLabelComponent, CategoryAxisRangeLabelsComponent, CategoryAxisSelectComponent, CategoryAxisTitleComponent, ChartAreaComponent, ChartBreadcrumbComponent, ChartComponent, ChartModule, ChartsModule, CollectionService, ConfigurationService, CrosshairTooltipComponent, CrosshairTooltipsContainerComponent, DonutCenterTemplateDirective, DragEndEvent, DragEvent, DragStartEvent, DrilldownEvent, InstanceEventService, LegendComponent, LegendInactiveItemsComponent, LegendItemClickEvent, LegendItemComponent, LegendItemHoverEvent, LegendItemLeaveEvent, LocalizedMessagesDirective, NavigatorCategoryAxisComponent, NavigatorCategoryAxisCrosshairComponent, NavigatorCategoryAxisCrosshairTooltipComponent, NavigatorCategoryAxisLabelsComponent, NavigatorCategoryAxisNotesComponent, NavigatorCategoryAxisNotesIconComponent, NavigatorCategoryAxisNotesLabelComponent, NavigatorCategoryAxisSelectComponent, NavigatorCategoryAxisTitleComponent, NavigatorComponent, NavigatorFilterEvent, NavigatorHintComponent, NavigatorPaneComponent, NavigatorPaneTitleComponent, NavigatorSelectComponent, NavigatorSeriesComponent, NavigatorSeriesErrorBarsComponent, NavigatorSeriesExtremesComponent, NavigatorSeriesHighlightComponent, NavigatorSeriesItemComponent, NavigatorSeriesLabelsComponent, NavigatorSeriesLabelsFromComponent, NavigatorSeriesLabelsToComponent, NavigatorSeriesMarkersComponent, NavigatorSeriesNotesComponent, NavigatorSeriesNotesIconComponent, NavigatorSeriesNotesLabelComponent, NavigatorSeriesOutliersComponent, NavigatorSeriesTooltipComponent, NoteClickEvent, NoteHoverEvent, PaneComponent, PaneDefaultsComponent, PaneDefaultsTitleComponent, PaneRenderEvent, PanesComponent, PanesTitleComponent, PlotAreaClickEvent, PlotAreaComponent, PlotAreaHoverEvent, RenderEvent, SANKEY_DIRECTIVES, SANKEY_EXPORTS, SPARKLINE_DIRECTIVES, STOCK_CHART_DIRECTIVES, SankeyBaseEvent, SankeyComponent, SankeyCustomMessagesComponent, SankeyFlatBindingDataBoundEvent, SankeyFlatBindingDirective, SankeyLabelsComponent, SankeyLegendComponent, SankeyLinkEvent, SankeyLinkTooltipTemplateDirective, SankeyLinksComponent, SankeyModule, SankeyNodeEvent, SankeyNodeTooltipTemplateDirective, SankeyNodesComponent, SankeyTitleComponent, SankeyTooltipComponent, SankeyTooltipPopupComponent, SelectEndEvent, SelectEvent, SelectStartEvent, SeriesClickEvent, SeriesComponent, SeriesDefaultsComponent, SeriesDefaultsLabelsComponent, SeriesDefaultsLabelsFromComponent, SeriesDefaultsLabelsToComponent, SeriesDefaultsNotesComponent, SeriesDefaultsNotesIconComponent, SeriesDefaultsNotesLabelComponent, SeriesDefaultsTooltipComponent, SeriesDrilldownTemplateDirective, SeriesErrorBarsComponent, SeriesExtremesComponent, SeriesHighlightComponent, SeriesHoverEvent, SeriesItemComponent, SeriesLabelsComponent, SeriesLabelsFromComponent, SeriesLabelsToComponent, SeriesMarkersComponent, SeriesNotesComponent, SeriesNotesIconComponent, SeriesNotesLabelComponent, SeriesOutliersComponent, SeriesTooltipComponent, SeriesTooltipTemplateDirective, SeriesTrendlineComponent, SeriesTrendlineForecastComponent, SharedTooltipTemplateDirective, SparklineComponent, SparklineModule, StockChartComponent, StockChartModule, SubtitleComponent, TitleComponent, TooltipComponent, TooltipPopupComponent, TooltipTemplateService, ValueAxisComponent, ValueAxisCrosshairComponent, ValueAxisCrosshairTooltipComponent, ValueAxisItemComponent, ValueAxisLabelsComponent, ValueAxisNotesComponent, ValueAxisNotesIconComponent, ValueAxisNotesLabelComponent, ValueAxisTitleComponent, WeekStartDay, XAxisComponent, XAxisCrosshairComponent, XAxisCrosshairTooltipComponent, XAxisItemComponent, XAxisLabelsComponent, XAxisNotesComponent, XAxisNotesIconComponent, XAxisNotesLabelComponent, XAxisTitleComponent, YAxisComponent, YAxisCrosshairComponent, YAxisCrosshairTooltipComponent, YAxisItemComponent, YAxisLabelsComponent, YAxisNotesComponent, YAxisNotesIconComponent, YAxisNotesLabelComponent, YAxisTitleComponent, ZoomEndEvent, ZoomEvent, ZoomStartEvent, ZoomableComponent };