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

package/esm2020/sankey/nodes.component.mjs

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ConfigurationService } from '../common/configuration.service';
+import { SettingsComponent } from '../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+/**
+ * The configuration options of the Sankey legend
+ * ([see example]({% slug legend_sankey %})).
+ */
+export 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: i1.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: i1.ConfigurationService }]; }, propDecorators: { colorType: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], offset: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], align: [{
+                type: Input
+            }] } });

package/esm2020/sankey/title.component.mjs

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ConfigurationService } from '../common/configuration.service';
+import { SettingsComponent } from '../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+/**
+ * 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>
+ * ```
+ */
+export 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: i1.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: i1.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
+            }] } });

package/esm2020/sankey/tooltip/link-tooltip-template-context.mjs

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The context that is passed to the Sankey diagram Link tooltip template.
+ */
+export class SankeyLinkTooltipTemplateContext {
+    /**
+     * @hidden
+     */
+    constructor(e) {
+        const dataItem = e.dataItem;
+        this.source = dataItem.source;
+        this.target = dataItem.target;
+        this.value = dataItem.value;
+    }
+}

package/esm2020/sankey/tooltip/link-tooltip-template.directive.mjs

@@ -0,0 +1,87 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, TemplateRef, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * 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 },
+ *         ],
+ *     };
+ * }
+ *
+ * ```
+ */
+export 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
+                }] }]; } });

package/esm2020/sankey/tooltip/node-tooltip-template-context.mjs

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The context that is passed to the Sankey diagram Node tooltip template.
+ */
+export class SankeyNodeTooltipTemplateContext {
+    /**
+     * @hidden
+     */
+    constructor(e) {
+        const dataItem = e.dataItem;
+        this.label = dataItem.label;
+        this.color = dataItem.color;
+        this.value = e.nodeValue;
+    }
+}

package/esm2020/sankey/tooltip/node-tooltip-template.directive.mjs

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, TemplateRef, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * 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 },
+ *         ],
+ *     };
+ * }
+ *
+ * ```
+ */
+export 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
+                }] }]; } });

package/esm2020/sankey/tooltip/square-symbol.directive.mjs

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export 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']
+            }] } });

package/esm2020/sankey/tooltip/tooltip-popup.component.mjs

@@ -0,0 +1,203 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ElementRef, Input, NgZone, TemplateRef, ViewChild } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { POPUP_CONTAINER, PopupService } from '@progress/kendo-angular-popup';
+import { BaseTooltip } from '../../chart/tooltip/base-tooltip';
+import { bodyFactory } from '../../chart/tooltip/body-factory';
+import { SankeyLinkTooltipTemplateContext } from './link-tooltip-template-context';
+import { SankeyLinkTooltipTemplateDirective } from './link-tooltip-template.directive';
+import { SankeyNodeTooltipTemplateContext } from './node-tooltip-template-context';
+import { SankeyNodeTooltipTemplateDirective } from './node-tooltip-template.directive';
+import { SankeyTooltipTemplateService } from './tooltip-template.service';
+import { arrowRightIcon } from '@progress/kendo-svg-icons';
+import { IntlService } from '@progress/kendo-angular-intl';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "./tooltip-template.service";
+import * as i3 from "@progress/kendo-angular-l10n";
+import * as i4 from "@progress/kendo-angular-intl";
+import * as i5 from "@progress/kendo-angular-icons";
+import * as i6 from "@angular/common";
+import * as i7 from "./node-tooltip-template.directive";
+import * as i8 from "./square-symbol.directive";
+import * as i9 from "./link-tooltip-template.directive";
+const DEFAULT_OFFSET = 12;
+/**
+ * @hidden
+ */
+export 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: i2.SankeyTooltipTemplateService }, { token: i3.LocalizationService }, { token: i4.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: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i7.SankeyNodeTooltipTemplateDirective, selector: "[kendoSankeyNodeTooltipTemplate]" }, { type: i8.SquareSymbol, selector: "[squareSymbol]", inputs: ["color", "size"] }, { type: i9.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: i2.SankeyTooltipTemplateService }, { type: i3.LocalizationService }, { type: i4.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
+            }] } });

package/esm2020/sankey/tooltip/tooltip-template.service.mjs

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export 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
+        }] });

package/esm2020/sankey/tooltip.component.mjs

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, Input } from '@angular/core';
+import { ConfigurationService } from '../common/configuration.service';
+import { SettingsComponent } from '../common/settings.component';
+import { SankeyLinkTooltipTemplateDirective } from './tooltip/link-tooltip-template.directive';
+import { SankeyNodeTooltipTemplateDirective } from './tooltip/node-tooltip-template.directive';
+import { SankeyTooltipTemplateService } from './tooltip/tooltip-template.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "./tooltip/tooltip-template.service";
+/**
+ * The configuration options of the Sankey tooltip
+ * ([see example]({% slug tooltip_sankey %})).
+ */
+export 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: i1.ConfigurationService }, { token: i2.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: i1.ConfigurationService }, { type: i2.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 }]
+            }] } });