@progress/kendo-angular-chart-wizard 21.1.1-develop.2 → 21.2.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 (7) hide show
  1. package/esm2022/chart-wizard.component.mjs +655 -636
  2. package/esm2022/package-metadata.mjs +2 -2
  3. package/esm2022/property-pane/data-tab.component.mjs +149 -145
  4. package/esm2022/property-pane/form-field.component.mjs +123 -105
  5. package/esm2022/property-pane/format-tab.component.mjs +798 -792
  6. package/fesm2022/progress-kendo-angular-chart-wizard.mjs +1727 -1677
  7. package/package.json +17 -17
package/fesm2022/progress-kendo-angular-chart-wizard.mjs CHANGED
@@ -17,7 +17,6 @@ import { exportPDF } from '@progress/kendo-drawing';
17
17
  import * as i2 from '@angular/forms';
18
18
  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
- import { NgIf, NgFor } from '@angular/common';
21
20
  import { ExpansionPanelComponent, SplitterComponent, SplitterPaneComponent, TabStripComponent, TabStripTabComponent, TabContentDirective } from '@progress/kendo-angular-layout';
22
21
  import { DropDownListComponent, ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
23
22
  import { ButtonComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
@@ -37,8 +36,8 @@ const packageMetadata = {
37
36
  productName: 'Kendo UI for Angular',
38
37
  productCode: 'KENDOUIANGULAR',
39
38
  productCodes: ['KENDOUIANGULAR'],
40
- publishDate: 1763729391,
41
- version: '21.1.1-develop.2',
39
+ publishDate: 1763998505,
40
+ version: '21.2.0-develop.1',
42
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',
43
42
  };
44
43
 
@@ -236,82 +235,85 @@ class ChartWizardPropertyPaneDataTabComponent {
236
235
  return this.localization.get(key);
237
236
  }
238
237
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: ChartWizardLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
239
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-data-tab", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: `
238
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-data-tab", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: `
240
239
  <kendo-expansionpanel [title]="messageFor('configuration')" [expanded]="true">
241
- <form class="k-form k-form-md">
242
- <fieldset class="k-form-fieldset">
243
- <legend class="k-form-legend">
244
- {{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
245
- </legend>
246
- <kendo-dropdownlist
247
- [data]="stateService.state.columns"
248
- [value]="stateService.state.categoryField"
249
- (valueChange)="updateState(categoryAxisX, $event)"
250
- fillMode="outline"
251
- rounded="medium"
252
- size="medium"
253
- >
254
- </kendo-dropdownlist>
255
- </fieldset>
256
- <fieldset class="k-form-fieldset" *ngIf="isCategorical(stateService.state.seriesType)">
257
- <legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
258
- <kendo-grid
259
- #grid
260
- [kendoGridReactiveEditing]="createFormGroup"
261
- [kendoGridBinding]="stateService.state.series"
262
- [rowReorderable]="true"
263
- (rowReorder)="onRowReorder(grid)"
264
- (remove)="removeData($event)"
265
- >
266
- <ng-template kendoGridToolbarTemplate>
267
- <button
268
- kendoButton
269
- type="button"
270
- [svgIcon]="plusIcon"
271
- fillMode="flat"
272
- rounded="medium"
273
- [disabled]="isDisabled(grid)"
274
- (click)="addData()"
275
- >
276
- {{ messageFor('configurationSeriesAdd') }}
277
- </button>
278
- </ng-template>
279
- <kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
280
- <kendo-grid-column field="name" title="">
281
- </kendo-grid-column>
282
- <kendo-grid-command-column [width]="40">
283
- <ng-template kendoGridCellTemplate>
284
- <button
285
- [svgIcon]="trashIcon"
286
- kendoGridRemoveCommand
287
- fillMode="flat"
288
- rounded="medium"
289
- [disabled]="stateService.state.series.length < 2"
290
- ></button>
291
- </ng-template>
292
- </kendo-grid-command-column>
293
- </kendo-grid>
294
- </fieldset>
295
- <fieldset
296
- class="k-form-fieldset"
297
- *ngIf="stateService.state.seriesType === 'pie'"
240
+ <form class="k-form k-form-md">
241
+ <fieldset class="k-form-fieldset">
242
+ <legend class="k-form-legend">
243
+ {{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
244
+ </legend>
245
+ <kendo-dropdownlist
246
+ [data]="stateService.state.columns"
247
+ [value]="stateService.state.categoryField"
248
+ (valueChange)="updateState(categoryAxisX, $event)"
249
+ fillMode="outline"
250
+ rounded="medium"
251
+ size="medium"
298
252
  >
299
- <legend class="k-form-legend">
300
- {{ messageFor('configurationValueAxis') }}
301
- </legend>
302
- <kendo-dropdownlist
303
- [data]="stateService.state.columns"
304
- [value]="stateService.state.valueField"
305
- (valueChange)="updateState(valueAxisY, $event)"
306
- fillMode="outline"
253
+ </kendo-dropdownlist>
254
+ </fieldset>
255
+ @if (isCategorical(stateService.state.seriesType)) {
256
+ <fieldset class="k-form-fieldset">
257
+ <legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
258
+ <kendo-grid
259
+ #grid
260
+ [kendoGridReactiveEditing]="createFormGroup"
261
+ [kendoGridBinding]="stateService.state.series"
262
+ [rowReorderable]="true"
263
+ (rowReorder)="onRowReorder(grid)"
264
+ (remove)="removeData($event)"
265
+ >
266
+ <ng-template kendoGridToolbarTemplate>
267
+ <button
268
+ kendoButton
269
+ type="button"
270
+ [svgIcon]="plusIcon"
271
+ fillMode="flat"
272
+ rounded="medium"
273
+ [disabled]="isDisabled(grid)"
274
+ (click)="addData()"
275
+ >
276
+ {{ messageFor('configurationSeriesAdd') }}
277
+ </button>
278
+ </ng-template>
279
+ <kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
280
+ <kendo-grid-column field="name" title="">
281
+ </kendo-grid-column>
282
+ <kendo-grid-command-column [width]="40">
283
+ <ng-template kendoGridCellTemplate>
284
+ <button
285
+ [svgIcon]="trashIcon"
286
+ kendoGridRemoveCommand
287
+ fillMode="flat"
307
288
  rounded="medium"
308
- size="medium"
309
- >
310
- </kendo-dropdownlist>
311
- </fieldset>
312
- </form>
289
+ [disabled]="stateService.state.series.length < 2"
290
+ ></button>
291
+ </ng-template>
292
+ </kendo-grid-command-column>
293
+ </kendo-grid>
294
+ </fieldset>
295
+ }
296
+ @if (stateService.state.seriesType === 'pie') {
297
+ <fieldset
298
+ class="k-form-fieldset"
299
+ >
300
+ <legend class="k-form-legend">
301
+ {{ messageFor('configurationValueAxis') }}
302
+ </legend>
303
+ <kendo-dropdownlist
304
+ [data]="stateService.state.columns"
305
+ [value]="stateService.state.valueField"
306
+ (valueChange)="updateState(valueAxisY, $event)"
307
+ fillMode="outline"
308
+ rounded="medium"
309
+ size="medium"
310
+ >
311
+ </kendo-dropdownlist>
312
+ </fieldset>
313
+ }
314
+ </form>
313
315
  </kendo-expansionpanel>
314
- `, 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: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: ReactiveEditingDirective, selector: "[kendoGridReactiveEditing]", inputs: ["kendoGridReactiveEditing"] }, { kind: "directive", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: RowReorderColumnComponent, selector: "kendo-grid-rowreorder-column", inputs: ["dragHandleIcon", "dragHandleSVGIcon"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: GridToolbarFocusableDirective, selector: " [kendoGridToolbarFocusable], [kendoGridAddCommand], [kendoGridCancelCommand], [kendoGridEditCommand], [kendoGridRemoveCommand], [kendoGridSaveCommand], [kendoGridExcelCommand], [kendoGridPDFCommand] " }, { kind: "component", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
316
+ `, 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: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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"] }, { kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: ReactiveEditingDirective, selector: "[kendoGridReactiveEditing]", inputs: ["kendoGridReactiveEditing"] }, { kind: "directive", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: RowReorderColumnComponent, selector: "kendo-grid-rowreorder-column", inputs: ["dragHandleIcon", "dragHandleSVGIcon"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: GridToolbarFocusableDirective, selector: " [kendoGridToolbarFocusable], [kendoGridAddCommand], [kendoGridCancelCommand], [kendoGridEditCommand], [kendoGridRemoveCommand], [kendoGridSaveCommand], [kendoGridExcelCommand], [kendoGridPDFCommand] " }, { kind: "component", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
315
317
  }
316
318
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
317
319
  type: Component,
@@ -321,85 +323,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
321
323
  encapsulation: ViewEncapsulation.None,
322
324
  template: `
323
325
  <kendo-expansionpanel [title]="messageFor('configuration')" [expanded]="true">
324
- <form class="k-form k-form-md">
325
- <fieldset class="k-form-fieldset">
326
- <legend class="k-form-legend">
327
- {{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
328
- </legend>
329
- <kendo-dropdownlist
330
- [data]="stateService.state.columns"
331
- [value]="stateService.state.categoryField"
332
- (valueChange)="updateState(categoryAxisX, $event)"
333
- fillMode="outline"
334
- rounded="medium"
335
- size="medium"
336
- >
337
- </kendo-dropdownlist>
338
- </fieldset>
339
- <fieldset class="k-form-fieldset" *ngIf="isCategorical(stateService.state.seriesType)">
340
- <legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
341
- <kendo-grid
342
- #grid
343
- [kendoGridReactiveEditing]="createFormGroup"
344
- [kendoGridBinding]="stateService.state.series"
345
- [rowReorderable]="true"
346
- (rowReorder)="onRowReorder(grid)"
347
- (remove)="removeData($event)"
348
- >
349
- <ng-template kendoGridToolbarTemplate>
350
- <button
351
- kendoButton
352
- type="button"
353
- [svgIcon]="plusIcon"
354
- fillMode="flat"
355
- rounded="medium"
356
- [disabled]="isDisabled(grid)"
357
- (click)="addData()"
358
- >
359
- {{ messageFor('configurationSeriesAdd') }}
360
- </button>
361
- </ng-template>
362
- <kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
363
- <kendo-grid-column field="name" title="">
364
- </kendo-grid-column>
365
- <kendo-grid-command-column [width]="40">
366
- <ng-template kendoGridCellTemplate>
367
- <button
368
- [svgIcon]="trashIcon"
369
- kendoGridRemoveCommand
370
- fillMode="flat"
371
- rounded="medium"
372
- [disabled]="stateService.state.series.length < 2"
373
- ></button>
374
- </ng-template>
375
- </kendo-grid-command-column>
376
- </kendo-grid>
377
- </fieldset>
378
- <fieldset
379
- class="k-form-fieldset"
380
- *ngIf="stateService.state.seriesType === 'pie'"
326
+ <form class="k-form k-form-md">
327
+ <fieldset class="k-form-fieldset">
328
+ <legend class="k-form-legend">
329
+ {{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
330
+ </legend>
331
+ <kendo-dropdownlist
332
+ [data]="stateService.state.columns"
333
+ [value]="stateService.state.categoryField"
334
+ (valueChange)="updateState(categoryAxisX, $event)"
335
+ fillMode="outline"
336
+ rounded="medium"
337
+ size="medium"
381
338
  >
382
- <legend class="k-form-legend">
383
- {{ messageFor('configurationValueAxis') }}
384
- </legend>
385
- <kendo-dropdownlist
386
- [data]="stateService.state.columns"
387
- [value]="stateService.state.valueField"
388
- (valueChange)="updateState(valueAxisY, $event)"
389
- fillMode="outline"
339
+ </kendo-dropdownlist>
340
+ </fieldset>
341
+ @if (isCategorical(stateService.state.seriesType)) {
342
+ <fieldset class="k-form-fieldset">
343
+ <legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
344
+ <kendo-grid
345
+ #grid
346
+ [kendoGridReactiveEditing]="createFormGroup"
347
+ [kendoGridBinding]="stateService.state.series"
348
+ [rowReorderable]="true"
349
+ (rowReorder)="onRowReorder(grid)"
350
+ (remove)="removeData($event)"
351
+ >
352
+ <ng-template kendoGridToolbarTemplate>
353
+ <button
354
+ kendoButton
355
+ type="button"
356
+ [svgIcon]="plusIcon"
357
+ fillMode="flat"
358
+ rounded="medium"
359
+ [disabled]="isDisabled(grid)"
360
+ (click)="addData()"
361
+ >
362
+ {{ messageFor('configurationSeriesAdd') }}
363
+ </button>
364
+ </ng-template>
365
+ <kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
366
+ <kendo-grid-column field="name" title="">
367
+ </kendo-grid-column>
368
+ <kendo-grid-command-column [width]="40">
369
+ <ng-template kendoGridCellTemplate>
370
+ <button
371
+ [svgIcon]="trashIcon"
372
+ kendoGridRemoveCommand
373
+ fillMode="flat"
390
374
  rounded="medium"
391
- size="medium"
392
- >
393
- </kendo-dropdownlist>
394
- </fieldset>
395
- </form>
375
+ [disabled]="stateService.state.series.length < 2"
376
+ ></button>
377
+ </ng-template>
378
+ </kendo-grid-command-column>
379
+ </kendo-grid>
380
+ </fieldset>
381
+ }
382
+ @if (stateService.state.seriesType === 'pie') {
383
+ <fieldset
384
+ class="k-form-fieldset"
385
+ >
386
+ <legend class="k-form-legend">
387
+ {{ messageFor('configurationValueAxis') }}
388
+ </legend>
389
+ <kendo-dropdownlist
390
+ [data]="stateService.state.columns"
391
+ [value]="stateService.state.valueField"
392
+ (valueChange)="updateState(valueAxisY, $event)"
393
+ fillMode="outline"
394
+ rounded="medium"
395
+ size="medium"
396
+ >
397
+ </kendo-dropdownlist>
398
+ </fieldset>
399
+ }
400
+ </form>
396
401
  </kendo-expansionpanel>
397
- `,
402
+ `,
398
403
  standalone: true,
399
404
  imports: [
400
405
  ExpansionPanelComponent,
401
406
  DropDownListComponent,
402
- NgIf,
403
407
  GridComponent,
404
408
  ReactiveEditingDirective,
405
409
  DataBindingDirective,
@@ -840,76 +844,86 @@ class ChartWizardPropertyPaneFormFieldComponent {
840
844
  }
841
845
  }
842
846
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
843
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-form-field", inputs: { currentState: "currentState", action: "action", class: "class", inputType: "inputType", text: "text", data: "data", placeholder: "placeholder", colSpan: "colSpan", hasLabel: "hasLabel", isLabelInsideFormFieldWrap: "isLabelInsideFormFieldWrap", value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-form-field": "this.formField", "class.k-col-span-2": "this.isColSpan2" } }, viewQueries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }, { propertyName: "numericTextBox", first: true, predicate: NumericTextBoxComponent, descendants: true }, { propertyName: "colorPicker", first: true, predicate: ColorPickerComponent, descendants: true }, { propertyName: "dropDownList", first: true, predicate: DropDownListComponent, descendants: true }, { propertyName: "textBox", first: true, predicate: TextBoxComponent, descendants: true }, { propertyName: "comboBox", first: true, predicate: ComboBoxComponent, descendants: true }, { propertyName: "checkBox", first: true, predicate: CheckBoxComponent, descendants: true }], ngImport: i0, template: `
844
- <kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap && inputType !== 'checkbox'" class="k-form-label" [text]="text"></kendo-label>
847
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChartWizardPropertyPaneFormFieldComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-form-field", inputs: { currentState: "currentState", action: "action", class: "class", inputType: "inputType", text: "text", data: "data", placeholder: "placeholder", colSpan: "colSpan", hasLabel: "hasLabel", isLabelInsideFormFieldWrap: "isLabelInsideFormFieldWrap", value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-form-field": "this.formField", "class.k-col-span-2": "this.isColSpan2" } }, viewQueries: [{ propertyName: "label", first: true, predicate: LabelComponent, descendants: true }, { propertyName: "numericTextBox", first: true, predicate: NumericTextBoxComponent, descendants: true }, { propertyName: "colorPicker", first: true, predicate: ColorPickerComponent, descendants: true }, { propertyName: "dropDownList", first: true, predicate: DropDownListComponent, descendants: true }, { propertyName: "textBox", first: true, predicate: TextBoxComponent, descendants: true }, { propertyName: "comboBox", first: true, predicate: ComboBoxComponent, descendants: true }, { propertyName: "checkBox", first: true, predicate: CheckBoxComponent, descendants: true }], ngImport: i0, template: `
848
+ @if (hasLabel && !isLabelInsideFormFieldWrap && inputType !== 'checkbox') {
849
+ <kendo-label class="k-form-label" [text]="text"></kendo-label>
850
+ }
845
851
  <div class="k-form-field-wrap">
852
+ @if (hasLabel && isLabelInsideFormFieldWrap && inputType !== 'checkbox') {
846
853
  <kendo-label
847
- *ngIf="hasLabel && isLabelInsideFormFieldWrap && inputType !== 'checkbox'"
848
- class="k-form-label"
849
- [text]="text"
854
+ class="k-form-label"
855
+ [text]="text"
850
856
  ></kendo-label>
857
+ }
858
+ @if (inputType === 'numeric') {
851
859
  <kendo-numerictextbox
852
- *ngIf="inputType === 'numeric'"
853
- fillMode="outline"
854
- rounded="medium"
855
- [value]="value"
856
- (valueChange)="valueChange.emit($event)"
857
- [placeholder]="placeholder"
860
+ fillMode="outline"
861
+ rounded="medium"
862
+ [value]="value"
863
+ (valueChange)="valueChange.emit($event)"
864
+ [placeholder]="placeholder"
858
865
  ></kendo-numerictextbox>
866
+ }
867
+ @if (inputType === 'colorPicker') {
859
868
  <kendo-colorpicker
860
- *ngIf="inputType === 'colorPicker'"
861
- fillMode="outline"
862
- rounded="medium"
863
- [value]="value"
864
- [disabled]="disabled"
865
- (valueChange)="valueChange.emit($event)"
869
+ fillMode="outline"
870
+ rounded="medium"
871
+ [value]="value"
872
+ [disabled]="disabled"
873
+ (valueChange)="valueChange.emit($event)"
866
874
  ></kendo-colorpicker>
875
+ }
876
+ @if (inputType === 'dropDownList') {
867
877
  <kendo-dropdownlist
868
- *ngIf="inputType === 'dropDownList'"
869
- [data]="data"
870
- textField="text"
871
- valueField="value"
872
- [valuePrimitive]="true"
873
- fillMode="outline"
874
- rounded="medium"
875
- size="medium"
876
- [value]="value"
877
- (valueChange)="valueChange.emit($event)"
878
+ [data]="data"
879
+ textField="text"
880
+ valueField="value"
881
+ [valuePrimitive]="true"
882
+ fillMode="outline"
883
+ rounded="medium"
884
+ size="medium"
885
+ [value]="value"
886
+ (valueChange)="valueChange.emit($event)"
878
887
  ></kendo-dropdownlist>
888
+ }
889
+ @if (inputType === 'comboBox') {
879
890
  <kendo-combobox
880
- *ngIf="inputType === 'comboBox'"
881
- [data]="data"
882
- [value]="value"
883
- textField="text"
884
- valueField="value"
885
- [valuePrimitive]="true"
886
- fillMode="outline"
887
- rounded="medium"
888
- size="medium"
889
- [placeholder]="placeholder"
890
- (valueChange)="valueChange.emit($event)"
891
+ [data]="data"
892
+ [value]="value"
893
+ textField="text"
894
+ valueField="value"
895
+ [valuePrimitive]="true"
896
+ fillMode="outline"
897
+ rounded="medium"
898
+ size="medium"
899
+ [placeholder]="placeholder"
900
+ (valueChange)="valueChange.emit($event)"
891
901
  ></kendo-combobox>
902
+ }
903
+ @if (inputType === 'text') {
892
904
  <kendo-textbox
893
- *ngIf="inputType === 'text'"
894
- fillMode="outline"
895
- rounded="medium"
896
- [placeholder]="placeholder"
897
- [value]="value"
898
- (valueChange)="valueChange.emit($event)"
905
+ fillMode="outline"
906
+ rounded="medium"
907
+ [placeholder]="placeholder"
908
+ [value]="value"
909
+ (valueChange)="valueChange.emit($event)"
899
910
  ></kendo-textbox>
911
+ }
912
+ @if (inputType === 'checkbox') {
900
913
  <kendo-checkbox
901
- *ngIf="inputType === 'checkbox'"
902
- class="k-checkbox-md k-rounded-md"
903
- [checkedState]="value"
904
- (checkedStateChange)="valueChange.emit($event)"
914
+ class="k-checkbox-md k-rounded-md"
915
+ [checkedState]="value"
916
+ (checkedStateChange)="valueChange.emit($event)"
905
917
  ></kendo-checkbox>
918
+ }
919
+ @if (hasLabel && isLabelInsideFormFieldWrap && inputType === 'checkbox') {
906
920
  <kendo-label
907
- *ngIf="hasLabel && isLabelInsideFormFieldWrap && inputType === 'checkbox'"
908
- class="k-checkbox-label"
909
- [text]="text"
921
+ class="k-checkbox-label"
922
+ [text]="text"
910
923
  ></kendo-label>
924
+ }
911
925
  </div>
912
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
926
+ `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "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"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
913
927
  }
914
928
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
915
929
  type: Component,
@@ -917,78 +931,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
917
931
  selector: 'kendo-chartwizard-property-pane-form-field',
918
932
  changeDetection: ChangeDetectionStrategy.OnPush,
919
933
  template: `
920
- <kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap && inputType !== 'checkbox'" class="k-form-label" [text]="text"></kendo-label>
934
+ @if (hasLabel && !isLabelInsideFormFieldWrap && inputType !== 'checkbox') {
935
+ <kendo-label class="k-form-label" [text]="text"></kendo-label>
936
+ }
921
937
  <div class="k-form-field-wrap">
938
+ @if (hasLabel && isLabelInsideFormFieldWrap && inputType !== 'checkbox') {
922
939
  <kendo-label
923
- *ngIf="hasLabel && isLabelInsideFormFieldWrap && inputType !== 'checkbox'"
924
- class="k-form-label"
925
- [text]="text"
940
+ class="k-form-label"
941
+ [text]="text"
926
942
  ></kendo-label>
943
+ }
944
+ @if (inputType === 'numeric') {
927
945
  <kendo-numerictextbox
928
- *ngIf="inputType === 'numeric'"
929
- fillMode="outline"
930
- rounded="medium"
931
- [value]="value"
932
- (valueChange)="valueChange.emit($event)"
933
- [placeholder]="placeholder"
946
+ fillMode="outline"
947
+ rounded="medium"
948
+ [value]="value"
949
+ (valueChange)="valueChange.emit($event)"
950
+ [placeholder]="placeholder"
934
951
  ></kendo-numerictextbox>
952
+ }
953
+ @if (inputType === 'colorPicker') {
935
954
  <kendo-colorpicker
936
- *ngIf="inputType === 'colorPicker'"
937
- fillMode="outline"
938
- rounded="medium"
939
- [value]="value"
940
- [disabled]="disabled"
941
- (valueChange)="valueChange.emit($event)"
955
+ fillMode="outline"
956
+ rounded="medium"
957
+ [value]="value"
958
+ [disabled]="disabled"
959
+ (valueChange)="valueChange.emit($event)"
942
960
  ></kendo-colorpicker>
961
+ }
962
+ @if (inputType === 'dropDownList') {
943
963
  <kendo-dropdownlist
944
- *ngIf="inputType === 'dropDownList'"
945
- [data]="data"
946
- textField="text"
947
- valueField="value"
948
- [valuePrimitive]="true"
949
- fillMode="outline"
950
- rounded="medium"
951
- size="medium"
952
- [value]="value"
953
- (valueChange)="valueChange.emit($event)"
964
+ [data]="data"
965
+ textField="text"
966
+ valueField="value"
967
+ [valuePrimitive]="true"
968
+ fillMode="outline"
969
+ rounded="medium"
970
+ size="medium"
971
+ [value]="value"
972
+ (valueChange)="valueChange.emit($event)"
954
973
  ></kendo-dropdownlist>
974
+ }
975
+ @if (inputType === 'comboBox') {
955
976
  <kendo-combobox
956
- *ngIf="inputType === 'comboBox'"
957
- [data]="data"
958
- [value]="value"
959
- textField="text"
960
- valueField="value"
961
- [valuePrimitive]="true"
962
- fillMode="outline"
963
- rounded="medium"
964
- size="medium"
965
- [placeholder]="placeholder"
966
- (valueChange)="valueChange.emit($event)"
977
+ [data]="data"
978
+ [value]="value"
979
+ textField="text"
980
+ valueField="value"
981
+ [valuePrimitive]="true"
982
+ fillMode="outline"
983
+ rounded="medium"
984
+ size="medium"
985
+ [placeholder]="placeholder"
986
+ (valueChange)="valueChange.emit($event)"
967
987
  ></kendo-combobox>
988
+ }
989
+ @if (inputType === 'text') {
968
990
  <kendo-textbox
969
- *ngIf="inputType === 'text'"
970
- fillMode="outline"
971
- rounded="medium"
972
- [placeholder]="placeholder"
973
- [value]="value"
974
- (valueChange)="valueChange.emit($event)"
991
+ fillMode="outline"
992
+ rounded="medium"
993
+ [placeholder]="placeholder"
994
+ [value]="value"
995
+ (valueChange)="valueChange.emit($event)"
975
996
  ></kendo-textbox>
997
+ }
998
+ @if (inputType === 'checkbox') {
976
999
  <kendo-checkbox
977
- *ngIf="inputType === 'checkbox'"
978
- class="k-checkbox-md k-rounded-md"
979
- [checkedState]="value"
980
- (checkedStateChange)="valueChange.emit($event)"
1000
+ class="k-checkbox-md k-rounded-md"
1001
+ [checkedState]="value"
1002
+ (checkedStateChange)="valueChange.emit($event)"
981
1003
  ></kendo-checkbox>
1004
+ }
1005
+ @if (hasLabel && isLabelInsideFormFieldWrap && inputType === 'checkbox') {
982
1006
  <kendo-label
983
- *ngIf="hasLabel && isLabelInsideFormFieldWrap && inputType === 'checkbox'"
984
- class="k-checkbox-label"
985
- [text]="text"
1007
+ class="k-checkbox-label"
1008
+ [text]="text"
986
1009
  ></kendo-label>
1010
+ }
987
1011
  </div>
988
- `,
1012
+ `,
989
1013
  standalone: true,
990
1014
  imports: [
991
- NgIf,
992
1015
  LabelComponent,
993
1016
  NumericTextBoxComponent,
994
1017
  ColorPickerComponent,
@@ -1218,419 +1241,423 @@ class ChartWizardPropertyPaneFormatTabComponent {
1218
1241
  return this.localization.get(key);
1219
1242
  }
1220
1243
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, deps: [{ token: StateService }, { token: ChartWizardLocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1221
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
1244
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
1222
1245
  <section>
1223
- <kendo-expansionpanel
1224
- [style.max-width.px]="576"
1225
- [title]="messageFor('formatChartArea')"
1226
- [expanded]="true"
1227
- [attr.dir]="stateService.direction"
1246
+ <kendo-expansionpanel
1247
+ [style.max-width.px]="576"
1248
+ [title]="messageFor('formatChartArea')"
1249
+ [expanded]="true"
1250
+ [attr.dir]="stateService.direction"
1228
1251
  >
1229
- <form class="k-form k-form-md">
1230
- <fieldset class="k-form-fieldset">
1231
- <legend class="k-form-legend">{{ messageFor('formatChartAreaMargins') }}</legend>
1232
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1233
- <kendo-chartwizard-property-pane-form-field
1234
- [text]="messageFor('formatChartAreaMarginsLeft')"
1235
- inputType="numeric"
1236
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1237
- [value]="$any(stateService.state.area.margin).left"
1238
- (valueChange)="updateState(areaMarginLeft, $event)"
1239
- >
1240
- </kendo-chartwizard-property-pane-form-field>
1241
- <kendo-chartwizard-property-pane-form-field
1242
- [text]="messageFor('formatChartAreaMarginsRight')"
1243
- inputType="numeric"
1244
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1245
- [value]="$any(stateService.state.area.margin).right"
1246
- (valueChange)="updateState(areaMarginRight, $event)"
1247
- >
1248
- </kendo-chartwizard-property-pane-form-field>
1249
- <kendo-chartwizard-property-pane-form-field
1250
- [text]="messageFor('formatChartAreaMarginsTop')"
1251
- inputType="numeric"
1252
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1253
- [value]="$any(stateService.state.area.margin).top"
1254
- (valueChange)="updateState(areaMarginTop, $event)"
1255
- >
1256
- </kendo-chartwizard-property-pane-form-field>
1257
- <kendo-chartwizard-property-pane-form-field
1258
- [text]="messageFor('formatChartAreaMarginsBottom')"
1259
- inputType="numeric"
1260
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1261
- [value]="$any(stateService.state.area.margin).bottom"
1262
- (valueChange)="updateState(areaMarginBottom, $event)"
1263
- >
1264
- </kendo-chartwizard-property-pane-form-field>
1265
- </div>
1266
- </fieldset>
1267
- <fieldset class="k-form-fieldset">
1268
- <legend class="k-form-legend">{{ messageFor('formatChartAreaBackground') }}</legend>
1269
- <kendo-chartwizard-property-pane-form-field
1270
- [text]="messageFor('formatChartAreaBackgroundColor')"
1271
- inputType="colorPicker"
1272
- [value]="stateService.state.area?.background"
1273
- (valueChange)="updateState(areaBackground, $event)"
1274
- >
1275
- </kendo-chartwizard-property-pane-form-field>
1276
- </fieldset>
1277
- </form>
1278
- </kendo-expansionpanel>
1252
+ <form class="k-form k-form-md">
1253
+ <fieldset class="k-form-fieldset">
1254
+ <legend class="k-form-legend">{{ messageFor('formatChartAreaMargins') }}</legend>
1255
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1256
+ <kendo-chartwizard-property-pane-form-field
1257
+ [text]="messageFor('formatChartAreaMarginsLeft')"
1258
+ inputType="numeric"
1259
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1260
+ [value]="$any(stateService.state.area.margin).left"
1261
+ (valueChange)="updateState(areaMarginLeft, $event)"
1262
+ >
1263
+ </kendo-chartwizard-property-pane-form-field>
1264
+ <kendo-chartwizard-property-pane-form-field
1265
+ [text]="messageFor('formatChartAreaMarginsRight')"
1266
+ inputType="numeric"
1267
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1268
+ [value]="$any(stateService.state.area.margin).right"
1269
+ (valueChange)="updateState(areaMarginRight, $event)"
1270
+ >
1271
+ </kendo-chartwizard-property-pane-form-field>
1272
+ <kendo-chartwizard-property-pane-form-field
1273
+ [text]="messageFor('formatChartAreaMarginsTop')"
1274
+ inputType="numeric"
1275
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1276
+ [value]="$any(stateService.state.area.margin).top"
1277
+ (valueChange)="updateState(areaMarginTop, $event)"
1278
+ >
1279
+ </kendo-chartwizard-property-pane-form-field>
1280
+ <kendo-chartwizard-property-pane-form-field
1281
+ [text]="messageFor('formatChartAreaMarginsBottom')"
1282
+ inputType="numeric"
1283
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1284
+ [value]="$any(stateService.state.area.margin).bottom"
1285
+ (valueChange)="updateState(areaMarginBottom, $event)"
1286
+ >
1287
+ </kendo-chartwizard-property-pane-form-field>
1288
+ </div>
1289
+ </fieldset>
1290
+ <fieldset class="k-form-fieldset">
1291
+ <legend class="k-form-legend">{{ messageFor('formatChartAreaBackground') }}</legend>
1292
+ <kendo-chartwizard-property-pane-form-field
1293
+ [text]="messageFor('formatChartAreaBackgroundColor')"
1294
+ inputType="colorPicker"
1295
+ [value]="stateService.state.area?.background"
1296
+ (valueChange)="updateState(areaBackground, $event)"
1297
+ >
1298
+ </kendo-chartwizard-property-pane-form-field>
1299
+ </fieldset>
1300
+ </form>
1301
+ </kendo-expansionpanel>
1279
1302
  </section>
1280
1303
  <section>
1281
- <kendo-expansionpanel
1282
- [style.max-width.px]="576"
1283
- [title]="messageFor('formatTitle')"
1284
- [expanded]="true"
1304
+ <kendo-expansionpanel
1305
+ [style.max-width.px]="576"
1306
+ [title]="messageFor('formatTitle')"
1307
+ [expanded]="true"
1285
1308
  >
1286
- <form class="k-form k-form-md">
1287
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1288
- <kendo-chartwizard-property-pane-form-field
1289
- [text]="messageFor('formatTitleApplyTo')"
1290
- inputType="dropDownList"
1291
- [data]="chartTitles"
1292
- [colSpan]="2"
1293
- [value]="stateService.currentTitle"
1294
- (valueChange)="changeCurrentTitle($event)"
1295
- >
1296
- </kendo-chartwizard-property-pane-form-field>
1297
- <kendo-chartwizard-property-pane-form-field
1298
- [text]="messageFor('formatTitleLabel')"
1299
- inputType="text"
1300
- [colSpan]="2"
1301
- [value]="chartTitleTypeText"
1302
- (valueChange)="updateState(chartTitleTypeAction, $event)"
1303
- >
1304
- </kendo-chartwizard-property-pane-form-field>
1305
- <kendo-chartwizard-property-pane-form-field
1306
- [text]="messageFor('formatTitleFont')"
1307
- inputType="comboBox"
1308
- [data]="fontNames"
1309
- [colSpan]="2"
1310
- [value]="chartTitleTypeFont"
1311
- [placeholder]="messageFor('formatTitleFontPlaceholder')"
1312
- (valueChange)="updateState(chartTitleTypeFontAction, $event)"
1313
- >
1314
- </kendo-chartwizard-property-pane-form-field>
1315
- <kendo-chartwizard-property-pane-form-field
1316
- [text]="messageFor('formatTitleSize')"
1317
- inputType="comboBox"
1318
- [placeholder]="messageFor('formatTitleSizePlaceholder')"
1319
- [data]="fontSizes"
1320
- [value]="chartTitleTypeFontSize"
1321
- (valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
1322
- >
1323
- </kendo-chartwizard-property-pane-form-field>
1324
- <kendo-chartwizard-property-pane-form-field
1325
- [text]="messageFor('formatTitleColor')"
1326
- inputType="colorPicker"
1327
- [value]="chartTitleTypeColor"
1328
- (valueChange)="updateState(chartTitleTypeColorAction, $event)"
1329
- >
1330
- </kendo-chartwizard-property-pane-form-field>
1331
- </div>
1332
- </form>
1333
- </kendo-expansionpanel>
1309
+ <form class="k-form k-form-md">
1310
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1311
+ <kendo-chartwizard-property-pane-form-field
1312
+ [text]="messageFor('formatTitleApplyTo')"
1313
+ inputType="dropDownList"
1314
+ [data]="chartTitles"
1315
+ [colSpan]="2"
1316
+ [value]="stateService.currentTitle"
1317
+ (valueChange)="changeCurrentTitle($event)"
1318
+ >
1319
+ </kendo-chartwizard-property-pane-form-field>
1320
+ <kendo-chartwizard-property-pane-form-field
1321
+ [text]="messageFor('formatTitleLabel')"
1322
+ inputType="text"
1323
+ [colSpan]="2"
1324
+ [value]="chartTitleTypeText"
1325
+ (valueChange)="updateState(chartTitleTypeAction, $event)"
1326
+ >
1327
+ </kendo-chartwizard-property-pane-form-field>
1328
+ <kendo-chartwizard-property-pane-form-field
1329
+ [text]="messageFor('formatTitleFont')"
1330
+ inputType="comboBox"
1331
+ [data]="fontNames"
1332
+ [colSpan]="2"
1333
+ [value]="chartTitleTypeFont"
1334
+ [placeholder]="messageFor('formatTitleFontPlaceholder')"
1335
+ (valueChange)="updateState(chartTitleTypeFontAction, $event)"
1336
+ >
1337
+ </kendo-chartwizard-property-pane-form-field>
1338
+ <kendo-chartwizard-property-pane-form-field
1339
+ [text]="messageFor('formatTitleSize')"
1340
+ inputType="comboBox"
1341
+ [placeholder]="messageFor('formatTitleSizePlaceholder')"
1342
+ [data]="fontSizes"
1343
+ [value]="chartTitleTypeFontSize"
1344
+ (valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
1345
+ >
1346
+ </kendo-chartwizard-property-pane-form-field>
1347
+ <kendo-chartwizard-property-pane-form-field
1348
+ [text]="messageFor('formatTitleColor')"
1349
+ inputType="colorPicker"
1350
+ [value]="chartTitleTypeColor"
1351
+ (valueChange)="updateState(chartTitleTypeColorAction, $event)"
1352
+ >
1353
+ </kendo-chartwizard-property-pane-form-field>
1354
+ </div>
1355
+ </form>
1356
+ </kendo-expansionpanel>
1334
1357
  </section>
1335
1358
  <section>
1336
- <kendo-expansionpanel
1337
- [style.max-width.px]="576"
1338
- [title]="messageFor('formatLegend')"
1339
- [expanded]="true"
1359
+ <kendo-expansionpanel
1360
+ [style.max-width.px]="576"
1361
+ [title]="messageFor('formatLegend')"
1362
+ [expanded]="true"
1340
1363
  >
1341
- <form class="k-form k-form-md">
1342
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1343
- <kendo-label [for]="toggleLegend" [text]="messageFor('formatLegendShowLegend')"></kendo-label>
1344
- <kendo-switch
1345
- #toggleLegend
1346
- onLabel="On"
1347
- offLabel="Off"
1348
- thumbRounded="full"
1349
- size="medium"
1350
- [checked]="stateService.state.legend?.visible"
1351
- (valueChange)="updateState(legendVisible, $event)"
1352
- ></kendo-switch>
1353
- <kendo-chartwizard-property-pane-form-field
1354
- [text]="messageFor('formatLegendFont')"
1355
- inputType="comboBox"
1356
- [data]="fontNames"
1357
- [colSpan]="2"
1358
- [placeholder]="messageFor('formatLegendFontPlaceholder')"
1359
- [value]="parseFont(stateService.state.legend?.labels?.font).name"
1360
- (valueChange)="updateState(legendFontName, $event)"
1361
- >
1362
- </kendo-chartwizard-property-pane-form-field>
1363
- <kendo-chartwizard-property-pane-form-field
1364
- [text]="messageFor('formatLegendSize')"
1365
- inputType="comboBox"
1366
- [data]="fontSizes"
1367
- [placeholder]="messageFor('formatLegendSizePlaceholder')"
1368
- [value]="parseFont(stateService.state.legend?.labels?.font).size"
1369
- (valueChange)="updateState(legendFontSize, $event)"
1370
- >
1371
- </kendo-chartwizard-property-pane-form-field>
1372
- <kendo-chartwizard-property-pane-form-field
1373
- [text]="messageFor('formatLegendColor')"
1374
- inputType="colorPicker"
1375
- [value]="stateService.state.legend?.labels?.color"
1376
- (valueChange)="updateState(legendColor, $event)"
1377
- >
1378
- </kendo-chartwizard-property-pane-form-field>
1379
- <kendo-chartwizard-property-pane-form-field
1380
- [text]="messageFor('formatLegendPosition')"
1381
- inputType="dropDownList"
1382
- [colSpan]="2"
1383
- [data]="legendPositions"
1384
- [value]="stateService.state.legend?.position"
1385
- (valueChange)="updateState(legendPosition, $event)"
1386
- >
1387
- </kendo-chartwizard-property-pane-form-field>
1388
- </div>
1389
- </form>
1390
- </kendo-expansionpanel>
1364
+ <form class="k-form k-form-md">
1365
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1366
+ <kendo-label [for]="toggleLegend" [text]="messageFor('formatLegendShowLegend')"></kendo-label>
1367
+ <kendo-switch
1368
+ #toggleLegend
1369
+ onLabel="On"
1370
+ offLabel="Off"
1371
+ thumbRounded="full"
1372
+ size="medium"
1373
+ [checked]="stateService.state.legend?.visible"
1374
+ (valueChange)="updateState(legendVisible, $event)"
1375
+ ></kendo-switch>
1376
+ <kendo-chartwizard-property-pane-form-field
1377
+ [text]="messageFor('formatLegendFont')"
1378
+ inputType="comboBox"
1379
+ [data]="fontNames"
1380
+ [colSpan]="2"
1381
+ [placeholder]="messageFor('formatLegendFontPlaceholder')"
1382
+ [value]="parseFont(stateService.state.legend?.labels?.font).name"
1383
+ (valueChange)="updateState(legendFontName, $event)"
1384
+ >
1385
+ </kendo-chartwizard-property-pane-form-field>
1386
+ <kendo-chartwizard-property-pane-form-field
1387
+ [text]="messageFor('formatLegendSize')"
1388
+ inputType="comboBox"
1389
+ [data]="fontSizes"
1390
+ [placeholder]="messageFor('formatLegendSizePlaceholder')"
1391
+ [value]="parseFont(stateService.state.legend?.labels?.font).size"
1392
+ (valueChange)="updateState(legendFontSize, $event)"
1393
+ >
1394
+ </kendo-chartwizard-property-pane-form-field>
1395
+ <kendo-chartwizard-property-pane-form-field
1396
+ [text]="messageFor('formatLegendColor')"
1397
+ inputType="colorPicker"
1398
+ [value]="stateService.state.legend?.labels?.color"
1399
+ (valueChange)="updateState(legendColor, $event)"
1400
+ >
1401
+ </kendo-chartwizard-property-pane-form-field>
1402
+ <kendo-chartwizard-property-pane-form-field
1403
+ [text]="messageFor('formatLegendPosition')"
1404
+ inputType="dropDownList"
1405
+ [colSpan]="2"
1406
+ [data]="legendPositions"
1407
+ [value]="stateService.state.legend?.position"
1408
+ (valueChange)="updateState(legendPosition, $event)"
1409
+ >
1410
+ </kendo-chartwizard-property-pane-form-field>
1411
+ </div>
1412
+ </form>
1413
+ </kendo-expansionpanel>
1391
1414
  </section>
1392
1415
  <section>
1393
- <kendo-expansionpanel
1394
- [style.max-width.px]="576"
1395
- [title]="messageFor('formatSeries')"
1396
- [expanded]="true"
1416
+ <kendo-expansionpanel
1417
+ [style.max-width.px]="576"
1418
+ [title]="messageFor('formatSeries')"
1419
+ [expanded]="true"
1397
1420
  >
1398
- <form class="k-form k-form-md">
1399
- <div class="k-form-field">
1400
- <kendo-label [for]="seriesDropDown" class="k-form-label" [text]="messageFor('formatSeriesApplyTo')"></kendo-label>
1401
- <div class="k-form-field-wrap">
1402
- <kendo-dropdownlist
1403
- #seriesDropDown
1404
- [data]="seriesData"
1405
- textField="text"
1406
- valueField="name"
1407
- fillMode="outline"
1408
- rounded="medium"
1409
- size="medium"
1410
- [value]="stateService.currentSeries"
1411
- (valueChange)="updateCurrentSeries($event)"
1412
- ></kendo-dropdownlist>
1413
- </div>
1414
- </div>
1415
-
1421
+ <form class="k-form k-form-md">
1422
+ <div class="k-form-field">
1423
+ <kendo-label [for]="seriesDropDown" class="k-form-label" [text]="messageFor('formatSeriesApplyTo')"></kendo-label>
1424
+ <div class="k-form-field-wrap">
1425
+ <kendo-dropdownlist
1426
+ #seriesDropDown
1427
+ [data]="seriesData"
1428
+ textField="text"
1429
+ valueField="name"
1430
+ fillMode="outline"
1431
+ rounded="medium"
1432
+ size="medium"
1433
+ [value]="stateService.currentSeries"
1434
+ (valueChange)="updateCurrentSeries($event)"
1435
+ ></kendo-dropdownlist>
1436
+ </div>
1437
+ </div>
1438
+
1439
+ <kendo-chartwizard-property-pane-form-field
1440
+ [text]="messageFor('formatSeriesColor')"
1441
+ [value]="stateService.currentSeries?.color"
1442
+ inputType="colorPicker"
1443
+ [disabled]="stateService.currentSeries.name === defaultAllSeriesItem.name"
1444
+ (valueChange)="updateSeriesColor($event)"
1445
+ >
1446
+ </kendo-chartwizard-property-pane-form-field>
1447
+ <kendo-chartwizard-property-pane-form-field
1448
+ [text]="messageFor('formatSeriesShowLabels')"
1449
+ [value]="showLabels"
1450
+ [isLabelInsideFormFieldWrap]="true"
1451
+ [colSpan]="2"
1452
+ inputType="checkbox"
1453
+ (valueChange)="toggleSeriesLabels($event)"
1454
+ >
1455
+ </kendo-chartwizard-property-pane-form-field>
1456
+ </form>
1457
+ </kendo-expansionpanel>
1458
+ </section>
1459
+ @if (stateService.state.seriesType !== 'pie') {
1460
+ <section class="k-row-start-1 k-row-end-3 k-col-start-3">
1461
+ <kendo-expansionpanel
1462
+ [style.max-width.px]="576"
1463
+ [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatXAxis') : messageFor('formatCategoryAxis')"
1464
+ [expanded]="true"
1465
+ >
1466
+ <form class="k-form k-form-md">
1467
+ <fieldset class="k-form-fieldset">
1468
+ <legend class="k-form-legend">{{ messageFor('formatCategoryAxisTitle') }}</legend>
1469
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1416
1470
  <kendo-chartwizard-property-pane-form-field
1417
- [text]="messageFor('formatSeriesColor')"
1418
- [value]="stateService.currentSeries?.color"
1419
- inputType="colorPicker"
1420
- [disabled]="stateService.currentSeries.name === defaultAllSeriesItem.name"
1421
- (valueChange)="updateSeriesColor($event)"
1422
- >
1471
+ inputType="text"
1472
+ [hasLabel]="false"
1473
+ [colSpan]="2"
1474
+ [placeholder]="messageFor('formatCategoryAxisTitlePlaceholder')"
1475
+ [value]="stateService.state.categoryAxis[0]?.title?.text || null"
1476
+ (valueChange)="updateState(categoryAxisTitleText, $event)"
1477
+ >
1423
1478
  </kendo-chartwizard-property-pane-form-field>
1424
1479
  <kendo-chartwizard-property-pane-form-field
1425
- [text]="messageFor('formatSeriesShowLabels')"
1426
- [value]="showLabels"
1427
- [isLabelInsideFormFieldWrap]="true"
1428
- [colSpan]="2"
1429
- inputType="checkbox"
1430
- (valueChange)="toggleSeriesLabels($event)"
1431
- >
1480
+ [text]="messageFor('formatCategoryAxisTitleFont')"
1481
+ inputType="comboBox"
1482
+ [data]="fontNames"
1483
+ [colSpan]="2"
1484
+ [placeholder]="messageFor('formatCategoryAxisTitleFontPlaceholder')"
1485
+ [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
1486
+ (valueChange)="updateState(categoryAxisTitleFontName, $event)"
1487
+ >
1432
1488
  </kendo-chartwizard-property-pane-form-field>
1433
- </form>
1434
- </kendo-expansionpanel>
1435
- </section>
1436
- <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-3">
1437
- <kendo-expansionpanel
1438
- [style.max-width.px]="576"
1439
- [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatXAxis') : messageFor('formatCategoryAxis')"
1440
- [expanded]="true"
1441
- >
1442
- <form class="k-form k-form-md">
1443
- <fieldset class="k-form-fieldset">
1444
- <legend class="k-form-legend">{{ messageFor('formatCategoryAxisTitle') }}</legend>
1445
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1446
- <kendo-chartwizard-property-pane-form-field
1447
- inputType="text"
1448
- [hasLabel]="false"
1449
- [colSpan]="2"
1450
- [placeholder]="messageFor('formatCategoryAxisTitlePlaceholder')"
1451
- [value]="stateService.state.categoryAxis[0]?.title?.text || null"
1452
- (valueChange)="updateState(categoryAxisTitleText, $event)"
1453
- >
1454
- </kendo-chartwizard-property-pane-form-field>
1455
- <kendo-chartwizard-property-pane-form-field
1456
- [text]="messageFor('formatCategoryAxisTitleFont')"
1457
- inputType="comboBox"
1458
- [data]="fontNames"
1459
- [colSpan]="2"
1460
- [placeholder]="messageFor('formatCategoryAxisTitleFontPlaceholder')"
1461
- [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
1462
- (valueChange)="updateState(categoryAxisTitleFontName, $event)"
1463
- >
1464
- </kendo-chartwizard-property-pane-form-field>
1465
- <kendo-chartwizard-property-pane-form-field
1466
- [text]="messageFor('formatCategoryAxisTitleSize')"
1467
- inputType="comboBox"
1468
- [placeholder]="messageFor('formatCategoryAxisTitleSizePlaceholder')"
1469
- [data]="fontSizes"
1470
- [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
1471
- (valueChange)="updateState(categoryAxisTitleFontSize, $event)"
1472
- >
1473
- </kendo-chartwizard-property-pane-form-field>
1474
- <kendo-chartwizard-property-pane-form-field
1475
- [text]="messageFor('formatCategoryAxisTitleColor')"
1476
- inputType="colorPicker"
1477
- [value]="stateService.state.categoryAxis[0]?.title?.color"
1478
- (valueChange)="updateState(categoryAxisTitleColor, $event)"
1479
- >
1480
- </kendo-chartwizard-property-pane-form-field>
1481
- </div>
1482
- </fieldset>
1483
- <fieldset class="k-form-fieldset">
1484
- <legend class="k-form-legend">{{ messageFor('formatCategoryAxisLabels') }}</legend>
1485
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1486
- <kendo-chartwizard-property-pane-form-field
1487
- [text]="messageFor('formatCategoryAxisLabelsFont')"
1488
- inputType="comboBox"
1489
- [data]="fontNames"
1490
- [colSpan]="2"
1491
- [placeholder]="messageFor('formatCategoryAxisLabelsFontPlaceholder')"
1492
- [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
1493
- (valueChange)="updateState(categoryAxisLabelsFontName, $event)"
1494
- >
1495
- </kendo-chartwizard-property-pane-form-field>
1496
- <kendo-chartwizard-property-pane-form-field
1497
- [text]="messageFor('formatCategoryAxisLabelsSize')"
1498
- inputType="comboBox"
1499
- [data]="fontSizes"
1500
- [placeholder]="messageFor('formatCategoryAxisLabelsSizePlaceholder')"
1501
- [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
1502
- (valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
1503
- >
1504
- </kendo-chartwizard-property-pane-form-field>
1505
- <kendo-chartwizard-property-pane-form-field
1506
- [text]="messageFor('formatCategoryAxisLabelsColor')"
1507
- inputType="colorPicker"
1508
- [value]="stateService.state.categoryAxis[0]?.labels?.color"
1509
- (valueChange)="updateState(categoryAxisLabelsColor, $event)"
1510
- >
1511
- </kendo-chartwizard-property-pane-form-field>
1512
- <kendo-chartwizard-property-pane-form-field
1513
- [text]="messageFor('formatCategoryAxisLabelsRotation')"
1514
- inputType="dropDownList"
1515
- [data]="labelsCategoryAxisRotation"
1516
- [value]="stateService.state.categoryAxis[0]?.labels?.rotation"
1517
- (valueChange)="updateState(categoryAxisLabelsRotation, $event)"
1518
- >
1519
- </kendo-chartwizard-property-pane-form-field>
1520
- <span></span>
1521
- <kendo-chartwizard-property-pane-form-field
1522
- [text]="messageFor('formatCategoryAxisLabelsReverseOrder')"
1523
- [isLabelInsideFormFieldWrap]="true"
1524
- inputType="checkbox"
1525
- [colSpan]="2"
1526
- [value]="stateService.state.categoryAxis[0]?.reverse"
1527
- (valueChange)="updateState(categoryAxisReverseOrder, $event)"
1528
- >
1529
- </kendo-chartwizard-property-pane-form-field>
1530
- </div>
1531
- </fieldset>
1532
- </form>
1489
+ <kendo-chartwizard-property-pane-form-field
1490
+ [text]="messageFor('formatCategoryAxisTitleSize')"
1491
+ inputType="comboBox"
1492
+ [placeholder]="messageFor('formatCategoryAxisTitleSizePlaceholder')"
1493
+ [data]="fontSizes"
1494
+ [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
1495
+ (valueChange)="updateState(categoryAxisTitleFontSize, $event)"
1496
+ >
1497
+ </kendo-chartwizard-property-pane-form-field>
1498
+ <kendo-chartwizard-property-pane-form-field
1499
+ [text]="messageFor('formatCategoryAxisTitleColor')"
1500
+ inputType="colorPicker"
1501
+ [value]="stateService.state.categoryAxis[0]?.title?.color"
1502
+ (valueChange)="updateState(categoryAxisTitleColor, $event)"
1503
+ >
1504
+ </kendo-chartwizard-property-pane-form-field>
1505
+ </div>
1506
+ </fieldset>
1507
+ <fieldset class="k-form-fieldset">
1508
+ <legend class="k-form-legend">{{ messageFor('formatCategoryAxisLabels') }}</legend>
1509
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1510
+ <kendo-chartwizard-property-pane-form-field
1511
+ [text]="messageFor('formatCategoryAxisLabelsFont')"
1512
+ inputType="comboBox"
1513
+ [data]="fontNames"
1514
+ [colSpan]="2"
1515
+ [placeholder]="messageFor('formatCategoryAxisLabelsFontPlaceholder')"
1516
+ [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
1517
+ (valueChange)="updateState(categoryAxisLabelsFontName, $event)"
1518
+ >
1519
+ </kendo-chartwizard-property-pane-form-field>
1520
+ <kendo-chartwizard-property-pane-form-field
1521
+ [text]="messageFor('formatCategoryAxisLabelsSize')"
1522
+ inputType="comboBox"
1523
+ [data]="fontSizes"
1524
+ [placeholder]="messageFor('formatCategoryAxisLabelsSizePlaceholder')"
1525
+ [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
1526
+ (valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
1527
+ >
1528
+ </kendo-chartwizard-property-pane-form-field>
1529
+ <kendo-chartwizard-property-pane-form-field
1530
+ [text]="messageFor('formatCategoryAxisLabelsColor')"
1531
+ inputType="colorPicker"
1532
+ [value]="stateService.state.categoryAxis[0]?.labels?.color"
1533
+ (valueChange)="updateState(categoryAxisLabelsColor, $event)"
1534
+ >
1535
+ </kendo-chartwizard-property-pane-form-field>
1536
+ <kendo-chartwizard-property-pane-form-field
1537
+ [text]="messageFor('formatCategoryAxisLabelsRotation')"
1538
+ inputType="dropDownList"
1539
+ [data]="labelsCategoryAxisRotation"
1540
+ [value]="stateService.state.categoryAxis[0]?.labels?.rotation"
1541
+ (valueChange)="updateState(categoryAxisLabelsRotation, $event)"
1542
+ >
1543
+ </kendo-chartwizard-property-pane-form-field>
1544
+ <span></span>
1545
+ <kendo-chartwizard-property-pane-form-field
1546
+ [text]="messageFor('formatCategoryAxisLabelsReverseOrder')"
1547
+ [isLabelInsideFormFieldWrap]="true"
1548
+ inputType="checkbox"
1549
+ [colSpan]="2"
1550
+ [value]="stateService.state.categoryAxis[0]?.reverse"
1551
+ (valueChange)="updateState(categoryAxisReverseOrder, $event)"
1552
+ >
1553
+ </kendo-chartwizard-property-pane-form-field>
1554
+ </div>
1555
+ </fieldset>
1556
+ </form>
1533
1557
  </kendo-expansionpanel>
1534
- </section>
1535
- <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-4">
1558
+ </section>
1559
+ }
1560
+ @if (stateService.state.seriesType !== 'pie') {
1561
+ <section class="k-row-start-1 k-row-end-3 k-col-start-4">
1536
1562
  <kendo-expansionpanel
1537
- [style.max-width.px]="576"
1538
- [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatYAxis') : messageFor('formatValueAxis')"
1539
- [expanded]="true"
1540
- >
1541
- <form class="k-form k-form-md">
1542
- <fieldset class="k-form-fieldset">
1543
- <legend class="k-form-legend">{{ messageFor('formatValueAxisTitle') }}</legend>
1544
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1545
- <kendo-chartwizard-property-pane-form-field
1546
- inputType="text"
1547
- [hasLabel]="false"
1548
- [colSpan]="2"
1549
- [placeholder]="messageFor('formatValueAxisTitlePlaceholder')"
1550
- [value]="stateService.state.valueAxis[0]?.title?.text || null"
1551
- (valueChange)="updateState(valueAxisTitleText, $event)"
1552
- >
1553
- </kendo-chartwizard-property-pane-form-field>
1554
- <kendo-chartwizard-property-pane-form-field
1555
- [text]="messageFor('formatValueAxisTitleFont')"
1556
- inputType="comboBox"
1557
- [colSpan]="2"
1558
- [data]="fontNames"
1559
- [placeholder]="messageFor('formatValueAxisTitleFontPlaceholder')"
1560
- [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
1561
- (valueChange)="updateState(valueAxisTitleFontName, $event)"
1562
- >
1563
- </kendo-chartwizard-property-pane-form-field>
1564
- <kendo-chartwizard-property-pane-form-field
1565
- [text]="messageFor('formatValueAxisTitleSize')"
1566
- inputType="comboBox"
1567
- [placeholder]="messageFor('formatValueAxisTitleSizePlaceholder')"
1568
- [data]="fontSizes"
1569
- [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
1570
- (valueChange)="updateState(valueAxisTitleFontSize, $event)"
1571
- >
1572
- </kendo-chartwizard-property-pane-form-field>
1573
- <kendo-chartwizard-property-pane-form-field
1574
- [text]="messageFor('formatValueAxisTitleColor')"
1575
- inputType="colorPicker"
1576
- [value]="stateService.state.valueAxis[0]?.title?.color"
1577
- (valueChange)="updateState(valueAxisTitleColor, $event)"
1578
- >
1579
- </kendo-chartwizard-property-pane-form-field>
1580
- </div>
1581
- </fieldset>
1582
- <fieldset class="k-form-fieldset">
1583
- <legend class="k-form-legend">{{ messageFor('formatValueAxisLabels') }}</legend>
1584
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1585
- <kendo-chartwizard-property-pane-form-field
1586
- [text]="messageFor('formatValueAxisLabelsFormat')"
1587
- [colSpan]="2"
1588
- inputType="dropDownList"
1589
- [data]="labelFormats"
1590
- [value]="labelFormatValue"
1591
- (valueChange)="updateState(valueAxisLabelsFormat, $event)"
1592
- >
1593
- </kendo-chartwizard-property-pane-form-field>
1594
- <kendo-chartwizard-property-pane-form-field
1595
- [text]="messageFor('formatValueAxisLabelsFont')"
1596
- inputType="comboBox"
1597
- [data]="fontNames"
1598
- [colSpan]="2"
1599
- [placeholder]="messageFor('formatValueAxisLabelsFontPlaceholder')"
1600
- [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
1601
- (valueChange)="updateState(valueAxisLabelsFontName, $event)"
1602
- >
1603
- </kendo-chartwizard-property-pane-form-field>
1604
- <kendo-chartwizard-property-pane-form-field
1605
- [text]="messageFor('formatValueAxisLabelsSize')"
1606
- inputType="comboBox"
1607
- [data]="fontSizes"
1608
- [placeholder]="messageFor('formatValueAxisLabelsSizePlaceholder')"
1609
- [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
1610
- (valueChange)="updateState(valueAxisLabelsFontSize, $event)"
1611
- >
1612
- </kendo-chartwizard-property-pane-form-field>
1613
- <kendo-chartwizard-property-pane-form-field
1614
- [text]="messageFor('formatValueAxisLabelsColor')"
1615
- inputType="colorPicker"
1616
- [value]="stateService.state.valueAxis[0]?.labels?.color"
1617
- (valueChange)="updateState(valueAxisLabelsColor, $event)"
1618
- >
1619
- </kendo-chartwizard-property-pane-form-field>
1620
- <kendo-chartwizard-property-pane-form-field
1621
- [text]="messageFor('formatValueAxisLabelsRotation')"
1622
- inputType="dropDownList"
1623
- [data]="labelsValueAxisRotation"
1624
- [value]="stateService.state.valueAxis[0]?.labels?.rotation"
1625
- (valueChange)="updateState(valueAxisLabelsRotation, $event)"
1626
- >
1627
- </kendo-chartwizard-property-pane-form-field>
1628
- </div>
1629
- </fieldset>
1630
- </form>
1563
+ [style.max-width.px]="576"
1564
+ [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatYAxis') : messageFor('formatValueAxis')"
1565
+ [expanded]="true"
1566
+ >
1567
+ <form class="k-form k-form-md">
1568
+ <fieldset class="k-form-fieldset">
1569
+ <legend class="k-form-legend">{{ messageFor('formatValueAxisTitle') }}</legend>
1570
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1571
+ <kendo-chartwizard-property-pane-form-field
1572
+ inputType="text"
1573
+ [hasLabel]="false"
1574
+ [colSpan]="2"
1575
+ [placeholder]="messageFor('formatValueAxisTitlePlaceholder')"
1576
+ [value]="stateService.state.valueAxis[0]?.title?.text || null"
1577
+ (valueChange)="updateState(valueAxisTitleText, $event)"
1578
+ >
1579
+ </kendo-chartwizard-property-pane-form-field>
1580
+ <kendo-chartwizard-property-pane-form-field
1581
+ [text]="messageFor('formatValueAxisTitleFont')"
1582
+ inputType="comboBox"
1583
+ [colSpan]="2"
1584
+ [data]="fontNames"
1585
+ [placeholder]="messageFor('formatValueAxisTitleFontPlaceholder')"
1586
+ [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
1587
+ (valueChange)="updateState(valueAxisTitleFontName, $event)"
1588
+ >
1589
+ </kendo-chartwizard-property-pane-form-field>
1590
+ <kendo-chartwizard-property-pane-form-field
1591
+ [text]="messageFor('formatValueAxisTitleSize')"
1592
+ inputType="comboBox"
1593
+ [placeholder]="messageFor('formatValueAxisTitleSizePlaceholder')"
1594
+ [data]="fontSizes"
1595
+ [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
1596
+ (valueChange)="updateState(valueAxisTitleFontSize, $event)"
1597
+ >
1598
+ </kendo-chartwizard-property-pane-form-field>
1599
+ <kendo-chartwizard-property-pane-form-field
1600
+ [text]="messageFor('formatValueAxisTitleColor')"
1601
+ inputType="colorPicker"
1602
+ [value]="stateService.state.valueAxis[0]?.title?.color"
1603
+ (valueChange)="updateState(valueAxisTitleColor, $event)"
1604
+ >
1605
+ </kendo-chartwizard-property-pane-form-field>
1606
+ </div>
1607
+ </fieldset>
1608
+ <fieldset class="k-form-fieldset">
1609
+ <legend class="k-form-legend">{{ messageFor('formatValueAxisLabels') }}</legend>
1610
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1611
+ <kendo-chartwizard-property-pane-form-field
1612
+ [text]="messageFor('formatValueAxisLabelsFormat')"
1613
+ [colSpan]="2"
1614
+ inputType="dropDownList"
1615
+ [data]="labelFormats"
1616
+ [value]="labelFormatValue"
1617
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
1618
+ >
1619
+ </kendo-chartwizard-property-pane-form-field>
1620
+ <kendo-chartwizard-property-pane-form-field
1621
+ [text]="messageFor('formatValueAxisLabelsFont')"
1622
+ inputType="comboBox"
1623
+ [data]="fontNames"
1624
+ [colSpan]="2"
1625
+ [placeholder]="messageFor('formatValueAxisLabelsFontPlaceholder')"
1626
+ [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
1627
+ (valueChange)="updateState(valueAxisLabelsFontName, $event)"
1628
+ >
1629
+ </kendo-chartwizard-property-pane-form-field>
1630
+ <kendo-chartwizard-property-pane-form-field
1631
+ [text]="messageFor('formatValueAxisLabelsSize')"
1632
+ inputType="comboBox"
1633
+ [data]="fontSizes"
1634
+ [placeholder]="messageFor('formatValueAxisLabelsSizePlaceholder')"
1635
+ [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
1636
+ (valueChange)="updateState(valueAxisLabelsFontSize, $event)"
1637
+ >
1638
+ </kendo-chartwizard-property-pane-form-field>
1639
+ <kendo-chartwizard-property-pane-form-field
1640
+ [text]="messageFor('formatValueAxisLabelsColor')"
1641
+ inputType="colorPicker"
1642
+ [value]="stateService.state.valueAxis[0]?.labels?.color"
1643
+ (valueChange)="updateState(valueAxisLabelsColor, $event)"
1644
+ >
1645
+ </kendo-chartwizard-property-pane-form-field>
1646
+ <kendo-chartwizard-property-pane-form-field
1647
+ [text]="messageFor('formatValueAxisLabelsRotation')"
1648
+ inputType="dropDownList"
1649
+ [data]="labelsValueAxisRotation"
1650
+ [value]="stateService.state.valueAxis[0]?.labels?.rotation"
1651
+ (valueChange)="updateState(valueAxisLabelsRotation, $event)"
1652
+ >
1653
+ </kendo-chartwizard-property-pane-form-field>
1654
+ </div>
1655
+ </fieldset>
1656
+ </form>
1631
1657
  </kendo-expansionpanel>
1632
- </section>
1633
- `, 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", "disabled"], 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", "adaptiveTitle", "adaptiveSubtitle", "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"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1658
+ </section>
1659
+ }
1660
+ `, 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", "disabled"], 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", "adaptiveTitle", "adaptiveSubtitle", "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 });
1634
1661
  }
1635
1662
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
1636
1663
  type: Component,
@@ -1639,425 +1666,428 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1639
1666
  changeDetection: ChangeDetectionStrategy.OnPush,
1640
1667
  template: `
1641
1668
  <section>
1642
- <kendo-expansionpanel
1643
- [style.max-width.px]="576"
1644
- [title]="messageFor('formatChartArea')"
1645
- [expanded]="true"
1646
- [attr.dir]="stateService.direction"
1669
+ <kendo-expansionpanel
1670
+ [style.max-width.px]="576"
1671
+ [title]="messageFor('formatChartArea')"
1672
+ [expanded]="true"
1673
+ [attr.dir]="stateService.direction"
1647
1674
  >
1648
- <form class="k-form k-form-md">
1649
- <fieldset class="k-form-fieldset">
1650
- <legend class="k-form-legend">{{ messageFor('formatChartAreaMargins') }}</legend>
1651
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1652
- <kendo-chartwizard-property-pane-form-field
1653
- [text]="messageFor('formatChartAreaMarginsLeft')"
1654
- inputType="numeric"
1655
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1656
- [value]="$any(stateService.state.area.margin).left"
1657
- (valueChange)="updateState(areaMarginLeft, $event)"
1658
- >
1659
- </kendo-chartwizard-property-pane-form-field>
1660
- <kendo-chartwizard-property-pane-form-field
1661
- [text]="messageFor('formatChartAreaMarginsRight')"
1662
- inputType="numeric"
1663
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1664
- [value]="$any(stateService.state.area.margin).right"
1665
- (valueChange)="updateState(areaMarginRight, $event)"
1666
- >
1667
- </kendo-chartwizard-property-pane-form-field>
1668
- <kendo-chartwizard-property-pane-form-field
1669
- [text]="messageFor('formatChartAreaMarginsTop')"
1670
- inputType="numeric"
1671
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1672
- [value]="$any(stateService.state.area.margin).top"
1673
- (valueChange)="updateState(areaMarginTop, $event)"
1674
- >
1675
- </kendo-chartwizard-property-pane-form-field>
1676
- <kendo-chartwizard-property-pane-form-field
1677
- [text]="messageFor('formatChartAreaMarginsBottom')"
1678
- inputType="numeric"
1679
- [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1680
- [value]="$any(stateService.state.area.margin).bottom"
1681
- (valueChange)="updateState(areaMarginBottom, $event)"
1682
- >
1683
- </kendo-chartwizard-property-pane-form-field>
1684
- </div>
1685
- </fieldset>
1686
- <fieldset class="k-form-fieldset">
1687
- <legend class="k-form-legend">{{ messageFor('formatChartAreaBackground') }}</legend>
1688
- <kendo-chartwizard-property-pane-form-field
1689
- [text]="messageFor('formatChartAreaBackgroundColor')"
1690
- inputType="colorPicker"
1691
- [value]="stateService.state.area?.background"
1692
- (valueChange)="updateState(areaBackground, $event)"
1693
- >
1694
- </kendo-chartwizard-property-pane-form-field>
1695
- </fieldset>
1696
- </form>
1697
- </kendo-expansionpanel>
1675
+ <form class="k-form k-form-md">
1676
+ <fieldset class="k-form-fieldset">
1677
+ <legend class="k-form-legend">{{ messageFor('formatChartAreaMargins') }}</legend>
1678
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1679
+ <kendo-chartwizard-property-pane-form-field
1680
+ [text]="messageFor('formatChartAreaMarginsLeft')"
1681
+ inputType="numeric"
1682
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1683
+ [value]="$any(stateService.state.area.margin).left"
1684
+ (valueChange)="updateState(areaMarginLeft, $event)"
1685
+ >
1686
+ </kendo-chartwizard-property-pane-form-field>
1687
+ <kendo-chartwizard-property-pane-form-field
1688
+ [text]="messageFor('formatChartAreaMarginsRight')"
1689
+ inputType="numeric"
1690
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1691
+ [value]="$any(stateService.state.area.margin).right"
1692
+ (valueChange)="updateState(areaMarginRight, $event)"
1693
+ >
1694
+ </kendo-chartwizard-property-pane-form-field>
1695
+ <kendo-chartwizard-property-pane-form-field
1696
+ [text]="messageFor('formatChartAreaMarginsTop')"
1697
+ inputType="numeric"
1698
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1699
+ [value]="$any(stateService.state.area.margin).top"
1700
+ (valueChange)="updateState(areaMarginTop, $event)"
1701
+ >
1702
+ </kendo-chartwizard-property-pane-form-field>
1703
+ <kendo-chartwizard-property-pane-form-field
1704
+ [text]="messageFor('formatChartAreaMarginsBottom')"
1705
+ inputType="numeric"
1706
+ [placeholder]="messageFor('formatChartAreaMarginsAuto')"
1707
+ [value]="$any(stateService.state.area.margin).bottom"
1708
+ (valueChange)="updateState(areaMarginBottom, $event)"
1709
+ >
1710
+ </kendo-chartwizard-property-pane-form-field>
1711
+ </div>
1712
+ </fieldset>
1713
+ <fieldset class="k-form-fieldset">
1714
+ <legend class="k-form-legend">{{ messageFor('formatChartAreaBackground') }}</legend>
1715
+ <kendo-chartwizard-property-pane-form-field
1716
+ [text]="messageFor('formatChartAreaBackgroundColor')"
1717
+ inputType="colorPicker"
1718
+ [value]="stateService.state.area?.background"
1719
+ (valueChange)="updateState(areaBackground, $event)"
1720
+ >
1721
+ </kendo-chartwizard-property-pane-form-field>
1722
+ </fieldset>
1723
+ </form>
1724
+ </kendo-expansionpanel>
1698
1725
  </section>
1699
1726
  <section>
1700
- <kendo-expansionpanel
1701
- [style.max-width.px]="576"
1702
- [title]="messageFor('formatTitle')"
1703
- [expanded]="true"
1727
+ <kendo-expansionpanel
1728
+ [style.max-width.px]="576"
1729
+ [title]="messageFor('formatTitle')"
1730
+ [expanded]="true"
1704
1731
  >
1705
- <form class="k-form k-form-md">
1706
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1707
- <kendo-chartwizard-property-pane-form-field
1708
- [text]="messageFor('formatTitleApplyTo')"
1709
- inputType="dropDownList"
1710
- [data]="chartTitles"
1711
- [colSpan]="2"
1712
- [value]="stateService.currentTitle"
1713
- (valueChange)="changeCurrentTitle($event)"
1714
- >
1715
- </kendo-chartwizard-property-pane-form-field>
1716
- <kendo-chartwizard-property-pane-form-field
1717
- [text]="messageFor('formatTitleLabel')"
1718
- inputType="text"
1719
- [colSpan]="2"
1720
- [value]="chartTitleTypeText"
1721
- (valueChange)="updateState(chartTitleTypeAction, $event)"
1722
- >
1723
- </kendo-chartwizard-property-pane-form-field>
1724
- <kendo-chartwizard-property-pane-form-field
1725
- [text]="messageFor('formatTitleFont')"
1726
- inputType="comboBox"
1727
- [data]="fontNames"
1728
- [colSpan]="2"
1729
- [value]="chartTitleTypeFont"
1730
- [placeholder]="messageFor('formatTitleFontPlaceholder')"
1731
- (valueChange)="updateState(chartTitleTypeFontAction, $event)"
1732
- >
1733
- </kendo-chartwizard-property-pane-form-field>
1734
- <kendo-chartwizard-property-pane-form-field
1735
- [text]="messageFor('formatTitleSize')"
1736
- inputType="comboBox"
1737
- [placeholder]="messageFor('formatTitleSizePlaceholder')"
1738
- [data]="fontSizes"
1739
- [value]="chartTitleTypeFontSize"
1740
- (valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
1741
- >
1742
- </kendo-chartwizard-property-pane-form-field>
1743
- <kendo-chartwizard-property-pane-form-field
1744
- [text]="messageFor('formatTitleColor')"
1745
- inputType="colorPicker"
1746
- [value]="chartTitleTypeColor"
1747
- (valueChange)="updateState(chartTitleTypeColorAction, $event)"
1748
- >
1749
- </kendo-chartwizard-property-pane-form-field>
1750
- </div>
1751
- </form>
1752
- </kendo-expansionpanel>
1732
+ <form class="k-form k-form-md">
1733
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1734
+ <kendo-chartwizard-property-pane-form-field
1735
+ [text]="messageFor('formatTitleApplyTo')"
1736
+ inputType="dropDownList"
1737
+ [data]="chartTitles"
1738
+ [colSpan]="2"
1739
+ [value]="stateService.currentTitle"
1740
+ (valueChange)="changeCurrentTitle($event)"
1741
+ >
1742
+ </kendo-chartwizard-property-pane-form-field>
1743
+ <kendo-chartwizard-property-pane-form-field
1744
+ [text]="messageFor('formatTitleLabel')"
1745
+ inputType="text"
1746
+ [colSpan]="2"
1747
+ [value]="chartTitleTypeText"
1748
+ (valueChange)="updateState(chartTitleTypeAction, $event)"
1749
+ >
1750
+ </kendo-chartwizard-property-pane-form-field>
1751
+ <kendo-chartwizard-property-pane-form-field
1752
+ [text]="messageFor('formatTitleFont')"
1753
+ inputType="comboBox"
1754
+ [data]="fontNames"
1755
+ [colSpan]="2"
1756
+ [value]="chartTitleTypeFont"
1757
+ [placeholder]="messageFor('formatTitleFontPlaceholder')"
1758
+ (valueChange)="updateState(chartTitleTypeFontAction, $event)"
1759
+ >
1760
+ </kendo-chartwizard-property-pane-form-field>
1761
+ <kendo-chartwizard-property-pane-form-field
1762
+ [text]="messageFor('formatTitleSize')"
1763
+ inputType="comboBox"
1764
+ [placeholder]="messageFor('formatTitleSizePlaceholder')"
1765
+ [data]="fontSizes"
1766
+ [value]="chartTitleTypeFontSize"
1767
+ (valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
1768
+ >
1769
+ </kendo-chartwizard-property-pane-form-field>
1770
+ <kendo-chartwizard-property-pane-form-field
1771
+ [text]="messageFor('formatTitleColor')"
1772
+ inputType="colorPicker"
1773
+ [value]="chartTitleTypeColor"
1774
+ (valueChange)="updateState(chartTitleTypeColorAction, $event)"
1775
+ >
1776
+ </kendo-chartwizard-property-pane-form-field>
1777
+ </div>
1778
+ </form>
1779
+ </kendo-expansionpanel>
1753
1780
  </section>
1754
1781
  <section>
1755
- <kendo-expansionpanel
1756
- [style.max-width.px]="576"
1757
- [title]="messageFor('formatLegend')"
1758
- [expanded]="true"
1782
+ <kendo-expansionpanel
1783
+ [style.max-width.px]="576"
1784
+ [title]="messageFor('formatLegend')"
1785
+ [expanded]="true"
1759
1786
  >
1760
- <form class="k-form k-form-md">
1761
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1762
- <kendo-label [for]="toggleLegend" [text]="messageFor('formatLegendShowLegend')"></kendo-label>
1763
- <kendo-switch
1764
- #toggleLegend
1765
- onLabel="On"
1766
- offLabel="Off"
1767
- thumbRounded="full"
1768
- size="medium"
1769
- [checked]="stateService.state.legend?.visible"
1770
- (valueChange)="updateState(legendVisible, $event)"
1771
- ></kendo-switch>
1772
- <kendo-chartwizard-property-pane-form-field
1773
- [text]="messageFor('formatLegendFont')"
1774
- inputType="comboBox"
1775
- [data]="fontNames"
1776
- [colSpan]="2"
1777
- [placeholder]="messageFor('formatLegendFontPlaceholder')"
1778
- [value]="parseFont(stateService.state.legend?.labels?.font).name"
1779
- (valueChange)="updateState(legendFontName, $event)"
1780
- >
1781
- </kendo-chartwizard-property-pane-form-field>
1782
- <kendo-chartwizard-property-pane-form-field
1783
- [text]="messageFor('formatLegendSize')"
1784
- inputType="comboBox"
1785
- [data]="fontSizes"
1786
- [placeholder]="messageFor('formatLegendSizePlaceholder')"
1787
- [value]="parseFont(stateService.state.legend?.labels?.font).size"
1788
- (valueChange)="updateState(legendFontSize, $event)"
1789
- >
1790
- </kendo-chartwizard-property-pane-form-field>
1791
- <kendo-chartwizard-property-pane-form-field
1792
- [text]="messageFor('formatLegendColor')"
1793
- inputType="colorPicker"
1794
- [value]="stateService.state.legend?.labels?.color"
1795
- (valueChange)="updateState(legendColor, $event)"
1796
- >
1797
- </kendo-chartwizard-property-pane-form-field>
1798
- <kendo-chartwizard-property-pane-form-field
1799
- [text]="messageFor('formatLegendPosition')"
1800
- inputType="dropDownList"
1801
- [colSpan]="2"
1802
- [data]="legendPositions"
1803
- [value]="stateService.state.legend?.position"
1804
- (valueChange)="updateState(legendPosition, $event)"
1805
- >
1806
- </kendo-chartwizard-property-pane-form-field>
1807
- </div>
1808
- </form>
1809
- </kendo-expansionpanel>
1787
+ <form class="k-form k-form-md">
1788
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1789
+ <kendo-label [for]="toggleLegend" [text]="messageFor('formatLegendShowLegend')"></kendo-label>
1790
+ <kendo-switch
1791
+ #toggleLegend
1792
+ onLabel="On"
1793
+ offLabel="Off"
1794
+ thumbRounded="full"
1795
+ size="medium"
1796
+ [checked]="stateService.state.legend?.visible"
1797
+ (valueChange)="updateState(legendVisible, $event)"
1798
+ ></kendo-switch>
1799
+ <kendo-chartwizard-property-pane-form-field
1800
+ [text]="messageFor('formatLegendFont')"
1801
+ inputType="comboBox"
1802
+ [data]="fontNames"
1803
+ [colSpan]="2"
1804
+ [placeholder]="messageFor('formatLegendFontPlaceholder')"
1805
+ [value]="parseFont(stateService.state.legend?.labels?.font).name"
1806
+ (valueChange)="updateState(legendFontName, $event)"
1807
+ >
1808
+ </kendo-chartwizard-property-pane-form-field>
1809
+ <kendo-chartwizard-property-pane-form-field
1810
+ [text]="messageFor('formatLegendSize')"
1811
+ inputType="comboBox"
1812
+ [data]="fontSizes"
1813
+ [placeholder]="messageFor('formatLegendSizePlaceholder')"
1814
+ [value]="parseFont(stateService.state.legend?.labels?.font).size"
1815
+ (valueChange)="updateState(legendFontSize, $event)"
1816
+ >
1817
+ </kendo-chartwizard-property-pane-form-field>
1818
+ <kendo-chartwizard-property-pane-form-field
1819
+ [text]="messageFor('formatLegendColor')"
1820
+ inputType="colorPicker"
1821
+ [value]="stateService.state.legend?.labels?.color"
1822
+ (valueChange)="updateState(legendColor, $event)"
1823
+ >
1824
+ </kendo-chartwizard-property-pane-form-field>
1825
+ <kendo-chartwizard-property-pane-form-field
1826
+ [text]="messageFor('formatLegendPosition')"
1827
+ inputType="dropDownList"
1828
+ [colSpan]="2"
1829
+ [data]="legendPositions"
1830
+ [value]="stateService.state.legend?.position"
1831
+ (valueChange)="updateState(legendPosition, $event)"
1832
+ >
1833
+ </kendo-chartwizard-property-pane-form-field>
1834
+ </div>
1835
+ </form>
1836
+ </kendo-expansionpanel>
1810
1837
  </section>
1811
1838
  <section>
1812
- <kendo-expansionpanel
1813
- [style.max-width.px]="576"
1814
- [title]="messageFor('formatSeries')"
1815
- [expanded]="true"
1839
+ <kendo-expansionpanel
1840
+ [style.max-width.px]="576"
1841
+ [title]="messageFor('formatSeries')"
1842
+ [expanded]="true"
1816
1843
  >
1817
- <form class="k-form k-form-md">
1818
- <div class="k-form-field">
1819
- <kendo-label [for]="seriesDropDown" class="k-form-label" [text]="messageFor('formatSeriesApplyTo')"></kendo-label>
1820
- <div class="k-form-field-wrap">
1821
- <kendo-dropdownlist
1822
- #seriesDropDown
1823
- [data]="seriesData"
1824
- textField="text"
1825
- valueField="name"
1826
- fillMode="outline"
1827
- rounded="medium"
1828
- size="medium"
1829
- [value]="stateService.currentSeries"
1830
- (valueChange)="updateCurrentSeries($event)"
1831
- ></kendo-dropdownlist>
1832
- </div>
1833
- </div>
1834
-
1844
+ <form class="k-form k-form-md">
1845
+ <div class="k-form-field">
1846
+ <kendo-label [for]="seriesDropDown" class="k-form-label" [text]="messageFor('formatSeriesApplyTo')"></kendo-label>
1847
+ <div class="k-form-field-wrap">
1848
+ <kendo-dropdownlist
1849
+ #seriesDropDown
1850
+ [data]="seriesData"
1851
+ textField="text"
1852
+ valueField="name"
1853
+ fillMode="outline"
1854
+ rounded="medium"
1855
+ size="medium"
1856
+ [value]="stateService.currentSeries"
1857
+ (valueChange)="updateCurrentSeries($event)"
1858
+ ></kendo-dropdownlist>
1859
+ </div>
1860
+ </div>
1861
+
1862
+ <kendo-chartwizard-property-pane-form-field
1863
+ [text]="messageFor('formatSeriesColor')"
1864
+ [value]="stateService.currentSeries?.color"
1865
+ inputType="colorPicker"
1866
+ [disabled]="stateService.currentSeries.name === defaultAllSeriesItem.name"
1867
+ (valueChange)="updateSeriesColor($event)"
1868
+ >
1869
+ </kendo-chartwizard-property-pane-form-field>
1870
+ <kendo-chartwizard-property-pane-form-field
1871
+ [text]="messageFor('formatSeriesShowLabels')"
1872
+ [value]="showLabels"
1873
+ [isLabelInsideFormFieldWrap]="true"
1874
+ [colSpan]="2"
1875
+ inputType="checkbox"
1876
+ (valueChange)="toggleSeriesLabels($event)"
1877
+ >
1878
+ </kendo-chartwizard-property-pane-form-field>
1879
+ </form>
1880
+ </kendo-expansionpanel>
1881
+ </section>
1882
+ @if (stateService.state.seriesType !== 'pie') {
1883
+ <section class="k-row-start-1 k-row-end-3 k-col-start-3">
1884
+ <kendo-expansionpanel
1885
+ [style.max-width.px]="576"
1886
+ [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatXAxis') : messageFor('formatCategoryAxis')"
1887
+ [expanded]="true"
1888
+ >
1889
+ <form class="k-form k-form-md">
1890
+ <fieldset class="k-form-fieldset">
1891
+ <legend class="k-form-legend">{{ messageFor('formatCategoryAxisTitle') }}</legend>
1892
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1835
1893
  <kendo-chartwizard-property-pane-form-field
1836
- [text]="messageFor('formatSeriesColor')"
1837
- [value]="stateService.currentSeries?.color"
1838
- inputType="colorPicker"
1839
- [disabled]="stateService.currentSeries.name === defaultAllSeriesItem.name"
1840
- (valueChange)="updateSeriesColor($event)"
1841
- >
1894
+ inputType="text"
1895
+ [hasLabel]="false"
1896
+ [colSpan]="2"
1897
+ [placeholder]="messageFor('formatCategoryAxisTitlePlaceholder')"
1898
+ [value]="stateService.state.categoryAxis[0]?.title?.text || null"
1899
+ (valueChange)="updateState(categoryAxisTitleText, $event)"
1900
+ >
1842
1901
  </kendo-chartwizard-property-pane-form-field>
1843
1902
  <kendo-chartwizard-property-pane-form-field
1844
- [text]="messageFor('formatSeriesShowLabels')"
1845
- [value]="showLabels"
1846
- [isLabelInsideFormFieldWrap]="true"
1847
- [colSpan]="2"
1848
- inputType="checkbox"
1849
- (valueChange)="toggleSeriesLabels($event)"
1850
- >
1903
+ [text]="messageFor('formatCategoryAxisTitleFont')"
1904
+ inputType="comboBox"
1905
+ [data]="fontNames"
1906
+ [colSpan]="2"
1907
+ [placeholder]="messageFor('formatCategoryAxisTitleFontPlaceholder')"
1908
+ [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
1909
+ (valueChange)="updateState(categoryAxisTitleFontName, $event)"
1910
+ >
1851
1911
  </kendo-chartwizard-property-pane-form-field>
1852
- </form>
1853
- </kendo-expansionpanel>
1854
- </section>
1855
- <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-3">
1856
- <kendo-expansionpanel
1857
- [style.max-width.px]="576"
1858
- [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatXAxis') : messageFor('formatCategoryAxis')"
1859
- [expanded]="true"
1860
- >
1861
- <form class="k-form k-form-md">
1862
- <fieldset class="k-form-fieldset">
1863
- <legend class="k-form-legend">{{ messageFor('formatCategoryAxisTitle') }}</legend>
1864
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1865
- <kendo-chartwizard-property-pane-form-field
1866
- inputType="text"
1867
- [hasLabel]="false"
1868
- [colSpan]="2"
1869
- [placeholder]="messageFor('formatCategoryAxisTitlePlaceholder')"
1870
- [value]="stateService.state.categoryAxis[0]?.title?.text || null"
1871
- (valueChange)="updateState(categoryAxisTitleText, $event)"
1872
- >
1873
- </kendo-chartwizard-property-pane-form-field>
1874
- <kendo-chartwizard-property-pane-form-field
1875
- [text]="messageFor('formatCategoryAxisTitleFont')"
1876
- inputType="comboBox"
1877
- [data]="fontNames"
1878
- [colSpan]="2"
1879
- [placeholder]="messageFor('formatCategoryAxisTitleFontPlaceholder')"
1880
- [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
1881
- (valueChange)="updateState(categoryAxisTitleFontName, $event)"
1882
- >
1883
- </kendo-chartwizard-property-pane-form-field>
1884
- <kendo-chartwizard-property-pane-form-field
1885
- [text]="messageFor('formatCategoryAxisTitleSize')"
1886
- inputType="comboBox"
1887
- [placeholder]="messageFor('formatCategoryAxisTitleSizePlaceholder')"
1888
- [data]="fontSizes"
1889
- [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
1890
- (valueChange)="updateState(categoryAxisTitleFontSize, $event)"
1891
- >
1892
- </kendo-chartwizard-property-pane-form-field>
1893
- <kendo-chartwizard-property-pane-form-field
1894
- [text]="messageFor('formatCategoryAxisTitleColor')"
1895
- inputType="colorPicker"
1896
- [value]="stateService.state.categoryAxis[0]?.title?.color"
1897
- (valueChange)="updateState(categoryAxisTitleColor, $event)"
1898
- >
1899
- </kendo-chartwizard-property-pane-form-field>
1900
- </div>
1901
- </fieldset>
1902
- <fieldset class="k-form-fieldset">
1903
- <legend class="k-form-legend">{{ messageFor('formatCategoryAxisLabels') }}</legend>
1904
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1905
- <kendo-chartwizard-property-pane-form-field
1906
- [text]="messageFor('formatCategoryAxisLabelsFont')"
1907
- inputType="comboBox"
1908
- [data]="fontNames"
1909
- [colSpan]="2"
1910
- [placeholder]="messageFor('formatCategoryAxisLabelsFontPlaceholder')"
1911
- [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
1912
- (valueChange)="updateState(categoryAxisLabelsFontName, $event)"
1913
- >
1914
- </kendo-chartwizard-property-pane-form-field>
1915
- <kendo-chartwizard-property-pane-form-field
1916
- [text]="messageFor('formatCategoryAxisLabelsSize')"
1917
- inputType="comboBox"
1918
- [data]="fontSizes"
1919
- [placeholder]="messageFor('formatCategoryAxisLabelsSizePlaceholder')"
1920
- [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
1921
- (valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
1922
- >
1923
- </kendo-chartwizard-property-pane-form-field>
1924
- <kendo-chartwizard-property-pane-form-field
1925
- [text]="messageFor('formatCategoryAxisLabelsColor')"
1926
- inputType="colorPicker"
1927
- [value]="stateService.state.categoryAxis[0]?.labels?.color"
1928
- (valueChange)="updateState(categoryAxisLabelsColor, $event)"
1929
- >
1930
- </kendo-chartwizard-property-pane-form-field>
1931
- <kendo-chartwizard-property-pane-form-field
1932
- [text]="messageFor('formatCategoryAxisLabelsRotation')"
1933
- inputType="dropDownList"
1934
- [data]="labelsCategoryAxisRotation"
1935
- [value]="stateService.state.categoryAxis[0]?.labels?.rotation"
1936
- (valueChange)="updateState(categoryAxisLabelsRotation, $event)"
1937
- >
1938
- </kendo-chartwizard-property-pane-form-field>
1939
- <span></span>
1940
- <kendo-chartwizard-property-pane-form-field
1941
- [text]="messageFor('formatCategoryAxisLabelsReverseOrder')"
1942
- [isLabelInsideFormFieldWrap]="true"
1943
- inputType="checkbox"
1944
- [colSpan]="2"
1945
- [value]="stateService.state.categoryAxis[0]?.reverse"
1946
- (valueChange)="updateState(categoryAxisReverseOrder, $event)"
1947
- >
1948
- </kendo-chartwizard-property-pane-form-field>
1949
- </div>
1950
- </fieldset>
1951
- </form>
1912
+ <kendo-chartwizard-property-pane-form-field
1913
+ [text]="messageFor('formatCategoryAxisTitleSize')"
1914
+ inputType="comboBox"
1915
+ [placeholder]="messageFor('formatCategoryAxisTitleSizePlaceholder')"
1916
+ [data]="fontSizes"
1917
+ [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
1918
+ (valueChange)="updateState(categoryAxisTitleFontSize, $event)"
1919
+ >
1920
+ </kendo-chartwizard-property-pane-form-field>
1921
+ <kendo-chartwizard-property-pane-form-field
1922
+ [text]="messageFor('formatCategoryAxisTitleColor')"
1923
+ inputType="colorPicker"
1924
+ [value]="stateService.state.categoryAxis[0]?.title?.color"
1925
+ (valueChange)="updateState(categoryAxisTitleColor, $event)"
1926
+ >
1927
+ </kendo-chartwizard-property-pane-form-field>
1928
+ </div>
1929
+ </fieldset>
1930
+ <fieldset class="k-form-fieldset">
1931
+ <legend class="k-form-legend">{{ messageFor('formatCategoryAxisLabels') }}</legend>
1932
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1933
+ <kendo-chartwizard-property-pane-form-field
1934
+ [text]="messageFor('formatCategoryAxisLabelsFont')"
1935
+ inputType="comboBox"
1936
+ [data]="fontNames"
1937
+ [colSpan]="2"
1938
+ [placeholder]="messageFor('formatCategoryAxisLabelsFontPlaceholder')"
1939
+ [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
1940
+ (valueChange)="updateState(categoryAxisLabelsFontName, $event)"
1941
+ >
1942
+ </kendo-chartwizard-property-pane-form-field>
1943
+ <kendo-chartwizard-property-pane-form-field
1944
+ [text]="messageFor('formatCategoryAxisLabelsSize')"
1945
+ inputType="comboBox"
1946
+ [data]="fontSizes"
1947
+ [placeholder]="messageFor('formatCategoryAxisLabelsSizePlaceholder')"
1948
+ [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
1949
+ (valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
1950
+ >
1951
+ </kendo-chartwizard-property-pane-form-field>
1952
+ <kendo-chartwizard-property-pane-form-field
1953
+ [text]="messageFor('formatCategoryAxisLabelsColor')"
1954
+ inputType="colorPicker"
1955
+ [value]="stateService.state.categoryAxis[0]?.labels?.color"
1956
+ (valueChange)="updateState(categoryAxisLabelsColor, $event)"
1957
+ >
1958
+ </kendo-chartwizard-property-pane-form-field>
1959
+ <kendo-chartwizard-property-pane-form-field
1960
+ [text]="messageFor('formatCategoryAxisLabelsRotation')"
1961
+ inputType="dropDownList"
1962
+ [data]="labelsCategoryAxisRotation"
1963
+ [value]="stateService.state.categoryAxis[0]?.labels?.rotation"
1964
+ (valueChange)="updateState(categoryAxisLabelsRotation, $event)"
1965
+ >
1966
+ </kendo-chartwizard-property-pane-form-field>
1967
+ <span></span>
1968
+ <kendo-chartwizard-property-pane-form-field
1969
+ [text]="messageFor('formatCategoryAxisLabelsReverseOrder')"
1970
+ [isLabelInsideFormFieldWrap]="true"
1971
+ inputType="checkbox"
1972
+ [colSpan]="2"
1973
+ [value]="stateService.state.categoryAxis[0]?.reverse"
1974
+ (valueChange)="updateState(categoryAxisReverseOrder, $event)"
1975
+ >
1976
+ </kendo-chartwizard-property-pane-form-field>
1977
+ </div>
1978
+ </fieldset>
1979
+ </form>
1952
1980
  </kendo-expansionpanel>
1953
- </section>
1954
- <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-4">
1981
+ </section>
1982
+ }
1983
+ @if (stateService.state.seriesType !== 'pie') {
1984
+ <section class="k-row-start-1 k-row-end-3 k-col-start-4">
1955
1985
  <kendo-expansionpanel
1956
- [style.max-width.px]="576"
1957
- [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatYAxis') : messageFor('formatValueAxis')"
1958
- [expanded]="true"
1959
- >
1960
- <form class="k-form k-form-md">
1961
- <fieldset class="k-form-fieldset">
1962
- <legend class="k-form-legend">{{ messageFor('formatValueAxisTitle') }}</legend>
1963
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1964
- <kendo-chartwizard-property-pane-form-field
1965
- inputType="text"
1966
- [hasLabel]="false"
1967
- [colSpan]="2"
1968
- [placeholder]="messageFor('formatValueAxisTitlePlaceholder')"
1969
- [value]="stateService.state.valueAxis[0]?.title?.text || null"
1970
- (valueChange)="updateState(valueAxisTitleText, $event)"
1971
- >
1972
- </kendo-chartwizard-property-pane-form-field>
1973
- <kendo-chartwizard-property-pane-form-field
1974
- [text]="messageFor('formatValueAxisTitleFont')"
1975
- inputType="comboBox"
1976
- [colSpan]="2"
1977
- [data]="fontNames"
1978
- [placeholder]="messageFor('formatValueAxisTitleFontPlaceholder')"
1979
- [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
1980
- (valueChange)="updateState(valueAxisTitleFontName, $event)"
1981
- >
1982
- </kendo-chartwizard-property-pane-form-field>
1983
- <kendo-chartwizard-property-pane-form-field
1984
- [text]="messageFor('formatValueAxisTitleSize')"
1985
- inputType="comboBox"
1986
- [placeholder]="messageFor('formatValueAxisTitleSizePlaceholder')"
1987
- [data]="fontSizes"
1988
- [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
1989
- (valueChange)="updateState(valueAxisTitleFontSize, $event)"
1990
- >
1991
- </kendo-chartwizard-property-pane-form-field>
1992
- <kendo-chartwizard-property-pane-form-field
1993
- [text]="messageFor('formatValueAxisTitleColor')"
1994
- inputType="colorPicker"
1995
- [value]="stateService.state.valueAxis[0]?.title?.color"
1996
- (valueChange)="updateState(valueAxisTitleColor, $event)"
1997
- >
1998
- </kendo-chartwizard-property-pane-form-field>
1999
- </div>
2000
- </fieldset>
2001
- <fieldset class="k-form-fieldset">
2002
- <legend class="k-form-legend">{{ messageFor('formatValueAxisLabels') }}</legend>
2003
- <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
2004
- <kendo-chartwizard-property-pane-form-field
2005
- [text]="messageFor('formatValueAxisLabelsFormat')"
2006
- [colSpan]="2"
2007
- inputType="dropDownList"
2008
- [data]="labelFormats"
2009
- [value]="labelFormatValue"
2010
- (valueChange)="updateState(valueAxisLabelsFormat, $event)"
2011
- >
2012
- </kendo-chartwizard-property-pane-form-field>
2013
- <kendo-chartwizard-property-pane-form-field
2014
- [text]="messageFor('formatValueAxisLabelsFont')"
2015
- inputType="comboBox"
2016
- [data]="fontNames"
2017
- [colSpan]="2"
2018
- [placeholder]="messageFor('formatValueAxisLabelsFontPlaceholder')"
2019
- [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
2020
- (valueChange)="updateState(valueAxisLabelsFontName, $event)"
2021
- >
2022
- </kendo-chartwizard-property-pane-form-field>
2023
- <kendo-chartwizard-property-pane-form-field
2024
- [text]="messageFor('formatValueAxisLabelsSize')"
2025
- inputType="comboBox"
2026
- [data]="fontSizes"
2027
- [placeholder]="messageFor('formatValueAxisLabelsSizePlaceholder')"
2028
- [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
2029
- (valueChange)="updateState(valueAxisLabelsFontSize, $event)"
2030
- >
2031
- </kendo-chartwizard-property-pane-form-field>
2032
- <kendo-chartwizard-property-pane-form-field
2033
- [text]="messageFor('formatValueAxisLabelsColor')"
2034
- inputType="colorPicker"
2035
- [value]="stateService.state.valueAxis[0]?.labels?.color"
2036
- (valueChange)="updateState(valueAxisLabelsColor, $event)"
2037
- >
2038
- </kendo-chartwizard-property-pane-form-field>
2039
- <kendo-chartwizard-property-pane-form-field
2040
- [text]="messageFor('formatValueAxisLabelsRotation')"
2041
- inputType="dropDownList"
2042
- [data]="labelsValueAxisRotation"
2043
- [value]="stateService.state.valueAxis[0]?.labels?.rotation"
2044
- (valueChange)="updateState(valueAxisLabelsRotation, $event)"
2045
- >
2046
- </kendo-chartwizard-property-pane-form-field>
2047
- </div>
2048
- </fieldset>
2049
- </form>
1986
+ [style.max-width.px]="576"
1987
+ [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatYAxis') : messageFor('formatValueAxis')"
1988
+ [expanded]="true"
1989
+ >
1990
+ <form class="k-form k-form-md">
1991
+ <fieldset class="k-form-fieldset">
1992
+ <legend class="k-form-legend">{{ messageFor('formatValueAxisTitle') }}</legend>
1993
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
1994
+ <kendo-chartwizard-property-pane-form-field
1995
+ inputType="text"
1996
+ [hasLabel]="false"
1997
+ [colSpan]="2"
1998
+ [placeholder]="messageFor('formatValueAxisTitlePlaceholder')"
1999
+ [value]="stateService.state.valueAxis[0]?.title?.text || null"
2000
+ (valueChange)="updateState(valueAxisTitleText, $event)"
2001
+ >
2002
+ </kendo-chartwizard-property-pane-form-field>
2003
+ <kendo-chartwizard-property-pane-form-field
2004
+ [text]="messageFor('formatValueAxisTitleFont')"
2005
+ inputType="comboBox"
2006
+ [colSpan]="2"
2007
+ [data]="fontNames"
2008
+ [placeholder]="messageFor('formatValueAxisTitleFontPlaceholder')"
2009
+ [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
2010
+ (valueChange)="updateState(valueAxisTitleFontName, $event)"
2011
+ >
2012
+ </kendo-chartwizard-property-pane-form-field>
2013
+ <kendo-chartwizard-property-pane-form-field
2014
+ [text]="messageFor('formatValueAxisTitleSize')"
2015
+ inputType="comboBox"
2016
+ [placeholder]="messageFor('formatValueAxisTitleSizePlaceholder')"
2017
+ [data]="fontSizes"
2018
+ [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
2019
+ (valueChange)="updateState(valueAxisTitleFontSize, $event)"
2020
+ >
2021
+ </kendo-chartwizard-property-pane-form-field>
2022
+ <kendo-chartwizard-property-pane-form-field
2023
+ [text]="messageFor('formatValueAxisTitleColor')"
2024
+ inputType="colorPicker"
2025
+ [value]="stateService.state.valueAxis[0]?.title?.color"
2026
+ (valueChange)="updateState(valueAxisTitleColor, $event)"
2027
+ >
2028
+ </kendo-chartwizard-property-pane-form-field>
2029
+ </div>
2030
+ </fieldset>
2031
+ <fieldset class="k-form-fieldset">
2032
+ <legend class="k-form-legend">{{ messageFor('formatValueAxisLabels') }}</legend>
2033
+ <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
2034
+ <kendo-chartwizard-property-pane-form-field
2035
+ [text]="messageFor('formatValueAxisLabelsFormat')"
2036
+ [colSpan]="2"
2037
+ inputType="dropDownList"
2038
+ [data]="labelFormats"
2039
+ [value]="labelFormatValue"
2040
+ (valueChange)="updateState(valueAxisLabelsFormat, $event)"
2041
+ >
2042
+ </kendo-chartwizard-property-pane-form-field>
2043
+ <kendo-chartwizard-property-pane-form-field
2044
+ [text]="messageFor('formatValueAxisLabelsFont')"
2045
+ inputType="comboBox"
2046
+ [data]="fontNames"
2047
+ [colSpan]="2"
2048
+ [placeholder]="messageFor('formatValueAxisLabelsFontPlaceholder')"
2049
+ [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
2050
+ (valueChange)="updateState(valueAxisLabelsFontName, $event)"
2051
+ >
2052
+ </kendo-chartwizard-property-pane-form-field>
2053
+ <kendo-chartwizard-property-pane-form-field
2054
+ [text]="messageFor('formatValueAxisLabelsSize')"
2055
+ inputType="comboBox"
2056
+ [data]="fontSizes"
2057
+ [placeholder]="messageFor('formatValueAxisLabelsSizePlaceholder')"
2058
+ [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
2059
+ (valueChange)="updateState(valueAxisLabelsFontSize, $event)"
2060
+ >
2061
+ </kendo-chartwizard-property-pane-form-field>
2062
+ <kendo-chartwizard-property-pane-form-field
2063
+ [text]="messageFor('formatValueAxisLabelsColor')"
2064
+ inputType="colorPicker"
2065
+ [value]="stateService.state.valueAxis[0]?.labels?.color"
2066
+ (valueChange)="updateState(valueAxisLabelsColor, $event)"
2067
+ >
2068
+ </kendo-chartwizard-property-pane-form-field>
2069
+ <kendo-chartwizard-property-pane-form-field
2070
+ [text]="messageFor('formatValueAxisLabelsRotation')"
2071
+ inputType="dropDownList"
2072
+ [data]="labelsValueAxisRotation"
2073
+ [value]="stateService.state.valueAxis[0]?.labels?.rotation"
2074
+ (valueChange)="updateState(valueAxisLabelsRotation, $event)"
2075
+ >
2076
+ </kendo-chartwizard-property-pane-form-field>
2077
+ </div>
2078
+ </fieldset>
2079
+ </form>
2050
2080
  </kendo-expansionpanel>
2051
- </section>
2052
- `,
2081
+ </section>
2082
+ }
2083
+ `,
2053
2084
  standalone: true,
2054
2085
  imports: [
2055
2086
  ExpansionPanelComponent,
2056
2087
  ChartWizardPropertyPaneFormFieldComponent,
2057
2088
  LabelComponent,
2058
2089
  SwitchComponent,
2059
- DropDownListComponent,
2060
- NgIf
2090
+ DropDownListComponent
2061
2091
  ]
2062
2092
  }]
2063
2093
  }], ctorParameters: () => [{ type: StateService }, { type: ChartWizardLocalizationService }, { type: i0.ChangeDetectorRef }] });
@@ -2922,7 +2952,7 @@ class ChartWizardComponent {
2922
2952
  return isPresent(this.windowSettings?.height) ? this.windowSettings.height : this.stateService.windowSize.height;
2923
2953
  }
2924
2954
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
2925
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions", collapsedConfigurationPane: "collapsedConfigurationPane", windowSettings: "windowSettings" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
2955
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions", collapsedConfigurationPane: "collapsedConfigurationPane", windowSettings: "windowSettings" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
2926
2956
  LocalizationService,
2927
2957
  {
2928
2958
  provide: L10N_PREFIX,
@@ -2936,373 +2966,376 @@ class ChartWizardComponent {
2936
2966
  StateService
2937
2967
  ], viewQueries: [{ propertyName: "chart", first: true, predicate: ChartComponent, descendants: true }, { propertyName: "propertyPane", first: true, predicate: ChartWizardPropertyPaneChartTabComponent, descendants: true }, { propertyName: "dataTab", first: true, predicate: ChartWizardPropertyPaneDataTabComponent, descendants: true }], exportAs: ["kendoChartWizard"], usesOnChanges: true, ngImport: i0, template: `
2938
2968
  <ng-container
2939
- kendoChartWizardLocalizedMessages
2969
+ kendoChartWizardLocalizedMessages
2940
2970
 
2941
- i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
2942
- [windowTitle]="messages.windowTitle"
2971
+ i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
2972
+ [windowTitle]="messages.windowTitle"
2943
2973
 
2944
- i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
2945
- [exportButton]="messages.exportButton"
2974
+ i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
2975
+ [exportButton]="messages.exportButton"
2946
2976
 
2947
- i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
2948
- [exportPDFButton]="messages.exportPDFButton"
2977
+ i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
2978
+ [exportPDFButton]="messages.exportPDFButton"
2949
2979
 
2950
- i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
2951
- [exportSVGButton]="messages.exportSVGButton"
2980
+ i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
2981
+ [exportSVGButton]="messages.exportSVGButton"
2952
2982
 
2953
- i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
2954
- [exportPNGButton]="messages.exportPNGButton"
2983
+ i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
2984
+ [exportPNGButton]="messages.exportPNGButton"
2955
2985
 
2956
- i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
2957
- [tabChart]="messages.tabChart"
2986
+ i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
2987
+ [tabChart]="messages.tabChart"
2958
2988
 
2959
- i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
2960
- [tabData]="messages.tabData"
2989
+ i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
2990
+ [tabData]="messages.tabData"
2961
2991
 
2962
- i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
2963
- [tabFormat]="messages.tabFormat"
2992
+ i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
2993
+ [tabFormat]="messages.tabFormat"
2964
2994
 
2965
- i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
2966
- [barChart]="messages.barChart"
2995
+ i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
2996
+ [barChart]="messages.barChart"
2967
2997
 
2968
- i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
2969
- [barChartBar]="messages.barChartBar"
2998
+ i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
2999
+ [barChartBar]="messages.barChartBar"
2970
3000
 
2971
- i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
2972
- [barChartStackedBar]="messages.barChartStackedBar"
3001
+ i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
3002
+ [barChartStackedBar]="messages.barChartStackedBar"
2973
3003
 
2974
- i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
2975
- [barChart100StackedBar]="messages.barChart100StackedBar"
3004
+ i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
3005
+ [barChart100StackedBar]="messages.barChart100StackedBar"
2976
3006
 
2977
- i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
2978
- [pieChart]="messages.pieChart"
3007
+ i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
3008
+ [pieChart]="messages.pieChart"
2979
3009
 
2980
- i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
2981
- [pieChartPie]="messages.pieChartPie"
3010
+ i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
3011
+ [pieChartPie]="messages.pieChartPie"
2982
3012
 
2983
- i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
2984
- [columnChart]="messages.columnChart"
3013
+ i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
3014
+ [columnChart]="messages.columnChart"
2985
3015
 
2986
- i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
2987
- [columnChartColumn]="messages.columnChartColumn"
3016
+ i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
3017
+ [columnChartColumn]="messages.columnChartColumn"
2988
3018
 
2989
- i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
2990
- [columnChartStackedColumn]="messages.columnChartStackedColumn"
3019
+ i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
3020
+ [columnChartStackedColumn]="messages.columnChartStackedColumn"
2991
3021
 
2992
- i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
2993
- [columnChart100StackedColumn]="messages.columnChart100StackedColumn"
3022
+ i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
3023
+ [columnChart100StackedColumn]="messages.columnChart100StackedColumn"
2994
3024
 
2995
- i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
2996
- [lineChart]="messages.lineChart"
3025
+ i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
3026
+ [lineChart]="messages.lineChart"
2997
3027
 
2998
- i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
2999
- [lineChartLine]="messages.lineChartLine"
3028
+ i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
3029
+ [lineChartLine]="messages.lineChartLine"
3000
3030
 
3001
- i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
3002
- [lineChartStackedLine]="messages.lineChartStackedLine"
3031
+ i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
3032
+ [lineChartStackedLine]="messages.lineChartStackedLine"
3003
3033
 
3004
- i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
3005
- [lineChart100StackedLine]="messages.lineChart100StackedLine"
3034
+ i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
3035
+ [lineChart100StackedLine]="messages.lineChart100StackedLine"
3006
3036
 
3007
- i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
3008
- [scatterChart]="messages.scatterChart"
3037
+ i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
3038
+ [scatterChart]="messages.scatterChart"
3009
3039
 
3010
- i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
3011
- [scatterChartScatter]="messages.scatterChartScatter"
3040
+ i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
3041
+ [scatterChartScatter]="messages.scatterChartScatter"
3012
3042
 
3013
- i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
3014
- [configuration]="messages.configuration"
3043
+ i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
3044
+ [configuration]="messages.configuration"
3015
3045
 
3016
- i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
3017
- [configurationCategoryAxis]="messages.configurationCategoryAxis"
3046
+ i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
3047
+ [configurationCategoryAxis]="messages.configurationCategoryAxis"
3018
3048
 
3019
- i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
3020
- [configurationXAxis]="messages.configurationXAxis"
3049
+ i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
3050
+ [configurationXAxis]="messages.configurationXAxis"
3021
3051
 
3022
- i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
3023
- [configurationValueAxis]="messages.configurationValueAxis"
3052
+ i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
3053
+ [configurationValueAxis]="messages.configurationValueAxis"
3024
3054
 
3025
- i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
3026
- [configurationSeries]="messages.configurationSeries"
3055
+ i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
3056
+ [configurationSeries]="messages.configurationSeries"
3027
3057
 
3028
- i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
3029
- [configurationSeriesAdd]="messages.configurationSeriesAdd"
3058
+ i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
3059
+ [configurationSeriesAdd]="messages.configurationSeriesAdd"
3030
3060
 
3031
- i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
3032
- [formatChartArea]="messages.formatChartArea"
3061
+ i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
3062
+ [formatChartArea]="messages.formatChartArea"
3033
3063
 
3034
- i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
3035
- [formatChartAreaMargins]="messages.formatChartAreaMargins"
3064
+ i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
3065
+ [formatChartAreaMargins]="messages.formatChartAreaMargins"
3036
3066
 
3037
- i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
3038
- [formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
3067
+ i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
3068
+ [formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
3039
3069
 
3040
- i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
3041
- [formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
3070
+ i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
3071
+ [formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
3042
3072
 
3043
- i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
3044
- [formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
3073
+ i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
3074
+ [formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
3045
3075
 
3046
- i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
3047
- [formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
3076
+ i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
3077
+ [formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
3048
3078
 
3049
- i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
3050
- [formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
3079
+ i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
3080
+ [formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
3051
3081
 
3052
- i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
3053
- [formatChartAreaBackground]="messages.formatChartAreaBackground"
3082
+ i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
3083
+ [formatChartAreaBackground]="messages.formatChartAreaBackground"
3054
3084
 
3055
- i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
3056
- [formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
3085
+ i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
3086
+ [formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
3057
3087
 
3058
- i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
3059
- [formatTitle]="messages.formatTitle"
3088
+ i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
3089
+ [formatTitle]="messages.formatTitle"
3060
3090
 
3061
- i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
3062
- [formatTitleApplyTo]="messages.formatTitleApplyTo"
3091
+ i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
3092
+ [formatTitleApplyTo]="messages.formatTitleApplyTo"
3063
3093
 
3064
- i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
3065
- [formatTitleChartTitle]="messages.formatTitleChartTitle"
3094
+ i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
3095
+ [formatTitleChartTitle]="messages.formatTitleChartTitle"
3066
3096
 
3067
- i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
3068
- [formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
3097
+ i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
3098
+ [formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
3069
3099
 
3070
- i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
3071
- [formatTitleLabel]="messages.formatTitleLabel"
3100
+ i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
3101
+ [formatTitleLabel]="messages.formatTitleLabel"
3072
3102
 
3073
- i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
3074
- [formatTitleFont]="messages.formatTitleFont"
3103
+ i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
3104
+ [formatTitleFont]="messages.formatTitleFont"
3075
3105
 
3076
- i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
3077
- [formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
3106
+ i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
3107
+ [formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
3078
3108
 
3079
- i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
3080
- [formatTitleSize]="messages.formatTitleSize"
3109
+ i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
3110
+ [formatTitleSize]="messages.formatTitleSize"
3081
3111
 
3082
- i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
3083
- [formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
3112
+ i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
3113
+ [formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
3084
3114
 
3085
- i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
3086
- [formatTitleColor]="messages.formatTitleColor"
3115
+ i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
3116
+ [formatTitleColor]="messages.formatTitleColor"
3087
3117
 
3088
- i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
3089
- [formatSeries]="messages.formatSeries"
3118
+ i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
3119
+ [formatSeries]="messages.formatSeries"
3090
3120
 
3091
- i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
3092
- [formatSeriesApplyTo]="messages.formatSeriesApplyTo"
3121
+ i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
3122
+ [formatSeriesApplyTo]="messages.formatSeriesApplyTo"
3093
3123
 
3094
- i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
3095
- [formatSeriesAllSeries]="messages.formatSeriesAllSeries"
3124
+ i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
3125
+ [formatSeriesAllSeries]="messages.formatSeriesAllSeries"
3096
3126
 
3097
- i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
3098
- [formatSeriesColor]="messages.formatSeriesColor"
3127
+ i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
3128
+ [formatSeriesColor]="messages.formatSeriesColor"
3099
3129
 
3100
- i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
3101
- [formatSeriesShowLabels]="messages.formatSeriesShowLabels"
3130
+ i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
3131
+ [formatSeriesShowLabels]="messages.formatSeriesShowLabels"
3102
3132
 
3103
- i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
3104
- [formatLegend]="messages.formatLegend"
3133
+ i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
3134
+ [formatLegend]="messages.formatLegend"
3105
3135
 
3106
- i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
3107
- [formatLegendShowLegend]="messages.formatLegendShowLegend"
3136
+ i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
3137
+ [formatLegendShowLegend]="messages.formatLegendShowLegend"
3108
3138
 
3109
- i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
3110
- [formatLegendFont]="messages.formatLegendFont"
3139
+ i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
3140
+ [formatLegendFont]="messages.formatLegendFont"
3111
3141
 
3112
- i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
3113
- [formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
3142
+ i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
3143
+ [formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
3114
3144
 
3115
- i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
3116
- [formatLegendSize]="messages.formatLegendSize"
3145
+ i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
3146
+ [formatLegendSize]="messages.formatLegendSize"
3117
3147
 
3118
- i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
3119
- [formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
3148
+ i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
3149
+ [formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
3120
3150
 
3121
- i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
3122
- [formatLegendColor]="messages.formatLegendColor"
3151
+ i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
3152
+ [formatLegendColor]="messages.formatLegendColor"
3123
3153
 
3124
- i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
3125
- [formatLegendPosition]="messages.formatLegendPosition"
3154
+ i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
3155
+ [formatLegendPosition]="messages.formatLegendPosition"
3126
3156
 
3127
- i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
3128
- [formatLegendPositionTop]="messages.formatLegendPositionTop"
3157
+ i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
3158
+ [formatLegendPositionTop]="messages.formatLegendPositionTop"
3129
3159
 
3130
- i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
3131
- [formatLegendPositionBottom]="messages.formatLegendPositionBottom"
3160
+ i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
3161
+ [formatLegendPositionBottom]="messages.formatLegendPositionBottom"
3132
3162
 
3133
- i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
3134
- [formatLegendPositionLeft]="messages.formatLegendPositionLeft"
3163
+ i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
3164
+ [formatLegendPositionLeft]="messages.formatLegendPositionLeft"
3135
3165
 
3136
- i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
3137
- [formatLegendPositionRight]="messages.formatLegendPositionRight"
3166
+ i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
3167
+ [formatLegendPositionRight]="messages.formatLegendPositionRight"
3138
3168
 
3139
- i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
3140
- [formatCategoryAxis]="messages.formatCategoryAxis"
3169
+ i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
3170
+ [formatCategoryAxis]="messages.formatCategoryAxis"
3141
3171
 
3142
- i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
3143
- [formatXAxis]="messages.formatXAxis"
3172
+ i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
3173
+ [formatXAxis]="messages.formatXAxis"
3144
3174
 
3145
- i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
3146
- [formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
3175
+ i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
3176
+ [formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
3147
3177
 
3148
- i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
3149
- [formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
3178
+ i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
3179
+ [formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
3150
3180
 
3151
- i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
3152
- [formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
3181
+ i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
3182
+ [formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
3153
3183
 
3154
- i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
3155
- [formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
3184
+ i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
3185
+ [formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
3156
3186
 
3157
- i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
3158
- [formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
3187
+ i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
3188
+ [formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
3159
3189
 
3160
- i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
3161
- [formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
3190
+ i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
3191
+ [formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
3162
3192
 
3163
- i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
3164
- [formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
3193
+ i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
3194
+ [formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
3165
3195
 
3166
- i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
3167
- [formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
3196
+ i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
3197
+ [formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
3168
3198
 
3169
- i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
3170
- [formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
3199
+ i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
3200
+ [formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
3171
3201
 
3172
- i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
3173
- [formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
3202
+ i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
3203
+ [formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
3174
3204
 
3175
- i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
3176
- [formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
3205
+ i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
3206
+ [formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
3177
3207
 
3178
- i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
3179
- [formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
3208
+ i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
3209
+ [formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
3180
3210
 
3181
- i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
3182
- [formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
3211
+ i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
3212
+ [formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
3183
3213
 
3184
- i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
3185
- [formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
3214
+ i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
3215
+ [formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
3186
3216
 
3187
- i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
3188
- [formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
3217
+ i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
3218
+ [formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
3189
3219
 
3190
- i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
3191
- [formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
3220
+ i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
3221
+ [formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
3192
3222
 
3193
- i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
3194
- [formatValueAxis]="messages.formatValueAxis"
3223
+ i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
3224
+ [formatValueAxis]="messages.formatValueAxis"
3195
3225
 
3196
- i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
3197
- [formatYAxis]="messages.formatYAxis"
3226
+ i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
3227
+ [formatYAxis]="messages.formatYAxis"
3198
3228
 
3199
- i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
3200
- [formatValueAxisTitle]="messages.formatValueAxisTitle"
3229
+ i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
3230
+ [formatValueAxisTitle]="messages.formatValueAxisTitle"
3201
3231
 
3202
- i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
3203
- [formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
3232
+ i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
3233
+ [formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
3204
3234
 
3205
- i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
3206
- [formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
3235
+ i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
3236
+ [formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
3207
3237
 
3208
- i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
3209
- [formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
3238
+ i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
3239
+ [formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
3210
3240
 
3211
- i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
3212
- [formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
3241
+ i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
3242
+ [formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
3213
3243
 
3214
- i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
3215
- [formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
3244
+ i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
3245
+ [formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
3216
3246
 
3217
- i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
3218
- [formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
3247
+ i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
3248
+ [formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
3219
3249
 
3220
- i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
3221
- [formatValueAxisLabels]="messages.formatValueAxisLabels"
3250
+ i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
3251
+ [formatValueAxisLabels]="messages.formatValueAxisLabels"
3222
3252
 
3223
- i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
3224
- [formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
3253
+ i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
3254
+ [formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
3225
3255
 
3226
- i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
3227
- [formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
3256
+ i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
3257
+ [formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
3228
3258
 
3229
- i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
3230
- [formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
3259
+ i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
3260
+ [formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
3231
3261
 
3232
- i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
3233
- [formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
3262
+ i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
3263
+ [formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
3234
3264
 
3235
- i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
3236
- [formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
3265
+ i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
3266
+ [formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
3237
3267
 
3238
- i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
3239
- [formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
3268
+ i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
3269
+ [formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
3240
3270
 
3241
- i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
3242
- [formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
3271
+ i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
3272
+ [formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
3243
3273
 
3244
- i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
3245
- [formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
3274
+ i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
3275
+ [formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
3246
3276
 
3247
- i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
3248
- [formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
3277
+ i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
3278
+ [formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
3249
3279
 
3250
- i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
3251
- [formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
3280
+ i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
3281
+ [formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
3252
3282
 
3253
- i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
3254
- [formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
3283
+ i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
3284
+ [formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
3255
3285
 
3256
- i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
3257
- [formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
3286
+ i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
3287
+ [formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
3258
3288
 
3259
3289
  ></ng-container>
3260
- <div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
3290
+ @if (windowSettings?.modal) {
3291
+ <div @overlayAppear class="k-overlay"> </div>
3292
+ }
3261
3293
  <kendo-window
3262
- class="k-chart-wizard"
3263
- [title]="messageFor('windowTitle')"
3264
- [width]="windowWidth"
3265
- [height]="windowHeight"
3266
- [minWidth]="windowSettings?.minWidth"
3267
- [minHeight]="windowSettings?.minHeight"
3268
- [state]="windowSettings?.state"
3269
- [resizable]="true"
3270
- (close)="close.emit()"
3271
- >
3272
- <kendo-splitter class="k-chart-wizard-splitter">
3273
- <kendo-splitter-pane class="k-chart-wizard-preview-pane">
3274
- <div class="k-preview-pane-header">
3275
- <kendo-dropdownbutton
3276
- [svgIcon]="exportIcon"
3277
- [data]="exportDropdownItems"
3278
- textField="text"
3279
- fillMode="flat"
3280
- (itemClick)="onExport($event)"
3281
- >
3282
- {{ messageFor('exportButton') }}
3283
- </kendo-dropdownbutton>
3284
- </div>
3285
- <div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
3286
- <kendo-chart [transitions]="false" [style.width.%]="100" [style.height.%]="100">
3287
- <kendo-chart-title
3288
- [text]="stateService.state.title?.text"
3289
- [font]="stateService.state.title?.font"
3290
- [color]="stateService.state.title?.color"
3291
- ></kendo-chart-title>
3292
- <kendo-chart-subtitle
3293
- [text]="stateService.state.subtitle?.text"
3294
- [font]="stateService.state.subtitle?.font"
3295
- [color]="stateService.state.subtitle?.color"
3296
- ></kendo-chart-subtitle>
3297
- <kendo-chart-area
3298
- [background]="stateService.state.area?.background"
3299
- [margin]="stateService.state.area?.margin"
3300
- >
3301
- </kendo-chart-area>
3302
- <kendo-chart-category-axis *ngIf="stateService.state.categoryAxis">
3303
- <kendo-chart-category-axis-item
3304
- *ngFor="let axis of stateService.state.categoryAxis"
3305
- [categories]="axis.categories"
3294
+ class="k-chart-wizard"
3295
+ [title]="messageFor('windowTitle')"
3296
+ [width]="windowWidth"
3297
+ [height]="windowHeight"
3298
+ [minWidth]="windowSettings?.minWidth"
3299
+ [minHeight]="windowSettings?.minHeight"
3300
+ [state]="windowSettings?.state"
3301
+ [resizable]="true"
3302
+ (close)="close.emit()"
3303
+ >
3304
+ <kendo-splitter class="k-chart-wizard-splitter">
3305
+ <kendo-splitter-pane class="k-chart-wizard-preview-pane">
3306
+ <div class="k-preview-pane-header">
3307
+ <kendo-dropdownbutton
3308
+ [svgIcon]="exportIcon"
3309
+ [data]="exportDropdownItems"
3310
+ textField="text"
3311
+ fillMode="flat"
3312
+ (itemClick)="onExport($event)"
3313
+ >
3314
+ {{ messageFor('exportButton') }}
3315
+ </kendo-dropdownbutton>
3316
+ </div>
3317
+ <div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
3318
+ <kendo-chart [transitions]="false" [style.width.%]="100" [style.height.%]="100">
3319
+ <kendo-chart-title
3320
+ [text]="stateService.state.title?.text"
3321
+ [font]="stateService.state.title?.font"
3322
+ [color]="stateService.state.title?.color"
3323
+ ></kendo-chart-title>
3324
+ <kendo-chart-subtitle
3325
+ [text]="stateService.state.subtitle?.text"
3326
+ [font]="stateService.state.subtitle?.font"
3327
+ [color]="stateService.state.subtitle?.color"
3328
+ ></kendo-chart-subtitle>
3329
+ <kendo-chart-area
3330
+ [background]="stateService.state.area?.background"
3331
+ [margin]="stateService.state.area?.margin"
3332
+ >
3333
+ </kendo-chart-area>
3334
+ @if (stateService.state.categoryAxis) {
3335
+ <kendo-chart-category-axis>
3336
+ @for (axis of stateService.state.categoryAxis; track $index) {
3337
+ <kendo-chart-category-axis-item
3338
+ [categories]="axis.categories"
3306
3339
  [title]="{
3307
3340
  text: axis.title?.text,
3308
3341
  font: axis.title?.font,
@@ -3313,12 +3346,14 @@ class ChartWizardComponent {
3313
3346
  font: axis.labels?.font,
3314
3347
  color: axis.labels?.color
3315
3348
  }"
3316
- [reverse]="axis.reverse"
3317
- >
3318
- </kendo-chart-category-axis-item>
3319
- <kendo-chart-value-axis *ngIf="stateService.state.valueAxis">
3320
- <kendo-chart-value-axis-item
3321
- *ngFor="let axis of stateService.state.valueAxis"
3349
+ [reverse]="axis.reverse"
3350
+ >
3351
+ </kendo-chart-category-axis-item>
3352
+ }
3353
+ @if (stateService.state.valueAxis) {
3354
+ <kendo-chart-value-axis>
3355
+ @for (axis of stateService.state.valueAxis; track $index) {
3356
+ <kendo-chart-value-axis-item
3322
3357
  [title]="{
3323
3358
  text: axis.title?.text,
3324
3359
  font: axis.title?.font,
@@ -3330,59 +3365,65 @@ class ChartWizardComponent {
3330
3365
  color: axis.labels?.color,
3331
3366
  format: axis.labels?.format
3332
3367
  }"
3333
- >
3334
- </kendo-chart-value-axis-item>
3335
- </kendo-chart-value-axis>
3336
- </kendo-chart-category-axis>
3337
- <kendo-chart-series>
3338
- <kendo-chart-series-item
3339
- *ngFor="let series of stateService.state.series"
3340
- [type]="series.type"
3341
- [data]="series.data"
3342
- [stack]="series.stack"
3343
- [field]="series.field"
3344
- [categoryField]="series.categoryField"
3345
- [name]="series.name"
3346
- [color]="series.color"
3347
- [labels]="{ visible: series.labels?.visible }"
3348
- [width]="series.width"
3349
- >
3350
- </kendo-chart-series-item>
3351
- </kendo-chart-series>
3352
- <kendo-chart-legend
3353
- [visible]="stateService.state.legend?.visible"
3354
- [position]="stateService.state.legend?.position"
3355
- [labels]="stateService.state.legend?.labels"
3356
- >
3357
- </kendo-chart-legend>
3358
- </kendo-chart>
3359
- </div>
3360
- </kendo-splitter-pane>
3361
- <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
3362
- <kendo-tabstrip [keepTabContent]="true">
3363
- <kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
3364
- <ng-template kendoTabContent>
3365
- <kendo-chartwizard-property-pane-chart-tab>
3366
- </kendo-chartwizard-property-pane-chart-tab>
3367
- </ng-template>
3368
- </kendo-tabstrip-tab>
3369
- <kendo-tabstrip-tab [title]="messageFor('tabData')">
3370
- <ng-template kendoTabContent>
3371
- <kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
3372
- </ng-template>
3373
- </kendo-tabstrip-tab>
3374
- <kendo-tabstrip-tab [title]="messageFor('tabFormat')">
3375
- <ng-template kendoTabContent>
3376
- <kendo-chartwizard-property-pane-format-tab>
3377
- </kendo-chartwizard-property-pane-format-tab>
3378
- </ng-template>
3379
- </kendo-tabstrip-tab>
3380
- </kendo-tabstrip>
3381
- </kendo-splitter-pane>
3382
- </kendo-splitter>
3383
- <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
3368
+ >
3369
+ </kendo-chart-value-axis-item>
3370
+ }
3371
+ </kendo-chart-value-axis>
3372
+ }
3373
+ </kendo-chart-category-axis>
3374
+ }
3375
+ <kendo-chart-series>
3376
+ @for (series of stateService.state.series; track $index) {
3377
+ <kendo-chart-series-item
3378
+ [type]="series.type"
3379
+ [data]="series.data"
3380
+ [stack]="series.stack"
3381
+ [field]="series.field"
3382
+ [categoryField]="series.categoryField"
3383
+ [name]="series.name"
3384
+ [color]="series.color"
3385
+ [labels]="{ visible: series.labels?.visible }"
3386
+ [width]="series.width"
3387
+ >
3388
+ </kendo-chart-series-item>
3389
+ }
3390
+ </kendo-chart-series>
3391
+ <kendo-chart-legend
3392
+ [visible]="stateService.state.legend?.visible"
3393
+ [position]="stateService.state.legend?.position"
3394
+ [labels]="stateService.state.legend?.labels"
3395
+ >
3396
+ </kendo-chart-legend>
3397
+ </kendo-chart>
3398
+ </div>
3399
+ </kendo-splitter-pane>
3400
+ <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
3401
+ <kendo-tabstrip [keepTabContent]="true">
3402
+ <kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
3403
+ <ng-template kendoTabContent>
3404
+ <kendo-chartwizard-property-pane-chart-tab>
3405
+ </kendo-chartwizard-property-pane-chart-tab>
3406
+ </ng-template>
3407
+ </kendo-tabstrip-tab>
3408
+ <kendo-tabstrip-tab [title]="messageFor('tabData')">
3409
+ <ng-template kendoTabContent>
3410
+ <kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
3411
+ </ng-template>
3412
+ </kendo-tabstrip-tab>
3413
+ <kendo-tabstrip-tab [title]="messageFor('tabFormat')">
3414
+ <ng-template kendoTabContent>
3415
+ <kendo-chartwizard-property-pane-format-tab>
3416
+ </kendo-chartwizard-property-pane-format-tab>
3417
+ </ng-template>
3418
+ </kendo-tabstrip-tab>
3419
+ </kendo-tabstrip>
3420
+ </kendo-splitter-pane>
3421
+ </kendo-splitter>
3422
+ @if (showLicenseWatermark) {
3423
+ <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
3424
+ }
3384
3425
  </kendo-window>
3385
- `, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
3426
+ `, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "observeStyles", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title", "focusHighlight"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
3386
3427
  trigger('overlayAppear', [
3387
3428
  state('in', style({ opacity: 1 })),
3388
3429
  transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
@@ -3416,373 +3457,376 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3416
3457
  selector: 'kendo-chartwizard',
3417
3458
  template: `
3418
3459
  <ng-container
3419
- kendoChartWizardLocalizedMessages
3460
+ kendoChartWizardLocalizedMessages
3420
3461
 
3421
- i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
3422
- [windowTitle]="messages.windowTitle"
3462
+ i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
3463
+ [windowTitle]="messages.windowTitle"
3423
3464
 
3424
- i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
3425
- [exportButton]="messages.exportButton"
3465
+ i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
3466
+ [exportButton]="messages.exportButton"
3426
3467
 
3427
- i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
3428
- [exportPDFButton]="messages.exportPDFButton"
3468
+ i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
3469
+ [exportPDFButton]="messages.exportPDFButton"
3429
3470
 
3430
- i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
3431
- [exportSVGButton]="messages.exportSVGButton"
3471
+ i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
3472
+ [exportSVGButton]="messages.exportSVGButton"
3432
3473
 
3433
- i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
3434
- [exportPNGButton]="messages.exportPNGButton"
3474
+ i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
3475
+ [exportPNGButton]="messages.exportPNGButton"
3435
3476
 
3436
- i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
3437
- [tabChart]="messages.tabChart"
3477
+ i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
3478
+ [tabChart]="messages.tabChart"
3438
3479
 
3439
- i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
3440
- [tabData]="messages.tabData"
3480
+ i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
3481
+ [tabData]="messages.tabData"
3441
3482
 
3442
- i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
3443
- [tabFormat]="messages.tabFormat"
3483
+ i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
3484
+ [tabFormat]="messages.tabFormat"
3444
3485
 
3445
- i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
3446
- [barChart]="messages.barChart"
3486
+ i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
3487
+ [barChart]="messages.barChart"
3447
3488
 
3448
- i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
3449
- [barChartBar]="messages.barChartBar"
3489
+ i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
3490
+ [barChartBar]="messages.barChartBar"
3450
3491
 
3451
- i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
3452
- [barChartStackedBar]="messages.barChartStackedBar"
3492
+ i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
3493
+ [barChartStackedBar]="messages.barChartStackedBar"
3453
3494
 
3454
- i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
3455
- [barChart100StackedBar]="messages.barChart100StackedBar"
3495
+ i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
3496
+ [barChart100StackedBar]="messages.barChart100StackedBar"
3456
3497
 
3457
- i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
3458
- [pieChart]="messages.pieChart"
3498
+ i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
3499
+ [pieChart]="messages.pieChart"
3459
3500
 
3460
- i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
3461
- [pieChartPie]="messages.pieChartPie"
3501
+ i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
3502
+ [pieChartPie]="messages.pieChartPie"
3462
3503
 
3463
- i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
3464
- [columnChart]="messages.columnChart"
3504
+ i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
3505
+ [columnChart]="messages.columnChart"
3465
3506
 
3466
- i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
3467
- [columnChartColumn]="messages.columnChartColumn"
3507
+ i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
3508
+ [columnChartColumn]="messages.columnChartColumn"
3468
3509
 
3469
- i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
3470
- [columnChartStackedColumn]="messages.columnChartStackedColumn"
3510
+ i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
3511
+ [columnChartStackedColumn]="messages.columnChartStackedColumn"
3471
3512
 
3472
- i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
3473
- [columnChart100StackedColumn]="messages.columnChart100StackedColumn"
3513
+ i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
3514
+ [columnChart100StackedColumn]="messages.columnChart100StackedColumn"
3474
3515
 
3475
- i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
3476
- [lineChart]="messages.lineChart"
3516
+ i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
3517
+ [lineChart]="messages.lineChart"
3477
3518
 
3478
- i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
3479
- [lineChartLine]="messages.lineChartLine"
3519
+ i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
3520
+ [lineChartLine]="messages.lineChartLine"
3480
3521
 
3481
- i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
3482
- [lineChartStackedLine]="messages.lineChartStackedLine"
3522
+ i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
3523
+ [lineChartStackedLine]="messages.lineChartStackedLine"
3483
3524
 
3484
- i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
3485
- [lineChart100StackedLine]="messages.lineChart100StackedLine"
3525
+ i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
3526
+ [lineChart100StackedLine]="messages.lineChart100StackedLine"
3486
3527
 
3487
- i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
3488
- [scatterChart]="messages.scatterChart"
3528
+ i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
3529
+ [scatterChart]="messages.scatterChart"
3489
3530
 
3490
- i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
3491
- [scatterChartScatter]="messages.scatterChartScatter"
3531
+ i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
3532
+ [scatterChartScatter]="messages.scatterChartScatter"
3492
3533
 
3493
- i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
3494
- [configuration]="messages.configuration"
3534
+ i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
3535
+ [configuration]="messages.configuration"
3495
3536
 
3496
- i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
3497
- [configurationCategoryAxis]="messages.configurationCategoryAxis"
3537
+ i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
3538
+ [configurationCategoryAxis]="messages.configurationCategoryAxis"
3498
3539
 
3499
- i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
3500
- [configurationXAxis]="messages.configurationXAxis"
3540
+ i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
3541
+ [configurationXAxis]="messages.configurationXAxis"
3501
3542
 
3502
- i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
3503
- [configurationValueAxis]="messages.configurationValueAxis"
3543
+ i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
3544
+ [configurationValueAxis]="messages.configurationValueAxis"
3504
3545
 
3505
- i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
3506
- [configurationSeries]="messages.configurationSeries"
3546
+ i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
3547
+ [configurationSeries]="messages.configurationSeries"
3507
3548
 
3508
- i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
3509
- [configurationSeriesAdd]="messages.configurationSeriesAdd"
3549
+ i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
3550
+ [configurationSeriesAdd]="messages.configurationSeriesAdd"
3510
3551
 
3511
- i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
3512
- [formatChartArea]="messages.formatChartArea"
3552
+ i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
3553
+ [formatChartArea]="messages.formatChartArea"
3513
3554
 
3514
- i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
3515
- [formatChartAreaMargins]="messages.formatChartAreaMargins"
3555
+ i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
3556
+ [formatChartAreaMargins]="messages.formatChartAreaMargins"
3516
3557
 
3517
- i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
3518
- [formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
3558
+ i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
3559
+ [formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
3519
3560
 
3520
- i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
3521
- [formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
3561
+ i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
3562
+ [formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
3522
3563
 
3523
- i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
3524
- [formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
3564
+ i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
3565
+ [formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
3525
3566
 
3526
- i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
3527
- [formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
3567
+ i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
3568
+ [formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
3528
3569
 
3529
- i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
3530
- [formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
3570
+ i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
3571
+ [formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
3531
3572
 
3532
- i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
3533
- [formatChartAreaBackground]="messages.formatChartAreaBackground"
3573
+ i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
3574
+ [formatChartAreaBackground]="messages.formatChartAreaBackground"
3534
3575
 
3535
- i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
3536
- [formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
3576
+ i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
3577
+ [formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
3537
3578
 
3538
- i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
3539
- [formatTitle]="messages.formatTitle"
3579
+ i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
3580
+ [formatTitle]="messages.formatTitle"
3540
3581
 
3541
- i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
3542
- [formatTitleApplyTo]="messages.formatTitleApplyTo"
3582
+ i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
3583
+ [formatTitleApplyTo]="messages.formatTitleApplyTo"
3543
3584
 
3544
- i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
3545
- [formatTitleChartTitle]="messages.formatTitleChartTitle"
3585
+ i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
3586
+ [formatTitleChartTitle]="messages.formatTitleChartTitle"
3546
3587
 
3547
- i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
3548
- [formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
3588
+ i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
3589
+ [formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
3549
3590
 
3550
- i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
3551
- [formatTitleLabel]="messages.formatTitleLabel"
3591
+ i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
3592
+ [formatTitleLabel]="messages.formatTitleLabel"
3552
3593
 
3553
- i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
3554
- [formatTitleFont]="messages.formatTitleFont"
3594
+ i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
3595
+ [formatTitleFont]="messages.formatTitleFont"
3555
3596
 
3556
- i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
3557
- [formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
3597
+ i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
3598
+ [formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
3558
3599
 
3559
- i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
3560
- [formatTitleSize]="messages.formatTitleSize"
3600
+ i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
3601
+ [formatTitleSize]="messages.formatTitleSize"
3561
3602
 
3562
- i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
3563
- [formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
3603
+ i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
3604
+ [formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
3564
3605
 
3565
- i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
3566
- [formatTitleColor]="messages.formatTitleColor"
3606
+ i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
3607
+ [formatTitleColor]="messages.formatTitleColor"
3567
3608
 
3568
- i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
3569
- [formatSeries]="messages.formatSeries"
3609
+ i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
3610
+ [formatSeries]="messages.formatSeries"
3570
3611
 
3571
- i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
3572
- [formatSeriesApplyTo]="messages.formatSeriesApplyTo"
3612
+ i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
3613
+ [formatSeriesApplyTo]="messages.formatSeriesApplyTo"
3573
3614
 
3574
- i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
3575
- [formatSeriesAllSeries]="messages.formatSeriesAllSeries"
3615
+ i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
3616
+ [formatSeriesAllSeries]="messages.formatSeriesAllSeries"
3576
3617
 
3577
- i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
3578
- [formatSeriesColor]="messages.formatSeriesColor"
3618
+ i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
3619
+ [formatSeriesColor]="messages.formatSeriesColor"
3579
3620
 
3580
- i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
3581
- [formatSeriesShowLabels]="messages.formatSeriesShowLabels"
3621
+ i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
3622
+ [formatSeriesShowLabels]="messages.formatSeriesShowLabels"
3582
3623
 
3583
- i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
3584
- [formatLegend]="messages.formatLegend"
3624
+ i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
3625
+ [formatLegend]="messages.formatLegend"
3585
3626
 
3586
- i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
3587
- [formatLegendShowLegend]="messages.formatLegendShowLegend"
3627
+ i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
3628
+ [formatLegendShowLegend]="messages.formatLegendShowLegend"
3588
3629
 
3589
- i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
3590
- [formatLegendFont]="messages.formatLegendFont"
3630
+ i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
3631
+ [formatLegendFont]="messages.formatLegendFont"
3591
3632
 
3592
- i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
3593
- [formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
3633
+ i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
3634
+ [formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
3594
3635
 
3595
- i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
3596
- [formatLegendSize]="messages.formatLegendSize"
3636
+ i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
3637
+ [formatLegendSize]="messages.formatLegendSize"
3597
3638
 
3598
- i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
3599
- [formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
3639
+ i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
3640
+ [formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
3600
3641
 
3601
- i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
3602
- [formatLegendColor]="messages.formatLegendColor"
3642
+ i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
3643
+ [formatLegendColor]="messages.formatLegendColor"
3603
3644
 
3604
- i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
3605
- [formatLegendPosition]="messages.formatLegendPosition"
3645
+ i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
3646
+ [formatLegendPosition]="messages.formatLegendPosition"
3606
3647
 
3607
- i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
3608
- [formatLegendPositionTop]="messages.formatLegendPositionTop"
3648
+ i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
3649
+ [formatLegendPositionTop]="messages.formatLegendPositionTop"
3609
3650
 
3610
- i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
3611
- [formatLegendPositionBottom]="messages.formatLegendPositionBottom"
3651
+ i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
3652
+ [formatLegendPositionBottom]="messages.formatLegendPositionBottom"
3612
3653
 
3613
- i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
3614
- [formatLegendPositionLeft]="messages.formatLegendPositionLeft"
3654
+ i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
3655
+ [formatLegendPositionLeft]="messages.formatLegendPositionLeft"
3615
3656
 
3616
- i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
3617
- [formatLegendPositionRight]="messages.formatLegendPositionRight"
3657
+ i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
3658
+ [formatLegendPositionRight]="messages.formatLegendPositionRight"
3618
3659
 
3619
- i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
3620
- [formatCategoryAxis]="messages.formatCategoryAxis"
3660
+ i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
3661
+ [formatCategoryAxis]="messages.formatCategoryAxis"
3621
3662
 
3622
- i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
3623
- [formatXAxis]="messages.formatXAxis"
3663
+ i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
3664
+ [formatXAxis]="messages.formatXAxis"
3624
3665
 
3625
- i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
3626
- [formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
3666
+ i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
3667
+ [formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
3627
3668
 
3628
- i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
3629
- [formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
3669
+ i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
3670
+ [formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
3630
3671
 
3631
- i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
3632
- [formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
3672
+ i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
3673
+ [formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
3633
3674
 
3634
- i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
3635
- [formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
3675
+ i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
3676
+ [formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
3636
3677
 
3637
- i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
3638
- [formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
3678
+ i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
3679
+ [formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
3639
3680
 
3640
- i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
3641
- [formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
3681
+ i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
3682
+ [formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
3642
3683
 
3643
- i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
3644
- [formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
3684
+ i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
3685
+ [formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
3645
3686
 
3646
- i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
3647
- [formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
3687
+ i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
3688
+ [formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
3648
3689
 
3649
- i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
3650
- [formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
3690
+ i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
3691
+ [formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
3651
3692
 
3652
- i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
3653
- [formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
3693
+ i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
3694
+ [formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
3654
3695
 
3655
- i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
3656
- [formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
3696
+ i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
3697
+ [formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
3657
3698
 
3658
- i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
3659
- [formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
3699
+ i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
3700
+ [formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
3660
3701
 
3661
- i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
3662
- [formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
3702
+ i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
3703
+ [formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
3663
3704
 
3664
- i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
3665
- [formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
3705
+ i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
3706
+ [formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
3666
3707
 
3667
- i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
3668
- [formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
3708
+ i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
3709
+ [formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
3669
3710
 
3670
- i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
3671
- [formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
3711
+ i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
3712
+ [formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
3672
3713
 
3673
- i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
3674
- [formatValueAxis]="messages.formatValueAxis"
3714
+ i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
3715
+ [formatValueAxis]="messages.formatValueAxis"
3675
3716
 
3676
- i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
3677
- [formatYAxis]="messages.formatYAxis"
3717
+ i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
3718
+ [formatYAxis]="messages.formatYAxis"
3678
3719
 
3679
- i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
3680
- [formatValueAxisTitle]="messages.formatValueAxisTitle"
3720
+ i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
3721
+ [formatValueAxisTitle]="messages.formatValueAxisTitle"
3681
3722
 
3682
- i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
3683
- [formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
3723
+ i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
3724
+ [formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
3684
3725
 
3685
- i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
3686
- [formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
3726
+ i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
3727
+ [formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
3687
3728
 
3688
- i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
3689
- [formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
3729
+ i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
3730
+ [formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
3690
3731
 
3691
- i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
3692
- [formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
3732
+ i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
3733
+ [formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
3693
3734
 
3694
- i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
3695
- [formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
3735
+ i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
3736
+ [formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
3696
3737
 
3697
- i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
3698
- [formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
3738
+ i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
3739
+ [formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
3699
3740
 
3700
- i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
3701
- [formatValueAxisLabels]="messages.formatValueAxisLabels"
3741
+ i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
3742
+ [formatValueAxisLabels]="messages.formatValueAxisLabels"
3702
3743
 
3703
- i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
3704
- [formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
3744
+ i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
3745
+ [formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
3705
3746
 
3706
- i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
3707
- [formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
3747
+ i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
3748
+ [formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
3708
3749
 
3709
- i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
3710
- [formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
3750
+ i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
3751
+ [formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
3711
3752
 
3712
- i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
3713
- [formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
3753
+ i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
3754
+ [formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
3714
3755
 
3715
- i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
3716
- [formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
3756
+ i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
3757
+ [formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
3717
3758
 
3718
- i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
3719
- [formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
3759
+ i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
3760
+ [formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
3720
3761
 
3721
- i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
3722
- [formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
3762
+ i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
3763
+ [formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
3723
3764
 
3724
- i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
3725
- [formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
3765
+ i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
3766
+ [formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
3726
3767
 
3727
- i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
3728
- [formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
3768
+ i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
3769
+ [formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
3729
3770
 
3730
- i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
3731
- [formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
3771
+ i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
3772
+ [formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
3732
3773
 
3733
- i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
3734
- [formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
3774
+ i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
3775
+ [formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
3735
3776
 
3736
- i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
3737
- [formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
3777
+ i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
3778
+ [formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
3738
3779
 
3739
3780
  ></ng-container>
3740
- <div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
3781
+ @if (windowSettings?.modal) {
3782
+ <div @overlayAppear class="k-overlay"> </div>
3783
+ }
3741
3784
  <kendo-window
3742
- class="k-chart-wizard"
3743
- [title]="messageFor('windowTitle')"
3744
- [width]="windowWidth"
3745
- [height]="windowHeight"
3746
- [minWidth]="windowSettings?.minWidth"
3747
- [minHeight]="windowSettings?.minHeight"
3748
- [state]="windowSettings?.state"
3749
- [resizable]="true"
3750
- (close)="close.emit()"
3751
- >
3752
- <kendo-splitter class="k-chart-wizard-splitter">
3753
- <kendo-splitter-pane class="k-chart-wizard-preview-pane">
3754
- <div class="k-preview-pane-header">
3755
- <kendo-dropdownbutton
3756
- [svgIcon]="exportIcon"
3757
- [data]="exportDropdownItems"
3758
- textField="text"
3759
- fillMode="flat"
3760
- (itemClick)="onExport($event)"
3761
- >
3762
- {{ messageFor('exportButton') }}
3763
- </kendo-dropdownbutton>
3764
- </div>
3765
- <div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
3766
- <kendo-chart [transitions]="false" [style.width.%]="100" [style.height.%]="100">
3767
- <kendo-chart-title
3768
- [text]="stateService.state.title?.text"
3769
- [font]="stateService.state.title?.font"
3770
- [color]="stateService.state.title?.color"
3771
- ></kendo-chart-title>
3772
- <kendo-chart-subtitle
3773
- [text]="stateService.state.subtitle?.text"
3774
- [font]="stateService.state.subtitle?.font"
3775
- [color]="stateService.state.subtitle?.color"
3776
- ></kendo-chart-subtitle>
3777
- <kendo-chart-area
3778
- [background]="stateService.state.area?.background"
3779
- [margin]="stateService.state.area?.margin"
3780
- >
3781
- </kendo-chart-area>
3782
- <kendo-chart-category-axis *ngIf="stateService.state.categoryAxis">
3783
- <kendo-chart-category-axis-item
3784
- *ngFor="let axis of stateService.state.categoryAxis"
3785
- [categories]="axis.categories"
3785
+ class="k-chart-wizard"
3786
+ [title]="messageFor('windowTitle')"
3787
+ [width]="windowWidth"
3788
+ [height]="windowHeight"
3789
+ [minWidth]="windowSettings?.minWidth"
3790
+ [minHeight]="windowSettings?.minHeight"
3791
+ [state]="windowSettings?.state"
3792
+ [resizable]="true"
3793
+ (close)="close.emit()"
3794
+ >
3795
+ <kendo-splitter class="k-chart-wizard-splitter">
3796
+ <kendo-splitter-pane class="k-chart-wizard-preview-pane">
3797
+ <div class="k-preview-pane-header">
3798
+ <kendo-dropdownbutton
3799
+ [svgIcon]="exportIcon"
3800
+ [data]="exportDropdownItems"
3801
+ textField="text"
3802
+ fillMode="flat"
3803
+ (itemClick)="onExport($event)"
3804
+ >
3805
+ {{ messageFor('exportButton') }}
3806
+ </kendo-dropdownbutton>
3807
+ </div>
3808
+ <div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
3809
+ <kendo-chart [transitions]="false" [style.width.%]="100" [style.height.%]="100">
3810
+ <kendo-chart-title
3811
+ [text]="stateService.state.title?.text"
3812
+ [font]="stateService.state.title?.font"
3813
+ [color]="stateService.state.title?.color"
3814
+ ></kendo-chart-title>
3815
+ <kendo-chart-subtitle
3816
+ [text]="stateService.state.subtitle?.text"
3817
+ [font]="stateService.state.subtitle?.font"
3818
+ [color]="stateService.state.subtitle?.color"
3819
+ ></kendo-chart-subtitle>
3820
+ <kendo-chart-area
3821
+ [background]="stateService.state.area?.background"
3822
+ [margin]="stateService.state.area?.margin"
3823
+ >
3824
+ </kendo-chart-area>
3825
+ @if (stateService.state.categoryAxis) {
3826
+ <kendo-chart-category-axis>
3827
+ @for (axis of stateService.state.categoryAxis; track $index) {
3828
+ <kendo-chart-category-axis-item
3829
+ [categories]="axis.categories"
3786
3830
  [title]="{
3787
3831
  text: axis.title?.text,
3788
3832
  font: axis.title?.font,
@@ -3793,12 +3837,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3793
3837
  font: axis.labels?.font,
3794
3838
  color: axis.labels?.color
3795
3839
  }"
3796
- [reverse]="axis.reverse"
3797
- >
3798
- </kendo-chart-category-axis-item>
3799
- <kendo-chart-value-axis *ngIf="stateService.state.valueAxis">
3800
- <kendo-chart-value-axis-item
3801
- *ngFor="let axis of stateService.state.valueAxis"
3840
+ [reverse]="axis.reverse"
3841
+ >
3842
+ </kendo-chart-category-axis-item>
3843
+ }
3844
+ @if (stateService.state.valueAxis) {
3845
+ <kendo-chart-value-axis>
3846
+ @for (axis of stateService.state.valueAxis; track $index) {
3847
+ <kendo-chart-value-axis-item
3802
3848
  [title]="{
3803
3849
  text: axis.title?.text,
3804
3850
  font: axis.title?.font,
@@ -3810,59 +3856,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3810
3856
  color: axis.labels?.color,
3811
3857
  format: axis.labels?.format
3812
3858
  }"
3813
- >
3814
- </kendo-chart-value-axis-item>
3815
- </kendo-chart-value-axis>
3816
- </kendo-chart-category-axis>
3817
- <kendo-chart-series>
3818
- <kendo-chart-series-item
3819
- *ngFor="let series of stateService.state.series"
3820
- [type]="series.type"
3821
- [data]="series.data"
3822
- [stack]="series.stack"
3823
- [field]="series.field"
3824
- [categoryField]="series.categoryField"
3825
- [name]="series.name"
3826
- [color]="series.color"
3827
- [labels]="{ visible: series.labels?.visible }"
3828
- [width]="series.width"
3829
- >
3830
- </kendo-chart-series-item>
3831
- </kendo-chart-series>
3832
- <kendo-chart-legend
3833
- [visible]="stateService.state.legend?.visible"
3834
- [position]="stateService.state.legend?.position"
3835
- [labels]="stateService.state.legend?.labels"
3836
- >
3837
- </kendo-chart-legend>
3838
- </kendo-chart>
3839
- </div>
3840
- </kendo-splitter-pane>
3841
- <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
3842
- <kendo-tabstrip [keepTabContent]="true">
3843
- <kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
3844
- <ng-template kendoTabContent>
3845
- <kendo-chartwizard-property-pane-chart-tab>
3846
- </kendo-chartwizard-property-pane-chart-tab>
3847
- </ng-template>
3848
- </kendo-tabstrip-tab>
3849
- <kendo-tabstrip-tab [title]="messageFor('tabData')">
3850
- <ng-template kendoTabContent>
3851
- <kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
3852
- </ng-template>
3853
- </kendo-tabstrip-tab>
3854
- <kendo-tabstrip-tab [title]="messageFor('tabFormat')">
3855
- <ng-template kendoTabContent>
3856
- <kendo-chartwizard-property-pane-format-tab>
3857
- </kendo-chartwizard-property-pane-format-tab>
3858
- </ng-template>
3859
- </kendo-tabstrip-tab>
3860
- </kendo-tabstrip>
3861
- </kendo-splitter-pane>
3862
- </kendo-splitter>
3863
- <div kendoWatermarkOverlay *ngIf="showLicenseWatermark" [licenseMessage]="licenseMessage"></div>
3859
+ >
3860
+ </kendo-chart-value-axis-item>
3861
+ }
3862
+ </kendo-chart-value-axis>
3863
+ }
3864
+ </kendo-chart-category-axis>
3865
+ }
3866
+ <kendo-chart-series>
3867
+ @for (series of stateService.state.series; track $index) {
3868
+ <kendo-chart-series-item
3869
+ [type]="series.type"
3870
+ [data]="series.data"
3871
+ [stack]="series.stack"
3872
+ [field]="series.field"
3873
+ [categoryField]="series.categoryField"
3874
+ [name]="series.name"
3875
+ [color]="series.color"
3876
+ [labels]="{ visible: series.labels?.visible }"
3877
+ [width]="series.width"
3878
+ >
3879
+ </kendo-chart-series-item>
3880
+ }
3881
+ </kendo-chart-series>
3882
+ <kendo-chart-legend
3883
+ [visible]="stateService.state.legend?.visible"
3884
+ [position]="stateService.state.legend?.position"
3885
+ [labels]="stateService.state.legend?.labels"
3886
+ >
3887
+ </kendo-chart-legend>
3888
+ </kendo-chart>
3889
+ </div>
3890
+ </kendo-splitter-pane>
3891
+ <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
3892
+ <kendo-tabstrip [keepTabContent]="true">
3893
+ <kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
3894
+ <ng-template kendoTabContent>
3895
+ <kendo-chartwizard-property-pane-chart-tab>
3896
+ </kendo-chartwizard-property-pane-chart-tab>
3897
+ </ng-template>
3898
+ </kendo-tabstrip-tab>
3899
+ <kendo-tabstrip-tab [title]="messageFor('tabData')">
3900
+ <ng-template kendoTabContent>
3901
+ <kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
3902
+ </ng-template>
3903
+ </kendo-tabstrip-tab>
3904
+ <kendo-tabstrip-tab [title]="messageFor('tabFormat')">
3905
+ <ng-template kendoTabContent>
3906
+ <kendo-chartwizard-property-pane-format-tab>
3907
+ </kendo-chartwizard-property-pane-format-tab>
3908
+ </ng-template>
3909
+ </kendo-tabstrip-tab>
3910
+ </kendo-tabstrip>
3911
+ </kendo-splitter-pane>
3912
+ </kendo-splitter>
3913
+ @if (showLicenseWatermark) {
3914
+ <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
3915
+ }
3864
3916
  </kendo-window>
3865
- `,
3917
+ `,
3866
3918
  standalone: true,
3867
3919
  imports: [
3868
3920
  WindowComponent,
@@ -3873,9 +3925,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
3873
3925
  TitleComponent,
3874
3926
  SubtitleComponent,
3875
3927
  ChartAreaComponent,
3876
- NgIf,
3877
3928
  CategoryAxisComponent,
3878
- NgFor,
3879
3929
  CategoryAxisItemComponent,
3880
3930
  ValueAxisComponent,
3881
3931
  ValueAxisItemComponent,