@progress/kendo-angular-chart-wizard 17.3.0-develop.2 → 18.0.0-develop.2
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/esm2022/chart-wizard.component.mjs +1 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/property-pane/data-tab.component.mjs +6 -7
- package/esm2022/property-pane/format-tab.component.mjs +37 -32
- package/fesm2022/progress-kendo-angular-chart-wizard.mjs +46 -42
- package/package.json +16 -16
- package/property-pane/format-tab.component.d.ts +5 -26
|
@@ -674,7 +674,7 @@ export class ChartWizardComponent {
|
|
|
674
674
|
</kendo-splitter>
|
|
675
675
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
676
676
|
</kendo-window>
|
|
677
|
-
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
|
|
677
|
+
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
|
|
678
678
|
trigger('overlayAppear', [
|
|
679
679
|
state('in', style({ opacity: 1 })),
|
|
680
680
|
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
|
@@ -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: '
|
|
12
|
+
publishDate: 1736256296,
|
|
13
|
+
version: '18.0.0-develop.2',
|
|
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
|
};
|
|
@@ -10,8 +10,8 @@ import { CellTemplateDirective, ColumnComponent, CommandColumnComponent, DataBin
|
|
|
10
10
|
import { plusIcon, trashIcon } from '@progress/kendo-svg-icons';
|
|
11
11
|
import { NgIf } from '@angular/common';
|
|
12
12
|
import { ExpansionPanelComponent } from '@progress/kendo-angular-layout';
|
|
13
|
-
import { DropDownListComponent
|
|
14
|
-
import { ButtonComponent
|
|
13
|
+
import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
|
|
14
|
+
import { ButtonComponent } from '@progress/kendo-angular-buttons';
|
|
15
15
|
import { ChartWizardLocalizationService } from '../localization/chartwizard-localization.service';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
17
17
|
import * as i1 from "../state.service";
|
|
@@ -38,6 +38,9 @@ export class ChartWizardPropertyPaneDataTabComponent {
|
|
|
38
38
|
this.cdr = cdr;
|
|
39
39
|
this.renderer = renderer;
|
|
40
40
|
this.localization = localization;
|
|
41
|
+
this.formGroup = this.formBuilder.group({
|
|
42
|
+
name: null,
|
|
43
|
+
});
|
|
41
44
|
}
|
|
42
45
|
ngAfterViewInit() {
|
|
43
46
|
if (this.grid) {
|
|
@@ -50,9 +53,7 @@ export class ChartWizardPropertyPaneDataTabComponent {
|
|
|
50
53
|
updateState(action, value) {
|
|
51
54
|
this.stateService.state = updateState(this.stateService.state, action, value);
|
|
52
55
|
}
|
|
53
|
-
formGroup
|
|
54
|
-
name: null,
|
|
55
|
-
});
|
|
56
|
+
formGroup;
|
|
56
57
|
createFormGroup(args) {
|
|
57
58
|
const item = args.isNew ? {} : args.dataItem;
|
|
58
59
|
this.formGroup = this.formBuilder.group({
|
|
@@ -245,7 +246,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
245
246
|
imports: [
|
|
246
247
|
ExpansionPanelComponent,
|
|
247
248
|
DropDownListComponent,
|
|
248
|
-
ValueTemplateDirective,
|
|
249
249
|
NgIf,
|
|
250
250
|
GridComponent,
|
|
251
251
|
ReactiveEditingDirective,
|
|
@@ -257,7 +257,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
257
257
|
CommandColumnComponent,
|
|
258
258
|
CellTemplateDirective,
|
|
259
259
|
GridToolbarFocusableDirective,
|
|
260
|
-
FocusableDirective,
|
|
261
260
|
RemoveCommandDirective
|
|
262
261
|
]
|
|
263
262
|
}]
|
|
@@ -23,10 +23,7 @@ export class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
23
23
|
stateService;
|
|
24
24
|
localization;
|
|
25
25
|
cdr;
|
|
26
|
-
chartTitles
|
|
27
|
-
{ text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
|
|
28
|
-
{ text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
|
|
29
|
-
];
|
|
26
|
+
chartTitles;
|
|
30
27
|
areaMarginLeft = ActionTypes.areaMarginLeft;
|
|
31
28
|
areaMarginRight = ActionTypes.areaMarginRight;
|
|
32
29
|
areaMarginTop = ActionTypes.areaMarginTop;
|
|
@@ -59,34 +56,10 @@ export class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
59
56
|
defaultAllSeriesItem = defaultAllSeriesItem;
|
|
60
57
|
fontNames = fontNames;
|
|
61
58
|
fontSizes = fontSizes;
|
|
62
|
-
labelFormats
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
{ value: 'p0', text: this.messageFor('formatValueAxisLabelsFormatPercent') }
|
|
67
|
-
];
|
|
68
|
-
legendPositions = [
|
|
69
|
-
{ text: this.messageFor('formatLegendPositionTop'), value: 'top' },
|
|
70
|
-
{ text: this.messageFor('formatLegendPositionBottom'), value: 'bottom' },
|
|
71
|
-
{ text: this.messageFor('formatLegendPositionLeft'), value: 'left' },
|
|
72
|
-
{ text: this.messageFor('formatLegendPositionRight'), value: 'right' }
|
|
73
|
-
];
|
|
74
|
-
labelsCategoryAxisRotation = [
|
|
75
|
-
{ text: this.messageFor('formatCategoryAxisLabelsRotationAuto'), value: 'auto' },
|
|
76
|
-
{ text: '0°', value: 0 },
|
|
77
|
-
{ text: '45°', value: 45 },
|
|
78
|
-
{ text: '90°', value: 90 },
|
|
79
|
-
{ text: '135°', value: 135 },
|
|
80
|
-
{ text: '180°', value: 180 }
|
|
81
|
-
];
|
|
82
|
-
labelsValueAxisRotation = [
|
|
83
|
-
{ text: this.messageFor('formatValueAxisLabelsRotationAuto'), value: 'auto' },
|
|
84
|
-
{ text: '0°', value: 0 },
|
|
85
|
-
{ text: '45°', value: 45 },
|
|
86
|
-
{ text: '90°', value: 90 },
|
|
87
|
-
{ text: '135°', value: 135 },
|
|
88
|
-
{ text: '180°', value: 180 }
|
|
89
|
-
];
|
|
59
|
+
labelFormats;
|
|
60
|
+
legendPositions;
|
|
61
|
+
labelsCategoryAxisRotation;
|
|
62
|
+
labelsValueAxisRotation;
|
|
90
63
|
get chartTitleTypeText() {
|
|
91
64
|
return this.stateService.currentTitle === 'Chart Title'
|
|
92
65
|
? this.stateService.state.title?.text
|
|
@@ -135,6 +108,38 @@ export class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
135
108
|
this.stateService = stateService;
|
|
136
109
|
this.localization = localization;
|
|
137
110
|
this.cdr = cdr;
|
|
111
|
+
this.labelFormats = [
|
|
112
|
+
{ value: '', text: this.messageFor('formatValueAxisLabelsFormatText') },
|
|
113
|
+
{ value: 'n0', text: this.messageFor('formatValueAxisLabelsFormatNumber') },
|
|
114
|
+
{ value: 'c0', text: this.messageFor('formatValueAxisLabelsFormatCurrency') },
|
|
115
|
+
{ value: 'p0', text: this.messageFor('formatValueAxisLabelsFormatPercent') }
|
|
116
|
+
];
|
|
117
|
+
this.legendPositions = [
|
|
118
|
+
{ text: this.messageFor('formatLegendPositionTop'), value: 'top' },
|
|
119
|
+
{ text: this.messageFor('formatLegendPositionBottom'), value: 'bottom' },
|
|
120
|
+
{ text: this.messageFor('formatLegendPositionLeft'), value: 'left' },
|
|
121
|
+
{ text: this.messageFor('formatLegendPositionRight'), value: 'right' }
|
|
122
|
+
];
|
|
123
|
+
this.labelsCategoryAxisRotation = [
|
|
124
|
+
{ text: this.messageFor('formatCategoryAxisLabelsRotationAuto'), value: 'auto' },
|
|
125
|
+
{ text: '0°', value: 0 },
|
|
126
|
+
{ text: '45°', value: 45 },
|
|
127
|
+
{ text: '90°', value: 90 },
|
|
128
|
+
{ text: '135°', value: 135 },
|
|
129
|
+
{ text: '180°', value: 180 }
|
|
130
|
+
];
|
|
131
|
+
this.labelsValueAxisRotation = [
|
|
132
|
+
{ text: this.messageFor('formatValueAxisLabelsRotationAuto'), value: 'auto' },
|
|
133
|
+
{ text: '0°', value: 0 },
|
|
134
|
+
{ text: '45°', value: 45 },
|
|
135
|
+
{ text: '90°', value: 90 },
|
|
136
|
+
{ text: '135°', value: 135 },
|
|
137
|
+
{ text: '180°', value: 180 }
|
|
138
|
+
];
|
|
139
|
+
this.chartTitles = [
|
|
140
|
+
{ text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
|
|
141
|
+
{ text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
|
|
142
|
+
];
|
|
138
143
|
}
|
|
139
144
|
ngAfterViewChecked() {
|
|
140
145
|
this.localization.changes.subscribe(() => {
|
|
@@ -19,8 +19,8 @@ import * as i1$1 from '@progress/kendo-angular-grid';
|
|
|
19
19
|
import { GridComponent, ReactiveEditingDirective, DataBindingDirective, ToolbarTemplateDirective, RowReorderColumnComponent, ColumnComponent, CommandColumnComponent, CellTemplateDirective, GridToolbarFocusableDirective, RemoveCommandDirective } from '@progress/kendo-angular-grid';
|
|
20
20
|
import { NgIf, NgFor } from '@angular/common';
|
|
21
21
|
import { ExpansionPanelComponent, SplitterComponent, SplitterPaneComponent, TabStripComponent, TabStripTabComponent, TabContentDirective } from '@progress/kendo-angular-layout';
|
|
22
|
-
import { DropDownListComponent,
|
|
23
|
-
import { ButtonComponent,
|
|
22
|
+
import { DropDownListComponent, ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
|
|
23
|
+
import { ButtonComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
|
|
24
24
|
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';
|
|
@@ -36,8 +36,8 @@ const packageMetadata = {
|
|
|
36
36
|
name: '@progress/kendo-angular-chart-wizard',
|
|
37
37
|
productName: 'Kendo UI for Angular',
|
|
38
38
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
39
|
-
publishDate:
|
|
40
|
-
version: '
|
|
39
|
+
publishDate: 1736256296,
|
|
40
|
+
version: '18.0.0-develop.2',
|
|
41
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',
|
|
42
42
|
};
|
|
43
43
|
|
|
@@ -190,6 +190,9 @@ class ChartWizardPropertyPaneDataTabComponent {
|
|
|
190
190
|
this.cdr = cdr;
|
|
191
191
|
this.renderer = renderer;
|
|
192
192
|
this.localization = localization;
|
|
193
|
+
this.formGroup = this.formBuilder.group({
|
|
194
|
+
name: null,
|
|
195
|
+
});
|
|
193
196
|
}
|
|
194
197
|
ngAfterViewInit() {
|
|
195
198
|
if (this.grid) {
|
|
@@ -202,9 +205,7 @@ class ChartWizardPropertyPaneDataTabComponent {
|
|
|
202
205
|
updateState(action, value) {
|
|
203
206
|
this.stateService.state = updateState(this.stateService.state, action, value);
|
|
204
207
|
}
|
|
205
|
-
formGroup
|
|
206
|
-
name: null,
|
|
207
|
-
});
|
|
208
|
+
formGroup;
|
|
208
209
|
createFormGroup(args) {
|
|
209
210
|
const item = args.isNew ? {} : args.dataItem;
|
|
210
211
|
this.formGroup = this.formBuilder.group({
|
|
@@ -397,7 +398,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
397
398
|
imports: [
|
|
398
399
|
ExpansionPanelComponent,
|
|
399
400
|
DropDownListComponent,
|
|
400
|
-
ValueTemplateDirective,
|
|
401
401
|
NgIf,
|
|
402
402
|
GridComponent,
|
|
403
403
|
ReactiveEditingDirective,
|
|
@@ -409,7 +409,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
409
409
|
CommandColumnComponent,
|
|
410
410
|
CellTemplateDirective,
|
|
411
411
|
GridToolbarFocusableDirective,
|
|
412
|
-
FocusableDirective,
|
|
413
412
|
RemoveCommandDirective
|
|
414
413
|
]
|
|
415
414
|
}]
|
|
@@ -1049,10 +1048,7 @@ class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
1049
1048
|
stateService;
|
|
1050
1049
|
localization;
|
|
1051
1050
|
cdr;
|
|
1052
|
-
chartTitles
|
|
1053
|
-
{ text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
|
|
1054
|
-
{ text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
|
|
1055
|
-
];
|
|
1051
|
+
chartTitles;
|
|
1056
1052
|
areaMarginLeft = ActionTypes.areaMarginLeft;
|
|
1057
1053
|
areaMarginRight = ActionTypes.areaMarginRight;
|
|
1058
1054
|
areaMarginTop = ActionTypes.areaMarginTop;
|
|
@@ -1085,34 +1081,10 @@ class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
1085
1081
|
defaultAllSeriesItem = defaultAllSeriesItem;
|
|
1086
1082
|
fontNames = fontNames;
|
|
1087
1083
|
fontSizes = fontSizes;
|
|
1088
|
-
labelFormats
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
{ value: 'p0', text: this.messageFor('formatValueAxisLabelsFormatPercent') }
|
|
1093
|
-
];
|
|
1094
|
-
legendPositions = [
|
|
1095
|
-
{ text: this.messageFor('formatLegendPositionTop'), value: 'top' },
|
|
1096
|
-
{ text: this.messageFor('formatLegendPositionBottom'), value: 'bottom' },
|
|
1097
|
-
{ text: this.messageFor('formatLegendPositionLeft'), value: 'left' },
|
|
1098
|
-
{ text: this.messageFor('formatLegendPositionRight'), value: 'right' }
|
|
1099
|
-
];
|
|
1100
|
-
labelsCategoryAxisRotation = [
|
|
1101
|
-
{ text: this.messageFor('formatCategoryAxisLabelsRotationAuto'), value: 'auto' },
|
|
1102
|
-
{ text: '0°', value: 0 },
|
|
1103
|
-
{ text: '45°', value: 45 },
|
|
1104
|
-
{ text: '90°', value: 90 },
|
|
1105
|
-
{ text: '135°', value: 135 },
|
|
1106
|
-
{ text: '180°', value: 180 }
|
|
1107
|
-
];
|
|
1108
|
-
labelsValueAxisRotation = [
|
|
1109
|
-
{ text: this.messageFor('formatValueAxisLabelsRotationAuto'), value: 'auto' },
|
|
1110
|
-
{ text: '0°', value: 0 },
|
|
1111
|
-
{ text: '45°', value: 45 },
|
|
1112
|
-
{ text: '90°', value: 90 },
|
|
1113
|
-
{ text: '135°', value: 135 },
|
|
1114
|
-
{ text: '180°', value: 180 }
|
|
1115
|
-
];
|
|
1084
|
+
labelFormats;
|
|
1085
|
+
legendPositions;
|
|
1086
|
+
labelsCategoryAxisRotation;
|
|
1087
|
+
labelsValueAxisRotation;
|
|
1116
1088
|
get chartTitleTypeText() {
|
|
1117
1089
|
return this.stateService.currentTitle === 'Chart Title'
|
|
1118
1090
|
? this.stateService.state.title?.text
|
|
@@ -1161,6 +1133,38 @@ class ChartWizardPropertyPaneFormatTabComponent {
|
|
|
1161
1133
|
this.stateService = stateService;
|
|
1162
1134
|
this.localization = localization;
|
|
1163
1135
|
this.cdr = cdr;
|
|
1136
|
+
this.labelFormats = [
|
|
1137
|
+
{ value: '', text: this.messageFor('formatValueAxisLabelsFormatText') },
|
|
1138
|
+
{ value: 'n0', text: this.messageFor('formatValueAxisLabelsFormatNumber') },
|
|
1139
|
+
{ value: 'c0', text: this.messageFor('formatValueAxisLabelsFormatCurrency') },
|
|
1140
|
+
{ value: 'p0', text: this.messageFor('formatValueAxisLabelsFormatPercent') }
|
|
1141
|
+
];
|
|
1142
|
+
this.legendPositions = [
|
|
1143
|
+
{ text: this.messageFor('formatLegendPositionTop'), value: 'top' },
|
|
1144
|
+
{ text: this.messageFor('formatLegendPositionBottom'), value: 'bottom' },
|
|
1145
|
+
{ text: this.messageFor('formatLegendPositionLeft'), value: 'left' },
|
|
1146
|
+
{ text: this.messageFor('formatLegendPositionRight'), value: 'right' }
|
|
1147
|
+
];
|
|
1148
|
+
this.labelsCategoryAxisRotation = [
|
|
1149
|
+
{ text: this.messageFor('formatCategoryAxisLabelsRotationAuto'), value: 'auto' },
|
|
1150
|
+
{ text: '0°', value: 0 },
|
|
1151
|
+
{ text: '45°', value: 45 },
|
|
1152
|
+
{ text: '90°', value: 90 },
|
|
1153
|
+
{ text: '135°', value: 135 },
|
|
1154
|
+
{ text: '180°', value: 180 }
|
|
1155
|
+
];
|
|
1156
|
+
this.labelsValueAxisRotation = [
|
|
1157
|
+
{ text: this.messageFor('formatValueAxisLabelsRotationAuto'), value: 'auto' },
|
|
1158
|
+
{ text: '0°', value: 0 },
|
|
1159
|
+
{ text: '45°', value: 45 },
|
|
1160
|
+
{ text: '90°', value: 90 },
|
|
1161
|
+
{ text: '135°', value: 135 },
|
|
1162
|
+
{ text: '180°', value: 180 }
|
|
1163
|
+
];
|
|
1164
|
+
this.chartTitles = [
|
|
1165
|
+
{ text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
|
|
1166
|
+
{ text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
|
|
1167
|
+
];
|
|
1164
1168
|
}
|
|
1165
1169
|
ngAfterViewChecked() {
|
|
1166
1170
|
this.localization.changes.subscribe(() => {
|
|
@@ -3357,7 +3361,7 @@ class ChartWizardComponent {
|
|
|
3357
3361
|
</kendo-splitter>
|
|
3358
3362
|
<div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
|
|
3359
3363
|
</kendo-window>
|
|
3360
|
-
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
|
|
3364
|
+
`, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "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: [
|
|
3361
3365
|
trigger('overlayAppear', [
|
|
3362
3366
|
state('in', style({ opacity: 1 })),
|
|
3363
3367
|
transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-chart-wizard",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "18.0.0-develop.2",
|
|
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": "16 - 19",
|
|
24
24
|
"@angular/core": "16 - 19",
|
|
25
25
|
"@angular/platform-browser": "16 - 19",
|
|
26
|
-
"@progress/kendo-angular-common": "
|
|
27
|
-
"@progress/kendo-angular-dialog": "
|
|
28
|
-
"@progress/kendo-angular-buttons": "
|
|
29
|
-
"@progress/kendo-angular-grid": "
|
|
30
|
-
"@progress/kendo-angular-charts": "
|
|
31
|
-
"@progress/kendo-angular-dropdowns": "
|
|
32
|
-
"@progress/kendo-angular-layout": "
|
|
33
|
-
"@progress/kendo-angular-icons": "
|
|
34
|
-
"@progress/kendo-angular-inputs": "
|
|
35
|
-
"@progress/kendo-angular-label": "
|
|
36
|
-
"@progress/kendo-angular-intl": "
|
|
37
|
-
"@progress/kendo-angular-l10n": "
|
|
38
|
-
"@progress/kendo-angular-navigation": "
|
|
39
|
-
"@progress/kendo-angular-popup": "
|
|
26
|
+
"@progress/kendo-angular-common": "18.0.0-develop.2",
|
|
27
|
+
"@progress/kendo-angular-dialog": "18.0.0-develop.2",
|
|
28
|
+
"@progress/kendo-angular-buttons": "18.0.0-develop.2",
|
|
29
|
+
"@progress/kendo-angular-grid": "18.0.0-develop.2",
|
|
30
|
+
"@progress/kendo-angular-charts": "18.0.0-develop.2",
|
|
31
|
+
"@progress/kendo-angular-dropdowns": "18.0.0-develop.2",
|
|
32
|
+
"@progress/kendo-angular-layout": "18.0.0-develop.2",
|
|
33
|
+
"@progress/kendo-angular-icons": "18.0.0-develop.2",
|
|
34
|
+
"@progress/kendo-angular-inputs": "18.0.0-develop.2",
|
|
35
|
+
"@progress/kendo-angular-label": "18.0.0-develop.2",
|
|
36
|
+
"@progress/kendo-angular-intl": "18.0.0-develop.2",
|
|
37
|
+
"@progress/kendo-angular-l10n": "18.0.0-develop.2",
|
|
38
|
+
"@progress/kendo-angular-navigation": "18.0.0-develop.2",
|
|
39
|
+
"@progress/kendo-angular-popup": "18.0.0-develop.2",
|
|
40
40
|
"@progress/kendo-drawing": "^1.21.0",
|
|
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.6.2",
|
|
48
|
-
"@progress/kendo-angular-schematics": "
|
|
48
|
+
"@progress/kendo-angular-schematics": "18.0.0-develop.2",
|
|
49
49
|
"@progress/kendo-common": "^1.0.1"
|
|
50
50
|
},
|
|
51
51
|
"schematics": "./schematics/collection.json",
|
|
@@ -14,10 +14,7 @@ export declare class ChartWizardPropertyPaneFormatTabComponent implements AfterV
|
|
|
14
14
|
stateService: StateService;
|
|
15
15
|
private localization;
|
|
16
16
|
private cdr;
|
|
17
|
-
chartTitles:
|
|
18
|
-
text: string;
|
|
19
|
-
value: string;
|
|
20
|
-
}[];
|
|
17
|
+
chartTitles: any[];
|
|
21
18
|
areaMarginLeft: ActionTypesType;
|
|
22
19
|
areaMarginRight: ActionTypesType;
|
|
23
20
|
areaMarginTop: ActionTypesType;
|
|
@@ -64,28 +61,10 @@ export declare class ChartWizardPropertyPaneFormatTabComponent implements AfterV
|
|
|
64
61
|
text: string;
|
|
65
62
|
value: string;
|
|
66
63
|
}[];
|
|
67
|
-
labelFormats:
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
legendPositions: {
|
|
72
|
-
text: string;
|
|
73
|
-
value: string;
|
|
74
|
-
}[];
|
|
75
|
-
labelsCategoryAxisRotation: ({
|
|
76
|
-
text: string;
|
|
77
|
-
value: string;
|
|
78
|
-
} | {
|
|
79
|
-
text: string;
|
|
80
|
-
value: number;
|
|
81
|
-
})[];
|
|
82
|
-
labelsValueAxisRotation: ({
|
|
83
|
-
text: string;
|
|
84
|
-
value: string;
|
|
85
|
-
} | {
|
|
86
|
-
text: string;
|
|
87
|
-
value: number;
|
|
88
|
-
})[];
|
|
64
|
+
labelFormats: any[];
|
|
65
|
+
legendPositions: any[];
|
|
66
|
+
labelsCategoryAxisRotation: any[];
|
|
67
|
+
labelsValueAxisRotation: any[];
|
|
89
68
|
get chartTitleTypeText(): string;
|
|
90
69
|
get chartTitleTypeFont(): string;
|
|
91
70
|
get chartTitleTypeFontSize(): string;
|