@progress/kendo-angular-chart-wizard 16.6.0-develop.9 → 16.6.1-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chart-wizard.component.d.ts +1 -1
- package/esm2020/chart-wizard.component.mjs +21 -19
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/property-pane/chart-tab.component.mjs +47 -47
- package/esm2020/property-pane/data-tab.component.mjs +2 -2
- package/esm2020/property-pane/form-field.component.mjs +2 -2
- package/esm2020/property-pane/format-tab.component.mjs +135 -135
- package/esm2020/series-type-button.component.mjs +2 -2
- package/esm2020/state.service.mjs +2 -0
- package/fesm2015/progress-kendo-angular-chart-wizard.mjs +213 -209
- package/fesm2020/progress-kendo-angular-chart-wizard.mjs +213 -209
- package/package.json +12 -11
- package/property-pane/chart-tab.component.d.ts +1 -1
- package/property-pane/data-tab.component.d.ts +1 -1
- package/property-pane/form-field.component.d.ts +1 -1
- package/property-pane/format-tab.component.d.ts +1 -1
- package/series-type-button.component.d.ts +1 -1
- package/state.service.d.ts +5 -0
|
@@ -76,5 +76,5 @@ export declare class ChartWizardComponent implements OnChanges, OnDestroy {
|
|
|
76
76
|
*/
|
|
77
77
|
onExport(exportType: any): void;
|
|
78
78
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChartWizardComponent, never>;
|
|
79
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWizardComponent, "kendo-
|
|
79
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChartWizardComponent, "kendo-chartwizard", ["kendoChartWizard"], { "data": "data"; "defaultState": "defaultState"; "exportOptions": "exportOptions"; }, { "close": "close"; "export": "export"; }, never, never, true, never>;
|
|
80
80
|
}
|
|
@@ -153,7 +153,7 @@ export class ChartWizardComponent {
|
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
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 });
|
|
156
|
-
ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-
|
|
156
|
+
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: [
|
|
157
157
|
LocalizationService,
|
|
158
158
|
{
|
|
159
159
|
provide: L10N_PREFIX,
|
|
@@ -169,10 +169,11 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
169
169
|
<kendo-window
|
|
170
170
|
class="k-chart-wizard"
|
|
171
171
|
title="Chart Wizard"
|
|
172
|
-
[width]="
|
|
173
|
-
[height]="
|
|
172
|
+
[width]="stateService.windowSize.width"
|
|
173
|
+
[height]="stateService.windowSize.height"
|
|
174
174
|
[resizable]="true"
|
|
175
175
|
(close)="close.emit()"
|
|
176
|
+
autoFocusedElement=".k-chart-wizard.k-window"
|
|
176
177
|
>
|
|
177
178
|
<kendo-splitter class="k-chart-wizard-splitter">
|
|
178
179
|
<kendo-splitter-pane class="k-chart-wizard-preview-pane">
|
|
@@ -297,23 +298,23 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
297
298
|
</kendo-chart>
|
|
298
299
|
</div>
|
|
299
300
|
</kendo-splitter-pane>
|
|
300
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" size="
|
|
301
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
301
302
|
<kendo-tabstrip [keepTabContent]="true">
|
|
302
303
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
303
304
|
<ng-template kendoTabContent>
|
|
304
|
-
<kendo-
|
|
305
|
-
</kendo-
|
|
305
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
306
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
306
307
|
</ng-template>
|
|
307
308
|
</kendo-tabstrip-tab>
|
|
308
309
|
<kendo-tabstrip-tab title="Data">
|
|
309
310
|
<ng-template kendoTabContent>
|
|
310
|
-
<kendo-
|
|
311
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
311
312
|
</ng-template>
|
|
312
313
|
</kendo-tabstrip-tab>
|
|
313
314
|
<kendo-tabstrip-tab title="Format">
|
|
314
315
|
<ng-template kendoTabContent>
|
|
315
|
-
<kendo-
|
|
316
|
-
</kendo-
|
|
316
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
317
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
317
318
|
</ng-template>
|
|
318
319
|
</kendo-tabstrip-tab>
|
|
319
320
|
</kendo-tabstrip>
|
|
@@ -321,7 +322,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
321
322
|
</kendo-splitter>
|
|
322
323
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
323
324
|
</kendo-window>
|
|
324
|
-
`, 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: XAxisComponent, selector: "kendo-chart-x-axis" }, { kind: "component", type: XAxisItemComponent, selector: "kendo-chart-x-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: YAxisComponent, selector: "kendo-chart-y-axis" }, { kind: "component", type: YAxisItemComponent, selector: "kendo-chart-y-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { 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-
|
|
325
|
+
`, 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: XAxisComponent, selector: "kendo-chart-x-axis" }, { kind: "component", type: XAxisItemComponent, selector: "kendo-chart-x-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: YAxisComponent, selector: "kendo-chart-y-axis" }, { kind: "component", type: YAxisItemComponent, selector: "kendo-chart-y-axis-item", inputs: ["axisCrossingValue", "background", "baseUnit", "categories", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { 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-data-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
325
326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
|
|
326
327
|
type: Component,
|
|
327
328
|
args: [{
|
|
@@ -335,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
335
336
|
},
|
|
336
337
|
StateService
|
|
337
338
|
],
|
|
338
|
-
selector: 'kendo-
|
|
339
|
+
selector: 'kendo-chartwizard',
|
|
339
340
|
template: `
|
|
340
341
|
<ng-container
|
|
341
342
|
kendoChartWizardLocalizedMessages
|
|
@@ -345,10 +346,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
345
346
|
<kendo-window
|
|
346
347
|
class="k-chart-wizard"
|
|
347
348
|
title="Chart Wizard"
|
|
348
|
-
[width]="
|
|
349
|
-
[height]="
|
|
349
|
+
[width]="stateService.windowSize.width"
|
|
350
|
+
[height]="stateService.windowSize.height"
|
|
350
351
|
[resizable]="true"
|
|
351
352
|
(close)="close.emit()"
|
|
353
|
+
autoFocusedElement=".k-chart-wizard.k-window"
|
|
352
354
|
>
|
|
353
355
|
<kendo-splitter class="k-chart-wizard-splitter">
|
|
354
356
|
<kendo-splitter-pane class="k-chart-wizard-preview-pane">
|
|
@@ -473,23 +475,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
473
475
|
</kendo-chart>
|
|
474
476
|
</div>
|
|
475
477
|
</kendo-splitter-pane>
|
|
476
|
-
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" size="
|
|
478
|
+
<kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
|
|
477
479
|
<kendo-tabstrip [keepTabContent]="true">
|
|
478
480
|
<kendo-tabstrip-tab title="Chart" [selected]="true">
|
|
479
481
|
<ng-template kendoTabContent>
|
|
480
|
-
<kendo-
|
|
481
|
-
</kendo-
|
|
482
|
+
<kendo-chartwizard-property-pane-chart-tab>
|
|
483
|
+
</kendo-chartwizard-property-pane-chart-tab>
|
|
482
484
|
</ng-template>
|
|
483
485
|
</kendo-tabstrip-tab>
|
|
484
486
|
<kendo-tabstrip-tab title="Data">
|
|
485
487
|
<ng-template kendoTabContent>
|
|
486
|
-
<kendo-
|
|
488
|
+
<kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
|
|
487
489
|
</ng-template>
|
|
488
490
|
</kendo-tabstrip-tab>
|
|
489
491
|
<kendo-tabstrip-tab title="Format">
|
|
490
492
|
<ng-template kendoTabContent>
|
|
491
|
-
<kendo-
|
|
492
|
-
</kendo-
|
|
493
|
+
<kendo-chartwizard-property-pane-format-tab>
|
|
494
|
+
</kendo-chartwizard-property-pane-format-tab>
|
|
493
495
|
</ng-template>
|
|
494
496
|
</kendo-tabstrip-tab>
|
|
495
497
|
</kendo-tabstrip>
|
|
@@ -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.6.
|
|
12
|
+
publishDate: 1722939081,
|
|
13
|
+
version: '16.6.1-develop.1',
|
|
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
|
};
|
|
@@ -48,206 +48,206 @@ export class ChartWizardPropertyPaneChartTabComponent {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: i1.StateService }, { token: i0.ChangeDetectorRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-
|
|
51
|
+
ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-chart-tab", ngImport: i0, template: `
|
|
52
52
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
53
53
|
<div class="k-chart-types-wrapper">
|
|
54
|
-
<kendo-
|
|
54
|
+
<kendo-chartwizard-series-type-button
|
|
55
55
|
title="Bar"
|
|
56
56
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
57
57
|
seriesType="bar"
|
|
58
58
|
[stack]="false"
|
|
59
59
|
>
|
|
60
|
-
</kendo-
|
|
61
|
-
<kendo-
|
|
60
|
+
</kendo-chartwizard-series-type-button>
|
|
61
|
+
<kendo-chartwizard-series-type-button
|
|
62
62
|
title="Stacked Bar"
|
|
63
63
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
64
64
|
seriesType="bar"
|
|
65
65
|
[stack]="true"
|
|
66
66
|
>
|
|
67
|
-
</kendo-
|
|
68
|
-
<kendo-
|
|
67
|
+
</kendo-chartwizard-series-type-button>
|
|
68
|
+
<kendo-chartwizard-series-type-button
|
|
69
69
|
title="100% Stacked Bar"
|
|
70
70
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
71
71
|
seriesType="bar"
|
|
72
72
|
[stack]="{ type: '100%' }"
|
|
73
73
|
>
|
|
74
|
-
</kendo-
|
|
74
|
+
</kendo-chartwizard-series-type-button>
|
|
75
75
|
</div>
|
|
76
76
|
</kendo-expansionpanel>
|
|
77
77
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
78
78
|
<div class="k-chart-types-wrapper">
|
|
79
|
-
<kendo-
|
|
79
|
+
<kendo-chartwizard-series-type-button
|
|
80
80
|
title="Pie"
|
|
81
81
|
[chartTypeIcon]="chartPieIcon"
|
|
82
82
|
seriesType="pie"
|
|
83
83
|
[stack]="undefined"
|
|
84
84
|
>
|
|
85
|
-
</kendo-
|
|
85
|
+
</kendo-chartwizard-series-type-button>
|
|
86
86
|
</div>
|
|
87
87
|
</kendo-expansionpanel>
|
|
88
88
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
89
89
|
<div class="k-chart-types-wrapper">
|
|
90
|
-
<kendo-
|
|
90
|
+
<kendo-chartwizard-series-type-button
|
|
91
91
|
title="Column"
|
|
92
92
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
93
93
|
seriesType="column"
|
|
94
94
|
[stack]="false"
|
|
95
95
|
>
|
|
96
|
-
</kendo-
|
|
97
|
-
<kendo-
|
|
96
|
+
</kendo-chartwizard-series-type-button>
|
|
97
|
+
<kendo-chartwizard-series-type-button
|
|
98
98
|
title="Stacked Column"
|
|
99
99
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
100
100
|
seriesType="column"
|
|
101
101
|
[stack]="true"
|
|
102
102
|
>
|
|
103
|
-
</kendo-
|
|
104
|
-
<kendo-
|
|
103
|
+
</kendo-chartwizard-series-type-button>
|
|
104
|
+
<kendo-chartwizard-series-type-button
|
|
105
105
|
title="100% Stacked Column"
|
|
106
106
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
107
107
|
seriesType="column"
|
|
108
108
|
[stack]="{ type: '100%' }"
|
|
109
109
|
>
|
|
110
|
-
</kendo-
|
|
110
|
+
</kendo-chartwizard-series-type-button>
|
|
111
111
|
</div>
|
|
112
112
|
</kendo-expansionpanel>
|
|
113
113
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
114
114
|
<div class="k-chart-types-wrapper">
|
|
115
|
-
<kendo-
|
|
115
|
+
<kendo-chartwizard-series-type-button
|
|
116
116
|
title="Line"
|
|
117
117
|
[chartTypeIcon]="chartLineIcon"
|
|
118
118
|
seriesType="line"
|
|
119
119
|
[stack]="false"
|
|
120
120
|
>
|
|
121
|
-
</kendo-
|
|
122
|
-
<kendo-
|
|
121
|
+
</kendo-chartwizard-series-type-button>
|
|
122
|
+
<kendo-chartwizard-series-type-button
|
|
123
123
|
title="Stacked Line"
|
|
124
124
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
125
125
|
seriesType="line"
|
|
126
126
|
[stack]="true"
|
|
127
127
|
>
|
|
128
|
-
</kendo-
|
|
129
|
-
<kendo-
|
|
128
|
+
</kendo-chartwizard-series-type-button>
|
|
129
|
+
<kendo-chartwizard-series-type-button
|
|
130
130
|
title="100% Line Column"
|
|
131
131
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
132
132
|
seriesType="line"
|
|
133
133
|
[stack]="{ type: '100%' }"
|
|
134
134
|
>
|
|
135
|
-
</kendo-
|
|
135
|
+
</kendo-chartwizard-series-type-button>
|
|
136
136
|
</div>
|
|
137
137
|
</kendo-expansionpanel>
|
|
138
138
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
139
139
|
<div class="k-chart-types-wrapper">
|
|
140
|
-
<kendo-
|
|
140
|
+
<kendo-chartwizard-series-type-button
|
|
141
141
|
title="Scatter"
|
|
142
142
|
[chartTypeIcon]="chartScatterIcon"
|
|
143
143
|
seriesType="scatter"
|
|
144
144
|
[stack]="false"
|
|
145
145
|
>
|
|
146
|
-
</kendo-
|
|
146
|
+
</kendo-chartwizard-series-type-button>
|
|
147
147
|
</div>
|
|
148
148
|
</kendo-expansionpanel>
|
|
149
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardSeriesTypeButtonComponent, selector: "kendo-
|
|
149
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardSeriesTypeButtonComponent, selector: "kendo-chartwizard-series-type-button", inputs: ["title", "chartTypeIcon", "stack", "seriesType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
150
150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
|
|
151
151
|
type: Component,
|
|
152
152
|
args: [{
|
|
153
|
-
selector: 'kendo-
|
|
153
|
+
selector: 'kendo-chartwizard-property-pane-chart-tab',
|
|
154
154
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
155
155
|
template: `
|
|
156
156
|
<kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
|
|
157
157
|
<div class="k-chart-types-wrapper">
|
|
158
|
-
<kendo-
|
|
158
|
+
<kendo-chartwizard-series-type-button
|
|
159
159
|
title="Bar"
|
|
160
160
|
[chartTypeIcon]="chartBarClusteredIcon"
|
|
161
161
|
seriesType="bar"
|
|
162
162
|
[stack]="false"
|
|
163
163
|
>
|
|
164
|
-
</kendo-
|
|
165
|
-
<kendo-
|
|
164
|
+
</kendo-chartwizard-series-type-button>
|
|
165
|
+
<kendo-chartwizard-series-type-button
|
|
166
166
|
title="Stacked Bar"
|
|
167
167
|
[chartTypeIcon]="chartBarStackedIcon"
|
|
168
168
|
seriesType="bar"
|
|
169
169
|
[stack]="true"
|
|
170
170
|
>
|
|
171
|
-
</kendo-
|
|
172
|
-
<kendo-
|
|
171
|
+
</kendo-chartwizard-series-type-button>
|
|
172
|
+
<kendo-chartwizard-series-type-button
|
|
173
173
|
title="100% Stacked Bar"
|
|
174
174
|
[chartTypeIcon]="chartBarStacked100Icon"
|
|
175
175
|
seriesType="bar"
|
|
176
176
|
[stack]="{ type: '100%' }"
|
|
177
177
|
>
|
|
178
|
-
</kendo-
|
|
178
|
+
</kendo-chartwizard-series-type-button>
|
|
179
179
|
</div>
|
|
180
180
|
</kendo-expansionpanel>
|
|
181
181
|
<kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
|
|
182
182
|
<div class="k-chart-types-wrapper">
|
|
183
|
-
<kendo-
|
|
183
|
+
<kendo-chartwizard-series-type-button
|
|
184
184
|
title="Pie"
|
|
185
185
|
[chartTypeIcon]="chartPieIcon"
|
|
186
186
|
seriesType="pie"
|
|
187
187
|
[stack]="undefined"
|
|
188
188
|
>
|
|
189
|
-
</kendo-
|
|
189
|
+
</kendo-chartwizard-series-type-button>
|
|
190
190
|
</div>
|
|
191
191
|
</kendo-expansionpanel>
|
|
192
192
|
<kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
|
|
193
193
|
<div class="k-chart-types-wrapper">
|
|
194
|
-
<kendo-
|
|
194
|
+
<kendo-chartwizard-series-type-button
|
|
195
195
|
title="Column"
|
|
196
196
|
[chartTypeIcon]="chartColumnClusteredIcon"
|
|
197
197
|
seriesType="column"
|
|
198
198
|
[stack]="false"
|
|
199
199
|
>
|
|
200
|
-
</kendo-
|
|
201
|
-
<kendo-
|
|
200
|
+
</kendo-chartwizard-series-type-button>
|
|
201
|
+
<kendo-chartwizard-series-type-button
|
|
202
202
|
title="Stacked Column"
|
|
203
203
|
[chartTypeIcon]="chartColumnStackedIcon"
|
|
204
204
|
seriesType="column"
|
|
205
205
|
[stack]="true"
|
|
206
206
|
>
|
|
207
|
-
</kendo-
|
|
208
|
-
<kendo-
|
|
207
|
+
</kendo-chartwizard-series-type-button>
|
|
208
|
+
<kendo-chartwizard-series-type-button
|
|
209
209
|
title="100% Stacked Column"
|
|
210
210
|
[chartTypeIcon]="chartColumnStacked100Icon"
|
|
211
211
|
seriesType="column"
|
|
212
212
|
[stack]="{ type: '100%' }"
|
|
213
213
|
>
|
|
214
|
-
</kendo-
|
|
214
|
+
</kendo-chartwizard-series-type-button>
|
|
215
215
|
</div>
|
|
216
216
|
</kendo-expansionpanel>
|
|
217
217
|
<kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
|
|
218
218
|
<div class="k-chart-types-wrapper">
|
|
219
|
-
<kendo-
|
|
219
|
+
<kendo-chartwizard-series-type-button
|
|
220
220
|
title="Line"
|
|
221
221
|
[chartTypeIcon]="chartLineIcon"
|
|
222
222
|
seriesType="line"
|
|
223
223
|
[stack]="false"
|
|
224
224
|
>
|
|
225
|
-
</kendo-
|
|
226
|
-
<kendo-
|
|
225
|
+
</kendo-chartwizard-series-type-button>
|
|
226
|
+
<kendo-chartwizard-series-type-button
|
|
227
227
|
title="Stacked Line"
|
|
228
228
|
[chartTypeIcon]="chartLineStackedIcon"
|
|
229
229
|
seriesType="line"
|
|
230
230
|
[stack]="true"
|
|
231
231
|
>
|
|
232
|
-
</kendo-
|
|
233
|
-
<kendo-
|
|
232
|
+
</kendo-chartwizard-series-type-button>
|
|
233
|
+
<kendo-chartwizard-series-type-button
|
|
234
234
|
title="100% Line Column"
|
|
235
235
|
[chartTypeIcon]="chartLineStacked100Icon"
|
|
236
236
|
seriesType="line"
|
|
237
237
|
[stack]="{ type: '100%' }"
|
|
238
238
|
>
|
|
239
|
-
</kendo-
|
|
239
|
+
</kendo-chartwizard-series-type-button>
|
|
240
240
|
</div>
|
|
241
241
|
</kendo-expansionpanel>
|
|
242
242
|
<kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
|
|
243
243
|
<div class="k-chart-types-wrapper">
|
|
244
|
-
<kendo-
|
|
244
|
+
<kendo-chartwizard-series-type-button
|
|
245
245
|
title="Scatter"
|
|
246
246
|
[chartTypeIcon]="chartScatterIcon"
|
|
247
247
|
seriesType="scatter"
|
|
248
248
|
[stack]="false"
|
|
249
249
|
>
|
|
250
|
-
</kendo-
|
|
250
|
+
</kendo-chartwizard-series-type-button>
|
|
251
251
|
</div>
|
|
252
252
|
</kendo-expansionpanel>
|
|
253
253
|
`,
|
|
@@ -59,7 +59,7 @@ export class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
ChartWizardPropertyPaneFormatTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, deps: [{ token: i1.StateService }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-
|
|
62
|
+
ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-data-tab", ngImport: i0, template: `
|
|
63
63
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
64
64
|
<form class="k-form k-form-md">
|
|
65
65
|
<fieldset class="k-form-fieldset">
|
|
@@ -133,7 +133,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
133
133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
|
|
134
134
|
type: Component,
|
|
135
135
|
args: [{
|
|
136
|
-
selector: 'kendo-
|
|
136
|
+
selector: 'kendo-chartwizard-property-pane-data-tab',
|
|
137
137
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
138
138
|
template: `
|
|
139
139
|
<kendo-expansionpanel title="Configuration" [expanded]="true">
|
|
@@ -48,7 +48,7 @@ export class ChartWizardPropertyPaneFormFieldComponent {
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
ChartWizardPropertyPaneFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
-
ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-
|
|
51
|
+
ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-form-field", inputs: { currentState: "currentState", action: "action", class: "class", inputType: "inputType", text: "text", data: "data", placeholder: "placeholder", colSpan: "colSpan", hasLabel: "hasLabel", isLabelInsideFormFieldWrap: "isLabelInsideFormFieldWrap", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-form-field": "this.formField", "class.k-col-span-2": "this.isColSpan2" } }, viewQueries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }, { propertyName: "numericTextBox", first: true, predicate: NumericTextBoxComponent, descendants: true }, { propertyName: "colorPicker", first: true, predicate: ColorPickerComponent, descendants: true }, { propertyName: "dropDownList", first: true, predicate: DropDownListComponent, descendants: true }, { propertyName: "textBox", first: true, predicate: TextBoxComponent, descendants: true }, { propertyName: "comboBox", first: true, predicate: ComboBoxComponent, descendants: true }, { propertyName: "checkBox", first: true, predicate: CheckBoxComponent, descendants: true }], ngImport: i0, template: `
|
|
52
52
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|
|
53
53
|
<div class="k-form-field-wrap">
|
|
54
54
|
<kendo-label
|
|
@@ -114,7 +114,7 @@ ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
|
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
116
|
args: [{
|
|
117
|
-
selector: 'kendo-
|
|
117
|
+
selector: 'kendo-chartwizard-property-pane-form-field',
|
|
118
118
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
119
119
|
template: `
|
|
120
120
|
<kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap" class="k-form-label" [text]="text"></kendo-label>
|