@progress/kendo-angular-chart-wizard 16.6.0-develop.14 → 16.6.0-develop.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chart-wizard.component.d.ts +1 -1
- package/esm2020/chart-wizard.component.mjs +13 -13
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/property-pane/chart-tab.component.mjs +47 -47
- package/esm2020/property-pane/data-tab.component.mjs +2 -2
- package/esm2020/property-pane/form-field.component.mjs +2 -2
- package/esm2020/property-pane/format-tab.component.mjs +135 -135
- package/esm2020/series-type-button.component.mjs +2 -2
- package/fesm2015/progress-kendo-angular-chart-wizard.mjs +203 -203
- package/fesm2020/progress-kendo-angular-chart-wizard.mjs +203 -203
- package/package.json +11 -11
- package/property-pane/chart-tab.component.d.ts +1 -1
- package/property-pane/data-tab.component.d.ts +1 -1
- package/property-pane/form-field.component.d.ts +1 -1
- package/property-pane/format-tab.component.d.ts +1 -1
- package/series-type-button.component.d.ts +1 -1
|
@@ -138,7 +138,7 @@ export class ChartWizardPropertyPaneDataTabComponent {
|
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
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 });
|
|
141
|
-
ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-
|
|
141
|
+
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: `
|
|
142
142
|
<section>
|
|
143
143
|
<kendo-expansionpanel
|
|
144
144
|
title="Chart Area"
|
|
@@ -150,45 +150,45 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
150
150
|
<fieldset class="k-form-fieldset">
|
|
151
151
|
<legend class="k-form-legend">Margins</legend>
|
|
152
152
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
153
|
-
<kendo-
|
|
153
|
+
<kendo-chartwizard-property-pane-form-field
|
|
154
154
|
text="Left"
|
|
155
155
|
inputType="numeric"
|
|
156
156
|
[value]="$any(stateService.state.area?.margin).left"
|
|
157
157
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
158
158
|
>
|
|
159
|
-
</kendo-
|
|
160
|
-
<kendo-
|
|
159
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
160
|
+
<kendo-chartwizard-property-pane-form-field
|
|
161
161
|
text="Right"
|
|
162
162
|
inputType="numeric"
|
|
163
163
|
[value]="$any(stateService.state.area?.margin).right"
|
|
164
164
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
165
165
|
>
|
|
166
|
-
</kendo-
|
|
167
|
-
<kendo-
|
|
166
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
167
|
+
<kendo-chartwizard-property-pane-form-field
|
|
168
168
|
text="Top"
|
|
169
169
|
inputType="numeric"
|
|
170
170
|
[value]="$any(stateService.state.area?.margin).top"
|
|
171
171
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
172
172
|
>
|
|
173
|
-
</kendo-
|
|
174
|
-
<kendo-
|
|
173
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
174
|
+
<kendo-chartwizard-property-pane-form-field
|
|
175
175
|
text="Bottom"
|
|
176
176
|
inputType="numeric"
|
|
177
177
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
178
178
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
179
179
|
>
|
|
180
|
-
</kendo-
|
|
180
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
181
181
|
</div>
|
|
182
182
|
</fieldset>
|
|
183
183
|
<fieldset class="k-form-fieldset">
|
|
184
184
|
<legend class="k-form-legend">Background</legend>
|
|
185
|
-
<kendo-
|
|
185
|
+
<kendo-chartwizard-property-pane-form-field
|
|
186
186
|
text="Color"
|
|
187
187
|
inputType="colorPicker"
|
|
188
188
|
[value]="stateService.state.area?.background"
|
|
189
189
|
(valueChange)="updateState(areaBackground, $event)"
|
|
190
190
|
>
|
|
191
|
-
</kendo-
|
|
191
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
192
192
|
</fieldset>
|
|
193
193
|
</form>
|
|
194
194
|
</kendo-expansionpanel>
|
|
@@ -201,7 +201,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
201
201
|
>
|
|
202
202
|
<form class="k-form k-form-md">
|
|
203
203
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
204
|
-
<kendo-
|
|
204
|
+
<kendo-chartwizard-property-pane-form-field
|
|
205
205
|
text="Apply to"
|
|
206
206
|
inputType="dropDownList"
|
|
207
207
|
[data]="chartTitles"
|
|
@@ -209,16 +209,16 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
209
209
|
[value]="stateService.currentTitle"
|
|
210
210
|
(valueChange)="changeCurrentTitle($event)"
|
|
211
211
|
>
|
|
212
|
-
</kendo-
|
|
213
|
-
<kendo-
|
|
212
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
213
|
+
<kendo-chartwizard-property-pane-form-field
|
|
214
214
|
text="Title"
|
|
215
215
|
inputType="text"
|
|
216
216
|
[colSpan]="2"
|
|
217
217
|
[value]="chartTitleTypeText"
|
|
218
218
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
219
219
|
>
|
|
220
|
-
</kendo-
|
|
221
|
-
<kendo-
|
|
220
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
221
|
+
<kendo-chartwizard-property-pane-form-field
|
|
222
222
|
text="Font"
|
|
223
223
|
inputType="comboBox"
|
|
224
224
|
[data]="fontNames"
|
|
@@ -227,22 +227,22 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
227
227
|
placeholder="(Inherited font)"
|
|
228
228
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
229
229
|
>
|
|
230
|
-
</kendo-
|
|
231
|
-
<kendo-
|
|
230
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
231
|
+
<kendo-chartwizard-property-pane-form-field
|
|
232
232
|
text="Size"
|
|
233
233
|
inputType="comboBox"
|
|
234
234
|
[data]="fontSizes"
|
|
235
235
|
[value]="chartTitleTypeFontSize"
|
|
236
236
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
237
237
|
>
|
|
238
|
-
</kendo-
|
|
239
|
-
<kendo-
|
|
238
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
239
|
+
<kendo-chartwizard-property-pane-form-field
|
|
240
240
|
text="Color"
|
|
241
241
|
inputType="colorPicker"
|
|
242
242
|
[value]="chartTitleTypeColor"
|
|
243
243
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
244
244
|
>
|
|
245
|
-
</kendo-
|
|
245
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
246
246
|
</div>
|
|
247
247
|
</form>
|
|
248
248
|
</kendo-expansionpanel>
|
|
@@ -265,7 +265,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
265
265
|
[checked]="stateService.state.legend?.visible"
|
|
266
266
|
(valueChange)="updateState(legendVisible, $event)"
|
|
267
267
|
></kendo-switch>
|
|
268
|
-
<kendo-
|
|
268
|
+
<kendo-chartwizard-property-pane-form-field
|
|
269
269
|
text="Font"
|
|
270
270
|
inputType="comboBox"
|
|
271
271
|
[data]="fontNames"
|
|
@@ -274,8 +274,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
274
274
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
275
275
|
(valueChange)="updateState(legendFontName, $event)"
|
|
276
276
|
>
|
|
277
|
-
</kendo-
|
|
278
|
-
<kendo-
|
|
277
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
278
|
+
<kendo-chartwizard-property-pane-form-field
|
|
279
279
|
text="Size"
|
|
280
280
|
inputType="comboBox"
|
|
281
281
|
[data]="fontSizes"
|
|
@@ -283,15 +283,15 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
283
283
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
284
284
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
285
285
|
>
|
|
286
|
-
</kendo-
|
|
287
|
-
<kendo-
|
|
286
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
287
|
+
<kendo-chartwizard-property-pane-form-field
|
|
288
288
|
text="Color"
|
|
289
289
|
inputType="colorPicker"
|
|
290
290
|
[value]="stateService.state.legend?.labels?.color"
|
|
291
291
|
(valueChange)="updateState(legendColor, $event)"
|
|
292
292
|
>
|
|
293
|
-
</kendo-
|
|
294
|
-
<kendo-
|
|
293
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
294
|
+
<kendo-chartwizard-property-pane-form-field
|
|
295
295
|
text="Position"
|
|
296
296
|
inputType="dropDownList"
|
|
297
297
|
[colSpan]="2"
|
|
@@ -299,7 +299,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
299
299
|
[value]="stateService.state.legend?.position"
|
|
300
300
|
(valueChange)="updateState(legendPosition, $event)"
|
|
301
301
|
>
|
|
302
|
-
</kendo-
|
|
302
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
303
303
|
</div>
|
|
304
304
|
</form>
|
|
305
305
|
</kendo-expansionpanel>
|
|
@@ -328,21 +328,21 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
328
328
|
</div>
|
|
329
329
|
</div>
|
|
330
330
|
|
|
331
|
-
<kendo-
|
|
331
|
+
<kendo-chartwizard-property-pane-form-field
|
|
332
332
|
text="Color"
|
|
333
333
|
[value]="stateService.currentSeries?.color"
|
|
334
334
|
inputType="colorPicker"
|
|
335
335
|
(valueChange)="updateSeriesColor($event)"
|
|
336
336
|
>
|
|
337
|
-
</kendo-
|
|
338
|
-
<kendo-
|
|
337
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
338
|
+
<kendo-chartwizard-property-pane-form-field
|
|
339
339
|
text="Show Labels"
|
|
340
340
|
[value]="stateService.currentSeries.labels?.visible"
|
|
341
341
|
[isLabelInsideFormFieldWrap]="true"
|
|
342
342
|
inputType="checkbox"
|
|
343
343
|
(valueChange)="toggleSeriesLabels($event)"
|
|
344
344
|
>
|
|
345
|
-
</kendo-
|
|
345
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
346
346
|
</form>
|
|
347
347
|
</kendo-expansionpanel>
|
|
348
348
|
</section>
|
|
@@ -356,7 +356,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
356
356
|
<fieldset class="k-form-fieldset">
|
|
357
357
|
<legend class="k-form-legend">Title</legend>
|
|
358
358
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
359
|
-
<kendo-
|
|
359
|
+
<kendo-chartwizard-property-pane-form-field
|
|
360
360
|
inputType="text"
|
|
361
361
|
[hasLabel]="false"
|
|
362
362
|
[colSpan]="2"
|
|
@@ -364,8 +364,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
364
364
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
365
365
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
366
366
|
>
|
|
367
|
-
</kendo-
|
|
368
|
-
<kendo-
|
|
367
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
368
|
+
<kendo-chartwizard-property-pane-form-field
|
|
369
369
|
text="Font"
|
|
370
370
|
inputType="comboBox"
|
|
371
371
|
[data]="fontNames"
|
|
@@ -374,8 +374,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
374
374
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
375
375
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
376
376
|
>
|
|
377
|
-
</kendo-
|
|
378
|
-
<kendo-
|
|
377
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
378
|
+
<kendo-chartwizard-property-pane-form-field
|
|
379
379
|
text="Size"
|
|
380
380
|
inputType="comboBox"
|
|
381
381
|
placeholder="px"
|
|
@@ -383,20 +383,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
383
383
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
384
384
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
385
385
|
>
|
|
386
|
-
</kendo-
|
|
387
|
-
<kendo-
|
|
386
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
387
|
+
<kendo-chartwizard-property-pane-form-field
|
|
388
388
|
text="Color"
|
|
389
389
|
inputType="colorPicker"
|
|
390
390
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
391
391
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
392
392
|
>
|
|
393
|
-
</kendo-
|
|
393
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
394
394
|
</div>
|
|
395
395
|
</fieldset>
|
|
396
396
|
<fieldset class="k-form-fieldset">
|
|
397
397
|
<legend class="k-form-legend">Labels</legend>
|
|
398
398
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
399
|
-
<kendo-
|
|
399
|
+
<kendo-chartwizard-property-pane-form-field
|
|
400
400
|
text="Font"
|
|
401
401
|
inputType="comboBox"
|
|
402
402
|
[data]="fontNames"
|
|
@@ -404,8 +404,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
404
404
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
405
405
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
406
406
|
>
|
|
407
|
-
</kendo-
|
|
408
|
-
<kendo-
|
|
407
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
408
|
+
<kendo-chartwizard-property-pane-form-field
|
|
409
409
|
text="Size"
|
|
410
410
|
inputType="comboBox"
|
|
411
411
|
[data]="fontSizes"
|
|
@@ -413,24 +413,24 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
413
413
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
414
414
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
415
415
|
>
|
|
416
|
-
</kendo-
|
|
417
|
-
<kendo-
|
|
416
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
417
|
+
<kendo-chartwizard-property-pane-form-field
|
|
418
418
|
text="Color"
|
|
419
419
|
inputType="colorPicker"
|
|
420
420
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
421
421
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
422
422
|
>
|
|
423
|
-
</kendo-
|
|
424
|
-
<kendo-
|
|
423
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
424
|
+
<kendo-chartwizard-property-pane-form-field
|
|
425
425
|
text="Rotation"
|
|
426
426
|
inputType="dropDownList"
|
|
427
427
|
[data]="labelsRotation"
|
|
428
428
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
429
429
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
430
430
|
>
|
|
431
|
-
</kendo-
|
|
431
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
432
432
|
<span></span>
|
|
433
|
-
<kendo-
|
|
433
|
+
<kendo-chartwizard-property-pane-form-field
|
|
434
434
|
text="Reverse Order"
|
|
435
435
|
[isLabelInsideFormFieldWrap]="true"
|
|
436
436
|
inputType="checkbox"
|
|
@@ -438,7 +438,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
438
438
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
439
439
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
440
440
|
>
|
|
441
|
-
</kendo-
|
|
441
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
442
442
|
</div>
|
|
443
443
|
</fieldset>
|
|
444
444
|
</form>
|
|
@@ -454,7 +454,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
454
454
|
<fieldset class="k-form-fieldset">
|
|
455
455
|
<legend class="k-form-legend">Title</legend>
|
|
456
456
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
457
|
-
<kendo-
|
|
457
|
+
<kendo-chartwizard-property-pane-form-field
|
|
458
458
|
inputType="text"
|
|
459
459
|
[hasLabel]="false"
|
|
460
460
|
[colSpan]="2"
|
|
@@ -462,8 +462,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
462
462
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
463
463
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
464
464
|
>
|
|
465
|
-
</kendo-
|
|
466
|
-
<kendo-
|
|
465
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
466
|
+
<kendo-chartwizard-property-pane-form-field
|
|
467
467
|
text="Font"
|
|
468
468
|
inputType="comboBox"
|
|
469
469
|
[colSpan]="2"
|
|
@@ -472,8 +472,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
472
472
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
473
473
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
474
474
|
>
|
|
475
|
-
</kendo-
|
|
476
|
-
<kendo-
|
|
475
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
476
|
+
<kendo-chartwizard-property-pane-form-field
|
|
477
477
|
text="Size"
|
|
478
478
|
inputType="comboBox"
|
|
479
479
|
placeholder="px"
|
|
@@ -481,20 +481,20 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
481
481
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
482
482
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
483
483
|
>
|
|
484
|
-
</kendo-
|
|
485
|
-
<kendo-
|
|
484
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
485
|
+
<kendo-chartwizard-property-pane-form-field
|
|
486
486
|
text="Color"
|
|
487
487
|
inputType="colorPicker"
|
|
488
488
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
489
489
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
490
490
|
>
|
|
491
|
-
</kendo-
|
|
491
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
492
492
|
</div>
|
|
493
493
|
</fieldset>
|
|
494
494
|
<fieldset class="k-form-fieldset">
|
|
495
495
|
<legend class="k-form-legend">Labels</legend>
|
|
496
496
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
497
|
-
<kendo-
|
|
497
|
+
<kendo-chartwizard-property-pane-form-field
|
|
498
498
|
text="Font"
|
|
499
499
|
inputType="comboBox"
|
|
500
500
|
[data]="fontNames"
|
|
@@ -502,8 +502,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
502
502
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
503
503
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
504
504
|
>
|
|
505
|
-
</kendo-
|
|
506
|
-
<kendo-
|
|
505
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
506
|
+
<kendo-chartwizard-property-pane-form-field
|
|
507
507
|
text="Size"
|
|
508
508
|
inputType="comboBox"
|
|
509
509
|
[data]="fontSizes"
|
|
@@ -511,32 +511,32 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
|
|
|
511
511
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
512
512
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
513
513
|
>
|
|
514
|
-
</kendo-
|
|
515
|
-
<kendo-
|
|
514
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
515
|
+
<kendo-chartwizard-property-pane-form-field
|
|
516
516
|
text="Color"
|
|
517
517
|
inputType="colorPicker"
|
|
518
518
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
519
519
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
520
520
|
>
|
|
521
|
-
</kendo-
|
|
522
|
-
<kendo-
|
|
521
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
522
|
+
<kendo-chartwizard-property-pane-form-field
|
|
523
523
|
text="Rotation"
|
|
524
524
|
inputType="dropDownList"
|
|
525
525
|
[data]="labelsRotation"
|
|
526
526
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
527
527
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
528
528
|
>
|
|
529
|
-
</kendo-
|
|
529
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
530
530
|
</div>
|
|
531
531
|
</fieldset>
|
|
532
532
|
</form>
|
|
533
533
|
</kendo-expansionpanel>
|
|
534
534
|
</section>
|
|
535
|
-
`, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardPropertyPaneFormFieldComponent, selector: "kendo-
|
|
535
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardPropertyPaneFormFieldComponent, selector: "kendo-chartwizard-property-pane-form-field", inputs: ["currentState", "action", "class", "inputType", "text", "data", "placeholder", "colSpan", "hasLabel", "isLabelInsideFormFieldWrap", "value"], outputs: ["valueChange"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
536
536
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
|
|
537
537
|
type: Component,
|
|
538
538
|
args: [{
|
|
539
|
-
selector: 'kendo-
|
|
539
|
+
selector: 'kendo-chartwizard-property-pane-format-tab',
|
|
540
540
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
541
541
|
template: `
|
|
542
542
|
<section>
|
|
@@ -550,45 +550,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
550
550
|
<fieldset class="k-form-fieldset">
|
|
551
551
|
<legend class="k-form-legend">Margins</legend>
|
|
552
552
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
553
|
-
<kendo-
|
|
553
|
+
<kendo-chartwizard-property-pane-form-field
|
|
554
554
|
text="Left"
|
|
555
555
|
inputType="numeric"
|
|
556
556
|
[value]="$any(stateService.state.area?.margin).left"
|
|
557
557
|
(valueChange)="updateState(areaMarginLeft, $event)"
|
|
558
558
|
>
|
|
559
|
-
</kendo-
|
|
560
|
-
<kendo-
|
|
559
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
560
|
+
<kendo-chartwizard-property-pane-form-field
|
|
561
561
|
text="Right"
|
|
562
562
|
inputType="numeric"
|
|
563
563
|
[value]="$any(stateService.state.area?.margin).right"
|
|
564
564
|
(valueChange)="updateState(areaMarginRight, $event)"
|
|
565
565
|
>
|
|
566
|
-
</kendo-
|
|
567
|
-
<kendo-
|
|
566
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
567
|
+
<kendo-chartwizard-property-pane-form-field
|
|
568
568
|
text="Top"
|
|
569
569
|
inputType="numeric"
|
|
570
570
|
[value]="$any(stateService.state.area?.margin).top"
|
|
571
571
|
(valueChange)="updateState(areaMarginTop, $event)"
|
|
572
572
|
>
|
|
573
|
-
</kendo-
|
|
574
|
-
<kendo-
|
|
573
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
574
|
+
<kendo-chartwizard-property-pane-form-field
|
|
575
575
|
text="Bottom"
|
|
576
576
|
inputType="numeric"
|
|
577
577
|
[value]="$any(stateService.state.area?.margin).bottom"
|
|
578
578
|
(valueChange)="updateState(areaMarginBottom, $event)"
|
|
579
579
|
>
|
|
580
|
-
</kendo-
|
|
580
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
581
581
|
</div>
|
|
582
582
|
</fieldset>
|
|
583
583
|
<fieldset class="k-form-fieldset">
|
|
584
584
|
<legend class="k-form-legend">Background</legend>
|
|
585
|
-
<kendo-
|
|
585
|
+
<kendo-chartwizard-property-pane-form-field
|
|
586
586
|
text="Color"
|
|
587
587
|
inputType="colorPicker"
|
|
588
588
|
[value]="stateService.state.area?.background"
|
|
589
589
|
(valueChange)="updateState(areaBackground, $event)"
|
|
590
590
|
>
|
|
591
|
-
</kendo-
|
|
591
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
592
592
|
</fieldset>
|
|
593
593
|
</form>
|
|
594
594
|
</kendo-expansionpanel>
|
|
@@ -601,7 +601,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
601
601
|
>
|
|
602
602
|
<form class="k-form k-form-md">
|
|
603
603
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
604
|
-
<kendo-
|
|
604
|
+
<kendo-chartwizard-property-pane-form-field
|
|
605
605
|
text="Apply to"
|
|
606
606
|
inputType="dropDownList"
|
|
607
607
|
[data]="chartTitles"
|
|
@@ -609,16 +609,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
609
609
|
[value]="stateService.currentTitle"
|
|
610
610
|
(valueChange)="changeCurrentTitle($event)"
|
|
611
611
|
>
|
|
612
|
-
</kendo-
|
|
613
|
-
<kendo-
|
|
612
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
613
|
+
<kendo-chartwizard-property-pane-form-field
|
|
614
614
|
text="Title"
|
|
615
615
|
inputType="text"
|
|
616
616
|
[colSpan]="2"
|
|
617
617
|
[value]="chartTitleTypeText"
|
|
618
618
|
(valueChange)="updateState(chartTitleTypeAction, $event)"
|
|
619
619
|
>
|
|
620
|
-
</kendo-
|
|
621
|
-
<kendo-
|
|
620
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
621
|
+
<kendo-chartwizard-property-pane-form-field
|
|
622
622
|
text="Font"
|
|
623
623
|
inputType="comboBox"
|
|
624
624
|
[data]="fontNames"
|
|
@@ -627,22 +627,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
627
627
|
placeholder="(Inherited font)"
|
|
628
628
|
(valueChange)="updateState(chartTitleTypeFontAction, $event)"
|
|
629
629
|
>
|
|
630
|
-
</kendo-
|
|
631
|
-
<kendo-
|
|
630
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
631
|
+
<kendo-chartwizard-property-pane-form-field
|
|
632
632
|
text="Size"
|
|
633
633
|
inputType="comboBox"
|
|
634
634
|
[data]="fontSizes"
|
|
635
635
|
[value]="chartTitleTypeFontSize"
|
|
636
636
|
(valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
|
|
637
637
|
>
|
|
638
|
-
</kendo-
|
|
639
|
-
<kendo-
|
|
638
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
639
|
+
<kendo-chartwizard-property-pane-form-field
|
|
640
640
|
text="Color"
|
|
641
641
|
inputType="colorPicker"
|
|
642
642
|
[value]="chartTitleTypeColor"
|
|
643
643
|
(valueChange)="updateState(chartTitleTypeColorAction, $event)"
|
|
644
644
|
>
|
|
645
|
-
</kendo-
|
|
645
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
646
646
|
</div>
|
|
647
647
|
</form>
|
|
648
648
|
</kendo-expansionpanel>
|
|
@@ -665,7 +665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
665
665
|
[checked]="stateService.state.legend?.visible"
|
|
666
666
|
(valueChange)="updateState(legendVisible, $event)"
|
|
667
667
|
></kendo-switch>
|
|
668
|
-
<kendo-
|
|
668
|
+
<kendo-chartwizard-property-pane-form-field
|
|
669
669
|
text="Font"
|
|
670
670
|
inputType="comboBox"
|
|
671
671
|
[data]="fontNames"
|
|
@@ -674,8 +674,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
674
674
|
[value]="parseFont(stateService.state.legend?.labels?.font).name"
|
|
675
675
|
(valueChange)="updateState(legendFontName, $event)"
|
|
676
676
|
>
|
|
677
|
-
</kendo-
|
|
678
|
-
<kendo-
|
|
677
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
678
|
+
<kendo-chartwizard-property-pane-form-field
|
|
679
679
|
text="Size"
|
|
680
680
|
inputType="comboBox"
|
|
681
681
|
[data]="fontSizes"
|
|
@@ -683,15 +683,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
683
683
|
[value]="parseFont(stateService.state.legend?.labels?.font).size"
|
|
684
684
|
(valueChange)="updateState(legendFontSize, $event)"
|
|
685
685
|
>
|
|
686
|
-
</kendo-
|
|
687
|
-
<kendo-
|
|
686
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
687
|
+
<kendo-chartwizard-property-pane-form-field
|
|
688
688
|
text="Color"
|
|
689
689
|
inputType="colorPicker"
|
|
690
690
|
[value]="stateService.state.legend?.labels?.color"
|
|
691
691
|
(valueChange)="updateState(legendColor, $event)"
|
|
692
692
|
>
|
|
693
|
-
</kendo-
|
|
694
|
-
<kendo-
|
|
693
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
694
|
+
<kendo-chartwizard-property-pane-form-field
|
|
695
695
|
text="Position"
|
|
696
696
|
inputType="dropDownList"
|
|
697
697
|
[colSpan]="2"
|
|
@@ -699,7 +699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
699
699
|
[value]="stateService.state.legend?.position"
|
|
700
700
|
(valueChange)="updateState(legendPosition, $event)"
|
|
701
701
|
>
|
|
702
|
-
</kendo-
|
|
702
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
703
703
|
</div>
|
|
704
704
|
</form>
|
|
705
705
|
</kendo-expansionpanel>
|
|
@@ -728,21 +728,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
728
728
|
</div>
|
|
729
729
|
</div>
|
|
730
730
|
|
|
731
|
-
<kendo-
|
|
731
|
+
<kendo-chartwizard-property-pane-form-field
|
|
732
732
|
text="Color"
|
|
733
733
|
[value]="stateService.currentSeries?.color"
|
|
734
734
|
inputType="colorPicker"
|
|
735
735
|
(valueChange)="updateSeriesColor($event)"
|
|
736
736
|
>
|
|
737
|
-
</kendo-
|
|
738
|
-
<kendo-
|
|
737
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
738
|
+
<kendo-chartwizard-property-pane-form-field
|
|
739
739
|
text="Show Labels"
|
|
740
740
|
[value]="stateService.currentSeries.labels?.visible"
|
|
741
741
|
[isLabelInsideFormFieldWrap]="true"
|
|
742
742
|
inputType="checkbox"
|
|
743
743
|
(valueChange)="toggleSeriesLabels($event)"
|
|
744
744
|
>
|
|
745
|
-
</kendo-
|
|
745
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
746
746
|
</form>
|
|
747
747
|
</kendo-expansionpanel>
|
|
748
748
|
</section>
|
|
@@ -756,7 +756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
756
756
|
<fieldset class="k-form-fieldset">
|
|
757
757
|
<legend class="k-form-legend">Title</legend>
|
|
758
758
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
759
|
-
<kendo-
|
|
759
|
+
<kendo-chartwizard-property-pane-form-field
|
|
760
760
|
inputType="text"
|
|
761
761
|
[hasLabel]="false"
|
|
762
762
|
[colSpan]="2"
|
|
@@ -764,8 +764,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
764
764
|
[value]="stateService.state.categoryAxis[0]?.title?.text"
|
|
765
765
|
(valueChange)="updateState(categoryAxisTitleText, $event)"
|
|
766
766
|
>
|
|
767
|
-
</kendo-
|
|
768
|
-
<kendo-
|
|
767
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
768
|
+
<kendo-chartwizard-property-pane-form-field
|
|
769
769
|
text="Font"
|
|
770
770
|
inputType="comboBox"
|
|
771
771
|
[data]="fontNames"
|
|
@@ -774,8 +774,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
774
774
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
|
|
775
775
|
(valueChange)="updateState(categoryAxisTitleFontName, $event)"
|
|
776
776
|
>
|
|
777
|
-
</kendo-
|
|
778
|
-
<kendo-
|
|
777
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
778
|
+
<kendo-chartwizard-property-pane-form-field
|
|
779
779
|
text="Size"
|
|
780
780
|
inputType="comboBox"
|
|
781
781
|
placeholder="px"
|
|
@@ -783,20 +783,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
783
783
|
[value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
|
|
784
784
|
(valueChange)="updateState(categoryAxisTitleFontSize, $event)"
|
|
785
785
|
>
|
|
786
|
-
</kendo-
|
|
787
|
-
<kendo-
|
|
786
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
787
|
+
<kendo-chartwizard-property-pane-form-field
|
|
788
788
|
text="Color"
|
|
789
789
|
inputType="colorPicker"
|
|
790
790
|
[value]="stateService.state.categoryAxis[0]?.title?.color"
|
|
791
791
|
(valueChange)="updateState(categoryAxisTitleColor, $event)"
|
|
792
792
|
>
|
|
793
|
-
</kendo-
|
|
793
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
794
794
|
</div>
|
|
795
795
|
</fieldset>
|
|
796
796
|
<fieldset class="k-form-fieldset">
|
|
797
797
|
<legend class="k-form-legend">Labels</legend>
|
|
798
798
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
799
|
-
<kendo-
|
|
799
|
+
<kendo-chartwizard-property-pane-form-field
|
|
800
800
|
text="Font"
|
|
801
801
|
inputType="comboBox"
|
|
802
802
|
[data]="fontNames"
|
|
@@ -804,8 +804,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
804
804
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
|
|
805
805
|
(valueChange)="updateState(categoryAxisLabelsFontName, $event)"
|
|
806
806
|
>
|
|
807
|
-
</kendo-
|
|
808
|
-
<kendo-
|
|
807
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
808
|
+
<kendo-chartwizard-property-pane-form-field
|
|
809
809
|
text="Size"
|
|
810
810
|
inputType="comboBox"
|
|
811
811
|
[data]="fontSizes"
|
|
@@ -813,24 +813,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
813
813
|
[value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
|
|
814
814
|
(valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
|
|
815
815
|
>
|
|
816
|
-
</kendo-
|
|
817
|
-
<kendo-
|
|
816
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
817
|
+
<kendo-chartwizard-property-pane-form-field
|
|
818
818
|
text="Color"
|
|
819
819
|
inputType="colorPicker"
|
|
820
820
|
[value]="stateService.state.categoryAxis[0]?.labels?.color || ''"
|
|
821
821
|
(valueChange)="updateState(categoryAxisLabelsColor, $event)"
|
|
822
822
|
>
|
|
823
|
-
</kendo-
|
|
824
|
-
<kendo-
|
|
823
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
824
|
+
<kendo-chartwizard-property-pane-form-field
|
|
825
825
|
text="Rotation"
|
|
826
826
|
inputType="dropDownList"
|
|
827
827
|
[data]="labelsRotation"
|
|
828
828
|
[value]="stateService.state.categoryAxis[0]?.labels?.rotation"
|
|
829
829
|
(valueChange)="updateState(categoryAxisLabelsRotation, $event)"
|
|
830
830
|
>
|
|
831
|
-
</kendo-
|
|
831
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
832
832
|
<span></span>
|
|
833
|
-
<kendo-
|
|
833
|
+
<kendo-chartwizard-property-pane-form-field
|
|
834
834
|
text="Reverse Order"
|
|
835
835
|
[isLabelInsideFormFieldWrap]="true"
|
|
836
836
|
inputType="checkbox"
|
|
@@ -838,7 +838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
838
838
|
[value]="stateService.state.categoryAxis[0]?.reverse"
|
|
839
839
|
(valueChange)="updateState(categoryAxisReverseOrder, $event)"
|
|
840
840
|
>
|
|
841
|
-
</kendo-
|
|
841
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
842
842
|
</div>
|
|
843
843
|
</fieldset>
|
|
844
844
|
</form>
|
|
@@ -854,7 +854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
854
854
|
<fieldset class="k-form-fieldset">
|
|
855
855
|
<legend class="k-form-legend">Title</legend>
|
|
856
856
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
857
|
-
<kendo-
|
|
857
|
+
<kendo-chartwizard-property-pane-form-field
|
|
858
858
|
inputType="text"
|
|
859
859
|
[hasLabel]="false"
|
|
860
860
|
[colSpan]="2"
|
|
@@ -862,8 +862,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
862
862
|
[value]="stateService.state.valueAxis[0]?.title?.text"
|
|
863
863
|
(valueChange)="updateState(valueAxisTitleText, $event)"
|
|
864
864
|
>
|
|
865
|
-
</kendo-
|
|
866
|
-
<kendo-
|
|
865
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
866
|
+
<kendo-chartwizard-property-pane-form-field
|
|
867
867
|
text="Font"
|
|
868
868
|
inputType="comboBox"
|
|
869
869
|
[colSpan]="2"
|
|
@@ -872,8 +872,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
872
872
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
|
|
873
873
|
(valueChange)="updateState(valueAxisTitleFontName, $event)"
|
|
874
874
|
>
|
|
875
|
-
</kendo-
|
|
876
|
-
<kendo-
|
|
875
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
876
|
+
<kendo-chartwizard-property-pane-form-field
|
|
877
877
|
text="Size"
|
|
878
878
|
inputType="comboBox"
|
|
879
879
|
placeholder="px"
|
|
@@ -881,20 +881,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
881
881
|
[value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
|
|
882
882
|
(valueChange)="updateState(valueAxisTitleFontSize, $event)"
|
|
883
883
|
>
|
|
884
|
-
</kendo-
|
|
885
|
-
<kendo-
|
|
884
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
885
|
+
<kendo-chartwizard-property-pane-form-field
|
|
886
886
|
text="Color"
|
|
887
887
|
inputType="colorPicker"
|
|
888
888
|
[value]="stateService.state.valueAxis[0]?.title?.color"
|
|
889
889
|
(valueChange)="updateState(valueAxisTitleColor, $event)"
|
|
890
890
|
>
|
|
891
|
-
</kendo-
|
|
891
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
892
892
|
</div>
|
|
893
893
|
</fieldset>
|
|
894
894
|
<fieldset class="k-form-fieldset">
|
|
895
895
|
<legend class="k-form-legend">Labels</legend>
|
|
896
896
|
<div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
|
|
897
|
-
<kendo-
|
|
897
|
+
<kendo-chartwizard-property-pane-form-field
|
|
898
898
|
text="Font"
|
|
899
899
|
inputType="comboBox"
|
|
900
900
|
[data]="fontNames"
|
|
@@ -902,8 +902,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
902
902
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
|
|
903
903
|
(valueChange)="updateState(valueAxisLabelsFontName, $event)"
|
|
904
904
|
>
|
|
905
|
-
</kendo-
|
|
906
|
-
<kendo-
|
|
905
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
906
|
+
<kendo-chartwizard-property-pane-form-field
|
|
907
907
|
text="Size"
|
|
908
908
|
inputType="comboBox"
|
|
909
909
|
[data]="fontSizes"
|
|
@@ -911,22 +911,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
911
911
|
[value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
|
|
912
912
|
(valueChange)="updateState(valueAxisLabelsFontSize, $event)"
|
|
913
913
|
>
|
|
914
|
-
</kendo-
|
|
915
|
-
<kendo-
|
|
914
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
915
|
+
<kendo-chartwizard-property-pane-form-field
|
|
916
916
|
text="Color"
|
|
917
917
|
inputType="colorPicker"
|
|
918
918
|
[value]="stateService.state.valueAxis[0]?.labels?.color || ''"
|
|
919
919
|
(valueChange)="updateState(valueAxisLabelsColor, $event)"
|
|
920
920
|
>
|
|
921
|
-
</kendo-
|
|
922
|
-
<kendo-
|
|
921
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
922
|
+
<kendo-chartwizard-property-pane-form-field
|
|
923
923
|
text="Rotation"
|
|
924
924
|
inputType="dropDownList"
|
|
925
925
|
[data]="labelsRotation"
|
|
926
926
|
[value]="stateService.state.valueAxis[0]?.labels?.rotation"
|
|
927
927
|
(valueChange)="updateState(valueAxisLabelsRotation, $event)"
|
|
928
928
|
>
|
|
929
|
-
</kendo-
|
|
929
|
+
</kendo-chartwizard-property-pane-form-field>
|
|
930
930
|
</div>
|
|
931
931
|
</fieldset>
|
|
932
932
|
</form>
|