@progress/kendo-angular-chart-wizard 16.6.3-develop.2 → 16.7.0-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/common/models.d.ts +14 -0
  2. package/esm2020/chart-wizard.component.mjs +4 -2
  3. package/esm2020/common/models.mjs +16 -0
  4. package/esm2020/package-metadata.mjs +2 -2
  5. package/esm2020/property-pane/chart-tab.component.mjs +10 -13
  6. package/esm2020/property-pane/format-tab.component.mjs +36 -33
  7. package/fesm2015/progress-kendo-angular-chart-wizard.mjs +68 -49
  8. package/fesm2020/progress-kendo-angular-chart-wizard.mjs +67 -49
  9. package/package.json +16 -16
  10. package/property-pane/chart-tab.component.d.ts +0 -1
  11. package/property-pane/format-tab.component.d.ts +6 -3
  12. package/state.service.d.ts +0 -2
package/common/models.d.ts CHANGED
@@ -23,3 +23,17 @@ export declare type PanelType = 'Chart Area' | 'Legend' | 'Title' | 'Subtitle' |
23
23
  export declare const defaultAllSeriesItem: {
24
24
  name: string;
25
25
  };
26
+ /**
27
+ * @hidden
28
+ */
29
+ export declare const defaultFormat: {
30
+ value: string;
31
+ text: string;
32
+ };
33
+ /**
34
+ * @hidden
35
+ */
36
+ export declare const labelFormats: {
37
+ value: string;
38
+ text: string;
39
+ }[];
package/esm2020/chart-wizard.component.mjs CHANGED
@@ -236,7 +236,8 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
236
236
  [labels]="{
237
237
  rotation: axis.labels?.rotation,
238
238
  font: axis.labels?.font,
239
- color: axis.labels?.color
239
+ color: axis.labels?.color,
240
+ format: axis.labels?.format
240
241
  }"
241
242
  >
242
243
  </kendo-chart-value-axis-item>
@@ -411,7 +412,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
411
412
  [labels]="{
412
413
  rotation: axis.labels?.rotation,
413
414
  font: axis.labels?.font,
414
- color: axis.labels?.color
415
+ color: axis.labels?.color,
416
+ format: axis.labels?.format
415
417
  }"
416
418
  >
417
419
  </kendo-chart-value-axis-item>
package/esm2020/common/models.mjs CHANGED
@@ -6,3 +6,19 @@
6
6
  * @hidden
7
7
  */
8
8
  export const defaultAllSeriesItem = { name: 'All Series' };
9
+ /**
10
+ * @hidden
11
+ */
12
+ export const defaultFormat = {
13
+ value: '',
14
+ text: 'Text'
15
+ };
16
+ /**
17
+ * @hidden
18
+ */
19
+ export const labelFormats = [
20
+ defaultFormat,
21
+ { value: 'n0', text: 'Number' },
22
+ { value: 'c0', text: 'Currency' },
23
+ { value: 'p0', text: 'Percent' }
24
+ ];
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1723102230,
13
- version: '16.6.3-develop.2',
12
+ publishDate: 1723113566,
13
+ version: '16.7.0-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
  };
package/esm2020/property-pane/chart-tab.component.mjs CHANGED
@@ -32,9 +32,6 @@ export class ChartWizardPropertyPaneChartTabComponent {
32
32
  this.chartLineStacked100Icon = chartLineStacked100Icon;
33
33
  this.chartScatterIcon = chartScatterIcon;
34
34
  }
35
- isExpanded(type) {
36
- return this.stateService.state.seriesType === type;
37
- }
38
35
  ngAfterViewChecked() {
39
36
  this.localization.changes.subscribe(() => {
40
37
  this.detectChanges();
@@ -49,7 +46,7 @@ export class ChartWizardPropertyPaneChartTabComponent {
49
46
  }
50
47
  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
48
  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
- <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
49
+ <kendo-expansionpanel title="Bar Chart" [expanded]="true">
53
50
  <div class="k-chart-types-wrapper">
54
51
  <kendo-chartwizard-series-type-button
55
52
  title="Bar"
@@ -74,7 +71,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
74
71
  </kendo-chartwizard-series-type-button>
75
72
  </div>
76
73
  </kendo-expansionpanel>
77
- <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
74
+ <kendo-expansionpanel title="Pie Chart" [expanded]="true">
78
75
  <div class="k-chart-types-wrapper">
79
76
  <kendo-chartwizard-series-type-button
80
77
  title="Pie"
@@ -85,7 +82,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
85
82
  </kendo-chartwizard-series-type-button>
86
83
  </div>
87
84
  </kendo-expansionpanel>
88
- <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
85
+ <kendo-expansionpanel title="Column Chart" [expanded]="true">
89
86
  <div class="k-chart-types-wrapper">
90
87
  <kendo-chartwizard-series-type-button
91
88
  title="Column"
@@ -110,7 +107,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
110
107
  </kendo-chartwizard-series-type-button>
111
108
  </div>
112
109
  </kendo-expansionpanel>
113
- <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
110
+ <kendo-expansionpanel title="Line Chart" [expanded]="true">
114
111
  <div class="k-chart-types-wrapper">
115
112
  <kendo-chartwizard-series-type-button
116
113
  title="Line"
@@ -135,7 +132,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
135
132
  </kendo-chartwizard-series-type-button>
136
133
  </div>
137
134
  </kendo-expansionpanel>
138
- <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
135
+ <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
139
136
  <div class="k-chart-types-wrapper">
140
137
  <kendo-chartwizard-series-type-button
141
138
  title="Scatter"
@@ -153,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
153
150
  selector: 'kendo-chartwizard-property-pane-chart-tab',
154
151
  changeDetection: ChangeDetectionStrategy.OnPush,
155
152
  template: `
156
- <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
153
+ <kendo-expansionpanel title="Bar Chart" [expanded]="true">
157
154
  <div class="k-chart-types-wrapper">
158
155
  <kendo-chartwizard-series-type-button
159
156
  title="Bar"
@@ -178,7 +175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
178
175
  </kendo-chartwizard-series-type-button>
179
176
  </div>
180
177
  </kendo-expansionpanel>
181
- <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
178
+ <kendo-expansionpanel title="Pie Chart" [expanded]="true">
182
179
  <div class="k-chart-types-wrapper">
183
180
  <kendo-chartwizard-series-type-button
184
181
  title="Pie"
@@ -189,7 +186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
189
186
  </kendo-chartwizard-series-type-button>
190
187
  </div>
191
188
  </kendo-expansionpanel>
192
- <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
189
+ <kendo-expansionpanel title="Column Chart" [expanded]="true">
193
190
  <div class="k-chart-types-wrapper">
194
191
  <kendo-chartwizard-series-type-button
195
192
  title="Column"
@@ -214,7 +211,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
214
211
  </kendo-chartwizard-series-type-button>
215
212
  </div>
216
213
  </kendo-expansionpanel>
217
- <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
214
+ <kendo-expansionpanel title="Line Chart" [expanded]="true">
218
215
  <div class="k-chart-types-wrapper">
219
216
  <kendo-chartwizard-series-type-button
220
217
  title="Line"
@@ -239,7 +236,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
239
236
  </kendo-chartwizard-series-type-button>
240
237
  </div>
241
238
  </kendo-expansionpanel>
242
- <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
239
+ <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
243
240
  <div class="k-chart-types-wrapper">
244
241
  <kendo-chartwizard-series-type-button
245
242
  title="Scatter"
package/esm2020/property-pane/format-tab.component.mjs CHANGED
@@ -10,7 +10,7 @@ import { ExpansionPanelComponent } from '@progress/kendo-angular-layout';
10
10
  import { LabelComponent } from '@progress/kendo-angular-label';
11
11
  import { SwitchComponent } from '@progress/kendo-angular-inputs';
12
12
  import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
13
- import { defaultAllSeriesItem } from '../common/models';
13
+ import { defaultAllSeriesItem, defaultFormat, labelFormats } from '../common/models';
14
14
  import { LocalizationService } from '@progress/kendo-angular-l10n';
15
15
  import { NgIf } from '@angular/common';
16
16
  import * as i0 from "@angular/core";
@@ -62,10 +62,12 @@ export class ChartWizardPropertyPaneDataTabComponent {
62
62
  this.valueAxisTitleFontSize = ActionTypes.valueAxisTitleFontSize;
63
63
  this.valueAxisTitleColor = ActionTypes.valueAxisTitleColor;
64
64
  this.valueAxisLabelsFontName = ActionTypes.valueAxisLabelsFontName;
65
+ this.valueAxisLabelsFormat = ActionTypes.valueAxisLabelsFormat;
65
66
  this.valueAxisLabelsFontSize = ActionTypes.valueAxisLabelsFontSize;
66
67
  this.valueAxisLabelsColor = ActionTypes.valueAxisLabelsColor;
67
68
  this.valueAxisLabelsRotation = ActionTypes.valueAxisLabelsRotation;
68
69
  this.parseFont = parseFont;
70
+ this.labelFormats = labelFormats;
69
71
  this.defaultAllSeriesItem = defaultAllSeriesItem;
70
72
  this.fontNames = fontNames;
71
73
  this.fontSizes = fontSizes;
@@ -110,6 +112,9 @@ export class ChartWizardPropertyPaneDataTabComponent {
110
112
  get showLabels() {
111
113
  return this.stateService.currentSeries.name !== defaultAllSeriesItem.name ? this.stateService.state.series.find(s => s.name === this.stateService.currentSeries.name)?.labels?.visible : this.stateService.state.series.every(s => s.labels?.visible);
112
114
  }
115
+ get labelFormatValue() {
116
+ return labelFormats.find(f => f.value === this.stateService.state.valueAxis[0]?.labels?.format)?.value || defaultFormat.value;
117
+ }
113
118
  ngAfterViewChecked() {
114
119
  this.localization.changes.subscribe(() => {
115
120
  this.cdr.detectChanges();
@@ -146,14 +151,6 @@ export class ChartWizardPropertyPaneDataTabComponent {
146
151
  this.stateService.currentSeries.color = value;
147
152
  this.updateState(this.seriesColor, this.stateService.currentSeries);
148
153
  }
149
- onExpandedChange(panel, expanded) {
150
- expanded
151
- ? (this.stateService.currentFormatExpansionPanel = panel)
152
- : (this.stateService.currentFormatExpansionPanel = null);
153
- }
154
- isExpanded(panel) {
155
- return this.stateService.currentFormatExpansionPanel === panel;
156
- }
157
154
  }
158
155
  ChartWizardPropertyPaneDataTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: i1.StateService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
159
156
  ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
@@ -161,8 +158,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
161
158
  <kendo-expansionpanel
162
159
  [style.max-width.px]="576"
163
160
  title="Chart Area"
164
- [expanded]="isExpanded('Chart Area')"
165
- (expandedChange)="onExpandedChange('Chart Area', $event)"
161
+ [expanded]="true"
166
162
  [attr.dir]="stateService.direction"
167
163
  >
168
164
  <form class="k-form k-form-md">
@@ -216,8 +212,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
216
212
  <kendo-expansionpanel
217
213
  [style.max-width.px]="576"
218
214
  title="Title"
219
- [expanded]="isExpanded('Title')"
220
- (expandedChange)="onExpandedChange('Title', $event)"
215
+ [expanded]="true"
221
216
  >
222
217
  <form class="k-form k-form-md">
223
218
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -272,8 +267,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
272
267
  <kendo-expansionpanel
273
268
  [style.max-width.px]="576"
274
269
  title="Legend"
275
- [expanded]="isExpanded('Legend')"
276
- (expandedChange)="onExpandedChange('Legend', $event)"
270
+ [expanded]="true"
277
271
  >
278
272
  <form class="k-form k-form-md">
279
273
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -330,8 +324,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
330
324
  <kendo-expansionpanel
331
325
  [style.max-width.px]="576"
332
326
  title="Series"
333
- [expanded]="isExpanded('Series')"
334
- (expandedChange)="onExpandedChange('Series', $event)"
327
+ [expanded]="true"
335
328
  >
336
329
  <form class="k-form k-form-md">
337
330
  <div class="k-form-field">
@@ -374,8 +367,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
374
367
  <kendo-expansionpanel
375
368
  [style.max-width.px]="576"
376
369
  [title]="stateService.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
377
- [expanded]="isExpanded('Category Axis')"
378
- (expandedChange)="onExpandedChange('Category Axis', $event)"
370
+ [expanded]="true"
379
371
  >
380
372
  <form class="k-form k-form-md">
381
373
  <fieldset class="k-form-fieldset">
@@ -473,8 +465,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
473
465
  <kendo-expansionpanel
474
466
  [style.max-width.px]="576"
475
467
  [title]="stateService.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
476
- [expanded]="isExpanded('Value Axis')"
477
- (expandedChange)="onExpandedChange('Value Axis', $event)"
468
+ [expanded]="true"
478
469
  >
479
470
  <form class="k-form k-form-md">
480
471
  <fieldset class="k-form-fieldset">
@@ -520,6 +511,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
520
511
  <fieldset class="k-form-fieldset">
521
512
  <legend class="k-form-legend">Labels</legend>
522
513
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
514
+ <kendo-chartwizard-property-pane-form-field
515
+ text="Label Format"
516
+ [colSpan]="2"
517
+ inputType="dropDownList"
518
+ [data]="labelFormats"
519
+ [value]="labelFormatValue"
520
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
521
+ >
522
+ </kendo-chartwizard-property-pane-form-field>
523
523
  <kendo-chartwizard-property-pane-form-field
524
524
  text="Font"
525
525
  inputType="comboBox"
@@ -569,8 +569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
569
569
  <kendo-expansionpanel
570
570
  [style.max-width.px]="576"
571
571
  title="Chart Area"
572
- [expanded]="isExpanded('Chart Area')"
573
- (expandedChange)="onExpandedChange('Chart Area', $event)"
572
+ [expanded]="true"
574
573
  [attr.dir]="stateService.direction"
575
574
  >
576
575
  <form class="k-form k-form-md">
@@ -624,8 +623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
624
623
  <kendo-expansionpanel
625
624
  [style.max-width.px]="576"
626
625
  title="Title"
627
- [expanded]="isExpanded('Title')"
628
- (expandedChange)="onExpandedChange('Title', $event)"
626
+ [expanded]="true"
629
627
  >
630
628
  <form class="k-form k-form-md">
631
629
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -680,8 +678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
680
678
  <kendo-expansionpanel
681
679
  [style.max-width.px]="576"
682
680
  title="Legend"
683
- [expanded]="isExpanded('Legend')"
684
- (expandedChange)="onExpandedChange('Legend', $event)"
681
+ [expanded]="true"
685
682
  >
686
683
  <form class="k-form k-form-md">
687
684
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -738,8 +735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
738
735
  <kendo-expansionpanel
739
736
  [style.max-width.px]="576"
740
737
  title="Series"
741
- [expanded]="isExpanded('Series')"
742
- (expandedChange)="onExpandedChange('Series', $event)"
738
+ [expanded]="true"
743
739
  >
744
740
  <form class="k-form k-form-md">
745
741
  <div class="k-form-field">
@@ -782,8 +778,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
782
778
  <kendo-expansionpanel
783
779
  [style.max-width.px]="576"
784
780
  [title]="stateService.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
785
- [expanded]="isExpanded('Category Axis')"
786
- (expandedChange)="onExpandedChange('Category Axis', $event)"
781
+ [expanded]="true"
787
782
  >
788
783
  <form class="k-form k-form-md">
789
784
  <fieldset class="k-form-fieldset">
@@ -881,8 +876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
881
876
  <kendo-expansionpanel
882
877
  [style.max-width.px]="576"
883
878
  [title]="stateService.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
884
- [expanded]="isExpanded('Value Axis')"
885
- (expandedChange)="onExpandedChange('Value Axis', $event)"
879
+ [expanded]="true"
886
880
  >
887
881
  <form class="k-form k-form-md">
888
882
  <fieldset class="k-form-fieldset">
@@ -928,6 +922,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
928
922
  <fieldset class="k-form-fieldset">
929
923
  <legend class="k-form-legend">Labels</legend>
930
924
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
925
+ <kendo-chartwizard-property-pane-form-field
926
+ text="Label Format"
927
+ [colSpan]="2"
928
+ inputType="dropDownList"
929
+ [data]="labelFormats"
930
+ [value]="labelFormatValue"
931
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
932
+ >
933
+ </kendo-chartwizard-property-pane-form-field>
931
934
  <kendo-chartwizard-property-pane-form-field
932
935
  text="Font"
933
936
  inputType="comboBox"
package/fesm2015/progress-kendo-angular-chart-wizard.mjs CHANGED
@@ -34,8 +34,8 @@ const packageMetadata = {
34
34
  name: '@progress/kendo-angular-chart-wizard',
35
35
  productName: 'Kendo UI for Angular',
36
36
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
37
- publishDate: 1723102230,
38
- version: '16.6.3-develop.2',
37
+ publishDate: 1723113566,
38
+ version: '16.7.0-develop.1',
39
39
  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',
40
40
  };
41
41
 
@@ -552,6 +552,22 @@ const updateState = (currentState, action, value) => {
552
552
  * @hidden
553
553
  */
554
554
  const defaultAllSeriesItem = { name: 'All Series' };
555
+ /**
556
+ * @hidden
557
+ */
558
+ const defaultFormat = {
559
+ value: '',
560
+ text: 'Text'
561
+ };
562
+ /**
563
+ * @hidden
564
+ */
565
+ const labelFormats = [
566
+ defaultFormat,
567
+ { value: 'n0', text: 'Number' },
568
+ { value: 'c0', text: 'Currency' },
569
+ { value: 'p0', text: 'Percent' }
570
+ ];
555
571
 
556
572
  /**
557
573
  * @hidden
@@ -868,10 +884,12 @@ class ChartWizardPropertyPaneDataTabComponent {
868
884
  this.valueAxisTitleFontSize = ActionTypes.valueAxisTitleFontSize;
869
885
  this.valueAxisTitleColor = ActionTypes.valueAxisTitleColor;
870
886
  this.valueAxisLabelsFontName = ActionTypes.valueAxisLabelsFontName;
887
+ this.valueAxisLabelsFormat = ActionTypes.valueAxisLabelsFormat;
871
888
  this.valueAxisLabelsFontSize = ActionTypes.valueAxisLabelsFontSize;
872
889
  this.valueAxisLabelsColor = ActionTypes.valueAxisLabelsColor;
873
890
  this.valueAxisLabelsRotation = ActionTypes.valueAxisLabelsRotation;
874
891
  this.parseFont = parseFont;
892
+ this.labelFormats = labelFormats;
875
893
  this.defaultAllSeriesItem = defaultAllSeriesItem;
876
894
  this.fontNames = fontNames;
877
895
  this.fontSizes = fontSizes;
@@ -921,6 +939,10 @@ class ChartWizardPropertyPaneDataTabComponent {
921
939
  var _a, _b;
922
940
  return this.stateService.currentSeries.name !== defaultAllSeriesItem.name ? (_b = (_a = this.stateService.state.series.find(s => s.name === this.stateService.currentSeries.name)) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b.visible : this.stateService.state.series.every(s => { var _a; return (_a = s.labels) === null || _a === void 0 ? void 0 : _a.visible; });
923
941
  }
942
+ get labelFormatValue() {
943
+ var _a;
944
+ return ((_a = labelFormats.find(f => { var _a, _b; return f.value === ((_b = (_a = this.stateService.state.valueAxis[0]) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b.format); })) === null || _a === void 0 ? void 0 : _a.value) || defaultFormat.value;
945
+ }
924
946
  ngAfterViewChecked() {
925
947
  this.localization.changes.subscribe(() => {
926
948
  this.cdr.detectChanges();
@@ -957,14 +979,6 @@ class ChartWizardPropertyPaneDataTabComponent {
957
979
  this.stateService.currentSeries.color = value;
958
980
  this.updateState(this.seriesColor, this.stateService.currentSeries);
959
981
  }
960
- onExpandedChange(panel, expanded) {
961
- expanded
962
- ? (this.stateService.currentFormatExpansionPanel = panel)
963
- : (this.stateService.currentFormatExpansionPanel = null);
964
- }
965
- isExpanded(panel) {
966
- return this.stateService.currentFormatExpansionPanel === panel;
967
- }
968
982
  }
969
983
  ChartWizardPropertyPaneDataTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
970
984
  ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
@@ -972,8 +986,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
972
986
  <kendo-expansionpanel
973
987
  [style.max-width.px]="576"
974
988
  title="Chart Area"
975
- [expanded]="isExpanded('Chart Area')"
976
- (expandedChange)="onExpandedChange('Chart Area', $event)"
989
+ [expanded]="true"
977
990
  [attr.dir]="stateService.direction"
978
991
  >
979
992
  <form class="k-form k-form-md">
@@ -1027,8 +1040,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1027
1040
  <kendo-expansionpanel
1028
1041
  [style.max-width.px]="576"
1029
1042
  title="Title"
1030
- [expanded]="isExpanded('Title')"
1031
- (expandedChange)="onExpandedChange('Title', $event)"
1043
+ [expanded]="true"
1032
1044
  >
1033
1045
  <form class="k-form k-form-md">
1034
1046
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1083,8 +1095,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1083
1095
  <kendo-expansionpanel
1084
1096
  [style.max-width.px]="576"
1085
1097
  title="Legend"
1086
- [expanded]="isExpanded('Legend')"
1087
- (expandedChange)="onExpandedChange('Legend', $event)"
1098
+ [expanded]="true"
1088
1099
  >
1089
1100
  <form class="k-form k-form-md">
1090
1101
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1141,8 +1152,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1141
1152
  <kendo-expansionpanel
1142
1153
  [style.max-width.px]="576"
1143
1154
  title="Series"
1144
- [expanded]="isExpanded('Series')"
1145
- (expandedChange)="onExpandedChange('Series', $event)"
1155
+ [expanded]="true"
1146
1156
  >
1147
1157
  <form class="k-form k-form-md">
1148
1158
  <div class="k-form-field">
@@ -1185,8 +1195,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1185
1195
  <kendo-expansionpanel
1186
1196
  [style.max-width.px]="576"
1187
1197
  [title]="stateService.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
1188
- [expanded]="isExpanded('Category Axis')"
1189
- (expandedChange)="onExpandedChange('Category Axis', $event)"
1198
+ [expanded]="true"
1190
1199
  >
1191
1200
  <form class="k-form k-form-md">
1192
1201
  <fieldset class="k-form-fieldset">
@@ -1284,8 +1293,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1284
1293
  <kendo-expansionpanel
1285
1294
  [style.max-width.px]="576"
1286
1295
  [title]="stateService.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
1287
- [expanded]="isExpanded('Value Axis')"
1288
- (expandedChange)="onExpandedChange('Value Axis', $event)"
1296
+ [expanded]="true"
1289
1297
  >
1290
1298
  <form class="k-form k-form-md">
1291
1299
  <fieldset class="k-form-fieldset">
@@ -1331,6 +1339,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1331
1339
  <fieldset class="k-form-fieldset">
1332
1340
  <legend class="k-form-legend">Labels</legend>
1333
1341
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1342
+ <kendo-chartwizard-property-pane-form-field
1343
+ text="Label Format"
1344
+ [colSpan]="2"
1345
+ inputType="dropDownList"
1346
+ [data]="labelFormats"
1347
+ [value]="labelFormatValue"
1348
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
1349
+ >
1350
+ </kendo-chartwizard-property-pane-form-field>
1334
1351
  <kendo-chartwizard-property-pane-form-field
1335
1352
  text="Font"
1336
1353
  inputType="comboBox"
@@ -1380,8 +1397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1380
1397
  <kendo-expansionpanel
1381
1398
  [style.max-width.px]="576"
1382
1399
  title="Chart Area"
1383
- [expanded]="isExpanded('Chart Area')"
1384
- (expandedChange)="onExpandedChange('Chart Area', $event)"
1400
+ [expanded]="true"
1385
1401
  [attr.dir]="stateService.direction"
1386
1402
  >
1387
1403
  <form class="k-form k-form-md">
@@ -1435,8 +1451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1435
1451
  <kendo-expansionpanel
1436
1452
  [style.max-width.px]="576"
1437
1453
  title="Title"
1438
- [expanded]="isExpanded('Title')"
1439
- (expandedChange)="onExpandedChange('Title', $event)"
1454
+ [expanded]="true"
1440
1455
  >
1441
1456
  <form class="k-form k-form-md">
1442
1457
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1491,8 +1506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1491
1506
  <kendo-expansionpanel
1492
1507
  [style.max-width.px]="576"
1493
1508
  title="Legend"
1494
- [expanded]="isExpanded('Legend')"
1495
- (expandedChange)="onExpandedChange('Legend', $event)"
1509
+ [expanded]="true"
1496
1510
  >
1497
1511
  <form class="k-form k-form-md">
1498
1512
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1549,8 +1563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1549
1563
  <kendo-expansionpanel
1550
1564
  [style.max-width.px]="576"
1551
1565
  title="Series"
1552
- [expanded]="isExpanded('Series')"
1553
- (expandedChange)="onExpandedChange('Series', $event)"
1566
+ [expanded]="true"
1554
1567
  >
1555
1568
  <form class="k-form k-form-md">
1556
1569
  <div class="k-form-field">
@@ -1593,8 +1606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1593
1606
  <kendo-expansionpanel
1594
1607
  [style.max-width.px]="576"
1595
1608
  [title]="stateService.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
1596
- [expanded]="isExpanded('Category Axis')"
1597
- (expandedChange)="onExpandedChange('Category Axis', $event)"
1609
+ [expanded]="true"
1598
1610
  >
1599
1611
  <form class="k-form k-form-md">
1600
1612
  <fieldset class="k-form-fieldset">
@@ -1692,8 +1704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1692
1704
  <kendo-expansionpanel
1693
1705
  [style.max-width.px]="576"
1694
1706
  [title]="stateService.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
1695
- [expanded]="isExpanded('Value Axis')"
1696
- (expandedChange)="onExpandedChange('Value Axis', $event)"
1707
+ [expanded]="true"
1697
1708
  >
1698
1709
  <form class="k-form k-form-md">
1699
1710
  <fieldset class="k-form-fieldset">
@@ -1739,6 +1750,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1739
1750
  <fieldset class="k-form-fieldset">
1740
1751
  <legend class="k-form-legend">Labels</legend>
1741
1752
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1753
+ <kendo-chartwizard-property-pane-form-field
1754
+ text="Label Format"
1755
+ [colSpan]="2"
1756
+ inputType="dropDownList"
1757
+ [data]="labelFormats"
1758
+ [value]="labelFormatValue"
1759
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
1760
+ >
1761
+ </kendo-chartwizard-property-pane-form-field>
1742
1762
  <kendo-chartwizard-property-pane-form-field
1743
1763
  text="Font"
1744
1764
  inputType="comboBox"
@@ -2091,9 +2111,6 @@ class ChartWizardPropertyPaneChartTabComponent {
2091
2111
  this.chartLineStacked100Icon = chartLineStacked100Icon;
2092
2112
  this.chartScatterIcon = chartScatterIcon;
2093
2113
  }
2094
- isExpanded(type) {
2095
- return this.stateService.state.seriesType === type;
2096
- }
2097
2114
  ngAfterViewChecked() {
2098
2115
  this.localization.changes.subscribe(() => {
2099
2116
  this.detectChanges();
@@ -2108,7 +2125,7 @@ class ChartWizardPropertyPaneChartTabComponent {
2108
2125
  }
2109
2126
  ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: StateService }, { token: i0.ChangeDetectorRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
2110
2127
  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: `
2111
- <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
2128
+ <kendo-expansionpanel title="Bar Chart" [expanded]="true">
2112
2129
  <div class="k-chart-types-wrapper">
2113
2130
  <kendo-chartwizard-series-type-button
2114
2131
  title="Bar"
@@ -2133,7 +2150,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2133
2150
  </kendo-chartwizard-series-type-button>
2134
2151
  </div>
2135
2152
  </kendo-expansionpanel>
2136
- <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
2153
+ <kendo-expansionpanel title="Pie Chart" [expanded]="true">
2137
2154
  <div class="k-chart-types-wrapper">
2138
2155
  <kendo-chartwizard-series-type-button
2139
2156
  title="Pie"
@@ -2144,7 +2161,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2144
2161
  </kendo-chartwizard-series-type-button>
2145
2162
  </div>
2146
2163
  </kendo-expansionpanel>
2147
- <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
2164
+ <kendo-expansionpanel title="Column Chart" [expanded]="true">
2148
2165
  <div class="k-chart-types-wrapper">
2149
2166
  <kendo-chartwizard-series-type-button
2150
2167
  title="Column"
@@ -2169,7 +2186,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2169
2186
  </kendo-chartwizard-series-type-button>
2170
2187
  </div>
2171
2188
  </kendo-expansionpanel>
2172
- <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
2189
+ <kendo-expansionpanel title="Line Chart" [expanded]="true">
2173
2190
  <div class="k-chart-types-wrapper">
2174
2191
  <kendo-chartwizard-series-type-button
2175
2192
  title="Line"
@@ -2194,7 +2211,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2194
2211
  </kendo-chartwizard-series-type-button>
2195
2212
  </div>
2196
2213
  </kendo-expansionpanel>
2197
- <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
2214
+ <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
2198
2215
  <div class="k-chart-types-wrapper">
2199
2216
  <kendo-chartwizard-series-type-button
2200
2217
  title="Scatter"
@@ -2212,7 +2229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2212
2229
  selector: 'kendo-chartwizard-property-pane-chart-tab',
2213
2230
  changeDetection: ChangeDetectionStrategy.OnPush,
2214
2231
  template: `
2215
- <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
2232
+ <kendo-expansionpanel title="Bar Chart" [expanded]="true">
2216
2233
  <div class="k-chart-types-wrapper">
2217
2234
  <kendo-chartwizard-series-type-button
2218
2235
  title="Bar"
@@ -2237,7 +2254,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2237
2254
  </kendo-chartwizard-series-type-button>
2238
2255
  </div>
2239
2256
  </kendo-expansionpanel>
2240
- <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
2257
+ <kendo-expansionpanel title="Pie Chart" [expanded]="true">
2241
2258
  <div class="k-chart-types-wrapper">
2242
2259
  <kendo-chartwizard-series-type-button
2243
2260
  title="Pie"
@@ -2248,7 +2265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2248
2265
  </kendo-chartwizard-series-type-button>
2249
2266
  </div>
2250
2267
  </kendo-expansionpanel>
2251
- <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
2268
+ <kendo-expansionpanel title="Column Chart" [expanded]="true">
2252
2269
  <div class="k-chart-types-wrapper">
2253
2270
  <kendo-chartwizard-series-type-button
2254
2271
  title="Column"
@@ -2273,7 +2290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2273
2290
  </kendo-chartwizard-series-type-button>
2274
2291
  </div>
2275
2292
  </kendo-expansionpanel>
2276
- <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
2293
+ <kendo-expansionpanel title="Line Chart" [expanded]="true">
2277
2294
  <div class="k-chart-types-wrapper">
2278
2295
  <kendo-chartwizard-series-type-button
2279
2296
  title="Line"
@@ -2298,7 +2315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2298
2315
  </kendo-chartwizard-series-type-button>
2299
2316
  </div>
2300
2317
  </kendo-expansionpanel>
2301
- <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
2318
+ <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
2302
2319
  <div class="k-chart-types-wrapper">
2303
2320
  <kendo-chartwizard-series-type-button
2304
2321
  title="Scatter"
@@ -2558,7 +2575,8 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
2558
2575
  [labels]="{
2559
2576
  rotation: axis.labels?.rotation,
2560
2577
  font: axis.labels?.font,
2561
- color: axis.labels?.color
2578
+ color: axis.labels?.color,
2579
+ format: axis.labels?.format
2562
2580
  }"
2563
2581
  >
2564
2582
  </kendo-chart-value-axis-item>
@@ -2733,7 +2751,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2733
2751
  [labels]="{
2734
2752
  rotation: axis.labels?.rotation,
2735
2753
  font: axis.labels?.font,
2736
- color: axis.labels?.color
2754
+ color: axis.labels?.color,
2755
+ format: axis.labels?.format
2737
2756
  }"
2738
2757
  >
2739
2758
  </kendo-chart-value-axis-item>
package/fesm2020/progress-kendo-angular-chart-wizard.mjs CHANGED
@@ -34,8 +34,8 @@ const packageMetadata = {
34
34
  name: '@progress/kendo-angular-chart-wizard',
35
35
  productName: 'Kendo UI for Angular',
36
36
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
37
- publishDate: 1723102230,
38
- version: '16.6.3-develop.2',
37
+ publishDate: 1723113566,
38
+ version: '16.7.0-develop.1',
39
39
  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',
40
40
  };
41
41
 
@@ -558,6 +558,22 @@ const updateState = (currentState, action, value) => {
558
558
  * @hidden
559
559
  */
560
560
  const defaultAllSeriesItem = { name: 'All Series' };
561
+ /**
562
+ * @hidden
563
+ */
564
+ const defaultFormat = {
565
+ value: '',
566
+ text: 'Text'
567
+ };
568
+ /**
569
+ * @hidden
570
+ */
571
+ const labelFormats = [
572
+ defaultFormat,
573
+ { value: 'n0', text: 'Number' },
574
+ { value: 'c0', text: 'Currency' },
575
+ { value: 'p0', text: 'Percent' }
576
+ ];
561
577
 
562
578
  /**
563
579
  * @hidden
@@ -874,10 +890,12 @@ class ChartWizardPropertyPaneDataTabComponent {
874
890
  this.valueAxisTitleFontSize = ActionTypes.valueAxisTitleFontSize;
875
891
  this.valueAxisTitleColor = ActionTypes.valueAxisTitleColor;
876
892
  this.valueAxisLabelsFontName = ActionTypes.valueAxisLabelsFontName;
893
+ this.valueAxisLabelsFormat = ActionTypes.valueAxisLabelsFormat;
877
894
  this.valueAxisLabelsFontSize = ActionTypes.valueAxisLabelsFontSize;
878
895
  this.valueAxisLabelsColor = ActionTypes.valueAxisLabelsColor;
879
896
  this.valueAxisLabelsRotation = ActionTypes.valueAxisLabelsRotation;
880
897
  this.parseFont = parseFont;
898
+ this.labelFormats = labelFormats;
881
899
  this.defaultAllSeriesItem = defaultAllSeriesItem;
882
900
  this.fontNames = fontNames;
883
901
  this.fontSizes = fontSizes;
@@ -922,6 +940,9 @@ class ChartWizardPropertyPaneDataTabComponent {
922
940
  get showLabels() {
923
941
  return this.stateService.currentSeries.name !== defaultAllSeriesItem.name ? this.stateService.state.series.find(s => s.name === this.stateService.currentSeries.name)?.labels?.visible : this.stateService.state.series.every(s => s.labels?.visible);
924
942
  }
943
+ get labelFormatValue() {
944
+ return labelFormats.find(f => f.value === this.stateService.state.valueAxis[0]?.labels?.format)?.value || defaultFormat.value;
945
+ }
925
946
  ngAfterViewChecked() {
926
947
  this.localization.changes.subscribe(() => {
927
948
  this.cdr.detectChanges();
@@ -958,14 +979,6 @@ class ChartWizardPropertyPaneDataTabComponent {
958
979
  this.stateService.currentSeries.color = value;
959
980
  this.updateState(this.seriesColor, this.stateService.currentSeries);
960
981
  }
961
- onExpandedChange(panel, expanded) {
962
- expanded
963
- ? (this.stateService.currentFormatExpansionPanel = panel)
964
- : (this.stateService.currentFormatExpansionPanel = null);
965
- }
966
- isExpanded(panel) {
967
- return this.stateService.currentFormatExpansionPanel === panel;
968
- }
969
982
  }
970
983
  ChartWizardPropertyPaneDataTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
971
984
  ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
@@ -973,8 +986,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
973
986
  <kendo-expansionpanel
974
987
  [style.max-width.px]="576"
975
988
  title="Chart Area"
976
- [expanded]="isExpanded('Chart Area')"
977
- (expandedChange)="onExpandedChange('Chart Area', $event)"
989
+ [expanded]="true"
978
990
  [attr.dir]="stateService.direction"
979
991
  >
980
992
  <form class="k-form k-form-md">
@@ -1028,8 +1040,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1028
1040
  <kendo-expansionpanel
1029
1041
  [style.max-width.px]="576"
1030
1042
  title="Title"
1031
- [expanded]="isExpanded('Title')"
1032
- (expandedChange)="onExpandedChange('Title', $event)"
1043
+ [expanded]="true"
1033
1044
  >
1034
1045
  <form class="k-form k-form-md">
1035
1046
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1084,8 +1095,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1084
1095
  <kendo-expansionpanel
1085
1096
  [style.max-width.px]="576"
1086
1097
  title="Legend"
1087
- [expanded]="isExpanded('Legend')"
1088
- (expandedChange)="onExpandedChange('Legend', $event)"
1098
+ [expanded]="true"
1089
1099
  >
1090
1100
  <form class="k-form k-form-md">
1091
1101
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1142,8 +1152,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1142
1152
  <kendo-expansionpanel
1143
1153
  [style.max-width.px]="576"
1144
1154
  title="Series"
1145
- [expanded]="isExpanded('Series')"
1146
- (expandedChange)="onExpandedChange('Series', $event)"
1155
+ [expanded]="true"
1147
1156
  >
1148
1157
  <form class="k-form k-form-md">
1149
1158
  <div class="k-form-field">
@@ -1186,8 +1195,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1186
1195
  <kendo-expansionpanel
1187
1196
  [style.max-width.px]="576"
1188
1197
  [title]="stateService.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
1189
- [expanded]="isExpanded('Category Axis')"
1190
- (expandedChange)="onExpandedChange('Category Axis', $event)"
1198
+ [expanded]="true"
1191
1199
  >
1192
1200
  <form class="k-form k-form-md">
1193
1201
  <fieldset class="k-form-fieldset">
@@ -1285,8 +1293,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1285
1293
  <kendo-expansionpanel
1286
1294
  [style.max-width.px]="576"
1287
1295
  [title]="stateService.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
1288
- [expanded]="isExpanded('Value Axis')"
1289
- (expandedChange)="onExpandedChange('Value Axis', $event)"
1296
+ [expanded]="true"
1290
1297
  >
1291
1298
  <form class="k-form k-form-md">
1292
1299
  <fieldset class="k-form-fieldset">
@@ -1332,6 +1339,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
1332
1339
  <fieldset class="k-form-fieldset">
1333
1340
  <legend class="k-form-legend">Labels</legend>
1334
1341
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1342
+ <kendo-chartwizard-property-pane-form-field
1343
+ text="Label Format"
1344
+ [colSpan]="2"
1345
+ inputType="dropDownList"
1346
+ [data]="labelFormats"
1347
+ [value]="labelFormatValue"
1348
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
1349
+ >
1350
+ </kendo-chartwizard-property-pane-form-field>
1335
1351
  <kendo-chartwizard-property-pane-form-field
1336
1352
  text="Font"
1337
1353
  inputType="comboBox"
@@ -1381,8 +1397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1381
1397
  <kendo-expansionpanel
1382
1398
  [style.max-width.px]="576"
1383
1399
  title="Chart Area"
1384
- [expanded]="isExpanded('Chart Area')"
1385
- (expandedChange)="onExpandedChange('Chart Area', $event)"
1400
+ [expanded]="true"
1386
1401
  [attr.dir]="stateService.direction"
1387
1402
  >
1388
1403
  <form class="k-form k-form-md">
@@ -1436,8 +1451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1436
1451
  <kendo-expansionpanel
1437
1452
  [style.max-width.px]="576"
1438
1453
  title="Title"
1439
- [expanded]="isExpanded('Title')"
1440
- (expandedChange)="onExpandedChange('Title', $event)"
1454
+ [expanded]="true"
1441
1455
  >
1442
1456
  <form class="k-form k-form-md">
1443
1457
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1492,8 +1506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1492
1506
  <kendo-expansionpanel
1493
1507
  [style.max-width.px]="576"
1494
1508
  title="Legend"
1495
- [expanded]="isExpanded('Legend')"
1496
- (expandedChange)="onExpandedChange('Legend', $event)"
1509
+ [expanded]="true"
1497
1510
  >
1498
1511
  <form class="k-form k-form-md">
1499
1512
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
@@ -1550,8 +1563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1550
1563
  <kendo-expansionpanel
1551
1564
  [style.max-width.px]="576"
1552
1565
  title="Series"
1553
- [expanded]="isExpanded('Series')"
1554
- (expandedChange)="onExpandedChange('Series', $event)"
1566
+ [expanded]="true"
1555
1567
  >
1556
1568
  <form class="k-form k-form-md">
1557
1569
  <div class="k-form-field">
@@ -1594,8 +1606,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1594
1606
  <kendo-expansionpanel
1595
1607
  [style.max-width.px]="576"
1596
1608
  [title]="stateService.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
1597
- [expanded]="isExpanded('Category Axis')"
1598
- (expandedChange)="onExpandedChange('Category Axis', $event)"
1609
+ [expanded]="true"
1599
1610
  >
1600
1611
  <form class="k-form k-form-md">
1601
1612
  <fieldset class="k-form-fieldset">
@@ -1693,8 +1704,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1693
1704
  <kendo-expansionpanel
1694
1705
  [style.max-width.px]="576"
1695
1706
  [title]="stateService.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
1696
- [expanded]="isExpanded('Value Axis')"
1697
- (expandedChange)="onExpandedChange('Value Axis', $event)"
1707
+ [expanded]="true"
1698
1708
  >
1699
1709
  <form class="k-form k-form-md">
1700
1710
  <fieldset class="k-form-fieldset">
@@ -1740,6 +1750,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
1740
1750
  <fieldset class="k-form-fieldset">
1741
1751
  <legend class="k-form-legend">Labels</legend>
1742
1752
  <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1753
+ <kendo-chartwizard-property-pane-form-field
1754
+ text="Label Format"
1755
+ [colSpan]="2"
1756
+ inputType="dropDownList"
1757
+ [data]="labelFormats"
1758
+ [value]="labelFormatValue"
1759
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
1760
+ >
1761
+ </kendo-chartwizard-property-pane-form-field>
1743
1762
  <kendo-chartwizard-property-pane-form-field
1744
1763
  text="Font"
1745
1764
  inputType="comboBox"
@@ -2091,9 +2110,6 @@ class ChartWizardPropertyPaneChartTabComponent {
2091
2110
  this.chartLineStacked100Icon = chartLineStacked100Icon;
2092
2111
  this.chartScatterIcon = chartScatterIcon;
2093
2112
  }
2094
- isExpanded(type) {
2095
- return this.stateService.state.seriesType === type;
2096
- }
2097
2113
  ngAfterViewChecked() {
2098
2114
  this.localization.changes.subscribe(() => {
2099
2115
  this.detectChanges();
@@ -2108,7 +2124,7 @@ class ChartWizardPropertyPaneChartTabComponent {
2108
2124
  }
2109
2125
  ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: StateService }, { token: i0.ChangeDetectorRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
2110
2126
  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: `
2111
- <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
2127
+ <kendo-expansionpanel title="Bar Chart" [expanded]="true">
2112
2128
  <div class="k-chart-types-wrapper">
2113
2129
  <kendo-chartwizard-series-type-button
2114
2130
  title="Bar"
@@ -2133,7 +2149,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2133
2149
  </kendo-chartwizard-series-type-button>
2134
2150
  </div>
2135
2151
  </kendo-expansionpanel>
2136
- <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
2152
+ <kendo-expansionpanel title="Pie Chart" [expanded]="true">
2137
2153
  <div class="k-chart-types-wrapper">
2138
2154
  <kendo-chartwizard-series-type-button
2139
2155
  title="Pie"
@@ -2144,7 +2160,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2144
2160
  </kendo-chartwizard-series-type-button>
2145
2161
  </div>
2146
2162
  </kendo-expansionpanel>
2147
- <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
2163
+ <kendo-expansionpanel title="Column Chart" [expanded]="true">
2148
2164
  <div class="k-chart-types-wrapper">
2149
2165
  <kendo-chartwizard-series-type-button
2150
2166
  title="Column"
@@ -2169,7 +2185,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2169
2185
  </kendo-chartwizard-series-type-button>
2170
2186
  </div>
2171
2187
  </kendo-expansionpanel>
2172
- <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
2188
+ <kendo-expansionpanel title="Line Chart" [expanded]="true">
2173
2189
  <div class="k-chart-types-wrapper">
2174
2190
  <kendo-chartwizard-series-type-button
2175
2191
  title="Line"
@@ -2194,7 +2210,7 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
2194
2210
  </kendo-chartwizard-series-type-button>
2195
2211
  </div>
2196
2212
  </kendo-expansionpanel>
2197
- <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
2213
+ <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
2198
2214
  <div class="k-chart-types-wrapper">
2199
2215
  <kendo-chartwizard-series-type-button
2200
2216
  title="Scatter"
@@ -2212,7 +2228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2212
2228
  selector: 'kendo-chartwizard-property-pane-chart-tab',
2213
2229
  changeDetection: ChangeDetectionStrategy.OnPush,
2214
2230
  template: `
2215
- <kendo-expansionpanel title="Bar Chart" [expanded]="isExpanded('bar')">
2231
+ <kendo-expansionpanel title="Bar Chart" [expanded]="true">
2216
2232
  <div class="k-chart-types-wrapper">
2217
2233
  <kendo-chartwizard-series-type-button
2218
2234
  title="Bar"
@@ -2237,7 +2253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2237
2253
  </kendo-chartwizard-series-type-button>
2238
2254
  </div>
2239
2255
  </kendo-expansionpanel>
2240
- <kendo-expansionpanel title="Pie Chart" [expanded]="isExpanded('pie')">
2256
+ <kendo-expansionpanel title="Pie Chart" [expanded]="true">
2241
2257
  <div class="k-chart-types-wrapper">
2242
2258
  <kendo-chartwizard-series-type-button
2243
2259
  title="Pie"
@@ -2248,7 +2264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2248
2264
  </kendo-chartwizard-series-type-button>
2249
2265
  </div>
2250
2266
  </kendo-expansionpanel>
2251
- <kendo-expansionpanel title="Column Chart" [expanded]="isExpanded('column')">
2267
+ <kendo-expansionpanel title="Column Chart" [expanded]="true">
2252
2268
  <div class="k-chart-types-wrapper">
2253
2269
  <kendo-chartwizard-series-type-button
2254
2270
  title="Column"
@@ -2273,7 +2289,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2273
2289
  </kendo-chartwizard-series-type-button>
2274
2290
  </div>
2275
2291
  </kendo-expansionpanel>
2276
- <kendo-expansionpanel title="Line Chart" [expanded]="isExpanded('line')">
2292
+ <kendo-expansionpanel title="Line Chart" [expanded]="true">
2277
2293
  <div class="k-chart-types-wrapper">
2278
2294
  <kendo-chartwizard-series-type-button
2279
2295
  title="Line"
@@ -2298,7 +2314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2298
2314
  </kendo-chartwizard-series-type-button>
2299
2315
  </div>
2300
2316
  </kendo-expansionpanel>
2301
- <kendo-expansionpanel title="Scatter Chart" [expanded]="isExpanded('scatter')">
2317
+ <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
2302
2318
  <div class="k-chart-types-wrapper">
2303
2319
  <kendo-chartwizard-series-type-button
2304
2320
  title="Scatter"
@@ -2553,7 +2569,8 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
2553
2569
  [labels]="{
2554
2570
  rotation: axis.labels?.rotation,
2555
2571
  font: axis.labels?.font,
2556
- color: axis.labels?.color
2572
+ color: axis.labels?.color,
2573
+ format: axis.labels?.format
2557
2574
  }"
2558
2575
  >
2559
2576
  </kendo-chart-value-axis-item>
@@ -2728,7 +2745,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2728
2745
  [labels]="{
2729
2746
  rotation: axis.labels?.rotation,
2730
2747
  font: axis.labels?.font,
2731
- color: axis.labels?.color
2748
+ color: axis.labels?.color,
2749
+ format: axis.labels?.format
2732
2750
  }"
2733
2751
  >
2734
2752
  </kendo-chart-value-axis-item>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-chart-wizard",
3
- "version": "16.6.3-develop.2",
3
+ "version": "16.7.0-develop.1",
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.6.3-develop.2",
27
- "@progress/kendo-angular-dialog": "16.6.3-develop.2",
28
- "@progress/kendo-angular-buttons": "16.6.3-develop.2",
29
- "@progress/kendo-angular-grid": "16.6.3-develop.2",
30
- "@progress/kendo-angular-charts": "16.6.3-develop.2",
31
- "@progress/kendo-angular-dropdowns": "16.6.3-develop.2",
32
- "@progress/kendo-angular-layout": "16.6.3-develop.2",
33
- "@progress/kendo-angular-icons": "16.6.3-develop.2",
34
- "@progress/kendo-angular-inputs": "16.6.3-develop.2",
35
- "@progress/kendo-angular-label": "16.6.3-develop.2",
36
- "@progress/kendo-angular-intl": "16.6.3-develop.2",
37
- "@progress/kendo-angular-l10n": "16.6.3-develop.2",
38
- "@progress/kendo-angular-navigation": "16.6.3-develop.2",
39
- "@progress/kendo-angular-popup": "16.6.3-develop.2",
26
+ "@progress/kendo-angular-common": "16.7.0-develop.1",
27
+ "@progress/kendo-angular-dialog": "16.7.0-develop.1",
28
+ "@progress/kendo-angular-buttons": "16.7.0-develop.1",
29
+ "@progress/kendo-angular-grid": "16.7.0-develop.1",
30
+ "@progress/kendo-angular-charts": "16.7.0-develop.1",
31
+ "@progress/kendo-angular-dropdowns": "16.7.0-develop.1",
32
+ "@progress/kendo-angular-layout": "16.7.0-develop.1",
33
+ "@progress/kendo-angular-icons": "16.7.0-develop.1",
34
+ "@progress/kendo-angular-inputs": "16.7.0-develop.1",
35
+ "@progress/kendo-angular-label": "16.7.0-develop.1",
36
+ "@progress/kendo-angular-intl": "16.7.0-develop.1",
37
+ "@progress/kendo-angular-l10n": "16.7.0-develop.1",
38
+ "@progress/kendo-angular-navigation": "16.7.0-develop.1",
39
+ "@progress/kendo-angular-popup": "16.7.0-develop.1",
40
40
  "@progress/kendo-drawing": "^1.19.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.4.1",
48
- "@progress/kendo-angular-schematics": "16.6.3-develop.2",
48
+ "@progress/kendo-angular-schematics": "16.7.0-develop.1",
49
49
  "@progress/kendo-common": "^0.2.2"
50
50
  },
51
51
  "schematics": "./schematics/collection.json",
package/property-pane/chart-tab.component.d.ts CHANGED
@@ -26,7 +26,6 @@ export declare class ChartWizardPropertyPaneChartTabComponent implements AfterVi
26
26
  chartLineStacked100Icon: import("@progress/kendo-svg-icons").SVGIcon;
27
27
  chartScatterIcon: import("@progress/kendo-svg-icons").SVGIcon;
28
28
  constructor(stateService: StateService, cdr: ChangeDetectorRef, localization: LocalizationService);
29
- isExpanded(type: string): boolean;
30
29
  ngAfterViewChecked(): void;
31
30
  ngOnDestroy(): void;
32
31
  detectChanges(): void;
package/property-pane/format-tab.component.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  import { AfterViewChecked, ChangeDetectorRef, OnDestroy } from '@angular/core';
6
6
  import { ActionTypes, SeriesItem } from '../chart-wizard-state';
7
7
  import { StateService } from '../state.service';
8
- import { PanelType } from '../common/models';
9
8
  import { LocalizationService } from '@progress/kendo-angular-l10n';
10
9
  import * as i0 from "@angular/core";
11
10
  /**
@@ -53,6 +52,7 @@ export declare class ChartWizardPropertyPaneDataTabComponent implements AfterVie
53
52
  valueAxisTitleFontSize: ActionTypes;
54
53
  valueAxisTitleColor: ActionTypes;
55
54
  valueAxisLabelsFontName: ActionTypes;
55
+ valueAxisLabelsFormat: ActionTypes;
56
56
  valueAxisLabelsFontSize: ActionTypes;
57
57
  valueAxisLabelsColor: ActionTypes;
58
58
  valueAxisLabelsRotation: ActionTypes;
@@ -60,6 +60,10 @@ export declare class ChartWizardPropertyPaneDataTabComponent implements AfterVie
60
60
  size: string;
61
61
  name: string;
62
62
  };
63
+ labelFormats: {
64
+ value: string;
65
+ text: string;
66
+ }[];
63
67
  defaultAllSeriesItem: {
64
68
  name: string;
65
69
  };
@@ -95,6 +99,7 @@ export declare class ChartWizardPropertyPaneDataTabComponent implements AfterVie
95
99
  get chartTitleTypeFontSizeAction(): ActionTypes;
96
100
  get seriesData(): any[];
97
101
  get showLabels(): boolean;
102
+ get labelFormatValue(): any;
98
103
  constructor(stateService: StateService, localization: LocalizationService, cdr: ChangeDetectorRef);
99
104
  ngAfterViewChecked(): void;
100
105
  ngOnDestroy(): void;
@@ -103,8 +108,6 @@ export declare class ChartWizardPropertyPaneDataTabComponent implements AfterVie
103
108
  toggleSeriesLabels(value: boolean): void;
104
109
  updateCurrentSeries(value: SeriesItem): void;
105
110
  updateSeriesColor(value: string): void;
106
- onExpandedChange(panel: PanelType, expanded: boolean): void;
107
- isExpanded(panel: PanelType): boolean;
108
111
  static ɵfac: i0.ɵɵFactoryDeclaration<ChartWizardPropertyPaneDataTabComponent, never>;
109
112
  static ɵcmp: i0.ɵɵComponentDeclaration<ChartWizardPropertyPaneDataTabComponent, "kendo-chartwizard-property-pane-format-tab", never, {}, {}, never, never, true, never>;
110
113
  }
package/state.service.d.ts CHANGED
@@ -4,7 +4,6 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { SeriesType } from "@progress/kendo-angular-charts";
6
6
  import { ChartWizardState } from "./chart-wizard-state";
7
- import { PanelType } from "./common/models";
8
7
  import * as i0 from "@angular/core";
9
8
  /**
10
9
  * @hidden
@@ -16,7 +15,6 @@ export declare class StateService {
16
15
  currentSeries: any;
17
16
  data: any[];
18
17
  deletedSeries: any[];
19
- currentFormatExpansionPanel: PanelType;
20
18
  direction: string;
21
19
  windowSize: {
22
20
  width: number;