@progress/kendo-angular-chart-wizard 17.0.0-develop.3 → 17.0.0-develop.30
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/README.md +28 -20
- package/chart-wizard.component.d.ts +1 -1
- package/common/models.d.ts +1 -1
- package/{esm2020 → esm2022}/chart-wizard.component.mjs +85 -59
- package/{esm2020 → esm2022}/chart-wizard.module.mjs +13 -13
- package/{esm2020 → esm2022}/events/export-event.mjs +8 -0
- package/{esm2020 → esm2022}/events/preventable-event.mjs +1 -3
- package/{esm2020 → esm2022}/grid-integration/grid-chart-wizard.directive.mjs +26 -13
- package/{esm2020 → esm2022}/localization/chartwizard-localization.service.mjs +3 -3
- package/{esm2020 → esm2022}/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs +9 -8
- package/esm2022/localization/messages.mjs +657 -0
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/property-pane/chart-tab.component.mjs +19 -16
- package/{esm2020 → esm2022}/property-pane/data-tab.component.mjs +19 -13
- package/{esm2020 → esm2022}/property-pane/form-field.component.mjs +30 -13
- package/{esm2020 → esm2022}/property-pane/format-tab.component.mjs +76 -73
- package/{esm2020 → esm2022}/series-type-button.component.mjs +9 -5
- package/esm2022/state.service.mjs +36 -0
- package/{fesm2020 → fesm2022}/progress-kendo-angular-chart-wizard.mjs +758 -255
- package/grid-integration/grid-chart-wizard.directive.d.ts +1 -1
- package/localization/messages.d.ts +1 -1
- package/package.json +26 -32
- package/property-pane/form-field.component.d.ts +1 -1
- package/series-type-button.component.d.ts +1 -1
- package/esm2020/localization/messages.mjs +0 -233
- package/esm2020/state.service.mjs +0 -37
- package/fesm2015/progress-kendo-angular-chart-wizard.mjs +0 -3643
- /package/{esm2020 → esm2022}/chart-wizard-state.mjs +0 -0
- /package/{esm2020 → esm2022}/common/get-wizard-data-from-data-rows.mjs +0 -0
- /package/{esm2020 → esm2022}/common/index.mjs +0 -0
- /package/{esm2020 → esm2022}/common/models.mjs +0 -0
- /package/{esm2020 → esm2022}/common/window-settings.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/events/index.mjs +0 -0
- /package/{esm2020 → esm2022}/grid-integration/get-grid-selected-rows.mjs +0 -0
- /package/{esm2020 → esm2022}/grid-integration/get-wizard-data-from-grid-selection.mjs +0 -0
- /package/{esm2020 → esm2022}/grid-integration/index.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-chart-wizard.mjs +0 -0
package/README.md
CHANGED
|
@@ -1,31 +1,39 @@
|
|
|
1
|
-
<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
|
|
1
|
+
<a href="https://www.telerik.com/kendo-angular-ui/components/chart-wizard" target="_blank">
|
|
2
2
|
<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
## Kendo UI for Angular Chart
|
|
5
|
+
## Kendo UI for Angular Chart Wizard Component
|
|
6
6
|
|
|
7
|
-
>
|
|
8
|
-
>
|
|
9
|
-
> -
|
|
10
|
-
> - You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-chart-wizard).
|
|
11
|
-
> - To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-chart-wizard) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-chart-wizard). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-chart-wizard).
|
|
12
|
-
> - The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
|
|
13
|
-
>
|
|
14
|
-
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-chart-wizard) and speed up your development process!
|
|
7
|
+
> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)—a commercial UI library.
|
|
8
|
+
> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
|
|
9
|
+
> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
|
|
15
10
|
|
|
16
|
-
|
|
11
|
+
The Kendo UI for Angular Chart Wizard lets you create a chart using data from a Grid, another data-bound component, or an external source. The Chart Wizard has a simple interface that allows you to set up the chart type, series, axes, data source, and more.
|
|
12
|
+
|
|
13
|
+
## Key Features
|
|
14
|
+
|
|
15
|
+
Among the many features which the Kendo UI for Angular Chart Wizard delivers are:
|
|
16
|
+
|
|
17
|
+
* Data Binding—The Chart Wizard can be bound to data collections and comes with built-in integrations with the Grid component.
|
|
18
|
+
[Read more about the data binding options of the Chart Wizard...](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/data-binding)
|
|
19
|
+
* Export Options—The Chart Wizard allows the user to save the charts in PDF, PNG and SVG formats.
|
|
20
|
+
[Read more about the data export options of the Chart Wizard...](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/export)
|
|
17
21
|
|
|
18
|
-
|
|
19
|
-
- [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
|
|
20
|
-
- [Blogs](http://www.telerik.com/blogs/kendo-ui)
|
|
21
|
-
- [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
|
|
22
|
+
## Support Options
|
|
22
23
|
|
|
23
|
-
|
|
24
|
+
For any issues you might encounter while working with the Kendo UI for Angular Chart Wizard, you have the following support channels available:
|
|
25
|
+
|
|
26
|
+
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
|
|
27
|
+
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
|
|
28
|
+
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
|
|
29
|
+
|
|
30
|
+
## Resources
|
|
24
31
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
32
|
+
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
|
|
33
|
+
* [Getting Started with the Kendo UI for Angular Chart Wizard](https://www.telerik.com/kendo-angular-ui/components/chart-wizard/installation/getting-started)
|
|
34
|
+
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
|
|
35
|
+
* [Blogs](http://www.telerik.com/blogs/kendo-ui)
|
|
36
|
+
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
|
|
29
37
|
|
|
30
38
|
_Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved._
|
|
31
39
|
|
|
@@ -211,5 +211,5 @@ export declare class ChartWizardComponent implements OnChanges, OnDestroy {
|
|
|
211
211
|
*/
|
|
212
212
|
get windowHeight(): number;
|
|
213
213
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartWizardComponent, never>;
|
|
214
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWizardComponent, "kendo-chartwizard", ["kendoChartWizard"], { "data": "data"; "defaultState": "defaultState"; "exportOptions": "exportOptions"; "collapsedConfigurationPane": "collapsedConfigurationPane"; "windowSettings": "windowSettings"; }, { "close": "close"; "export": "export"; }, never, never, true, never>;
|
|
214
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWizardComponent, "kendo-chartwizard", ["kendoChartWizard"], { "data": { "alias": "data"; "required": false; }; "defaultState": { "alias": "defaultState"; "required": false; }; "exportOptions": { "alias": "exportOptions"; "required": false; }; "collapsedConfigurationPane": { "alias": "collapsedConfigurationPane"; "required": false; }; "windowSettings": { "alias": "windowSettings"; "required": false; }; }, { "close": "close"; "export": "export"; }, never, never, true, never>;
|
|
215
215
|
}
|
package/common/models.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export interface ExportOptions {
|
|
|
16
16
|
/**
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|
|
19
|
-
export
|
|
19
|
+
export type PanelType = 'Chart Area' | 'Legend' | 'Title' | 'Subtitle' | 'Value Axis' | 'Category Axis' | 'Series';
|
|
20
20
|
/**
|
|
21
21
|
* @hidden
|
|
22
22
|
*/
|
|
@@ -53,50 +53,76 @@ import * as i2 from "./state.service";
|
|
|
53
53
|
* ```
|
|
54
54
|
*/
|
|
55
55
|
export class ChartWizardComponent {
|
|
56
|
+
localization;
|
|
57
|
+
stateService;
|
|
58
|
+
/**
|
|
59
|
+
* The data to display in the Chart Wizard.
|
|
60
|
+
*/
|
|
61
|
+
data;
|
|
62
|
+
/**
|
|
63
|
+
* Sets the default state of the Chart Wizard.
|
|
64
|
+
*/
|
|
65
|
+
defaultState;
|
|
66
|
+
/**
|
|
67
|
+
* The Chart Wizard export options.
|
|
68
|
+
*/
|
|
69
|
+
exportOptions;
|
|
70
|
+
/**
|
|
71
|
+
* Specifies if the configuration pane is initially collapsed.
|
|
72
|
+
* @default false
|
|
73
|
+
*/
|
|
74
|
+
collapsedConfigurationPane = false;
|
|
75
|
+
/**
|
|
76
|
+
* The settings of the window.
|
|
77
|
+
*/
|
|
78
|
+
windowSettings = {};
|
|
79
|
+
/**
|
|
80
|
+
* @hidden
|
|
81
|
+
*/
|
|
82
|
+
showLicenseWatermark = false;
|
|
83
|
+
/**
|
|
84
|
+
* @hidden
|
|
85
|
+
*/
|
|
86
|
+
exportIcon = exportIcon;
|
|
87
|
+
/**
|
|
88
|
+
* @hidden
|
|
89
|
+
*/
|
|
90
|
+
exportDropdownItems = [];
|
|
91
|
+
/**
|
|
92
|
+
* Fires when the Chart Wizard Window is to be close.
|
|
93
|
+
*/
|
|
94
|
+
close = new EventEmitter();
|
|
95
|
+
/**
|
|
96
|
+
* Fires when the Chart is about to be exported. The event is preventable.
|
|
97
|
+
*/
|
|
98
|
+
export = new EventEmitter();
|
|
99
|
+
get dir() {
|
|
100
|
+
return this.stateService.direction;
|
|
101
|
+
}
|
|
102
|
+
/**
|
|
103
|
+
* @hidden
|
|
104
|
+
*/
|
|
105
|
+
chart;
|
|
106
|
+
/**
|
|
107
|
+
* @hidden
|
|
108
|
+
*/
|
|
109
|
+
propertyPane;
|
|
110
|
+
/**
|
|
111
|
+
* @hidden
|
|
112
|
+
*/
|
|
113
|
+
dataTab;
|
|
114
|
+
/**
|
|
115
|
+
* @hidden
|
|
116
|
+
*/
|
|
117
|
+
messages = ChartWizardCommon.messages;
|
|
118
|
+
subscription = new Subscription();
|
|
56
119
|
constructor(localization, stateService) {
|
|
57
120
|
this.localization = localization;
|
|
58
121
|
this.stateService = stateService;
|
|
59
|
-
/**
|
|
60
|
-
* Specifies if the configuration pane is initially collapsed.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
this.collapsedConfigurationPane = false;
|
|
64
|
-
/**
|
|
65
|
-
* The settings of the window.
|
|
66
|
-
*/
|
|
67
|
-
this.windowSettings = {};
|
|
68
|
-
/**
|
|
69
|
-
* @hidden
|
|
70
|
-
*/
|
|
71
|
-
this.showLicenseWatermark = false;
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
this.exportIcon = exportIcon;
|
|
76
|
-
/**
|
|
77
|
-
* @hidden
|
|
78
|
-
*/
|
|
79
|
-
this.exportDropdownItems = [];
|
|
80
|
-
/**
|
|
81
|
-
* Fires when the Chart Wizard Window is to be close.
|
|
82
|
-
*/
|
|
83
|
-
this.close = new EventEmitter();
|
|
84
|
-
/**
|
|
85
|
-
* Fires when the Chart is about to be exported. The event is preventable.
|
|
86
|
-
*/
|
|
87
|
-
this.export = new EventEmitter();
|
|
88
|
-
/**
|
|
89
|
-
* @hidden
|
|
90
|
-
*/
|
|
91
|
-
this.messages = ChartWizardCommon.messages;
|
|
92
|
-
this.subscription = new Subscription();
|
|
93
122
|
const isValid = validatePackage(packageMetadata);
|
|
94
123
|
this.showLicenseWatermark = shouldShowValidationUI(isValid);
|
|
95
124
|
this.stateService.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
96
125
|
}
|
|
97
|
-
get dir() {
|
|
98
|
-
return this.stateService.direction;
|
|
99
|
-
}
|
|
100
126
|
ngAfterViewInit() {
|
|
101
127
|
this.subscription.add(this.localization.changes.subscribe(({ rtl }) => {
|
|
102
128
|
this.stateService.direction = rtl ? 'rtl' : 'ltr';
|
|
@@ -187,21 +213,20 @@ export class ChartWizardComponent {
|
|
|
187
213
|
get windowHeight() {
|
|
188
214
|
return isPresent(this.windowSettings?.height) ? this.windowSettings.height : this.stateService.windowSize.height;
|
|
189
215
|
}
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }, { propertyName: "propertyPane", first: true, predicate: ChartWizardPropertyPaneChartTabComponent, descendants: true }, { propertyName: "dataTab", first: true, predicate: ChartWizardPropertyPaneDataTabComponent, descendants: true }], exportAs: ["kendoChartWizard"], usesOnChanges: true, ngImport: i0, template: `
|
|
216
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: i2.StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
217
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions", collapsedConfigurationPane: "collapsedConfigurationPane", windowSettings: "windowSettings" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
218
|
+
LocalizationService,
|
|
219
|
+
{
|
|
220
|
+
provide: L10N_PREFIX,
|
|
221
|
+
useValue: 'kendo.chartwizard',
|
|
222
|
+
},
|
|
223
|
+
ChartWizardLocalizationService,
|
|
224
|
+
{
|
|
225
|
+
provide: LocalizationService,
|
|
226
|
+
useExisting: ChartWizardLocalizationService
|
|
227
|
+
},
|
|
228
|
+
StateService
|
|
229
|
+
], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }, { propertyName: "propertyPane", first: true, predicate: ChartWizardPropertyPaneChartTabComponent, descendants: true }, { propertyName: "dataTab", first: true, predicate: ChartWizardPropertyPaneDataTabComponent, descendants: true }], exportAs: ["kendoChartWizard"], usesOnChanges: true, ngImport: i0, template: `
|
|
205
230
|
<ng-container
|
|
206
231
|
kendoChartWizardLocalizedMessages
|
|
207
232
|
|
|
@@ -649,13 +674,14 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
649
674
|
</kendo-splitter>
|
|
650
675
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
651
676
|
</kendo-window>
|
|
652
|
-
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
677
|
+
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
|
|
678
|
+
trigger('overlayAppear', [
|
|
679
|
+
state('in', style({ opacity: 1 })),
|
|
680
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
681
|
+
])
|
|
682
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
683
|
+
}
|
|
684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
659
685
|
type: Component,
|
|
660
686
|
args: [{
|
|
661
687
|
animations: [
|
|
@@ -22,20 +22,20 @@ import * as i3 from "./localization/custom-messages.component";
|
|
|
22
22
|
* that will use the Chart Wizard component.
|
|
23
23
|
*/
|
|
24
24
|
export class ChartWizardModule {
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
26
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, imports: [i1.ChartWizardComponent, i2.ChartWizardGridBindingDirective, i3.CustomMessagesComponent], exports: [i1.ChartWizardComponent, i2.ChartWizardGridBindingDirective, i3.CustomMessagesComponent] });
|
|
27
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, providers: [
|
|
28
|
+
ThemeService,
|
|
29
|
+
PopupService,
|
|
30
|
+
ResizeBatchService,
|
|
31
|
+
IconsService,
|
|
32
|
+
DialogContainerService,
|
|
33
|
+
DialogService,
|
|
34
|
+
WindowService,
|
|
35
|
+
WindowContainerService
|
|
36
|
+
], imports: [i1.ChartWizardComponent] });
|
|
25
37
|
}
|
|
26
|
-
|
|
27
|
-
ChartWizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, imports: [i1.ChartWizardComponent, i2.ChartWizardGridBindingDirective, i3.CustomMessagesComponent], exports: [i1.ChartWizardComponent, i2.ChartWizardGridBindingDirective, i3.CustomMessagesComponent] });
|
|
28
|
-
ChartWizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, providers: [
|
|
29
|
-
ThemeService,
|
|
30
|
-
PopupService,
|
|
31
|
-
ResizeBatchService,
|
|
32
|
-
IconsService,
|
|
33
|
-
DialogContainerService,
|
|
34
|
-
DialogService,
|
|
35
|
-
WindowService,
|
|
36
|
-
WindowContainerService
|
|
37
|
-
], imports: [i1.ChartWizardComponent, i3.CustomMessagesComponent] });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, decorators: [{
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, decorators: [{
|
|
39
39
|
type: NgModule,
|
|
40
40
|
args: [{
|
|
41
41
|
imports: [...KENDO_CHARTWIZARD],
|
|
@@ -7,6 +7,14 @@ import { PreventableEvent } from './preventable-event';
|
|
|
7
7
|
* Arguments for the `export` event on the Chart Wizard.
|
|
8
8
|
*/
|
|
9
9
|
export class ExportEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The export options on the Chart Wizard.
|
|
12
|
+
*/
|
|
13
|
+
exportOptions;
|
|
14
|
+
/**
|
|
15
|
+
* The current Chart chart instance to be exported.
|
|
16
|
+
*/
|
|
17
|
+
chart;
|
|
10
18
|
/**
|
|
11
19
|
* @hidden
|
|
12
20
|
*/
|
|
@@ -12,18 +12,31 @@ import * as i1 from "@progress/kendo-angular-grid";
|
|
|
12
12
|
* ([see example](slug:grid_integration_with_chart).
|
|
13
13
|
*/
|
|
14
14
|
export class ChartWizardGridBindingDirective {
|
|
15
|
+
grid;
|
|
16
|
+
/**
|
|
17
|
+
* Defines the collection that will store the Chart Wizard data.
|
|
18
|
+
*
|
|
19
|
+
* @default []
|
|
20
|
+
*/
|
|
21
|
+
chartWizardData = [];
|
|
22
|
+
/**
|
|
23
|
+
* Fires when the `chartWizardData` collection has been updated.
|
|
24
|
+
*/
|
|
25
|
+
chartWizardDataChange = new EventEmitter();
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
data;
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
selectionKey;
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
columnKey;
|
|
15
38
|
constructor(grid) {
|
|
16
39
|
this.grid = grid;
|
|
17
|
-
/**
|
|
18
|
-
* Defines the collection that will store the Chart Wizard data.
|
|
19
|
-
*
|
|
20
|
-
* @default []
|
|
21
|
-
*/
|
|
22
|
-
this.chartWizardData = [];
|
|
23
|
-
/**
|
|
24
|
-
* Fires when the `chartWizardData` collection has been updated.
|
|
25
|
-
*/
|
|
26
|
-
this.chartWizardDataChange = new EventEmitter();
|
|
27
40
|
}
|
|
28
41
|
ngOnInit() {
|
|
29
42
|
if (!this.selectionKey || !this.data) {
|
|
@@ -43,10 +56,10 @@ export class ChartWizardGridBindingDirective {
|
|
|
43
56
|
});
|
|
44
57
|
this.chartWizardDataChange.emit(this.chartWizardData);
|
|
45
58
|
}
|
|
59
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardGridBindingDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
|
|
60
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ChartWizardGridBindingDirective, isStandalone: true, selector: "[kendoChartWizardGridBinding]", inputs: { chartWizardData: "chartWizardData", data: ["kendoGridBinding", "data"], selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { chartWizardDataChange: "chartWizardDataChange" }, host: { listeners: { "selectedKeysChange": "onSelectionChange($event)" } }, exportAs: ["kendoChartWizardGridBinding"], ngImport: i0 });
|
|
46
61
|
}
|
|
47
|
-
|
|
48
|
-
ChartWizardGridBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardGridBindingDirective, isStandalone: true, selector: "[kendoChartWizardGridBinding]", inputs: { chartWizardData: "chartWizardData", data: ["kendoGridBinding", "data"], selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { chartWizardDataChange: "chartWizardDataChange" }, host: { listeners: { "selectedKeysChange": "onSelectionChange($event)" } }, exportAs: ["kendoChartWizardGridBinding"], ngImport: i0 });
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardGridBindingDirective, decorators: [{
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardGridBindingDirective, decorators: [{
|
|
50
63
|
type: Directive,
|
|
51
64
|
args: [{
|
|
52
65
|
selector: '[kendoChartWizardGridBinding]',
|
|
@@ -13,10 +13,10 @@ export class ChartWizardLocalizationService extends LocalizationService {
|
|
|
13
13
|
constructor(prefix, messageService, _rtl) {
|
|
14
14
|
super(prefix, messageService, _rtl);
|
|
15
15
|
}
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
17
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardLocalizationService });
|
|
16
18
|
}
|
|
17
|
-
|
|
18
|
-
ChartWizardLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardLocalizationService });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardLocalizationService, decorators: [{
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardLocalizationService, decorators: [{
|
|
20
20
|
type: Injectable
|
|
21
21
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
22
22
|
type: Inject,
|
|
@@ -19,6 +19,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
19
19
|
* ```
|
|
20
20
|
*/
|
|
21
21
|
export class CustomMessagesComponent extends Messages {
|
|
22
|
+
service;
|
|
22
23
|
constructor(service) {
|
|
23
24
|
super();
|
|
24
25
|
this.service = service;
|
|
@@ -26,15 +27,15 @@ export class CustomMessagesComponent extends Messages {
|
|
|
26
27
|
get override() {
|
|
27
28
|
return true;
|
|
28
29
|
}
|
|
30
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chartwizard-messages", providers: [
|
|
32
|
+
{
|
|
33
|
+
provide: Messages,
|
|
34
|
+
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
35
|
+
}
|
|
36
|
+
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
29
37
|
}
|
|
30
|
-
|
|
31
|
-
CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chartwizard-messages", providers: [
|
|
32
|
-
{
|
|
33
|
-
provide: Messages,
|
|
34
|
-
useExisting: forwardRef(() => CustomMessagesComponent)
|
|
35
|
-
}
|
|
36
|
-
], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
|
|
38
39
|
type: Component,
|
|
39
40
|
args: [{
|
|
40
41
|
providers: [
|
|
@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export class LocalizedMessagesDirective extends Messages {
|
|
14
|
+
service;
|
|
14
15
|
constructor(service) {
|
|
15
16
|
super();
|
|
16
17
|
this.service = service;
|
|
17
18
|
}
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChartWizardLocalizedMessages]", providers: [
|
|
21
|
+
{
|
|
22
|
+
provide: Messages,
|
|
23
|
+
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
24
|
+
}
|
|
25
|
+
], usesInheritance: true, ngImport: i0 });
|
|
18
26
|
}
|
|
19
|
-
|
|
20
|
-
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChartWizardLocalizedMessages]", providers: [
|
|
21
|
-
{
|
|
22
|
-
provide: Messages,
|
|
23
|
-
useExisting: forwardRef(() => LocalizedMessagesDirective)
|
|
24
|
-
}
|
|
25
|
-
], usesInheritance: true, ngImport: i0 });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
|
|
27
28
|
type: Directive,
|
|
28
29
|
args: [{
|
|
29
30
|
providers: [
|