@progress/kendo-angular-charts 15.5.0 → 16.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/charts.module.d.ts +2 -1
- package/common/has-observers.d.ts +9 -0
- package/esm2020/chart.component.mjs +1 -3
- package/esm2020/charts.module.mjs +4 -3
- package/esm2020/common/has-observers.mjs +10 -0
- package/esm2020/common/theme.service.mjs +6 -0
- package/esm2020/index.mjs +4 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/sankey/api-types/index.mjs +5 -0
- package/esm2020/sankey/data-binding/create-sankey-data.mjs +45 -0
- package/esm2020/sankey/data-binding/flat-binding.directive.mjs +65 -0
- package/esm2020/sankey/data-binding/flat-binding.event.mjs +15 -0
- package/esm2020/sankey/events/index.mjs +8 -0
- package/esm2020/sankey/events/instance-event.service.mjs +22 -0
- package/esm2020/sankey/events/sankey-base-event.mjs +18 -0
- package/esm2020/sankey/events/sankey-link-event.mjs +17 -0
- package/esm2020/sankey/events/sankey-node-event.mjs +17 -0
- package/esm2020/sankey/labels.component.mjs +49 -0
- package/esm2020/sankey/legend.component.mjs +64 -0
- package/esm2020/sankey/links.component.mjs +37 -0
- package/esm2020/sankey/localization/custom-messages.component.mjs +42 -0
- package/esm2020/sankey/localization/localized-messages.directive.mjs +37 -0
- package/esm2020/sankey/localization/messages.mjs +23 -0
- package/esm2020/sankey/nodes.component.mjs +43 -0
- package/esm2020/sankey/title.component.mjs +59 -0
- package/esm2020/sankey/tooltip/link-tooltip-template-context.mjs +18 -0
- package/esm2020/sankey/tooltip/link-tooltip-template.directive.mjs +87 -0
- package/esm2020/sankey/tooltip/node-tooltip-template-context.mjs +18 -0
- package/esm2020/sankey/tooltip/node-tooltip-template.directive.mjs +64 -0
- package/esm2020/sankey/tooltip/square-symbol.directive.mjs +43 -0
- package/esm2020/sankey/tooltip/tooltip-popup.component.mjs +203 -0
- package/esm2020/sankey/tooltip/tooltip-template.service.mjs +16 -0
- package/esm2020/sankey/tooltip.component.mjs +52 -0
- package/esm2020/sankey.component.mjs +378 -0
- package/esm2020/sankey.directives.mjs +46 -0
- package/esm2020/sankey.module.mjs +63 -0
- package/fesm2015/progress-kendo-angular-charts.mjs +1353 -30
- package/fesm2020/progress-kendo-angular-charts.mjs +1347 -27
- package/index.d.ts +4 -0
- package/package.json +9 -8
- package/sankey/api-types/index.d.ts +21 -0
- package/sankey/data-binding/create-sankey-data.d.ts +9 -0
- package/sankey/data-binding/flat-binding.directive.d.ts +38 -0
- package/sankey/data-binding/flat-binding.event.d.ts +24 -0
- package/sankey/events/index.d.ts +8 -0
- package/sankey/events/instance-event.service.d.ts +14 -0
- package/sankey/events/sankey-base-event.d.ts +24 -0
- package/sankey/events/sankey-link-event.d.ts +20 -0
- package/sankey/events/sankey-node-event.d.ts +20 -0
- package/sankey/labels.component.d.ts +36 -0
- package/sankey/legend.component.d.ts +82 -0
- package/sankey/links.component.d.ts +22 -0
- package/sankey/localization/custom-messages.component.d.ts +18 -0
- package/sankey/localization/localized-messages.directive.d.ts +16 -0
- package/sankey/localization/messages.d.ts +17 -0
- package/sankey/nodes.component.d.ts +34 -0
- package/sankey/title.component.d.ts +70 -0
- package/sankey/tooltip/link-tooltip-template-context.d.ts +26 -0
- package/sankey/tooltip/link-tooltip-template.directive.d.ts +78 -0
- package/sankey/tooltip/node-tooltip-template-context.d.ts +26 -0
- package/sankey/tooltip/node-tooltip-template.directive.d.ts +55 -0
- package/sankey/tooltip/square-symbol.directive.d.ts +16 -0
- package/sankey/tooltip/tooltip-popup.component.d.ts +60 -0
- package/sankey/tooltip/tooltip-template.service.d.ts +15 -0
- package/sankey/tooltip.component.d.ts +49 -0
- package/sankey.component.d.ts +200 -0
- package/sankey.directives.d.ts +27 -0
- package/sankey.module.d.ts +51 -0
package/index.d.ts
CHANGED
|
@@ -18,6 +18,10 @@ export { ChartOptions } from './chart-options.interface';
|
|
|
18
18
|
export { ConfigurationService } from './common/configuration.service';
|
|
19
19
|
export { TooltipTemplateService } from './common/tooltip-template.service';
|
|
20
20
|
export { CollectionService } from './common/collection.service';
|
|
21
|
+
export * from './sankey.directives';
|
|
22
|
+
export * from './sankey/api-types';
|
|
23
|
+
export * from './sankey/events';
|
|
24
|
+
export { SankeyModule } from './sankey.module';
|
|
21
25
|
export { CrosshairTooltipComponent } from './chart/tooltip/crosshair-tooltip.component';
|
|
22
26
|
export { CrosshairTooltipsContainerComponent } from './chart/tooltip/crosshair-tooltips-container.component';
|
|
23
27
|
export { DonutCenterTemplateDirective } from './chart/donut-center-template.directive';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-charts",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "16.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -47,18 +47,19 @@
|
|
|
47
47
|
"@angular/platform-browser": "13 - 17",
|
|
48
48
|
"@progress/kendo-drawing": "^1.19.0",
|
|
49
49
|
"@progress/kendo-licensing": "^1.0.2",
|
|
50
|
-
"@progress/kendo-angular-common": "
|
|
51
|
-
"@progress/kendo-angular-intl": "
|
|
52
|
-
"@progress/kendo-angular-
|
|
53
|
-
"@progress/kendo-angular-
|
|
54
|
-
"@progress/kendo-angular-
|
|
50
|
+
"@progress/kendo-angular-common": "16.0.0-develop.1",
|
|
51
|
+
"@progress/kendo-angular-intl": "16.0.0-develop.1",
|
|
52
|
+
"@progress/kendo-angular-icons": "16.0.0-develop.1",
|
|
53
|
+
"@progress/kendo-angular-l10n": "16.0.0-develop.1",
|
|
54
|
+
"@progress/kendo-angular-popup": "16.0.0-develop.1",
|
|
55
|
+
"@progress/kendo-angular-navigation": "16.0.0-develop.1",
|
|
55
56
|
"hammerjs": "^2.0.0",
|
|
56
57
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
57
58
|
},
|
|
58
59
|
"dependencies": {
|
|
59
60
|
"tslib": "^2.3.1",
|
|
60
|
-
"@progress/kendo-angular-schematics": "
|
|
61
|
-
"@progress/kendo-charts": "2.
|
|
61
|
+
"@progress/kendo-angular-schematics": "16.0.0-develop.1",
|
|
62
|
+
"@progress/kendo-charts": "2.3.0-dev.202404121620",
|
|
62
63
|
"@progress/kendo-svg-icons": "^2.0.0"
|
|
63
64
|
},
|
|
64
65
|
"schematics": "./schematics/collection.json",
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyData, SankeyExportVisualOptions, SankeyHorizontalMargin, SankeyLabel, SankeyLabelDefaults, SankeyLegendItem, SankeyLink, SankeyLinkDataItem, SankeyLinkDefaults, SankeyLinkHighlight, SankeyNode, SankeyNodeDataItem, SankeyNodeDefaults, SankeyOffset, SankeyOptions, SankeyTooltip } from '@progress/kendo-charts';
|
|
6
|
+
import { Legend, Title } from '../../common/property-types';
|
|
7
|
+
export { SankeyData, SankeyExportVisualOptions, SankeyHorizontalMargin, SankeyLabel, SankeyLabelDefaults, SankeyLegendItem, SankeyLink, SankeyLinkDataItem, SankeyLinkDefaults, SankeyLinkHighlight, SankeyNode, SankeyNodeDataItem, SankeyNodeDefaults, SankeyOffset, SankeyOptions, SankeyTooltip };
|
|
8
|
+
/**
|
|
9
|
+
* Represents the Sankey title options.
|
|
10
|
+
*/
|
|
11
|
+
export interface SankeyTitle extends Title {
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Represents the Sankey legend options.
|
|
15
|
+
*/
|
|
16
|
+
export interface SankeyLegend extends Omit<Legend, 'inactiveItems' | 'item'> {
|
|
17
|
+
/**
|
|
18
|
+
* The configuration of the legend items.
|
|
19
|
+
*/
|
|
20
|
+
item?: SankeyLegendItem;
|
|
21
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyData } from "../api-types";
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
export declare function createSankeyData<T>(data: T[], dimensions: ((item: T) => any)[], measure: (item: T) => number): SankeyData;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { EventEmitter, OnChanges, SimpleChanges } from "@angular/core";
|
|
6
|
+
import { SankeyComponent } from "../../sankey.component";
|
|
7
|
+
import { SankeyFlatBindingDataBoundEvent } from "./flat-binding.event";
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* A directive which encapsulates the retrieval of the nodes and links when flat data is provided.
|
|
11
|
+
*
|
|
12
|
+
* See [Data Binding - Binding to Flat Data]({% slug data_binding_sankey %}#toc-binding-to-flat-data).
|
|
13
|
+
*/
|
|
14
|
+
export declare class SankeyFlatBindingDirective implements OnChanges {
|
|
15
|
+
private sankey;
|
|
16
|
+
/**
|
|
17
|
+
* The data which will be displayed by the Sankey diagram.
|
|
18
|
+
*/
|
|
19
|
+
data: any[];
|
|
20
|
+
/**
|
|
21
|
+
* Represents the fields which identify the nodes.
|
|
22
|
+
*/
|
|
23
|
+
dimensionFields: string[];
|
|
24
|
+
/**
|
|
25
|
+
* Represents the unique field which represents the link value between nodes.
|
|
26
|
+
*/
|
|
27
|
+
valueField: string;
|
|
28
|
+
/**
|
|
29
|
+
* Fires when the flat data has been converted to `SankeyData`.
|
|
30
|
+
*
|
|
31
|
+
* To customize the created nodes and links, modify the data.
|
|
32
|
+
*/
|
|
33
|
+
dataBound: EventEmitter<SankeyFlatBindingDataBoundEvent>;
|
|
34
|
+
constructor(sankey: SankeyComponent);
|
|
35
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyFlatBindingDirective, never>;
|
|
37
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SankeyFlatBindingDirective, "[kendoSankeyFlatBinding]", never, { "data": "kendoSankeyFlatBinding"; "dimensionFields": "dimensionFields"; "valueField": "valueField"; }, { "dataBound": "dataBound"; }, never>;
|
|
38
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyData } from "../api-types";
|
|
6
|
+
/**
|
|
7
|
+
* Arguments for the `dataBound` event of the [`[kendoSankeyFlatBinding]`]({% slug api_charts_sankeyflatbindingdirective %}) directive.
|
|
8
|
+
*/
|
|
9
|
+
export declare class SankeyFlatBindingDataBoundEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The original data passed to the directive.
|
|
12
|
+
*/
|
|
13
|
+
originalData: any[];
|
|
14
|
+
/**
|
|
15
|
+
* The newly created [`SankeyData`]({% slug api_charts_sankeydata %}).
|
|
16
|
+
*
|
|
17
|
+
* Changes to this object will be passed to the Sankey chart.
|
|
18
|
+
*/
|
|
19
|
+
data: SankeyData;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
constructor(data: SankeyData);
|
|
24
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export { SankeyBaseEvent } from './sankey-base-event';
|
|
6
|
+
export { SankeyNodeEvent } from './sankey-node-event';
|
|
7
|
+
export { SankeyLinkEvent } from './sankey-link-event';
|
|
8
|
+
export { InstanceEventService } from './instance-event.service';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyEvent } from '@progress/kendo-charts';
|
|
6
|
+
import { SankeyComponent } from '../../sankey.component';
|
|
7
|
+
import { SankeyNodeEvent } from './sankey-node-event';
|
|
8
|
+
import { SankeyLinkEvent } from './sankey-link-event';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare class InstanceEventService {
|
|
13
|
+
create(name: string, args: SankeyEvent, sender: SankeyComponent): SankeyNodeEvent | SankeyLinkEvent;
|
|
14
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyEvent } from '@progress/kendo-charts';
|
|
6
|
+
import { SankeyComponent } from '../../sankey.component';
|
|
7
|
+
import { PreventableEvent } from '@progress/kendo-angular-common';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare class SankeyBaseEvent extends PreventableEvent {
|
|
12
|
+
/**
|
|
13
|
+
* The `SankeyComponent` that triggered the event.
|
|
14
|
+
*/
|
|
15
|
+
sender: SankeyComponent;
|
|
16
|
+
/**
|
|
17
|
+
* The original DOM event.
|
|
18
|
+
*/
|
|
19
|
+
originalEvent: Event;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
23
|
+
constructor(e: SankeyEvent, sender: SankeyComponent);
|
|
24
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyEvent, SankeyLinkDataItem } from '@progress/kendo-charts';
|
|
6
|
+
import { SankeyComponent } from '../../sankey.component';
|
|
7
|
+
import { SankeyBaseEvent } from './sankey-base-event';
|
|
8
|
+
/**
|
|
9
|
+
* Arguments for the link-related events of the [`SankeyComponent`]({% slug api_charts_sankeycomponent %}).
|
|
10
|
+
*/
|
|
11
|
+
export declare class SankeyLinkEvent extends SankeyBaseEvent {
|
|
12
|
+
/**
|
|
13
|
+
* The dataItem of the related element.
|
|
14
|
+
*/
|
|
15
|
+
dataItem: SankeyLinkDataItem;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
constructor(e: SankeyEvent, sender: SankeyComponent);
|
|
20
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyEvent, SankeyNodeDataItem } from '@progress/kendo-charts';
|
|
6
|
+
import { SankeyBaseEvent } from './sankey-base-event';
|
|
7
|
+
import { SankeyComponent } from '../../sankey.component';
|
|
8
|
+
/**
|
|
9
|
+
* Arguments for the node-related events of the [`SankeyComponent`]({% slug api_charts_sankeycomponent %}).
|
|
10
|
+
*/
|
|
11
|
+
export declare class SankeyNodeEvent extends SankeyBaseEvent {
|
|
12
|
+
/**
|
|
13
|
+
* The dataItem of the related element.
|
|
14
|
+
*/
|
|
15
|
+
dataItem: SankeyNodeDataItem;
|
|
16
|
+
/**
|
|
17
|
+
* @hidden
|
|
18
|
+
*/
|
|
19
|
+
constructor(e: SankeyEvent, sender: SankeyComponent);
|
|
20
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ConfigurationService } from '../common/configuration.service';
|
|
6
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
7
|
+
import { SankeyLabelDefaults, SankeyOffset } from './api-types';
|
|
8
|
+
import { Border, Padding } from '../common/property-types';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* The configuration options of the Sankey legend
|
|
12
|
+
* ([see example]({% slug legend_sankey %})).
|
|
13
|
+
*/
|
|
14
|
+
export declare class SankeyLabelsComponent extends SettingsComponent implements SankeyLabelDefaults {
|
|
15
|
+
configurationService: ConfigurationService;
|
|
16
|
+
visible?: boolean;
|
|
17
|
+
font?: string;
|
|
18
|
+
color?: string;
|
|
19
|
+
align?: 'left' | 'right' | 'center';
|
|
20
|
+
position?: 'inside' | 'before' | 'after';
|
|
21
|
+
padding?: number | Padding;
|
|
22
|
+
margin?: {
|
|
23
|
+
left?: number;
|
|
24
|
+
right?: number;
|
|
25
|
+
};
|
|
26
|
+
border?: Border;
|
|
27
|
+
offset?: SankeyOffset;
|
|
28
|
+
stroke?: {
|
|
29
|
+
color?: string;
|
|
30
|
+
width?: number;
|
|
31
|
+
lineJoin?: 'round' | 'bevel' | 'miter';
|
|
32
|
+
};
|
|
33
|
+
constructor(configurationService: ConfigurationService);
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyLabelsComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SankeyLabelsComponent, "kendo-sankey-labels", never, { "visible": "visible"; "font": "font"; "color": "color"; "align": "align"; "position": "position"; "padding": "padding"; "margin": "margin"; "border": "border"; "offset": "offset"; "stroke": "stroke"; }, {}, never, never>;
|
|
36
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ConfigurationService } from '../common/configuration.service';
|
|
6
|
+
import { Border, LegendLabels, LegendMarkers, LegendTitle, Margin, Padding } from '../common/property-types';
|
|
7
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
8
|
+
import { SankeyLegend } from './api-types';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* The configuration options of the Sankey legend
|
|
12
|
+
* ([see example]({% slug legend_sankey %})).
|
|
13
|
+
*/
|
|
14
|
+
export declare class SankeyLegendComponent extends SettingsComponent implements SankeyLegend {
|
|
15
|
+
configurationService: ConfigurationService;
|
|
16
|
+
/**
|
|
17
|
+
* The legend is horizontally aligned when [`legend.position`]({% slug api_charts_sankeylegend %}#toc-position) is set to `"top"` or `"bottom"`.
|
|
18
|
+
* The legend is vertically aligned when [`legend.position`]({% slug api_charts_sankeylegend %}#toc-position) is set to `"left"` or `"right"`.
|
|
19
|
+
* @default 'center'
|
|
20
|
+
*/
|
|
21
|
+
align: 'start' | 'center' | 'end';
|
|
22
|
+
/**
|
|
23
|
+
* The background color of the legend. Accepts a valid CSS color string, including hex and rgb.
|
|
24
|
+
* @default 'white'
|
|
25
|
+
*/
|
|
26
|
+
background: string;
|
|
27
|
+
border: Border;
|
|
28
|
+
height: number;
|
|
29
|
+
labels: LegendLabels;
|
|
30
|
+
/**
|
|
31
|
+
* The margin of the Sankey legend. A numeric value sets all paddings.
|
|
32
|
+
* @default 5
|
|
33
|
+
*/
|
|
34
|
+
margin: Margin | number;
|
|
35
|
+
/**
|
|
36
|
+
* The X offset of the Sankey legend. The offset is relative to the default position of the legend.
|
|
37
|
+
* For example, a value of `20` moves the legend 20 pixels to the right of its initial position.
|
|
38
|
+
* Negative values move the legend to the left of its current position.
|
|
39
|
+
* @default 0
|
|
40
|
+
*/
|
|
41
|
+
offsetX: number;
|
|
42
|
+
/**
|
|
43
|
+
* The Y offset of the Sankey legend. The offset is relative to the current position of the legend.
|
|
44
|
+
* For example, a value of `20` moves the legend 20 pixels down from its initial position.
|
|
45
|
+
* Negative values move the legend upwards from its current position.
|
|
46
|
+
* @default 0
|
|
47
|
+
*/
|
|
48
|
+
offsetY: number;
|
|
49
|
+
/**
|
|
50
|
+
* The orientation of the legend items.
|
|
51
|
+
* @default 'vertical'
|
|
52
|
+
*/
|
|
53
|
+
orientation: 'vertical' | 'horizontal';
|
|
54
|
+
/**
|
|
55
|
+
* The padding of the Sankey legend. A numeric value sets all paddings.
|
|
56
|
+
* @default 5
|
|
57
|
+
*/
|
|
58
|
+
padding: Padding | number;
|
|
59
|
+
/**
|
|
60
|
+
* The position of the Sankey legend.
|
|
61
|
+
* Setting the legend position to `custom` allows you to position the legend using the [`legend.offsetX`](slug:api_charts_sankeylegend#toc-offsetx) and [`legend.offsetY`](slug:api_charts_sankeylegend#toc-offsety) options.
|
|
62
|
+
* @default 'right'
|
|
63
|
+
*/
|
|
64
|
+
position: 'top' | 'bottom' | 'left' | 'right' | 'custom';
|
|
65
|
+
/**
|
|
66
|
+
* If set to `true`, the legend items are reversed.
|
|
67
|
+
* @default false
|
|
68
|
+
*/
|
|
69
|
+
reverse: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* If set to `true`, the Sankey displays the legend. By default, the Sankey legend is visible.
|
|
72
|
+
* @default true
|
|
73
|
+
*/
|
|
74
|
+
visible: boolean;
|
|
75
|
+
width: number;
|
|
76
|
+
markers: LegendMarkers;
|
|
77
|
+
spacing: number;
|
|
78
|
+
title: LegendTitle;
|
|
79
|
+
constructor(configurationService: ConfigurationService);
|
|
80
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyLegendComponent, never>;
|
|
81
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SankeyLegendComponent, "kendo-sankey-legend", never, { "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"; }, {}, never, never>;
|
|
82
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ConfigurationService } from '../common/configuration.service';
|
|
6
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
7
|
+
import { SankeyLinkDefaults, SankeyLinkHighlight } from './api-types';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* The configuration options of the Sankey legend
|
|
11
|
+
* ([see example]({% slug legend_sankey %})).
|
|
12
|
+
*/
|
|
13
|
+
export declare class SankeyLinksComponent extends SettingsComponent implements SankeyLinkDefaults {
|
|
14
|
+
configurationService: ConfigurationService;
|
|
15
|
+
colorType?: 'static' | 'source' | 'target';
|
|
16
|
+
color?: string;
|
|
17
|
+
opacity?: number;
|
|
18
|
+
highlight?: SankeyLinkHighlight;
|
|
19
|
+
constructor(configurationService: ConfigurationService);
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyLinksComponent, never>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SankeyLinksComponent, "kendo-sankey-links", never, { "colorType": "colorType"; "color": "color"; "opacity": "opacity"; "highlight": "highlight"; }, {}, never, never>;
|
|
22
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
+
import { Messages } from './messages';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* Custom component messages override default component messages
|
|
10
|
+
* ([see example]({% slug globalization_filter %}#toc-localization)).
|
|
11
|
+
*/
|
|
12
|
+
export declare class SankeyCustomMessagesComponent extends Messages {
|
|
13
|
+
protected service: LocalizationService;
|
|
14
|
+
constructor(service: LocalizationService);
|
|
15
|
+
protected get override(): boolean;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyCustomMessagesComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SankeyCustomMessagesComponent, "kendo-sankey-messages", never, {}, {}, never, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
+
import { Messages } from './messages';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare class LocalizedMessagesDirective extends Messages {
|
|
12
|
+
protected service: LocalizationService;
|
|
13
|
+
constructor(service: LocalizationService);
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoSankeyLocalizedMessages]", never, {}, {}, never>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
export declare class Messages extends ComponentMessages {
|
|
11
|
+
/**
|
|
12
|
+
* The format string to use when displaying node and link values in the tooltip.
|
|
13
|
+
*/
|
|
14
|
+
tooltipUnitFormat: string;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
16
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "[kendoSankeyMessages]", never, { "tooltipUnitFormat": "tooltipUnitFormat"; }, {}, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ConfigurationService } from '../common/configuration.service';
|
|
6
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
7
|
+
import { SankeyNodeDefaults, SankeyOffset } from './api-types';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* The configuration options of the Sankey legend
|
|
11
|
+
* ([see example]({% slug legend_sankey %})).
|
|
12
|
+
*/
|
|
13
|
+
export declare class SankeyNodesComponent extends SettingsComponent implements SankeyNodeDefaults {
|
|
14
|
+
configurationService: ConfigurationService;
|
|
15
|
+
/**
|
|
16
|
+
* The color type of the link.
|
|
17
|
+
* The supported values are:
|
|
18
|
+
* * `static`—The link color is static. The color is determined by the link's `color` option.
|
|
19
|
+
* * `source`—The link color is the same as the source node color.
|
|
20
|
+
* * `target`—The link color is the same as the target node color.
|
|
21
|
+
*
|
|
22
|
+
* @default 'static'
|
|
23
|
+
*/
|
|
24
|
+
colorType?: 'static' | 'source' | 'target';
|
|
25
|
+
color?: string;
|
|
26
|
+
opacity?: number;
|
|
27
|
+
offset?: SankeyOffset;
|
|
28
|
+
padding?: number;
|
|
29
|
+
width?: number;
|
|
30
|
+
align?: 'stretch' | 'left' | 'right';
|
|
31
|
+
constructor(configurationService: ConfigurationService);
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyNodesComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SankeyNodesComponent, "kendo-sankey-nodes", never, { "colorType": "colorType"; "color": "color"; "opacity": "opacity"; "offset": "offset"; "padding": "padding"; "width": "width"; "align": "align"; }, {}, never, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { ConfigurationService } from '../common/configuration.service';
|
|
6
|
+
import { Border, Margin, Padding } from '../common/property-types';
|
|
7
|
+
import { Title } from '../common/property-types';
|
|
8
|
+
import { SettingsComponent } from '../common/settings.component';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* The configuration options of the Sankey title or text
|
|
12
|
+
* ([see example]({% slug title_sankey %})).
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <kendo-sankey [data]="data">
|
|
17
|
+
* <kendo-sankey-title text="Title Text" [padding]="{bottom: 20}"></kendo-sankey-title>
|
|
18
|
+
* ...
|
|
19
|
+
* </kendo-sankey>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
export declare class SankeyTitleComponent extends SettingsComponent implements Title {
|
|
23
|
+
configurationService: ConfigurationService;
|
|
24
|
+
/**
|
|
25
|
+
* The alignment of the title.
|
|
26
|
+
* The alignment options for text include `center` for middle alignment, `left` for left alignment, and `right` for right alignment, allowing for flexible positioning of the title.
|
|
27
|
+
*
|
|
28
|
+
* @default 'center'
|
|
29
|
+
*/
|
|
30
|
+
align: 'center' | 'left' | 'right';
|
|
31
|
+
/**
|
|
32
|
+
* The background color of the title. Accepts a valid CSS color string, including HEX and RGB.
|
|
33
|
+
*
|
|
34
|
+
* @default 'white'
|
|
35
|
+
*/
|
|
36
|
+
background: string;
|
|
37
|
+
border: Border;
|
|
38
|
+
color: string;
|
|
39
|
+
/**
|
|
40
|
+
* The font of the title.
|
|
41
|
+
*
|
|
42
|
+
* @default '16px sans-serif'
|
|
43
|
+
*/
|
|
44
|
+
font: string;
|
|
45
|
+
margin: Margin | number;
|
|
46
|
+
/**
|
|
47
|
+
* The padding of the title. A numeric value sets all paddings.
|
|
48
|
+
*
|
|
49
|
+
* @default 5
|
|
50
|
+
*/
|
|
51
|
+
padding: Padding | number;
|
|
52
|
+
/**
|
|
53
|
+
* The position of the title.
|
|
54
|
+
* The positioning options for titles include `bottom` for positioning at the bottom and `top` for positioning at the top, providing flexibility in title placement.
|
|
55
|
+
*
|
|
56
|
+
* @default 'top'
|
|
57
|
+
*/
|
|
58
|
+
position: 'top' | 'bottom';
|
|
59
|
+
text: string;
|
|
60
|
+
description: string;
|
|
61
|
+
/**
|
|
62
|
+
* If set to `true`, the Sankey displays the title.
|
|
63
|
+
*
|
|
64
|
+
* @default true
|
|
65
|
+
*/
|
|
66
|
+
visible: boolean;
|
|
67
|
+
constructor(configurationService: ConfigurationService);
|
|
68
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyTitleComponent, never>;
|
|
69
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SankeyTitleComponent, "kendo-sankey-title", never, { "align": "align"; "background": "background"; "border": "border"; "color": "color"; "font": "font"; "margin": "margin"; "padding": "padding"; "position": "position"; "text": "text"; "description": "description"; "visible": "visible"; }, {}, never, never>;
|
|
70
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { SankeyNodeDataItem, SankeyTooltipEvent } from '@progress/kendo-charts';
|
|
6
|
+
/**
|
|
7
|
+
* The context that is passed to the Sankey diagram Link tooltip template.
|
|
8
|
+
*/
|
|
9
|
+
export declare class SankeyLinkTooltipTemplateContext {
|
|
10
|
+
/**
|
|
11
|
+
* The link source data item.
|
|
12
|
+
*/
|
|
13
|
+
source: SankeyNodeDataItem;
|
|
14
|
+
/**
|
|
15
|
+
* The link target data item.
|
|
16
|
+
*/
|
|
17
|
+
target: SankeyNodeDataItem;
|
|
18
|
+
/**
|
|
19
|
+
* The link value.
|
|
20
|
+
*/
|
|
21
|
+
value: number;
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
25
|
+
constructor(e: SankeyTooltipEvent);
|
|
26
|
+
}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { TemplateRef } from '@angular/core';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
|
|
9
|
+
* within the `<kendo-sankey-tooltip>` component for the
|
|
10
|
+
* [links tooltip](slug:tooltip_sankey#toc-specifying-a-template).
|
|
11
|
+
* The following context fields are frequently utilized:
|
|
12
|
+
* - `let-source="source"`—The link source data item..
|
|
13
|
+
* - `let-target="target"`—The link target data item.
|
|
14
|
+
* - `let-value="value"`—The link value.
|
|
15
|
+
* For the full list of available fields, refer to the [`SankeyLinkTooltipTemplateContext`](slug:api_charts_sankeylinktooltiptemplatecontext).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```ts
|
|
19
|
+
* import { Component } from '@angular/core';
|
|
20
|
+
*
|
|
21
|
+
* _@Component({
|
|
22
|
+
* selector: 'my-app',
|
|
23
|
+
* template: `
|
|
24
|
+
* <kendo-chart>
|
|
25
|
+
* <kendo-chart-tooltip>
|
|
26
|
+
* <ng-template kendoChartSeriesTooltipTemplate let-value="value">
|
|
27
|
+
* Value is {{value}}
|
|
28
|
+
* </ng-template>
|
|
29
|
+
* </kendo-chart-tooltip>
|
|
30
|
+
* <kendo-chart-series>
|
|
31
|
+
* <kendo-chart-series-item [data]="[1, 2, 3]">
|
|
32
|
+
* </kendo-chart-series-item>
|
|
33
|
+
* </kendo-chart-series>
|
|
34
|
+
* </kendo-chart>
|
|
35
|
+
* `
|
|
36
|
+
* })
|
|
37
|
+
* class AppComponent {
|
|
38
|
+
* }
|
|
39
|
+
*
|
|
40
|
+
* import { Component } from '@angular/core';
|
|
41
|
+
* import { SankeyData } from '@progress/kendo-angular-charts';
|
|
42
|
+
*
|
|
43
|
+
* _@Component({
|
|
44
|
+
* selector: 'my-app',
|
|
45
|
+
* template: `
|
|
46
|
+
* <kendo-sankey [data]="data">
|
|
47
|
+
* <kendo-sankey-tooltip [followPointer]="true">
|
|
48
|
+
* <ng-template kendoSankeyLinkTooltipTemplate let-source="source" let-target="target" let-value="value">
|
|
49
|
+
* {{ source.label?.text }} - {{ target.label?.text }}: {{ value }}
|
|
50
|
+
* </ng-template>
|
|
51
|
+
* </kendo-sankey-tooltip>
|
|
52
|
+
* </kendo-sankey>
|
|
53
|
+
* `,
|
|
54
|
+
* })
|
|
55
|
+
* export class AppComponent {
|
|
56
|
+
* public data: SankeyData = {
|
|
57
|
+
* nodes: [
|
|
58
|
+
* { id: 1, label: { text: 'Linux' } },
|
|
59
|
+
* { id: 0, label: { text: 'iOS'} },
|
|
60
|
+
* { id: 2, label: { text: 'Mobile' } },
|
|
61
|
+
* { id: 3, label: { text: 'Desktop' } },
|
|
62
|
+
* ],
|
|
63
|
+
* links: [
|
|
64
|
+
* { sourceId: 0, targetId: 2, value: 1 },
|
|
65
|
+
* { sourceId: 1, targetId: 2, value: 2 },
|
|
66
|
+
* { sourceId: 1, targetId: 3, value: 3 },
|
|
67
|
+
* ],
|
|
68
|
+
* };
|
|
69
|
+
* }
|
|
70
|
+
*
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
export declare class SankeyLinkTooltipTemplateDirective {
|
|
74
|
+
templateRef: TemplateRef<any>;
|
|
75
|
+
constructor(templateRef: TemplateRef<any>);
|
|
76
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SankeyLinkTooltipTemplateDirective, [{ optional: true; }]>;
|
|
77
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SankeyLinkTooltipTemplateDirective, "[kendoSankeyLinkTooltipTemplate]", never, {}, {}, never>;
|
|
78
|
+
}
|