@progress/kendo-angular-chart-wizard 18.0.0-develop.1 → 18.0.0-develop.11

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.
@@ -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: 1736250092,
13
- version: '18.0.0-develop.1',
12
+ publishDate: 1736860503,
13
+ version: '18.0.0-develop.11',
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, ValueTemplateDirective } from '@progress/kendo-angular-dropdowns';
14
- import { ButtonComponent, FocusableDirective } from '@progress/kendo-angular-buttons';
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 = this.formBuilder.group({
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
- { value: '', text: this.messageFor('formatValueAxisLabelsFormatText') },
64
- { value: 'n0', text: this.messageFor('formatValueAxisLabelsFormatNumber') },
65
- { value: 'c0', text: this.messageFor('formatValueAxisLabelsFormatCurrency') },
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, ValueTemplateDirective, ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
23
- import { ButtonComponent, FocusableDirective, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
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: 1736250092,
40
- version: '18.0.0-develop.1',
39
+ publishDate: 1736860503,
40
+ version: '18.0.0-develop.11',
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 = this.formBuilder.group({
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
- { value: '', text: this.messageFor('formatValueAxisLabelsFormatText') },
1090
- { value: 'n0', text: this.messageFor('formatValueAxisLabelsFormatNumber') },
1091
- { value: 'c0', text: this.messageFor('formatValueAxisLabelsFormatCurrency') },
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(() => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-chart-wizard",
3
- "version": "18.0.0-develop.1",
3
+ "version": "18.0.0-develop.11",
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": "18.0.0-develop.1",
27
- "@progress/kendo-angular-dialog": "18.0.0-develop.1",
28
- "@progress/kendo-angular-buttons": "18.0.0-develop.1",
29
- "@progress/kendo-angular-grid": "18.0.0-develop.1",
30
- "@progress/kendo-angular-charts": "18.0.0-develop.1",
31
- "@progress/kendo-angular-dropdowns": "18.0.0-develop.1",
32
- "@progress/kendo-angular-layout": "18.0.0-develop.1",
33
- "@progress/kendo-angular-icons": "18.0.0-develop.1",
34
- "@progress/kendo-angular-inputs": "18.0.0-develop.1",
35
- "@progress/kendo-angular-label": "18.0.0-develop.1",
36
- "@progress/kendo-angular-intl": "18.0.0-develop.1",
37
- "@progress/kendo-angular-l10n": "18.0.0-develop.1",
38
- "@progress/kendo-angular-navigation": "18.0.0-develop.1",
39
- "@progress/kendo-angular-popup": "18.0.0-develop.1",
26
+ "@progress/kendo-angular-common": "18.0.0-develop.11",
27
+ "@progress/kendo-angular-dialog": "18.0.0-develop.11",
28
+ "@progress/kendo-angular-buttons": "18.0.0-develop.11",
29
+ "@progress/kendo-angular-grid": "18.0.0-develop.11",
30
+ "@progress/kendo-angular-charts": "18.0.0-develop.11",
31
+ "@progress/kendo-angular-dropdowns": "18.0.0-develop.11",
32
+ "@progress/kendo-angular-layout": "18.0.0-develop.11",
33
+ "@progress/kendo-angular-icons": "18.0.0-develop.11",
34
+ "@progress/kendo-angular-inputs": "18.0.0-develop.11",
35
+ "@progress/kendo-angular-label": "18.0.0-develop.11",
36
+ "@progress/kendo-angular-intl": "18.0.0-develop.11",
37
+ "@progress/kendo-angular-l10n": "18.0.0-develop.11",
38
+ "@progress/kendo-angular-navigation": "18.0.0-develop.11",
39
+ "@progress/kendo-angular-popup": "18.0.0-develop.11",
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": "18.0.0-develop.1",
48
+ "@progress/kendo-angular-schematics": "18.0.0-develop.11",
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
- value: string;
69
- text: string;
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;