@progress/kendo-angular-charts 21.4.1-develop.1 → 22.0.0-develop.1

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

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

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

@@ -1,66 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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";
-/**
- * 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-node-tooltip-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.
- * Refer to the [`SankeyNodeTooltipTemplateContext`](slug:api_charts_sankeynodetooltiptemplatecontext) for the full list of available fields.
- *
- * @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 {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyNodeTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SankeyNodeTooltipTemplateDirective, isStandalone: true, selector: "[kendoSankeyNodeTooltipTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyNodeTooltipTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSankeyNodeTooltipTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

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

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 {
-    color;
-    size = 15;
-    display = 'inline-flex';
-    marginLeft = 3;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SquareSymbol, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SquareSymbol, isStandalone: true, 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: "18.2.14", ngImport: i0, type: SquareSymbol, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[squareSymbol]',
-                    standalone: true
-                }]
-        }], 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/esm2022/sankey/tooltip/tooltip-popup.component.mjs

@@ -1,250 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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, Renderer2, 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 { arrowLeftIcon, arrowRightIcon } from '@progress/kendo-svg-icons';
-import { IntlService } from '@progress/kendo-angular-intl';
-import { SquareSymbol } from './square-symbol.directive';
-import { NgStyle, NgTemplateOutlet } from '@angular/common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-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";
-const DEFAULT_OFFSET = 12;
-/**
- * @hidden
- */
-export class SankeyTooltipPopupComponent extends BaseTooltip {
-    element;
-    popupService;
-    templateService;
-    localizationService;
-    intlService;
-    ngZone;
-    renderer;
-    nodeTooltipTemplateRef;
-    linkTooltipTemplateRef;
-    nodeTooltipContext;
-    linkTooltipContext;
-    defaultNodeTooltipTemplate;
-    defaultLinkTooltipTemplate;
-    templateRef;
-    animate = false;
-    wrapperClass = 'k-chart-tooltip-wrapper';
-    tooltipUnitFormat;
-    offset;
-    isNode;
-    isLink;
-    arrowIcon = arrowRightIcon;
-    // TODO: Move to themes
-    textStyle = { margin: '0 3px' };
-    tooltipStyle = { display: 'flex', alignItems: 'center' };
-    subscriptions;
-    rtl = false;
-    constructor(element, popupService, templateService, localizationService, intlService, ngZone, renderer) {
-        super(popupService, localizationService);
-        this.element = element;
-        this.popupService = popupService;
-        this.templateService = templateService;
-        this.localizationService = localizationService;
-        this.intlService = intlService;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-    }
-    onInit() {
-        this.popupRef.popupElement.className += ` ${this.wrapperClass}`;
-    }
-    ngAfterViewInit() {
-        this.setDirection();
-        this.subscriptions = this.localizationService.changes.subscribe(this.rtlChange.bind(this));
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    }
-    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);
-    }
-    rtlChange() {
-        this.arrowIcon = this.rtl ? arrowLeftIcon : arrowRightIcon;
-    }
-    setDirection() {
-        this.rtl = this.isRTL;
-        if (this.element) {
-            this.renderer.setAttribute(this.element.nativeElement, 'dir', this.rtl ? 'rtl' : 'ltr');
-        }
-    }
-    get isRTL() {
-        return Boolean(this.localizationService.rtl);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyTooltipPopupComponent, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.SankeyTooltipTemplateService }, { token: i3.LocalizationService }, { token: i4.IntlService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SankeyTooltipPopupComponent, isStandalone: true, selector: "kendo-sankey-tooltip-popup", inputs: { animate: "animate", 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">
-              @if (isNode) {
-                <ng-template
-                  [ngTemplateOutlet]="nodeTooltipTemplateRef"
-                  [ngTemplateOutletContext]="nodeTooltipContext"
-                  >
-                </ng-template>
-              }
-              @if (isLink) {
-                <ng-template
-                  [ngTemplateOutlet]="linkTooltipTemplateRef"
-                  [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]="arrowIcon.name" [svgIcon]="arrowIcon"></kendo-icon-wrapper>
-            <div squareSymbol [color]="target.color"></div>
-            <span [ngStyle]="textStyle">{{ target.label?.text }}</span>
-            <span [ngStyle]="textStyle">{{ formatUnits(value) }}</span>
-          </div>
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SankeyNodeTooltipTemplateDirective, selector: "[kendoSankeyNodeTooltipTemplate]" }, { kind: "directive", type: SquareSymbol, selector: "[squareSymbol]", inputs: ["color", "size"] }, { kind: "directive", type: SankeyLinkTooltipTemplateDirective, selector: "[kendoSankeyLinkTooltipTemplate]" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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">
-              @if (isNode) {
-                <ng-template
-                  [ngTemplateOutlet]="nodeTooltipTemplateRef"
-                  [ngTemplateOutletContext]="nodeTooltipContext"
-                  >
-                </ng-template>
-              }
-              @if (isLink) {
-                <ng-template
-                  [ngTemplateOutlet]="linkTooltipTemplateRef"
-                  [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]="arrowIcon.name" [svgIcon]="arrowIcon"></kendo-icon-wrapper>
-            <div squareSymbol [color]="target.color"></div>
-            <span [ngStyle]="textStyle">{{ target.label?.text }}</span>
-            <span [ngStyle]="textStyle">{{ formatUnits(value) }}</span>
-          </div>
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [NgStyle, NgTemplateOutlet, SankeyNodeTooltipTemplateDirective, SquareSymbol, SankeyLinkTooltipTemplateDirective, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: i2.SankeyTooltipTemplateService }, { type: i3.LocalizationService }, { type: i4.IntlService }, { type: i0.NgZone }, { type: i0.Renderer2 }], 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
-            }], wrapperClass: [{
-                type: Input
-            }], tooltipUnitFormat: [{
-                type: Input
-            }], offset: [{
-                type: Input
-            }] } });

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

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 {
-    nodeTemplate;
-    linkTemplate;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyTooltipTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyTooltipTemplateService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyTooltipTemplateService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/sankey/tooltip.component.mjs

@@ -1,80 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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";
-/**
- * Represents the Sankey tooltip
- * ([see example]({% slug tooltip_sankey %})).
- */
-export class SankeyTooltipComponent extends SettingsComponent {
-    configurationService;
-    templateService;
-    /**
-     * Determines if the tooltip follows the mouse pointer.
-     *
-     * @default false
-     */
-    followPointer;
-    /**
-     * Sets the delay of the tooltip displaying.
-     * The delay is measured in milliseconds.
-     *
-     * @default 100
-     */
-    delay;
-    /**
-     * Sets the distance between the tooltip and the mouse pointer in pixels.
-     * @default 12
-     */
-    offset;
-    /**
-     * Determines if the Sankey displays the link and node tooltips.
-     * @default false
-     */
-    visible;
-    linkTooltipTemplate;
-    nodeTooltipTemplate;
-    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;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SankeyTooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.SankeyTooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SankeyTooltipComponent, isStandalone: true, 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: "18.2.14", ngImport: i0, type: SankeyTooltipComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-sankey-tooltip',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ 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 }]
-            }] } });