@progress/kendo-angular-chart-wizard 16.11.0-develop.12 → 16.11.0-develop.13
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/chart-wizard.component.d.ts +19 -1
- package/common/window-settings.d.ts +34 -0
- package/esm2020/chart-wizard.component.mjs +54 -9
- package/esm2020/common/window-settings.mjs +5 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-chart-wizard.mjs +58 -11
- package/fesm2020/progress-kendo-angular-chart-wizard.mjs +56 -11
- package/index.d.ts +2 -0
- package/package.json +16 -16
|
@@ -11,6 +11,7 @@ import { ChartWizardPropertyPaneDataTabComponent } from './property-pane/data-ta
|
|
|
11
11
|
import { ChartWizardPropertyPaneChartTabComponent } from './property-pane/chart-tab.component';
|
|
12
12
|
import { ExportEvent } from './events';
|
|
13
13
|
import { ExportOptions } from './common/models';
|
|
14
|
+
import { WindowSettings } from './common/window-settings';
|
|
14
15
|
import * as i0 from "@angular/core";
|
|
15
16
|
/**
|
|
16
17
|
* Represents the Kendo UI for Angular Chart Wizard component.
|
|
@@ -35,6 +36,15 @@ export declare class ChartWizardComponent implements OnChanges, OnDestroy {
|
|
|
35
36
|
* The Chart Wizard export options.
|
|
36
37
|
*/
|
|
37
38
|
exportOptions: ExportOptions;
|
|
39
|
+
/**
|
|
40
|
+
* Specifies if the configuration pane is initially collapsed.
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
collapsedConfigurationPane: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* The settings of the window.
|
|
46
|
+
*/
|
|
47
|
+
windowSettings: WindowSettings;
|
|
38
48
|
/**
|
|
39
49
|
* @hidden
|
|
40
50
|
*/
|
|
@@ -192,6 +202,14 @@ export declare class ChartWizardComponent implements OnChanges, OnDestroy {
|
|
|
192
202
|
* @hidden
|
|
193
203
|
*/
|
|
194
204
|
onExport(exportType: any): void;
|
|
205
|
+
/**
|
|
206
|
+
* @hidden
|
|
207
|
+
*/
|
|
208
|
+
get windowWidth(): number;
|
|
209
|
+
/**
|
|
210
|
+
* @hidden
|
|
211
|
+
*/
|
|
212
|
+
get windowHeight(): number;
|
|
195
213
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartWizardComponent, never>;
|
|
196
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWizardComponent, "kendo-chartwizard", ["kendoChartWizard"], { "data": "data"; "defaultState": "defaultState"; "exportOptions": "exportOptions"; }, { "close": "close"; "export": "export"; }, never, never, true, 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>;
|
|
197
215
|
}
|
|
@@ -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 { WindowState } from '@progress/kendo-angular-dialog';
|
|
6
|
+
/**
|
|
7
|
+
* The window settings of the Chart Wizard.
|
|
8
|
+
*/
|
|
9
|
+
export interface WindowSettings {
|
|
10
|
+
/**
|
|
11
|
+
* Specifies the width of the Window. The width property has to be set in pixels.
|
|
12
|
+
*/
|
|
13
|
+
width?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Specifies the height of the Window. The height property has to be set in pixels.
|
|
16
|
+
*/
|
|
17
|
+
height?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Specifies the min-width of the Window. The min-width property has to be set in pixels.
|
|
20
|
+
*/
|
|
21
|
+
minWidth?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Specifies the min-height of the Window. The min-height property has to be set in pixels.
|
|
24
|
+
*/
|
|
25
|
+
minHeight?: number;
|
|
26
|
+
/**
|
|
27
|
+
* Specifies the initial state of the Window.
|
|
28
|
+
*/
|
|
29
|
+
state?: WindowState;
|
|
30
|
+
/**
|
|
31
|
+
* Specifies the modality of the Window.
|
|
32
|
+
*/
|
|
33
|
+
modal?: boolean;
|
|
34
|
+
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewChild, } from '@angular/core';
|
|
6
|
-
import { WatermarkOverlayComponent, shouldShowValidationUI } from '@progress/kendo-angular-common';
|
|
6
|
+
import { WatermarkOverlayComponent, isPresent, shouldShowValidationUI } from '@progress/kendo-angular-common';
|
|
7
7
|
import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
9
9
|
import { Subscription } from 'rxjs';
|
|
@@ -40,6 +40,7 @@ import { ChartWizardPropertyPaneFormatTabComponent } from './property-pane/forma
|
|
|
40
40
|
import { ChartWizardCommon } from '@progress/kendo-charts';
|
|
41
41
|
import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
|
|
42
42
|
import { ChartWizardLocalizationService } from './localization/chartwizard-localization.service';
|
|
43
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
43
44
|
import * as i0 from "@angular/core";
|
|
44
45
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
45
46
|
import * as i2 from "./state.service";
|
|
@@ -55,6 +56,15 @@ export class ChartWizardComponent {
|
|
|
55
56
|
constructor(localization, stateService) {
|
|
56
57
|
this.localization = localization;
|
|
57
58
|
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 = {};
|
|
58
68
|
/**
|
|
59
69
|
* @hidden
|
|
60
70
|
*/
|
|
@@ -165,9 +175,21 @@ export class ChartWizardComponent {
|
|
|
165
175
|
break;
|
|
166
176
|
}
|
|
167
177
|
}
|
|
178
|
+
/**
|
|
179
|
+
* @hidden
|
|
180
|
+
*/
|
|
181
|
+
get windowWidth() {
|
|
182
|
+
return isPresent(this.windowSettings?.width) ? this.windowSettings.width : this.stateService.windowSize.width;
|
|
183
|
+
}
|
|
184
|
+
/**
|
|
185
|
+
* @hidden
|
|
186
|
+
*/
|
|
187
|
+
get windowHeight() {
|
|
188
|
+
return isPresent(this.windowSettings?.height) ? this.windowSettings.height : this.stateService.windowSize.height;
|
|
189
|
+
}
|
|
168
190
|
}
|
|
169
191
|
ChartWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: i2.StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
170
|
-
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
192
|
+
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
|
|
171
193
|
LocalizationService,
|
|
172
194
|
{
|
|
173
195
|
provide: L10N_PREFIX,
|
|
@@ -502,11 +524,15 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
502
524
|
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
503
525
|
|
|
504
526
|
></ng-container>
|
|
527
|
+
<div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
|
|
505
528
|
<kendo-window
|
|
506
529
|
class="k-chart-wizard"
|
|
507
530
|
[title]="messageFor('windowTitle')"
|
|
508
|
-
[width]="
|
|
509
|
-
[height]="
|
|
531
|
+
[width]="windowWidth"
|
|
532
|
+
[height]="windowHeight"
|
|
533
|
+
[minWidth]="windowSettings?.minWidth"
|
|
534
|
+
[minHeight]="windowSettings?.minHeight"
|
|
535
|
+
[state]="windowSettings?.state"
|
|
510
536
|
[resizable]="true"
|
|
511
537
|
(close)="close.emit()"
|
|
512
538
|
>
|
|
@@ -599,7 +625,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
599
625
|
</kendo-chart>
|
|
600
626
|
</div>
|
|
601
627
|
</kendo-splitter-pane>
|
|
602
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
628
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
603
629
|
<kendo-tabstrip [keepTabContent]="true">
|
|
604
630
|
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
605
631
|
<ng-template kendoTabContent>
|
|
@@ -623,10 +649,21 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
623
649
|
</kendo-splitter>
|
|
624
650
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
625
651
|
</kendo-window>
|
|
626
|
-
`, 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", "separatorLabel", "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", "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", "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]" }],
|
|
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", "separatorLabel", "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", "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", "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: [
|
|
653
|
+
trigger('overlayAppear', [
|
|
654
|
+
state('in', style({ opacity: 1 })),
|
|
655
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
656
|
+
])
|
|
657
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
627
658
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
628
659
|
type: Component,
|
|
629
660
|
args: [{
|
|
661
|
+
animations: [
|
|
662
|
+
trigger('overlayAppear', [
|
|
663
|
+
state('in', style({ opacity: 1 })),
|
|
664
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
665
|
+
])
|
|
666
|
+
],
|
|
630
667
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
631
668
|
exportAs: 'kendoChartWizard',
|
|
632
669
|
providers: [
|
|
@@ -966,11 +1003,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
966
1003
|
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
967
1004
|
|
|
968
1005
|
></ng-container>
|
|
1006
|
+
<div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
|
|
969
1007
|
<kendo-window
|
|
970
1008
|
class="k-chart-wizard"
|
|
971
1009
|
[title]="messageFor('windowTitle')"
|
|
972
|
-
[width]="
|
|
973
|
-
[height]="
|
|
1010
|
+
[width]="windowWidth"
|
|
1011
|
+
[height]="windowHeight"
|
|
1012
|
+
[minWidth]="windowSettings?.minWidth"
|
|
1013
|
+
[minHeight]="windowSettings?.minHeight"
|
|
1014
|
+
[state]="windowSettings?.state"
|
|
974
1015
|
[resizable]="true"
|
|
975
1016
|
(close)="close.emit()"
|
|
976
1017
|
>
|
|
@@ -1063,7 +1104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1063
1104
|
</kendo-chart>
|
|
1064
1105
|
</div>
|
|
1065
1106
|
</kendo-splitter-pane>
|
|
1066
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
1107
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
1067
1108
|
<kendo-tabstrip [keepTabContent]="true">
|
|
1068
1109
|
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
1069
1110
|
<ng-template kendoTabContent>
|
|
@@ -1127,6 +1168,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1127
1168
|
type: Input
|
|
1128
1169
|
}], exportOptions: [{
|
|
1129
1170
|
type: Input
|
|
1171
|
+
}], collapsedConfigurationPane: [{
|
|
1172
|
+
type: Input
|
|
1173
|
+
}], windowSettings: [{
|
|
1174
|
+
type: Input
|
|
1130
1175
|
}], close: [{
|
|
1131
1176
|
type: Output
|
|
1132
1177
|
}], export: [{
|
|
@@ -0,0 +1,5 @@
|
|
|
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 {};
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-chart-wizard',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.11.0-develop.
|
|
12
|
+
publishDate: 1727960079,
|
|
13
|
+
version: '16.11.0-develop.13',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
|
|
15
15
|
};
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { Injectable, Inject, Optional, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, EventEmitter, Output, HostBinding, Directive, forwardRef, HostListener, NgModule } from '@angular/core';
|
|
7
|
-
import { shouldShowValidationUI,
|
|
7
|
+
import { shouldShowValidationUI, isPresent, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
8
8
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
10
10
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
@@ -25,6 +25,7 @@ import { SVGIconComponent, IconsService } from '@progress/kendo-angular-icons';
|
|
|
25
25
|
import { WindowComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
|
|
26
26
|
import { NumericTextBoxComponent, ColorPickerComponent, TextBoxComponent, CheckBoxComponent, SwitchComponent } from '@progress/kendo-angular-inputs';
|
|
27
27
|
import { LabelComponent } from '@progress/kendo-angular-label';
|
|
28
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
28
29
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
29
30
|
import { getter } from '@progress/kendo-common';
|
|
30
31
|
|
|
@@ -35,8 +36,8 @@ const packageMetadata = {
|
|
|
35
36
|
name: '@progress/kendo-angular-chart-wizard',
|
|
36
37
|
productName: 'Kendo UI for Angular',
|
|
37
38
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
38
|
-
publishDate:
|
|
39
|
-
version: '16.11.0-develop.
|
|
39
|
+
publishDate: 1727960079,
|
|
40
|
+
version: '16.11.0-develop.13',
|
|
40
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
|
|
41
42
|
};
|
|
42
43
|
|
|
@@ -2284,6 +2285,15 @@ class ChartWizardComponent {
|
|
|
2284
2285
|
constructor(localization, stateService) {
|
|
2285
2286
|
this.localization = localization;
|
|
2286
2287
|
this.stateService = stateService;
|
|
2288
|
+
/**
|
|
2289
|
+
* Specifies if the configuration pane is initially collapsed.
|
|
2290
|
+
* @default false
|
|
2291
|
+
*/
|
|
2292
|
+
this.collapsedConfigurationPane = false;
|
|
2293
|
+
/**
|
|
2294
|
+
* The settings of the window.
|
|
2295
|
+
*/
|
|
2296
|
+
this.windowSettings = {};
|
|
2287
2297
|
/**
|
|
2288
2298
|
* @hidden
|
|
2289
2299
|
*/
|
|
@@ -2399,9 +2409,23 @@ class ChartWizardComponent {
|
|
|
2399
2409
|
break;
|
|
2400
2410
|
}
|
|
2401
2411
|
}
|
|
2412
|
+
/**
|
|
2413
|
+
* @hidden
|
|
2414
|
+
*/
|
|
2415
|
+
get windowWidth() {
|
|
2416
|
+
var _a;
|
|
2417
|
+
return isPresent((_a = this.windowSettings) === null || _a === void 0 ? void 0 : _a.width) ? this.windowSettings.width : this.stateService.windowSize.width;
|
|
2418
|
+
}
|
|
2419
|
+
/**
|
|
2420
|
+
* @hidden
|
|
2421
|
+
*/
|
|
2422
|
+
get windowHeight() {
|
|
2423
|
+
var _a;
|
|
2424
|
+
return isPresent((_a = this.windowSettings) === null || _a === void 0 ? void 0 : _a.height) ? this.windowSettings.height : this.stateService.windowSize.height;
|
|
2425
|
+
}
|
|
2402
2426
|
}
|
|
2403
2427
|
ChartWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2404
|
-
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
2428
|
+
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
|
|
2405
2429
|
LocalizationService,
|
|
2406
2430
|
{
|
|
2407
2431
|
provide: L10N_PREFIX,
|
|
@@ -2736,11 +2760,15 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2736
2760
|
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
2737
2761
|
|
|
2738
2762
|
></ng-container>
|
|
2763
|
+
<div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
|
|
2739
2764
|
<kendo-window
|
|
2740
2765
|
class="k-chart-wizard"
|
|
2741
2766
|
[title]="messageFor('windowTitle')"
|
|
2742
|
-
[width]="
|
|
2743
|
-
[height]="
|
|
2767
|
+
[width]="windowWidth"
|
|
2768
|
+
[height]="windowHeight"
|
|
2769
|
+
[minWidth]="windowSettings?.minWidth"
|
|
2770
|
+
[minHeight]="windowSettings?.minHeight"
|
|
2771
|
+
[state]="windowSettings?.state"
|
|
2744
2772
|
[resizable]="true"
|
|
2745
2773
|
(close)="close.emit()"
|
|
2746
2774
|
>
|
|
@@ -2833,7 +2861,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2833
2861
|
</kendo-chart>
|
|
2834
2862
|
</div>
|
|
2835
2863
|
</kendo-splitter-pane>
|
|
2836
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
2864
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
2837
2865
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2838
2866
|
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
2839
2867
|
<ng-template kendoTabContent>
|
|
@@ -2857,10 +2885,21 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2857
2885
|
</kendo-splitter>
|
|
2858
2886
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
2859
2887
|
</kendo-window>
|
|
2860
|
-
`, 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", "separatorLabel", "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", "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", "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]" }],
|
|
2888
|
+
`, 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", "separatorLabel", "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", "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", "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: [
|
|
2889
|
+
trigger('overlayAppear', [
|
|
2890
|
+
state('in', style({ opacity: 1 })),
|
|
2891
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
2892
|
+
])
|
|
2893
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2861
2894
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
2862
2895
|
type: Component,
|
|
2863
2896
|
args: [{
|
|
2897
|
+
animations: [
|
|
2898
|
+
trigger('overlayAppear', [
|
|
2899
|
+
state('in', style({ opacity: 1 })),
|
|
2900
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
2901
|
+
])
|
|
2902
|
+
],
|
|
2864
2903
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2865
2904
|
exportAs: 'kendoChartWizard',
|
|
2866
2905
|
providers: [
|
|
@@ -3200,11 +3239,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3200
3239
|
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
3201
3240
|
|
|
3202
3241
|
></ng-container>
|
|
3242
|
+
<div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
|
|
3203
3243
|
<kendo-window
|
|
3204
3244
|
class="k-chart-wizard"
|
|
3205
3245
|
[title]="messageFor('windowTitle')"
|
|
3206
|
-
[width]="
|
|
3207
|
-
[height]="
|
|
3246
|
+
[width]="windowWidth"
|
|
3247
|
+
[height]="windowHeight"
|
|
3248
|
+
[minWidth]="windowSettings?.minWidth"
|
|
3249
|
+
[minHeight]="windowSettings?.minHeight"
|
|
3250
|
+
[state]="windowSettings?.state"
|
|
3208
3251
|
[resizable]="true"
|
|
3209
3252
|
(close)="close.emit()"
|
|
3210
3253
|
>
|
|
@@ -3297,7 +3340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3297
3340
|
</kendo-chart>
|
|
3298
3341
|
</div>
|
|
3299
3342
|
</kendo-splitter-pane>
|
|
3300
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
3343
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
3301
3344
|
<kendo-tabstrip [keepTabContent]="true">
|
|
3302
3345
|
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
3303
3346
|
<ng-template kendoTabContent>
|
|
@@ -3361,6 +3404,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3361
3404
|
type: Input
|
|
3362
3405
|
}], exportOptions: [{
|
|
3363
3406
|
type: Input
|
|
3407
|
+
}], collapsedConfigurationPane: [{
|
|
3408
|
+
type: Input
|
|
3409
|
+
}], windowSettings: [{
|
|
3410
|
+
type: Input
|
|
3364
3411
|
}], close: [{
|
|
3365
3412
|
type: Output
|
|
3366
3413
|
}], export: [{
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { Injectable, Inject, Optional, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, EventEmitter, Output, HostBinding, Directive, forwardRef, HostListener, NgModule } from '@angular/core';
|
|
7
|
-
import { shouldShowValidationUI,
|
|
7
|
+
import { shouldShowValidationUI, isPresent, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
|
|
8
8
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
10
10
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
@@ -25,6 +25,7 @@ import { SVGIconComponent, IconsService } from '@progress/kendo-angular-icons';
|
|
|
25
25
|
import { WindowComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
|
|
26
26
|
import { NumericTextBoxComponent, ColorPickerComponent, TextBoxComponent, CheckBoxComponent, SwitchComponent } from '@progress/kendo-angular-inputs';
|
|
27
27
|
import { LabelComponent } from '@progress/kendo-angular-label';
|
|
28
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
28
29
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
29
30
|
import { getter } from '@progress/kendo-common';
|
|
30
31
|
|
|
@@ -35,8 +36,8 @@ const packageMetadata = {
|
|
|
35
36
|
name: '@progress/kendo-angular-chart-wizard',
|
|
36
37
|
productName: 'Kendo UI for Angular',
|
|
37
38
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
38
|
-
publishDate:
|
|
39
|
-
version: '16.11.0-develop.
|
|
39
|
+
publishDate: 1727960079,
|
|
40
|
+
version: '16.11.0-develop.13',
|
|
40
41
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
|
|
41
42
|
};
|
|
42
43
|
|
|
@@ -2275,6 +2276,15 @@ class ChartWizardComponent {
|
|
|
2275
2276
|
constructor(localization, stateService) {
|
|
2276
2277
|
this.localization = localization;
|
|
2277
2278
|
this.stateService = stateService;
|
|
2279
|
+
/**
|
|
2280
|
+
* Specifies if the configuration pane is initially collapsed.
|
|
2281
|
+
* @default false
|
|
2282
|
+
*/
|
|
2283
|
+
this.collapsedConfigurationPane = false;
|
|
2284
|
+
/**
|
|
2285
|
+
* The settings of the window.
|
|
2286
|
+
*/
|
|
2287
|
+
this.windowSettings = {};
|
|
2278
2288
|
/**
|
|
2279
2289
|
* @hidden
|
|
2280
2290
|
*/
|
|
@@ -2385,9 +2395,21 @@ class ChartWizardComponent {
|
|
|
2385
2395
|
break;
|
|
2386
2396
|
}
|
|
2387
2397
|
}
|
|
2398
|
+
/**
|
|
2399
|
+
* @hidden
|
|
2400
|
+
*/
|
|
2401
|
+
get windowWidth() {
|
|
2402
|
+
return isPresent(this.windowSettings?.width) ? this.windowSettings.width : this.stateService.windowSize.width;
|
|
2403
|
+
}
|
|
2404
|
+
/**
|
|
2405
|
+
* @hidden
|
|
2406
|
+
*/
|
|
2407
|
+
get windowHeight() {
|
|
2408
|
+
return isPresent(this.windowSettings?.height) ? this.windowSettings.height : this.stateService.windowSize.height;
|
|
2409
|
+
}
|
|
2388
2410
|
}
|
|
2389
2411
|
ChartWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2390
|
-
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
|
|
2412
|
+
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
|
|
2391
2413
|
LocalizationService,
|
|
2392
2414
|
{
|
|
2393
2415
|
provide: L10N_PREFIX,
|
|
@@ -2722,11 +2744,15 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2722
2744
|
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
2723
2745
|
|
|
2724
2746
|
></ng-container>
|
|
2747
|
+
<div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
|
|
2725
2748
|
<kendo-window
|
|
2726
2749
|
class="k-chart-wizard"
|
|
2727
2750
|
[title]="messageFor('windowTitle')"
|
|
2728
|
-
[width]="
|
|
2729
|
-
[height]="
|
|
2751
|
+
[width]="windowWidth"
|
|
2752
|
+
[height]="windowHeight"
|
|
2753
|
+
[minWidth]="windowSettings?.minWidth"
|
|
2754
|
+
[minHeight]="windowSettings?.minHeight"
|
|
2755
|
+
[state]="windowSettings?.state"
|
|
2730
2756
|
[resizable]="true"
|
|
2731
2757
|
(close)="close.emit()"
|
|
2732
2758
|
>
|
|
@@ -2819,7 +2845,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2819
2845
|
</kendo-chart>
|
|
2820
2846
|
</div>
|
|
2821
2847
|
</kendo-splitter-pane>
|
|
2822
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
2848
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
2823
2849
|
<kendo-tabstrip [keepTabContent]="true">
|
|
2824
2850
|
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
2825
2851
|
<ng-template kendoTabContent>
|
|
@@ -2843,10 +2869,21 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
2843
2869
|
</kendo-splitter>
|
|
2844
2870
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
2845
2871
|
</kendo-window>
|
|
2846
|
-
`, 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", "separatorLabel", "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", "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", "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]" }],
|
|
2872
|
+
`, 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", "separatorLabel", "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", "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", "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: [
|
|
2873
|
+
trigger('overlayAppear', [
|
|
2874
|
+
state('in', style({ opacity: 1 })),
|
|
2875
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
2876
|
+
])
|
|
2877
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2847
2878
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
2848
2879
|
type: Component,
|
|
2849
2880
|
args: [{
|
|
2881
|
+
animations: [
|
|
2882
|
+
trigger('overlayAppear', [
|
|
2883
|
+
state('in', style({ opacity: 1 })),
|
|
2884
|
+
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
2885
|
+
])
|
|
2886
|
+
],
|
|
2850
2887
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2851
2888
|
exportAs: 'kendoChartWizard',
|
|
2852
2889
|
providers: [
|
|
@@ -3186,11 +3223,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3186
3223
|
[formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
|
|
3187
3224
|
|
|
3188
3225
|
></ng-container>
|
|
3226
|
+
<div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
|
|
3189
3227
|
<kendo-window
|
|
3190
3228
|
class="k-chart-wizard"
|
|
3191
3229
|
[title]="messageFor('windowTitle')"
|
|
3192
|
-
[width]="
|
|
3193
|
-
[height]="
|
|
3230
|
+
[width]="windowWidth"
|
|
3231
|
+
[height]="windowHeight"
|
|
3232
|
+
[minWidth]="windowSettings?.minWidth"
|
|
3233
|
+
[minHeight]="windowSettings?.minHeight"
|
|
3234
|
+
[state]="windowSettings?.state"
|
|
3194
3235
|
[resizable]="true"
|
|
3195
3236
|
(close)="close.emit()"
|
|
3196
3237
|
>
|
|
@@ -3283,7 +3324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3283
3324
|
</kendo-chart>
|
|
3284
3325
|
</div>
|
|
3285
3326
|
</kendo-splitter-pane>
|
|
3286
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
3327
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
|
|
3287
3328
|
<kendo-tabstrip [keepTabContent]="true">
|
|
3288
3329
|
<kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
|
|
3289
3330
|
<ng-template kendoTabContent>
|
|
@@ -3347,6 +3388,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
3347
3388
|
type: Input
|
|
3348
3389
|
}], exportOptions: [{
|
|
3349
3390
|
type: Input
|
|
3391
|
+
}], collapsedConfigurationPane: [{
|
|
3392
|
+
type: Input
|
|
3393
|
+
}], windowSettings: [{
|
|
3394
|
+
type: Input
|
|
3350
3395
|
}], close: [{
|
|
3351
3396
|
type: Output
|
|
3352
3397
|
}], export: [{
|
package/index.d.ts
CHANGED
|
@@ -7,6 +7,8 @@ export * from './chart-wizard.module';
|
|
|
7
7
|
export * from './grid-integration';
|
|
8
8
|
export * from './common';
|
|
9
9
|
export * from './events';
|
|
10
|
+
export { WindowState } from "@progress/kendo-angular-dialog";
|
|
11
|
+
export { WindowSettings } from './common/window-settings';
|
|
10
12
|
export { ExportOptions } from './common/models';
|
|
11
13
|
export { ChartWizardInitialState } from './chart-wizard-state';
|
|
12
14
|
export { CustomMessagesComponent } from './localization/custom-messages.component';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-chart-wizard",
|
|
3
|
-
"version": "16.11.0-develop.
|
|
3
|
+
"version": "16.11.0-develop.13",
|
|
4
4
|
"description": "Kendo UI Angular Chart Wizard component",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,20 +23,20 @@
|
|
|
23
23
|
"@angular/common": "15 - 18",
|
|
24
24
|
"@angular/core": "15 - 18",
|
|
25
25
|
"@angular/platform-browser": "15 - 18",
|
|
26
|
-
"@progress/kendo-angular-common": "16.11.0-develop.
|
|
27
|
-
"@progress/kendo-angular-dialog": "16.11.0-develop.
|
|
28
|
-
"@progress/kendo-angular-buttons": "16.11.0-develop.
|
|
29
|
-
"@progress/kendo-angular-grid": "16.11.0-develop.
|
|
30
|
-
"@progress/kendo-angular-charts": "16.11.0-develop.
|
|
31
|
-
"@progress/kendo-angular-dropdowns": "16.11.0-develop.
|
|
32
|
-
"@progress/kendo-angular-layout": "16.11.0-develop.
|
|
33
|
-
"@progress/kendo-angular-icons": "16.11.0-develop.
|
|
34
|
-
"@progress/kendo-angular-inputs": "16.11.0-develop.
|
|
35
|
-
"@progress/kendo-angular-label": "16.11.0-develop.
|
|
36
|
-
"@progress/kendo-angular-intl": "16.11.0-develop.
|
|
37
|
-
"@progress/kendo-angular-l10n": "16.11.0-develop.
|
|
38
|
-
"@progress/kendo-angular-navigation": "16.11.0-develop.
|
|
39
|
-
"@progress/kendo-angular-popup": "16.11.0-develop.
|
|
26
|
+
"@progress/kendo-angular-common": "16.11.0-develop.13",
|
|
27
|
+
"@progress/kendo-angular-dialog": "16.11.0-develop.13",
|
|
28
|
+
"@progress/kendo-angular-buttons": "16.11.0-develop.13",
|
|
29
|
+
"@progress/kendo-angular-grid": "16.11.0-develop.13",
|
|
30
|
+
"@progress/kendo-angular-charts": "16.11.0-develop.13",
|
|
31
|
+
"@progress/kendo-angular-dropdowns": "16.11.0-develop.13",
|
|
32
|
+
"@progress/kendo-angular-layout": "16.11.0-develop.13",
|
|
33
|
+
"@progress/kendo-angular-icons": "16.11.0-develop.13",
|
|
34
|
+
"@progress/kendo-angular-inputs": "16.11.0-develop.13",
|
|
35
|
+
"@progress/kendo-angular-label": "16.11.0-develop.13",
|
|
36
|
+
"@progress/kendo-angular-intl": "16.11.0-develop.13",
|
|
37
|
+
"@progress/kendo-angular-l10n": "16.11.0-develop.13",
|
|
38
|
+
"@progress/kendo-angular-navigation": "16.11.0-develop.13",
|
|
39
|
+
"@progress/kendo-angular-popup": "16.11.0-develop.13",
|
|
40
40
|
"@progress/kendo-drawing": "^1.20.4",
|
|
41
41
|
"@progress/kendo-file-saver": "^1.1.1",
|
|
42
42
|
"@progress/kendo-licensing": "^1.0.2",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"tslib": "^2.3.1",
|
|
47
47
|
"@progress/kendo-charts": "2.5.2",
|
|
48
|
-
"@progress/kendo-angular-schematics": "16.11.0-develop.
|
|
48
|
+
"@progress/kendo-angular-schematics": "16.11.0-develop.13",
|
|
49
49
|
"@progress/kendo-common": "^0.2.2"
|
|
50
50
|
},
|
|
51
51
|
"schematics": "./schematics/collection.json",
|