@progress/kendo-angular-chart-wizard 16.11.0-develop.9 → 16.12.0-develop.1

package/fesm2015/progress-kendo-angular-chart-wizard.mjs

@@ -3,10 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, EventEmitter, Output, HostBinding, Directive, HostListener, NgModule } from '@angular/core';
-import { shouldShowValidationUI, WatermarkOverlayComponent, isPresent, ResizeBatchService } from '@progress/kendo-angular-common';
-import * as i2$1 from '@progress/kendo-angular-l10n';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { Injectable, Inject, Optional, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, EventEmitter, Output, HostBinding, Directive, forwardRef, HostListener, NgModule } from '@angular/core';
+import { shouldShowValidationUI, isPresent, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import * as i1 from '@progress/kendo-angular-l10n';
+import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
 import { ChartWizardCommon } from '@progress/kendo-charts';
@@ -14,7 +14,7 @@ import { trashIcon, plusIcon, exportIcon, chartBarClusteredIcon, chartBarStacked
 import { ChartComponent, TitleComponent, SubtitleComponent, ChartAreaComponent, CategoryAxisComponent, CategoryAxisItemComponent, ValueAxisComponent, ValueAxisItemComponent, SeriesComponent, SeriesItemComponent, LegendComponent, XAxisComponent, XAxisItemComponent, YAxisComponent, YAxisItemComponent, ThemeService } from '@progress/kendo-angular-charts';
 import { saveAs } from '@progress/kendo-file-saver';
 import { exportPDF } from '@progress/kendo-drawing';
-import * as i1 from '@progress/kendo-angular-grid';
+import * as i1$1 from '@progress/kendo-angular-grid';
 import { GridComponent, ReactiveEditingDirective, DataBindingDirective, ToolbarTemplateDirective, RowReorderColumnComponent, ColumnComponent, CommandColumnComponent, CellTemplateDirective, GridToolbarFocusableDirective, RemoveCommandDirective } from '@progress/kendo-angular-grid';
 import { NgIf, NgFor } from '@angular/common';
 import { ExpansionPanelComponent, SplitterComponent, SplitterPaneComponent, TabStripComponent, TabStripTabComponent, TabContentDirective } from '@progress/kendo-angular-layout';
@@ -25,6 +25,7 @@ import { SVGIconComponent, IconsService } from '@progress/kendo-angular-icons';
 import { WindowComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import { NumericTextBoxComponent, ColorPickerComponent, TextBoxComponent, CheckBoxComponent, SwitchComponent } from '@progress/kendo-angular-inputs';
 import { LabelComponent } from '@progress/kendo-angular-label';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { getter } from '@progress/kendo-common';
 
@@ -35,8 +36,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-chart-wizard',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727855442,
-    version: '16.11.0-develop.9',
+    publishDate: 1728573084,
+    version: '16.12.0-develop.1',
     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',
 };
 
@@ -145,15 +146,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             type: Injectable
         }] });
 
+/**
+ * @hidden
+ */
+class ChartWizardLocalizationService extends LocalizationService {
+    constructor(prefix, messageService, _rtl) {
+        super(prefix, messageService, _rtl);
+    }
+}
+ChartWizardLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+ChartWizardLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardLocalizationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardLocalizationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [L10N_PREFIX]
+                    }] }, { type: i1.MessageService, decorators: [{
+                        type: Optional
+                    }] }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [RTL]
+                    }] }];
+    } });
+
 /**
  * @hidden
  */
 class ChartWizardPropertyPaneDataTabComponent {
-    constructor(stateService, formBuilder, cdr, renderer) {
+    constructor(stateService, formBuilder, cdr, renderer, localization) {
         this.stateService = stateService;
         this.formBuilder = formBuilder;
         this.cdr = cdr;
         this.renderer = renderer;
+        this.localization = localization;
         this.categoryAxisX = ActionTypes.categoryAxisX;
         this.valueAxisY = ActionTypes.valueAxisY;
         this.trashIcon = trashIcon;
@@ -199,14 +227,17 @@ class ChartWizardPropertyPaneDataTabComponent {
     detectChanges() {
         this.cdr.detectChanges();
     }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
 }
-ChartWizardPropertyPaneDataTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+ChartWizardPropertyPaneDataTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: ChartWizardLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneDataTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-data-tab", viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: `
-        <kendo-expansionpanel title="Configuration" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('configuration')" [expanded]="true">
             <form class="k-form k-form-md">
                 <fieldset class="k-form-fieldset">
                     <legend class="k-form-legend">
-                        {{ stateService.state.seriesType === 'scatter' ? 'X Axis' : 'Category Axis' }}
+                        {{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
                     </legend>
                     <kendo-dropdownlist
                         [data]="stateService.state.columns"
@@ -219,7 +250,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
                     </kendo-dropdownlist>
                 </fieldset>
                 <fieldset class="k-form-fieldset" *ngIf="isCategorical(stateService.state.seriesType)">
-                    <legend class="k-form-legend">Series</legend>
+                    <legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
                     <kendo-grid
                         #grid
                         [kendoGridReactiveEditing]="createFormGroup"
@@ -238,7 +269,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
                                 [disabled]="isDisabled(grid)"
                                 (click)="addData()"
                             >
-                                ADD
+                                {{ messageFor('configurationSeriesAdd') }}
                             </button>
                         </ng-template>
                         <kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
@@ -262,7 +293,7 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
                     *ngIf="stateService.state.seriesType === 'pie'"
                 >
                     <legend class="k-form-legend">
-                        {{ 'Value Axis' }}
+                        {{ messageFor('configurationValueAxis') }}
                     </legend>
                     <kendo-dropdownlist
                         [data]="stateService.state.columns"
@@ -284,11 +315,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     template: `
-        <kendo-expansionpanel title="Configuration" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('configuration')" [expanded]="true">
             <form class="k-form k-form-md">
                 <fieldset class="k-form-fieldset">
                     <legend class="k-form-legend">
-                        {{ stateService.state.seriesType === 'scatter' ? 'X Axis' : 'Category Axis' }}
+                        {{ stateService.state.seriesType === 'scatter' ? messageFor('configurationXAxis') : messageFor('configurationCategoryAxis') }}
                     </legend>
                     <kendo-dropdownlist
                         [data]="stateService.state.columns"
@@ -301,7 +332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     </kendo-dropdownlist>
                 </fieldset>
                 <fieldset class="k-form-fieldset" *ngIf="isCategorical(stateService.state.seriesType)">
-                    <legend class="k-form-legend">Series</legend>
+                    <legend class="k-form-legend">{{ messageFor('configurationSeries') }}</legend>
                     <kendo-grid
                         #grid
                         [kendoGridReactiveEditing]="createFormGroup"
@@ -320,7 +351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                                 [disabled]="isDisabled(grid)"
                                 (click)="addData()"
                             >
-                                ADD
+                                {{ messageFor('configurationSeriesAdd') }}
                             </button>
                         </ng-template>
                         <kendo-grid-rowreorder-column [width]="40"></kendo-grid-rowreorder-column>
@@ -344,7 +375,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     *ngIf="stateService.state.seriesType === 'pie'"
                 >
                     <legend class="k-form-legend">
-                        {{ 'Value Axis' }}
+                        {{ messageFor('configurationValueAxis') }}
                     </legend>
                     <kendo-dropdownlist
                         [data]="stateService.state.columns"
@@ -379,7 +410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         RemoveCommandDirective
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: StateService }, { type: i2.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { grid: [{
+        }], ctorParameters: function () { return [{ type: StateService }, { type: i2.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: ChartWizardLocalizationService }]; }, propDecorators: { grid: [{
                 type: ViewChild,
                 args: [GridComponent]
             }] } });
@@ -475,27 +506,30 @@ class ChartWizardPropertyPaneChartTabComponent {
     detectChanges() {
         this.cdr.detectChanges();
     }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
 }
-ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: StateService }, { token: i0.ChangeDetectorRef }, { token: i2$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ChartWizardPropertyPaneChartTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: StateService }, { token: i0.ChangeDetectorRef }, { token: ChartWizardLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-chart-tab", ngImport: i0, template: `
-        <kendo-expansionpanel title="Bar Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('barChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Bar"
+                    [title]="messageFor('barChartBar')"
                     [chartTypeIcon]="chartBarClusteredIcon"
                     seriesType="bar"
                     [stack]="false"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="Stacked Bar"
+                    [title]="messageFor('barChartStackedBar')"
                     [chartTypeIcon]="chartBarStackedIcon"
                     seriesType="bar"
                     [stack]="true"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="100% Stacked Bar"
+                    [title]="messageFor('barChart100StackedBar')"
                     [chartTypeIcon]="chartBarStacked100Icon"
                     seriesType="bar"
                     [stack]="{ type: '100%' }"
@@ -503,10 +537,10 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Pie Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('pieChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Pie"
+                    [title]="messageFor('pieChartPie')"
                     [chartTypeIcon]="chartPieIcon"
                     seriesType="pie"
                     [stack]="undefined"
@@ -514,24 +548,24 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Column Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('columnChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Column"
+                    [title]="messageFor('columnChartColumn')"
                     [chartTypeIcon]="chartColumnClusteredIcon"
                     seriesType="column"
                     [stack]="false"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="Stacked Column"
+                    [title]="messageFor('columnChartStackedColumn')"
                     [chartTypeIcon]="chartColumnStackedIcon"
                     seriesType="column"
                     [stack]="true"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="100% Stacked Column"
+                    [title]="messageFor('columnChart100StackedColumn')"
                     [chartTypeIcon]="chartColumnStacked100Icon"
                     seriesType="column"
                     [stack]="{ type: '100%' }"
@@ -539,24 +573,24 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Line Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('lineChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Line"
+                    [title]="messageFor('lineChartLine')"
                     [chartTypeIcon]="chartLineIcon"
                     seriesType="line"
                     [stack]="false"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="Stacked Line"
+                    [title]="messageFor('lineChartStackedLine')"
                     [chartTypeIcon]="chartLineStackedIcon"
                     seriesType="line"
                     [stack]="true"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="100% Line Column"
+                    [title]="messageFor('lineChart100StackedLine')"
                     [chartTypeIcon]="chartLineStacked100Icon"
                     seriesType="line"
                     [stack]="{ type: '100%' }"
@@ -564,10 +598,10 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('scatterChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Scatter"
+                    [title]="messageFor('scatterChartScatter')"
                     [chartTypeIcon]="chartScatterIcon"
                     seriesType="scatter"
                     [stack]="false"
@@ -582,24 +616,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     selector: 'kendo-chartwizard-property-pane-chart-tab',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-        <kendo-expansionpanel title="Bar Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('barChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Bar"
+                    [title]="messageFor('barChartBar')"
                     [chartTypeIcon]="chartBarClusteredIcon"
                     seriesType="bar"
                     [stack]="false"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="Stacked Bar"
+                    [title]="messageFor('barChartStackedBar')"
                     [chartTypeIcon]="chartBarStackedIcon"
                     seriesType="bar"
                     [stack]="true"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="100% Stacked Bar"
+                    [title]="messageFor('barChart100StackedBar')"
                     [chartTypeIcon]="chartBarStacked100Icon"
                     seriesType="bar"
                     [stack]="{ type: '100%' }"
@@ -607,10 +641,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Pie Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('pieChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Pie"
+                    [title]="messageFor('pieChartPie')"
                     [chartTypeIcon]="chartPieIcon"
                     seriesType="pie"
                     [stack]="undefined"
@@ -618,24 +652,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Column Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('columnChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Column"
+                    [title]="messageFor('columnChartColumn')"
                     [chartTypeIcon]="chartColumnClusteredIcon"
                     seriesType="column"
                     [stack]="false"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="Stacked Column"
+                    [title]="messageFor('columnChartStackedColumn')"
                     [chartTypeIcon]="chartColumnStackedIcon"
                     seriesType="column"
                     [stack]="true"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="100% Stacked Column"
+                    [title]="messageFor('columnChart100StackedColumn')"
                     [chartTypeIcon]="chartColumnStacked100Icon"
                     seriesType="column"
                     [stack]="{ type: '100%' }"
@@ -643,24 +677,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Line Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('lineChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Line"
+                    [title]="messageFor('lineChartLine')"
                     [chartTypeIcon]="chartLineIcon"
                     seriesType="line"
                     [stack]="false"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="Stacked Line"
+                    [title]="messageFor('lineChartStackedLine')"
                     [chartTypeIcon]="chartLineStackedIcon"
                     seriesType="line"
                     [stack]="true"
                 >
                 </kendo-chartwizard-series-type-button>
                 <kendo-chartwizard-series-type-button
-                    title="100% Line Column"
+                    [title]="messageFor('lineChart100StackedLine')"
                     [chartTypeIcon]="chartLineStacked100Icon"
                     seriesType="line"
                     [stack]="{ type: '100%' }"
@@ -668,10 +702,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </kendo-chartwizard-series-type-button>
             </div>
         </kendo-expansionpanel>
-        <kendo-expansionpanel title="Scatter Chart" [expanded]="true">
+        <kendo-expansionpanel [title]="messageFor('scatterChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
-                    title="Scatter"
+                    [title]="messageFor('scatterChartScatter')"
                     [chartTypeIcon]="chartScatterIcon"
                     seriesType="scatter"
                     [stack]="false"
@@ -683,7 +717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     standalone: true,
                     imports: [ExpansionPanelComponent, ChartWizardSeriesTypeButtonComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: StateService }, { type: i0.ChangeDetectorRef }, { type: i2$1.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: StateService }, { type: i0.ChangeDetectorRef }, { type: ChartWizardLocalizationService }]; } });
 
 /**
  * @hidden
@@ -763,7 +797,7 @@ class ChartWizardPropertyPaneFormFieldComponent {
         }
     }
 }
-ChartWizardPropertyPaneFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, deps: [{ token: i2$1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ChartWizardPropertyPaneFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: `
         <kendo-label *ngIf="hasLabel && !isLabelInsideFormFieldWrap && inputType !== 'checkbox'" class="k-form-label" [text]="text"></kendo-label>
         <div class="k-form-field-wrap">
@@ -778,7 +812,7 @@ ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                 rounded="medium"
                 [value]="value"
                 (valueChange)="valueChange.emit($event)"
-                placeholder="Auto"
+                [placeholder]="placeholder"
             ></kendo-numerictextbox>
             <kendo-colorpicker
                 *ngIf="inputType === 'colorPicker'"
@@ -853,7 +887,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 rounded="medium"
                 [value]="value"
                 (valueChange)="valueChange.emit($event)"
-                placeholder="Auto"
+                [placeholder]="placeholder"
             ></kendo-numerictextbox>
             <kendo-colorpicker
                 *ngIf="inputType === 'colorPicker'"
@@ -921,7 +955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         CheckBoxComponent
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i2$1.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { currentState: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { currentState: [{
                 type: Input
             }], action: [{
                 type: Input
@@ -985,8 +1019,8 @@ class ChartWizardPropertyPaneFormatTabComponent {
         this.localization = localization;
         this.cdr = cdr;
         this.chartTitles = [
-            { text: 'Chart Title', value: 'Chart Title' },
-            { text: 'Chart Subtitle', value: 'Chart Subtitle' },
+            { text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
+            { text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
         ];
         this.areaMarginLeft = ActionTypes.areaMarginLeft;
         this.areaMarginRight = ActionTypes.areaMarginRight;
@@ -1017,12 +1051,37 @@ class ChartWizardPropertyPaneFormatTabComponent {
         this.valueAxisLabelsColor = ActionTypes.valueAxisLabelsColor;
         this.valueAxisLabelsRotation = ActionTypes.valueAxisLabelsRotation;
         this.parseFont = parseFont;
-        this.labelFormats = labelFormats;
         this.defaultAllSeriesItem = defaultAllSeriesItem;
         this.fontNames = fontNames;
         this.fontSizes = fontSizes;
-        this.legendPositions = positions;
-        this.labelsRotation = rotations;
+        this.labelFormats = [
+            { value: '', text: this.messageFor('formatValueAxisLabelsFormatText') },
+            { value: 'n0', text: this.messageFor('formatValueAxisLabelsFormatNumber') },
+            { value: 'c0', text: this.messageFor('formatValueAxisLabelsFormatCurrency') },
+            { value: 'p0', text: this.messageFor('formatValueAxisLabelsFormatPercent') }
+        ];
+        this.legendPositions = [
+            { text: this.messageFor('formatLegendPositionTop'), value: 'top' },
+            { text: this.messageFor('formatLegendPositionBottom'), value: 'bottom' },
+            { text: this.messageFor('formatLegendPositionLeft'), value: 'left' },
+            { text: this.messageFor('formatLegendPositionRight'), value: 'right' }
+        ];
+        this.labelsCategoryAxisRotation = [
+            { text: this.messageFor('formatCategoryAxisLabelsRotationAuto'), value: 'auto' },
+            { text: '0°', value: 0 },
+            { text: '45°', value: 45 },
+            { text: '90°', value: 90 },
+            { text: '135°', value: 135 },
+            { text: '180°', value: 180 }
+        ];
+        this.labelsValueAxisRotation = [
+            { text: this.messageFor('formatValueAxisLabelsRotationAuto'), value: 'auto' },
+            { text: '0°', value: 0 },
+            { text: '45°', value: 45 },
+            { text: '90°', value: 90 },
+            { text: '135°', value: 135 },
+            { text: '180°', value: 180 }
+        ];
     }
     get chartTitleTypeText() {
         var _a, _b;
@@ -1061,7 +1120,10 @@ class ChartWizardPropertyPaneFormatTabComponent {
         return this.stateService.currentTitle === 'Chart Title' ? ActionTypes.titleFontSize : ActionTypes.subtitleFontSize;
     }
     get seriesData() {
-        return [defaultAllSeriesItem, ...this.stateService.state.series];
+        return [
+            { text: this.messageFor('formatSeriesAllSeries'), name: 'All Series' },
+            ...this.stateService.state.series.map(item => (Object.assign({ text: item.name }, item)))
+        ];
     }
     get showLabels() {
         var _a, _b;
@@ -1107,44 +1169,51 @@ class ChartWizardPropertyPaneFormatTabComponent {
         this.stateService.currentSeries.color = value;
         this.updateState(ActionTypes.seriesColor, this.stateService.currentSeries);
     }
+    messageFor(key) {
+        return this.localization.get(key);
+    }
 }
-ChartWizardPropertyPaneFormatTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, deps: [{ token: StateService }, { token: i2$1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+ChartWizardPropertyPaneFormatTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, deps: [{ token: StateService }, { token: ChartWizardLocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Chart Area"
+                [title]="messageFor('formatChartArea')"
                 [expanded]="true"
                 [attr.dir]="stateService.direction"
             >
                 <form class="k-form k-form-md">
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Margins</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatChartAreaMargins') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
-                                text="Left"
+                                [text]="messageFor('formatChartAreaMarginsLeft')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).left"
                                 (valueChange)="updateState(areaMarginLeft, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Right"
+                                [text]="messageFor('formatChartAreaMarginsRight')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).right"
                                 (valueChange)="updateState(areaMarginRight, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Top"
+                                [text]="messageFor('formatChartAreaMarginsTop')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).top"
                                 (valueChange)="updateState(areaMarginTop, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Bottom"
+                                [text]="messageFor('formatChartAreaMarginsBottom')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).bottom"
                                 (valueChange)="updateState(areaMarginBottom, $event)"
                             >
@@ -1152,9 +1221,9 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                         </div>
                     </fieldset>
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Background</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatChartAreaBackground') }}</legend>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Color"
+                            [text]="messageFor('formatChartAreaBackgroundColor')"
                             inputType="colorPicker"
                             [value]="stateService.state.area?.background"
                             (valueChange)="updateState(areaBackground, $event)"
@@ -1167,13 +1236,13 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Title"
+                [title]="messageFor('formatTitle')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                         <kendo-chartwizard-property-pane-form-field
-                            text="Apply to"
+                            [text]="messageFor('formatTitleApplyTo')"
                             inputType="dropDownList"
                             [data]="chartTitles"
                             [colSpan]="2"
@@ -1182,7 +1251,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Title"
+                            [text]="messageFor('formatTitleLabel')"
                             inputType="text"
                             [colSpan]="2"
                             [value]="chartTitleTypeText"
@@ -1190,26 +1259,26 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Font"
+                            [text]="messageFor('formatTitleFont')"
                             inputType="comboBox"
                             [data]="fontNames"
                             [colSpan]="2"
                             [value]="chartTitleTypeFont"
-                            placeholder="(Inherited font)"
+                            [placeholder]="messageFor('formatTitleFontPlaceholder')"
                             (valueChange)="updateState(chartTitleTypeFontAction, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Size"
+                            [text]="messageFor('formatTitleSize')"
                             inputType="comboBox"
-                            placeholder="px"
+                            [placeholder]="messageFor('formatTitleSizePlaceholder')"
                             [data]="fontSizes"
                             [value]="chartTitleTypeFontSize"
                             (valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Color"
+                            [text]="messageFor('formatTitleColor')"
                             inputType="colorPicker"
                             [value]="chartTitleTypeColor"
                             (valueChange)="updateState(chartTitleTypeColorAction, $event)"
@@ -1222,12 +1291,12 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Legend"
+                [title]="messageFor('formatLegend')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
-                        <kendo-label [for]="toggleLegend" text="Show Legend"></kendo-label>
+                        <kendo-label [for]="toggleLegend" [text]="messageFor('formatLegendShowLegend')"></kendo-label>
                         <kendo-switch
                             #toggleLegend
                             onLabel="On"
@@ -1238,33 +1307,33 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                             (valueChange)="updateState(legendVisible, $event)"
                         ></kendo-switch>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Font"
+                            [text]="messageFor('formatLegendFont')"
                             inputType="comboBox"
                             [data]="fontNames"
                             [colSpan]="2"
-                            placeholder="(Inherited font)"
+                            [placeholder]="messageFor('formatLegendFontPlaceholder')"
                             [value]="parseFont(stateService.state.legend?.labels?.font).name"
                             (valueChange)="updateState(legendFontName, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Size"
+                            [text]="messageFor('formatLegendSize')"
                             inputType="comboBox"
                             [data]="fontSizes"
-                            placeholder="px"
+                            [placeholder]="messageFor('formatLegendSizePlaceholder')"
                             [value]="parseFont(stateService.state.legend?.labels?.font).size"
                             (valueChange)="updateState(legendFontSize, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Color"
+                            [text]="messageFor('formatLegendColor')"
                             inputType="colorPicker"
                             [value]="stateService.state.legend?.labels?.color"
                             (valueChange)="updateState(legendColor, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Position"
+                            [text]="messageFor('formatLegendPosition')"
                             inputType="dropDownList"
                             [colSpan]="2"
                             [data]="legendPositions"
@@ -1279,17 +1348,17 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Series"
+                [title]="messageFor('formatSeries')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <div class="k-form-field">
-                        <kendo-label [for]="seriesDropDown" class="k-form-label" text="Apply to"></kendo-label>
+                        <kendo-label [for]="seriesDropDown" class="k-form-label" [text]="messageFor('formatSeriesApplyTo')"></kendo-label>
                         <div class="k-form-field-wrap">
                             <kendo-dropdownlist
                                 #seriesDropDown
                                 [data]="seriesData"
-                                textField="name"
+                                textField="text"
                                 valueField="name"
                                 fillMode="outline"
                                 rounded="medium"
@@ -1301,7 +1370,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                     </div>
 
                     <kendo-chartwizard-property-pane-form-field
-                        text="Color"
+                        [text]="messageFor('formatSeriesColor')"
                         [value]="stateService.currentSeries?.color"
                         inputType="colorPicker"
                         [disabled]="stateService.currentSeries.name === defaultAllSeriesItem.name"
@@ -1309,7 +1378,7 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                     >
                     </kendo-chartwizard-property-pane-form-field>
                     <kendo-chartwizard-property-pane-form-field
-                        text="Show Labels"
+                        [text]="messageFor('formatSeriesShowLabels')"
                         [value]="showLabels"
                         [isLabelInsideFormFieldWrap]="true"
                         [colSpan]="2"
@@ -1323,43 +1392,43 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
         <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-3">
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                [title]="stateService.state.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
+                [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatXAxis') : messageFor('formatCategoryAxis')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Title</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatCategoryAxisTitle') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
                                 inputType="text"
                                 [hasLabel]="false"
                                 [colSpan]="2"
-                                placeholder="Axis Title"
+                                [placeholder]="messageFor('formatCategoryAxisTitlePlaceholder')"
                                 [value]="stateService.state.categoryAxis[0]?.title?.text || null"
                                 (valueChange)="updateState(categoryAxisTitleText, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatCategoryAxisTitleFont')"
                                 inputType="comboBox"
                                 [data]="fontNames"
                                 [colSpan]="2"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatCategoryAxisTitleFontPlaceholder')"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
                                 (valueChange)="updateState(categoryAxisTitleFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatCategoryAxisTitleSize')"
                                 inputType="comboBox"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatCategoryAxisTitleSizePlaceholder')"
                                 [data]="fontSizes"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
                                 (valueChange)="updateState(categoryAxisTitleFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatCategoryAxisTitleColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.categoryAxis[0]?.title?.color"
                                 (valueChange)="updateState(categoryAxisTitleColor, $event)"
@@ -1368,45 +1437,45 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                         </div>
                     </fieldset>
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Labels</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatCategoryAxisLabels') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatCategoryAxisLabelsFont')"
                                 inputType="comboBox"
                                 [data]="fontNames"
                                 [colSpan]="2"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatCategoryAxisLabelsFontPlaceholder')"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
                                 (valueChange)="updateState(categoryAxisLabelsFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatCategoryAxisLabelsSize')"
                                 inputType="comboBox"
                                 [data]="fontSizes"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatCategoryAxisLabelsSizePlaceholder')"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
                                 (valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatCategoryAxisLabelsColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.categoryAxis[0]?.labels?.color"
                                 (valueChange)="updateState(categoryAxisLabelsColor, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Rotation"
+                                [text]="messageFor('formatCategoryAxisLabelsRotation')"
                                 inputType="dropDownList"
-                                [data]="labelsRotation"
+                                [data]="labelsCategoryAxisRotation"
                                 [value]="stateService.state.categoryAxis[0]?.labels?.rotation"
                                 (valueChange)="updateState(categoryAxisLabelsRotation, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <span></span>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Reverse Order"
+                                [text]="messageFor('formatCategoryAxisLabelsReverseOrder')"
                                 [isLabelInsideFormFieldWrap]="true"
                                 inputType="checkbox"
                                 [colSpan]="2"
@@ -1422,43 +1491,43 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
         <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-4">
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                [title]="stateService.state.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
+                [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatYAxis') : messageFor('formatValueAxis')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Title</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatValueAxisTitle') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
                                 inputType="text"
                                 [hasLabel]="false"
                                 [colSpan]="2"
-                                placeholder="Axis Title"
+                                [placeholder]="messageFor('formatValueAxisTitlePlaceholder')"
                                 [value]="stateService.state.valueAxis[0]?.title?.text || null"
                                 (valueChange)="updateState(valueAxisTitleText, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatValueAxisTitleFont')"
                                 inputType="comboBox"
                                 [colSpan]="2"
                                 [data]="fontNames"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatValueAxisTitleFontPlaceholder')"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
                                 (valueChange)="updateState(valueAxisTitleFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatValueAxisTitleSize')"
                                 inputType="comboBox"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatValueAxisTitleSizePlaceholder')"
                                 [data]="fontSizes"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
                                 (valueChange)="updateState(valueAxisTitleFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatValueAxisTitleColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.valueAxis[0]?.title?.color"
                                 (valueChange)="updateState(valueAxisTitleColor, $event)"
@@ -1467,10 +1536,10 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                         </div>
                     </fieldset>
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Labels</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatValueAxisLabels') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
-                                text="Label Format"
+                                [text]="messageFor('formatValueAxisLabelsFormat')"
                                 [colSpan]="2"
                                 inputType="dropDownList"
                                 [data]="labelFormats"
@@ -1479,35 +1548,35 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatValueAxisLabelsFont')"
                                 inputType="comboBox"
                                 [data]="fontNames"
                                 [colSpan]="2"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatValueAxisLabelsFontPlaceholder')"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
                                 (valueChange)="updateState(valueAxisLabelsFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatValueAxisLabelsSize')"
                                 inputType="comboBox"
                                 [data]="fontSizes"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatValueAxisLabelsSizePlaceholder')"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
                                 (valueChange)="updateState(valueAxisLabelsFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatValueAxisLabelsColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.valueAxis[0]?.labels?.color"
                                 (valueChange)="updateState(valueAxisLabelsColor, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Rotation"
+                                [text]="messageFor('formatValueAxisLabelsRotation')"
                                 inputType="dropDownList"
-                                [data]="labelsRotation"
+                                [data]="labelsValueAxisRotation"
                                 [value]="stateService.state.valueAxis[0]?.labels?.rotation"
                                 (valueChange)="updateState(valueAxisLabelsRotation, $event)"
                             >
@@ -1527,38 +1596,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Chart Area"
+                [title]="messageFor('formatChartArea')"
                 [expanded]="true"
                 [attr.dir]="stateService.direction"
             >
                 <form class="k-form k-form-md">
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Margins</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatChartAreaMargins') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
-                                text="Left"
+                                [text]="messageFor('formatChartAreaMarginsLeft')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).left"
                                 (valueChange)="updateState(areaMarginLeft, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Right"
+                                [text]="messageFor('formatChartAreaMarginsRight')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).right"
                                 (valueChange)="updateState(areaMarginRight, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Top"
+                                [text]="messageFor('formatChartAreaMarginsTop')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).top"
                                 (valueChange)="updateState(areaMarginTop, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Bottom"
+                                [text]="messageFor('formatChartAreaMarginsBottom')"
                                 inputType="numeric"
+                                [placeholder]="messageFor('formatChartAreaMarginsAuto')"
                                 [value]="$any(stateService.state.area.margin).bottom"
                                 (valueChange)="updateState(areaMarginBottom, $event)"
                             >
@@ -1566,9 +1639,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         </div>
                     </fieldset>
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Background</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatChartAreaBackground') }}</legend>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Color"
+                            [text]="messageFor('formatChartAreaBackgroundColor')"
                             inputType="colorPicker"
                             [value]="stateService.state.area?.background"
                             (valueChange)="updateState(areaBackground, $event)"
@@ -1581,13 +1654,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Title"
+                [title]="messageFor('formatTitle')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                         <kendo-chartwizard-property-pane-form-field
-                            text="Apply to"
+                            [text]="messageFor('formatTitleApplyTo')"
                             inputType="dropDownList"
                             [data]="chartTitles"
                             [colSpan]="2"
@@ -1596,7 +1669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Title"
+                            [text]="messageFor('formatTitleLabel')"
                             inputType="text"
                             [colSpan]="2"
                             [value]="chartTitleTypeText"
@@ -1604,26 +1677,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Font"
+                            [text]="messageFor('formatTitleFont')"
                             inputType="comboBox"
                             [data]="fontNames"
                             [colSpan]="2"
                             [value]="chartTitleTypeFont"
-                            placeholder="(Inherited font)"
+                            [placeholder]="messageFor('formatTitleFontPlaceholder')"
                             (valueChange)="updateState(chartTitleTypeFontAction, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Size"
+                            [text]="messageFor('formatTitleSize')"
                             inputType="comboBox"
-                            placeholder="px"
+                            [placeholder]="messageFor('formatTitleSizePlaceholder')"
                             [data]="fontSizes"
                             [value]="chartTitleTypeFontSize"
                             (valueChange)="updateState(chartTitleTypeFontSizeAction, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Color"
+                            [text]="messageFor('formatTitleColor')"
                             inputType="colorPicker"
                             [value]="chartTitleTypeColor"
                             (valueChange)="updateState(chartTitleTypeColorAction, $event)"
@@ -1636,12 +1709,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Legend"
+                [title]="messageFor('formatLegend')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
-                        <kendo-label [for]="toggleLegend" text="Show Legend"></kendo-label>
+                        <kendo-label [for]="toggleLegend" [text]="messageFor('formatLegendShowLegend')"></kendo-label>
                         <kendo-switch
                             #toggleLegend
                             onLabel="On"
@@ -1652,33 +1725,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             (valueChange)="updateState(legendVisible, $event)"
                         ></kendo-switch>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Font"
+                            [text]="messageFor('formatLegendFont')"
                             inputType="comboBox"
                             [data]="fontNames"
                             [colSpan]="2"
-                            placeholder="(Inherited font)"
+                            [placeholder]="messageFor('formatLegendFontPlaceholder')"
                             [value]="parseFont(stateService.state.legend?.labels?.font).name"
                             (valueChange)="updateState(legendFontName, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Size"
+                            [text]="messageFor('formatLegendSize')"
                             inputType="comboBox"
                             [data]="fontSizes"
-                            placeholder="px"
+                            [placeholder]="messageFor('formatLegendSizePlaceholder')"
                             [value]="parseFont(stateService.state.legend?.labels?.font).size"
                             (valueChange)="updateState(legendFontSize, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Color"
+                            [text]="messageFor('formatLegendColor')"
                             inputType="colorPicker"
                             [value]="stateService.state.legend?.labels?.color"
                             (valueChange)="updateState(legendColor, $event)"
                         >
                         </kendo-chartwizard-property-pane-form-field>
                         <kendo-chartwizard-property-pane-form-field
-                            text="Position"
+                            [text]="messageFor('formatLegendPosition')"
                             inputType="dropDownList"
                             [colSpan]="2"
                             [data]="legendPositions"
@@ -1693,17 +1766,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                title="Series"
+                [title]="messageFor('formatSeries')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <div class="k-form-field">
-                        <kendo-label [for]="seriesDropDown" class="k-form-label" text="Apply to"></kendo-label>
+                        <kendo-label [for]="seriesDropDown" class="k-form-label" [text]="messageFor('formatSeriesApplyTo')"></kendo-label>
                         <div class="k-form-field-wrap">
                             <kendo-dropdownlist
                                 #seriesDropDown
                                 [data]="seriesData"
-                                textField="name"
+                                textField="text"
                                 valueField="name"
                                 fillMode="outline"
                                 rounded="medium"
@@ -1715,7 +1788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     </div>
 
                     <kendo-chartwizard-property-pane-form-field
-                        text="Color"
+                        [text]="messageFor('formatSeriesColor')"
                         [value]="stateService.currentSeries?.color"
                         inputType="colorPicker"
                         [disabled]="stateService.currentSeries.name === defaultAllSeriesItem.name"
@@ -1723,7 +1796,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     >
                     </kendo-chartwizard-property-pane-form-field>
                     <kendo-chartwizard-property-pane-form-field
-                        text="Show Labels"
+                        [text]="messageFor('formatSeriesShowLabels')"
                         [value]="showLabels"
                         [isLabelInsideFormFieldWrap]="true"
                         [colSpan]="2"
@@ -1737,43 +1810,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-3">
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                [title]="stateService.state.seriesType === 'scatter' ? 'X Axis' : 'Category axis'"
+                [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatXAxis') : messageFor('formatCategoryAxis')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Title</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatCategoryAxisTitle') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
                                 inputType="text"
                                 [hasLabel]="false"
                                 [colSpan]="2"
-                                placeholder="Axis Title"
+                                [placeholder]="messageFor('formatCategoryAxisTitlePlaceholder')"
                                 [value]="stateService.state.categoryAxis[0]?.title?.text || null"
                                 (valueChange)="updateState(categoryAxisTitleText, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatCategoryAxisTitleFont')"
                                 inputType="comboBox"
                                 [data]="fontNames"
                                 [colSpan]="2"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatCategoryAxisTitleFontPlaceholder')"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).name"
                                 (valueChange)="updateState(categoryAxisTitleFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatCategoryAxisTitleSize')"
                                 inputType="comboBox"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatCategoryAxisTitleSizePlaceholder')"
                                 [data]="fontSizes"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.title?.font).size"
                                 (valueChange)="updateState(categoryAxisTitleFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatCategoryAxisTitleColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.categoryAxis[0]?.title?.color"
                                 (valueChange)="updateState(categoryAxisTitleColor, $event)"
@@ -1782,45 +1855,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         </div>
                     </fieldset>
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Labels</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatCategoryAxisLabels') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatCategoryAxisLabelsFont')"
                                 inputType="comboBox"
                                 [data]="fontNames"
                                 [colSpan]="2"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatCategoryAxisLabelsFontPlaceholder')"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).name"
                                 (valueChange)="updateState(categoryAxisLabelsFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatCategoryAxisLabelsSize')"
                                 inputType="comboBox"
                                 [data]="fontSizes"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatCategoryAxisLabelsSizePlaceholder')"
                                 [value]="parseFont(stateService.state.categoryAxis[0]?.labels?.font).size"
                                 (valueChange)="updateState(categoryAxisLabelsFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatCategoryAxisLabelsColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.categoryAxis[0]?.labels?.color"
                                 (valueChange)="updateState(categoryAxisLabelsColor, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Rotation"
+                                [text]="messageFor('formatCategoryAxisLabelsRotation')"
                                 inputType="dropDownList"
-                                [data]="labelsRotation"
+                                [data]="labelsCategoryAxisRotation"
                                 [value]="stateService.state.categoryAxis[0]?.labels?.rotation"
                                 (valueChange)="updateState(categoryAxisLabelsRotation, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <span></span>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Reverse Order"
+                                [text]="messageFor('formatCategoryAxisLabelsReverseOrder')"
                                 [isLabelInsideFormFieldWrap]="true"
                                 inputType="checkbox"
                                 [colSpan]="2"
@@ -1836,43 +1909,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <section *ngIf="stateService.state.seriesType !== 'pie'" class="k-row-start-1 k-row-end-3 k-col-start-4">
             <kendo-expansionpanel
                 [style.max-width.px]="576"
-                [title]="stateService.state.seriesType === 'scatter' ? 'Y Axis' : 'Value axis'"
+                [title]="stateService.state.seriesType === 'scatter' ? messageFor('formatYAxis') : messageFor('formatValueAxis')"
                 [expanded]="true"
             >
                 <form class="k-form k-form-md">
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Title</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatValueAxisTitle') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
                                 inputType="text"
                                 [hasLabel]="false"
                                 [colSpan]="2"
-                                placeholder="Axis Title"
+                                [placeholder]="messageFor('formatValueAxisTitlePlaceholder')"
                                 [value]="stateService.state.valueAxis[0]?.title?.text || null"
                                 (valueChange)="updateState(valueAxisTitleText, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatValueAxisTitleFont')"
                                 inputType="comboBox"
                                 [colSpan]="2"
                                 [data]="fontNames"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatValueAxisTitleFontPlaceholder')"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).name"
                                 (valueChange)="updateState(valueAxisTitleFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatValueAxisTitleSize')"
                                 inputType="comboBox"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatValueAxisTitleSizePlaceholder')"
                                 [data]="fontSizes"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.title?.font).size"
                                 (valueChange)="updateState(valueAxisTitleFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatValueAxisTitleColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.valueAxis[0]?.title?.color"
                                 (valueChange)="updateState(valueAxisTitleColor, $event)"
@@ -1881,10 +1954,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         </div>
                     </fieldset>
                     <fieldset class="k-form-fieldset">
-                        <legend class="k-form-legend">Labels</legend>
+                        <legend class="k-form-legend">{{ messageFor('formatValueAxisLabels') }}</legend>
                         <div class="k-form-layout k-d-grid k-grid-cols-2 k-gap-x-4">
                             <kendo-chartwizard-property-pane-form-field
-                                text="Label Format"
+                                [text]="messageFor('formatValueAxisLabelsFormat')"
                                 [colSpan]="2"
                                 inputType="dropDownList"
                                 [data]="labelFormats"
@@ -1893,35 +1966,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Font"
+                                [text]="messageFor('formatValueAxisLabelsFont')"
                                 inputType="comboBox"
                                 [data]="fontNames"
                                 [colSpan]="2"
-                                placeholder="(Inherited font)"
+                                [placeholder]="messageFor('formatValueAxisLabelsFontPlaceholder')"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).name"
                                 (valueChange)="updateState(valueAxisLabelsFontName, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Size"
+                                [text]="messageFor('formatValueAxisLabelsSize')"
                                 inputType="comboBox"
                                 [data]="fontSizes"
-                                placeholder="px"
+                                [placeholder]="messageFor('formatValueAxisLabelsSizePlaceholder')"
                                 [value]="parseFont(stateService.state.valueAxis[0]?.labels?.font).size"
                                 (valueChange)="updateState(valueAxisLabelsFontSize, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Color"
+                                [text]="messageFor('formatValueAxisLabelsColor')"
                                 inputType="colorPicker"
                                 [value]="stateService.state.valueAxis[0]?.labels?.color"
                                 (valueChange)="updateState(valueAxisLabelsColor, $event)"
                             >
                             </kendo-chartwizard-property-pane-form-field>
                             <kendo-chartwizard-property-pane-form-field
-                                text="Rotation"
+                                [text]="messageFor('formatValueAxisLabelsRotation')"
                                 inputType="dropDownList"
-                                [data]="labelsRotation"
+                                [data]="labelsValueAxisRotation"
                                 [value]="stateService.state.valueAxis[0]?.labels?.rotation"
                                 (valueChange)="updateState(valueAxisLabelsRotation, $event)"
                             >
@@ -1942,7 +2015,263 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         NgIf
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: StateService }, { type: i2$1.LocalizationService }, { type: i0.ChangeDetectorRef }]; } });
+        }], ctorParameters: function () { return [{ type: StateService }, { type: ChartWizardLocalizationService }, { type: i0.ChangeDetectorRef }]; } });
+
+/**
+ * @hidden
+ */
+class Messages extends ComponentMessages {
+}
+Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "[kendoChartWizardMessages]", inputs: { windowTitle: "windowTitle", exportButton: "exportButton", exportPDFButton: "exportPDFButton", exportSVGButton: "exportSVGButton", exportPNGButton: "exportPNGButton", tabChart: "tabChart", tabData: "tabData", tabFormat: "tabFormat", barChart: "barChart", barChartBar: "barChartBar", barChartStackedBar: "barChartStackedBar", barChart100StackedBar: "barChart100StackedBar", pieChart: "pieChart", pieChartPie: "pieChartPie", columnChart: "columnChart", columnChartColumn: "columnChartColumn", columnChartStackedColumn: "columnChartStackedColumn", columnChart100StackedColumn: "columnChart100StackedColumn", lineChart: "lineChart", lineChartLine: "lineChartLine", lineChartStackedLine: "lineChartStackedLine", lineChart100StackedLine: "lineChart100StackedLine", scatterChart: "scatterChart", scatterChartScatter: "scatterChartScatter", configuration: "configuration", configurationCategoryAxis: "configurationCategoryAxis", configurationXAxis: "configurationXAxis", configurationValueAxis: "configurationValueAxis", configurationSeries: "configurationSeries", configurationSeriesAdd: "configurationSeriesAdd", formatChartArea: "formatChartArea", formatChartAreaMargins: "formatChartAreaMargins", formatChartAreaMarginsAuto: "formatChartAreaMarginsAuto", formatChartAreaMarginsLeft: "formatChartAreaMarginsLeft", formatChartAreaMarginsRight: "formatChartAreaMarginsRight", formatChartAreaMarginsTop: "formatChartAreaMarginsTop", formatChartAreaMarginsBottom: "formatChartAreaMarginsBottom", formatChartAreaBackground: "formatChartAreaBackground", formatChartAreaBackgroundColor: "formatChartAreaBackgroundColor", formatTitle: "formatTitle", formatTitleApplyTo: "formatTitleApplyTo", formatTitleChartTitle: "formatTitleChartTitle", formatTitleChartSubtitle: "formatTitleChartSubtitle", formatTitleLabel: "formatTitleLabel", formatTitleFont: "formatTitleFont", formatTitleFontPlaceholder: "formatTitleFontPlaceholder", formatTitleSize: "formatTitleSize", formatTitleSizePlaceholder: "formatTitleSizePlaceholder", formatTitleColor: "formatTitleColor", formatSeries: "formatSeries", formatSeriesApplyTo: "formatSeriesApplyTo", formatSeriesAllSeries: "formatSeriesAllSeries", formatSeriesColor: "formatSeriesColor", formatSeriesShowLabels: "formatSeriesShowLabels", formatLegend: "formatLegend", formatLegendShowLegend: "formatLegendShowLegend", formatLegendFont: "formatLegendFont", formatLegendFontPlaceholder: "formatLegendFontPlaceholder", formatLegendSize: "formatLegendSize", formatLegendSizePlaceholder: "formatLegendSizePlaceholder", formatLegendColor: "formatLegendColor", formatLegendPosition: "formatLegendPosition", formatLegendPositionTop: "formatLegendPositionTop", formatLegendPositionBottom: "formatLegendPositionBottom", formatLegendPositionLeft: "formatLegendPositionLeft", formatLegendPositionRight: "formatLegendPositionRight", formatCategoryAxis: "formatCategoryAxis", formatXAxis: "formatXAxis", formatCategoryAxisTitle: "formatCategoryAxisTitle", formatCategoryAxisTitlePlaceholder: "formatCategoryAxisTitlePlaceholder", formatCategoryAxisTitleFont: "formatCategoryAxisTitleFont", formatCategoryAxisTitleFontPlaceholder: "formatCategoryAxisTitleFontPlaceholder", formatCategoryAxisTitleSize: "formatCategoryAxisTitleSize", formatCategoryAxisTitleSizePlaceholder: "formatCategoryAxisTitleSizePlaceholder", formatCategoryAxisTitleColor: "formatCategoryAxisTitleColor", formatCategoryAxisLabels: "formatCategoryAxisLabels", formatCategoryAxisLabelsFont: "formatCategoryAxisLabelsFont", formatCategoryAxisLabelsFontPlaceholder: "formatCategoryAxisLabelsFontPlaceholder", formatCategoryAxisLabelsSize: "formatCategoryAxisLabelsSize", formatCategoryAxisLabelsSizePlaceholder: "formatCategoryAxisLabelsSizePlaceholder", formatCategoryAxisLabelsColor: "formatCategoryAxisLabelsColor", formatCategoryAxisLabelsRotation: "formatCategoryAxisLabelsRotation", formatCategoryAxisLabelsRotationAuto: "formatCategoryAxisLabelsRotationAuto", formatCategoryAxisLabelsReverseOrder: "formatCategoryAxisLabelsReverseOrder", formatValueAxis: "formatValueAxis", formatYAxis: "formatYAxis", formatValueAxisTitle: "formatValueAxisTitle", formatValueAxisTitlePlaceholder: "formatValueAxisTitlePlaceholder", formatValueAxisTitleFont: "formatValueAxisTitleFont", formatValueAxisTitleFontPlaceholder: "formatValueAxisTitleFontPlaceholder", formatValueAxisTitleSize: "formatValueAxisTitleSize", formatValueAxisTitleSizePlaceholder: "formatValueAxisTitleSizePlaceholder", formatValueAxisTitleColor: "formatValueAxisTitleColor", formatValueAxisLabels: "formatValueAxisLabels", formatValueAxisLabelsFormat: "formatValueAxisLabelsFormat", formatValueAxisLabelsFormatText: "formatValueAxisLabelsFormatText", formatValueAxisLabelsFormatNumber: "formatValueAxisLabelsFormatNumber", formatValueAxisLabelsFormatCurrency: "formatValueAxisLabelsFormatCurrency", formatValueAxisLabelsFormatPercent: "formatValueAxisLabelsFormatPercent", formatValueAxisLabelsFont: "formatValueAxisLabelsFont", formatValueAxisLabelsFontPlaceholder: "formatValueAxisLabelsFontPlaceholder", formatValueAxisLabelsSize: "formatValueAxisLabelsSize", formatValueAxisLabelsSizePlaceholder: "formatValueAxisLabelsSizePlaceholder", formatValueAxisLabelsColor: "formatValueAxisLabelsColor", formatValueAxisLabelsRotation: "formatValueAxisLabelsRotation", formatValueAxisLabelsRotationAuto: "formatValueAxisLabelsRotationAuto" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChartWizardMessages]'
+                }]
+        }], propDecorators: { windowTitle: [{
+                type: Input
+            }], exportButton: [{
+                type: Input
+            }], exportPDFButton: [{
+                type: Input
+            }], exportSVGButton: [{
+                type: Input
+            }], exportPNGButton: [{
+                type: Input
+            }], tabChart: [{
+                type: Input
+            }], tabData: [{
+                type: Input
+            }], tabFormat: [{
+                type: Input
+            }], barChart: [{
+                type: Input
+            }], barChartBar: [{
+                type: Input
+            }], barChartStackedBar: [{
+                type: Input
+            }], barChart100StackedBar: [{
+                type: Input
+            }], pieChart: [{
+                type: Input
+            }], pieChartPie: [{
+                type: Input
+            }], columnChart: [{
+                type: Input
+            }], columnChartColumn: [{
+                type: Input
+            }], columnChartStackedColumn: [{
+                type: Input
+            }], columnChart100StackedColumn: [{
+                type: Input
+            }], lineChart: [{
+                type: Input
+            }], lineChartLine: [{
+                type: Input
+            }], lineChartStackedLine: [{
+                type: Input
+            }], lineChart100StackedLine: [{
+                type: Input
+            }], scatterChart: [{
+                type: Input
+            }], scatterChartScatter: [{
+                type: Input
+            }], configuration: [{
+                type: Input
+            }], configurationCategoryAxis: [{
+                type: Input
+            }], configurationXAxis: [{
+                type: Input
+            }], configurationValueAxis: [{
+                type: Input
+            }], configurationSeries: [{
+                type: Input
+            }], configurationSeriesAdd: [{
+                type: Input
+            }], formatChartArea: [{
+                type: Input
+            }], formatChartAreaMargins: [{
+                type: Input
+            }], formatChartAreaMarginsAuto: [{
+                type: Input
+            }], formatChartAreaMarginsLeft: [{
+                type: Input
+            }], formatChartAreaMarginsRight: [{
+                type: Input
+            }], formatChartAreaMarginsTop: [{
+                type: Input
+            }], formatChartAreaMarginsBottom: [{
+                type: Input
+            }], formatChartAreaBackground: [{
+                type: Input
+            }], formatChartAreaBackgroundColor: [{
+                type: Input
+            }], formatTitle: [{
+                type: Input
+            }], formatTitleApplyTo: [{
+                type: Input
+            }], formatTitleChartTitle: [{
+                type: Input
+            }], formatTitleChartSubtitle: [{
+                type: Input
+            }], formatTitleLabel: [{
+                type: Input
+            }], formatTitleFont: [{
+                type: Input
+            }], formatTitleFontPlaceholder: [{
+                type: Input
+            }], formatTitleSize: [{
+                type: Input
+            }], formatTitleSizePlaceholder: [{
+                type: Input
+            }], formatTitleColor: [{
+                type: Input
+            }], formatSeries: [{
+                type: Input
+            }], formatSeriesApplyTo: [{
+                type: Input
+            }], formatSeriesAllSeries: [{
+                type: Input
+            }], formatSeriesColor: [{
+                type: Input
+            }], formatSeriesShowLabels: [{
+                type: Input
+            }], formatLegend: [{
+                type: Input
+            }], formatLegendShowLegend: [{
+                type: Input
+            }], formatLegendFont: [{
+                type: Input
+            }], formatLegendFontPlaceholder: [{
+                type: Input
+            }], formatLegendSize: [{
+                type: Input
+            }], formatLegendSizePlaceholder: [{
+                type: Input
+            }], formatLegendColor: [{
+                type: Input
+            }], formatLegendPosition: [{
+                type: Input
+            }], formatLegendPositionTop: [{
+                type: Input
+            }], formatLegendPositionBottom: [{
+                type: Input
+            }], formatLegendPositionLeft: [{
+                type: Input
+            }], formatLegendPositionRight: [{
+                type: Input
+            }], formatCategoryAxis: [{
+                type: Input
+            }], formatXAxis: [{
+                type: Input
+            }], formatCategoryAxisTitle: [{
+                type: Input
+            }], formatCategoryAxisTitlePlaceholder: [{
+                type: Input
+            }], formatCategoryAxisTitleFont: [{
+                type: Input
+            }], formatCategoryAxisTitleFontPlaceholder: [{
+                type: Input
+            }], formatCategoryAxisTitleSize: [{
+                type: Input
+            }], formatCategoryAxisTitleSizePlaceholder: [{
+                type: Input
+            }], formatCategoryAxisTitleColor: [{
+                type: Input
+            }], formatCategoryAxisLabels: [{
+                type: Input
+            }], formatCategoryAxisLabelsFont: [{
+                type: Input
+            }], formatCategoryAxisLabelsFontPlaceholder: [{
+                type: Input
+            }], formatCategoryAxisLabelsSize: [{
+                type: Input
+            }], formatCategoryAxisLabelsSizePlaceholder: [{
+                type: Input
+            }], formatCategoryAxisLabelsColor: [{
+                type: Input
+            }], formatCategoryAxisLabelsRotation: [{
+                type: Input
+            }], formatCategoryAxisLabelsRotationAuto: [{
+                type: Input
+            }], formatCategoryAxisLabelsReverseOrder: [{
+                type: Input
+            }], formatValueAxis: [{
+                type: Input
+            }], formatYAxis: [{
+                type: Input
+            }], formatValueAxisTitle: [{
+                type: Input
+            }], formatValueAxisTitlePlaceholder: [{
+                type: Input
+            }], formatValueAxisTitleFont: [{
+                type: Input
+            }], formatValueAxisTitleFontPlaceholder: [{
+                type: Input
+            }], formatValueAxisTitleSize: [{
+                type: Input
+            }], formatValueAxisTitleSizePlaceholder: [{
+                type: Input
+            }], formatValueAxisTitleColor: [{
+                type: Input
+            }], formatValueAxisLabels: [{
+                type: Input
+            }], formatValueAxisLabelsFormat: [{
+                type: Input
+            }], formatValueAxisLabelsFormatText: [{
+                type: Input
+            }], formatValueAxisLabelsFormatNumber: [{
+                type: Input
+            }], formatValueAxisLabelsFormatCurrency: [{
+                type: Input
+            }], formatValueAxisLabelsFormatPercent: [{
+                type: Input
+            }], formatValueAxisLabelsFont: [{
+                type: Input
+            }], formatValueAxisLabelsFontPlaceholder: [{
+                type: Input
+            }], formatValueAxisLabelsSize: [{
+                type: Input
+            }], formatValueAxisLabelsSizePlaceholder: [{
+                type: Input
+            }], formatValueAxisLabelsColor: [{
+                type: Input
+            }], formatValueAxisLabelsRotation: [{
+                type: Input
+            }], formatValueAxisLabelsRotationAuto: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChartWizardLocalizedMessages]", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoChartWizardLocalizedMessages]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 /**
  * Represents the Kendo UI for Angular Chart Wizard component.
@@ -1956,6 +2285,15 @@ class ChartWizardComponent {
     constructor(localization, stateService) {
         this.localization = localization;
         this.stateService = stateService;
+        /**
+         * Specifies if the configuration pane is initially collapsed.
+         * @default false
+         */
+        this.collapsedConfigurationPane = false;
+        /**
+         * The settings of the window.
+         */
+        this.windowSettings = {};
         /**
          * @hidden
          */
@@ -1967,20 +2305,7 @@ class ChartWizardComponent {
         /**
          * @hidden
          */
-        this.exportDropdownItems = [
-            {
-                text: 'PDF File',
-                svgIcon: filePdfIcon,
-            },
-            {
-                text: 'SVG File',
-                svgIcon: fileIcon,
-            },
-            {
-                text: 'PNG File',
-                svgIcon: fileImageIcon,
-            },
-        ];
+        this.exportDropdownItems = [];
         /**
          * Fires when the Chart Wizard Window is to be close.
          */
@@ -1989,6 +2314,10 @@ class ChartWizardComponent {
          * Fires when the Chart is about to be exported. The event is preventable.
          */
         this.export = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.messages = ChartWizardCommon.messages;
         this.subscription = new Subscription();
         const isValid = validatePackage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
@@ -2000,6 +2329,20 @@ class ChartWizardComponent {
     ngAfterViewInit() {
         this.subscription.add(this.localization.changes.subscribe(({ rtl }) => {
             this.stateService.direction = rtl ? 'rtl' : 'ltr';
+            this.exportDropdownItems = [
+                {
+                    text: this.messageFor('exportPDFButton'),
+                    svgIcon: filePdfIcon,
+                },
+                {
+                    text: this.messageFor('exportSVGButton'),
+                    svgIcon: fileIcon,
+                },
+                {
+                    text: this.messageFor('exportPNGButton'),
+                    svgIcon: fileImageIcon,
+                },
+            ];
         }));
         this.stateService.dataTab = this.dataTab;
     }
@@ -2066,26 +2409,366 @@ class ChartWizardComponent {
                 break;
         }
     }
+    /**
+     * @hidden
+     */
+    get windowWidth() {
+        var _a;
+        return isPresent((_a = this.windowSettings) === null || _a === void 0 ? void 0 : _a.width) ? this.windowSettings.width : this.stateService.windowSize.width;
+    }
+    /**
+     * @hidden
+     */
+    get windowHeight() {
+        var _a;
+        return isPresent((_a = this.windowSettings) === null || _a === void 0 ? void 0 : _a.height) ? this.windowSettings.height : this.stateService.windowSize.height;
+    }
 }
-ChartWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i2$1.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
-ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardComponent, isStandalone: true, selector: "kendo-chartwizard", inputs: { data: "data", defaultState: "defaultState", exportOptions: "exportOptions" }, outputs: { close: "close", export: "export" }, host: { properties: { "attr.dir": "this.dir" } }, providers: [
+ChartWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
+ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
             useValue: 'kendo.chartwizard',
         },
+        ChartWizardLocalizationService,
+        {
+            provide: LocalizationService,
+            useExisting: ChartWizardLocalizationService
+        },
         StateService
     ], 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: `
         <ng-container
             kendoChartWizardLocalizedMessages
-            i18n-sampleMessage="kendo.chartwizard.sampleMessage|Sample description"
-            sampleMessage="foo"
+
+            i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
+            [windowTitle]="messages.windowTitle"
+
+            i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
+            [exportButton]="messages.exportButton"
+
+            i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
+            [exportPDFButton]="messages.exportPDFButton"
+
+            i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
+            [exportSVGButton]="messages.exportSVGButton"
+
+            i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
+            [exportPNGButton]="messages.exportPNGButton"
+
+            i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
+            [tabChart]="messages.tabChart"
+
+            i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
+            [tabData]="messages.tabData"
+
+            i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
+            [tabFormat]="messages.tabFormat"
+
+            i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
+            [barChart]="messages.barChart"
+
+            i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
+            [barChartBar]="messages.barChartBar"
+
+            i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
+            [barChartStackedBar]="messages.barChartStackedBar"
+
+            i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
+            [barChart100StackedBar]="messages.barChart100StackedBar"
+
+            i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
+            [pieChart]="messages.pieChart"
+
+            i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
+            [pieChartPie]="messages.pieChartPie"
+
+            i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
+            [columnChart]="messages.columnChart"
+
+            i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
+            [columnChartColumn]="messages.columnChartColumn"
+
+            i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
+            [columnChartStackedColumn]="messages.columnChartStackedColumn"
+
+            i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
+            [columnChart100StackedColumn]="messages.columnChart100StackedColumn"
+
+            i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
+            [lineChart]="messages.lineChart"
+
+            i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
+            [lineChartLine]="messages.lineChartLine"
+
+            i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
+            [lineChartStackedLine]="messages.lineChartStackedLine"
+
+            i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
+            [lineChart100StackedLine]="messages.lineChart100StackedLine"
+
+            i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
+            [scatterChart]="messages.scatterChart"
+
+            i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
+            [scatterChartScatter]="messages.scatterChartScatter"
+
+            i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
+            [configuration]="messages.configuration"
+
+            i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
+            [configurationCategoryAxis]="messages.configurationCategoryAxis"
+
+            i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
+            [configurationXAxis]="messages.configurationXAxis"
+
+            i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
+            [configurationValueAxis]="messages.configurationValueAxis"
+
+            i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
+            [configurationSeries]="messages.configurationSeries"
+
+            i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
+            [configurationSeriesAdd]="messages.configurationSeriesAdd"
+
+            i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
+            [formatChartArea]="messages.formatChartArea"
+
+            i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
+            [formatChartAreaMargins]="messages.formatChartAreaMargins"
+
+            i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
+            [formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
+
+            i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
+            [formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
+
+            i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
+            [formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
+
+            i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
+            [formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
+
+            i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
+            [formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
+
+            i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
+            [formatChartAreaBackground]="messages.formatChartAreaBackground"
+
+            i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
+            [formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
+
+            i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
+            [formatTitle]="messages.formatTitle"
+
+            i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
+            [formatTitleApplyTo]="messages.formatTitleApplyTo"
+
+            i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
+            [formatTitleChartTitle]="messages.formatTitleChartTitle"
+
+            i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
+            [formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
+
+            i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
+            [formatTitleLabel]="messages.formatTitleLabel"
+
+            i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
+            [formatTitleFont]="messages.formatTitleFont"
+
+            i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
+            [formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
+
+            i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
+            [formatTitleSize]="messages.formatTitleSize"
+
+            i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
+            [formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
+
+            i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
+            [formatTitleColor]="messages.formatTitleColor"
+
+            i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
+            [formatSeries]="messages.formatSeries"
+
+            i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
+            [formatSeriesApplyTo]="messages.formatSeriesApplyTo"
+
+            i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
+            [formatSeriesAllSeries]="messages.formatSeriesAllSeries"
+
+            i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
+            [formatSeriesColor]="messages.formatSeriesColor"
+
+            i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
+            [formatSeriesShowLabels]="messages.formatSeriesShowLabels"
+
+            i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
+            [formatLegend]="messages.formatLegend"
+
+            i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
+            [formatLegendShowLegend]="messages.formatLegendShowLegend"
+
+            i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
+            [formatLegendFont]="messages.formatLegendFont"
+
+            i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
+            [formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
+
+            i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
+            [formatLegendSize]="messages.formatLegendSize"
+
+            i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
+            [formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
+
+            i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
+            [formatLegendColor]="messages.formatLegendColor"
+
+            i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
+            [formatLegendPosition]="messages.formatLegendPosition"
+
+            i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
+            [formatLegendPositionTop]="messages.formatLegendPositionTop"
+
+            i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
+            [formatLegendPositionBottom]="messages.formatLegendPositionBottom"
+
+            i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
+            [formatLegendPositionLeft]="messages.formatLegendPositionLeft"
+
+            i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
+            [formatLegendPositionRight]="messages.formatLegendPositionRight"
+
+            i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
+            [formatCategoryAxis]="messages.formatCategoryAxis"
+
+            i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
+            [formatXAxis]="messages.formatXAxis"
+
+            i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
+            [formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
+
+            i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
+            [formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
+
+            i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
+
+            i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
+
+            i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
+
+            i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
+
+            i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
+
+            i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
+            [formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
+
+            i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
+
+            i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
+
+            i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
+
+            i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
+
+            i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
+
+            i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
+
+            i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
+
+            i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
+
+            i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
+            [formatValueAxis]="messages.formatValueAxis"
+
+            i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
+            [formatYAxis]="messages.formatYAxis"
+
+            i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
+            [formatValueAxisTitle]="messages.formatValueAxisTitle"
+
+            i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
+            [formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
+
+            i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
+            [formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
+
+            i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
+            [formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
+
+            i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
+            [formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
+
+            i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
+            [formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
+
+            i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
+            [formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
+
+            i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabels]="messages.formatValueAxisLabels"
+
+            i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
+
+            i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
+
+            i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
+
+            i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
+
+            i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
+
+            i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
+
+            i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
+
+            i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
+
+            i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
+
+            i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
+
+            i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
+
+            i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
+
         ></ng-container>
+        <div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
         <kendo-window
             class="k-chart-wizard"
-            title="Chart Wizard"
-            [width]="stateService.windowSize.width"
-            [height]="stateService.windowSize.height"
+            [title]="messageFor('windowTitle')"
+            [width]="windowWidth"
+            [height]="windowHeight"
+            [minWidth]="windowSettings?.minWidth"
+            [minHeight]="windowSettings?.minHeight"
+            [state]="windowSettings?.state"
             [resizable]="true"
             (close)="close.emit()"
         >
@@ -2099,7 +2782,7 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                             fillMode="flat"
                             (itemClick)="onExport($event)"
                         >
-                            Export
+                            {{ messageFor('exportButton') }}
                         </kendo-dropdownbutton>
                     </div>
                     <div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
@@ -2178,20 +2861,20 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                         </kendo-chart>
                     </div>
                 </kendo-splitter-pane>
-                <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
+                <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
                     <kendo-tabstrip [keepTabContent]="true">
-                        <kendo-tabstrip-tab title="Chart" [selected]="true">
+                        <kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
                             <ng-template kendoTabContent>
                                 <kendo-chartwizard-property-pane-chart-tab>
                                 </kendo-chartwizard-property-pane-chart-tab>
                             </ng-template>
                         </kendo-tabstrip-tab>
-                        <kendo-tabstrip-tab title="Data">
+                        <kendo-tabstrip-tab [title]="messageFor('tabData')">
                             <ng-template kendoTabContent>
                                 <kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
                             </ng-template>
                         </kendo-tabstrip-tab>
-                        <kendo-tabstrip-tab title="Format">
+                        <kendo-tabstrip-tab [title]="messageFor('tabFormat')">
                             <ng-template kendoTabContent>
                                 <kendo-chartwizard-property-pane-format-tab>
                                 </kendo-chartwizard-property-pane-format-tab>
@@ -2202,10 +2885,21 @@ ChartWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </kendo-splitter>
             <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
         </kendo-window>
-    `, 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"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "separatorLabel", "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", "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", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, 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"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "separatorLabel", "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", "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", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: ChartWizardPropertyPaneChartTabComponent, selector: "kendo-chartwizard-property-pane-chart-tab" }, { kind: "component", type: ChartWizardPropertyPaneFormatTabComponent, selector: "kendo-chartwizard-property-pane-format-tab" }, { kind: "component", type: ChartWizardPropertyPaneDataTabComponent, selector: "kendo-chartwizard-property-pane-data-tab" }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoChartWizardLocalizedMessages]" }], animations: [
+        trigger('overlayAppear', [
+            state('in', style({ opacity: 1 })),
+            transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
+        ])
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardComponent, decorators: [{
             type: Component,
             args: [{
+                    animations: [
+                        trigger('overlayAppear', [
+                            state('in', style({ opacity: 1 })),
+                            transition('void => *', [style({ opacity: 0.1 }), animate('.3s cubic-bezier(.2, .6, .4, 1)')])
+                        ])
+                    ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     exportAs: 'kendoChartWizard',
                     providers: [
@@ -2214,20 +2908,346 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: L10N_PREFIX,
                             useValue: 'kendo.chartwizard',
                         },
+                        ChartWizardLocalizationService,
+                        {
+                            provide: LocalizationService,
+                            useExisting: ChartWizardLocalizationService
+                        },
                         StateService
                     ],
                     selector: 'kendo-chartwizard',
                     template: `
         <ng-container
             kendoChartWizardLocalizedMessages
-            i18n-sampleMessage="kendo.chartwizard.sampleMessage|Sample description"
-            sampleMessage="foo"
+
+            i18n-windowTitle="kendo.chartwizard.windowTitle|The title of the window."
+            [windowTitle]="messages.windowTitle"
+
+            i18n-exportButton="kendo.chartwizard.exportButton|The text of the Export DropDownButton."
+            [exportButton]="messages.exportButton"
+
+            i18n-exportPDFButton="kendo.chartwizard.exportPDFButton|The text of the Export DropDownButton option that represents PDF."
+            [exportPDFButton]="messages.exportPDFButton"
+
+            i18n-exportSVGButton="kendo.chartwizard.exportSVGButton|The text of the Export DropDownButton option that represents SVG."
+            [exportSVGButton]="messages.exportSVGButton"
+
+            i18n-exportPNGButton="kendo.chartwizard.exportPNGButton|The text of the Export DropDownButton option that represents PNG."
+            [exportPNGButton]="messages.exportPNGButton"
+
+            i18n-tabChart="kendo.chartwizard.tabChart|The text of the Chart tab of the property pane."
+            [tabChart]="messages.tabChart"
+
+            i18n-tabData="kendo.chartwizard.tabData|The text of the Data tab of the property pane."
+            [tabData]="messages.tabData"
+
+            i18n-tabFormat="kendo.chartwizard.tabFormat|The text of the Format tab of the property pane."
+            [tabFormat]="messages.tabFormat"
+
+            i18n-barChart="kendo.chartwizard.barChart|The text of the Chart panel that represents Bar Charts."
+            [barChart]="messages.barChart"
+
+            i18n-barChartBar="kendo.chartwizard.barChartBar|The text of the Bar Chart type."
+            [barChartBar]="messages.barChartBar"
+
+            i18n-barChartStackedBar="kendo.chartwizard.barChartStackedBar|The text of the Stacked Bar Chart type."
+            [barChartStackedBar]="messages.barChartStackedBar"
+
+            i18n-barChart100StackedBar="kendo.chartwizard.barChart100StackedBar|The text of the 100% Stacked Bar Chart type."
+            [barChart100StackedBar]="messages.barChart100StackedBar"
+
+            i18n-pieChart="kendo.chartwizard.pieChart|The text of the Chart panel that represents Pie Charts."
+            [pieChart]="messages.pieChart"
+
+            i18n-pieChartPie="kendo.chartwizard.pieChartPie|The text of the Pie Chart type."
+            [pieChartPie]="messages.pieChartPie"
+
+            i18n-columnChart="kendo.chartwizard.columnChart|The text of the Chart panel that represents Column Charts."
+            [columnChart]="messages.columnChart"
+
+            i18n-columnChartColumn="kendo.chartwizard.columnChartColumn|The text of the Column Chart type."
+            [columnChartColumn]="messages.columnChartColumn"
+
+            i18n-columnChartStackedColumn="kendo.chartwizard.columnChartStackedColumn|The text of the Stacked Column Chart type."
+            [columnChartStackedColumn]="messages.columnChartStackedColumn"
+
+            i18n-columnChart100StackedColumn="kendo.chartwizard.columnChart100StackedColumn|The text of the 100% Stacked Column Chart type."
+            [columnChart100StackedColumn]="messages.columnChart100StackedColumn"
+
+            i18n-lineChart="kendo.chartwizard.lineChart|The text of the Chart panel that represents Line Charts."
+            [lineChart]="messages.lineChart"
+
+            i18n-lineChartLine="kendo.chartwizard.lineChartLine|The text of the Line Chart type."
+            [lineChartLine]="messages.lineChartLine"
+
+            i18n-lineChartStackedLine="kendo.chartwizard.lineChartStackedLine|The text of the Stacked Line Chart type."
+            [lineChartStackedLine]="messages.lineChartStackedLine"
+
+            i18n-lineChart100StackedLine="kendo.chartwizard.lineChart100StackedLine|The text of the 100% Stacked Line Chart type."
+            [lineChart100StackedLine]="messages.lineChart100StackedLine"
+
+            i18n-scatterChart="kendo.chartwizard.scatterChart|The text of the Chart panel that represents Scatter Charts."
+            [scatterChart]="messages.scatterChart"
+
+            i18n-scatterChartScatter="kendo.chartwizard.scatterChartScatter|The text of the Scatter Chart type."
+            [scatterChartScatter]="messages.scatterChartScatter"
+
+            i18n-configuration="kendo.chartwizard.configuration|The text of the Configuration panel of the Data tab."
+            [configuration]="messages.configuration"
+
+            i18n-configurationCategoryAxis="kendo.chartwizard.configurationCategoryAxis|The caption of the Category Axis DropDown in the Configuration panel."
+            [configurationCategoryAxis]="messages.configurationCategoryAxis"
+
+            i18n-configurationXAxis="kendo.chartwizard.configurationXAxis|The caption of the X Axis DropDown in the Configuration panel when a Scatter Chart is selected."
+            [configurationXAxis]="messages.configurationXAxis"
+
+            i18n-configurationValueAxis="kendo.chartwizard.configurationValueAxis|The caption of the Value Axis DropDown in the Configuration panel when a Pie Chart is selected."
+            [configurationValueAxis]="messages.configurationValueAxis"
+
+            i18n-configurationSeries="kendo.chartwizard.configurationSeries|The text of the Series Grid in the Configuration panel when a Categorical Chart is selected."
+            [configurationSeries]="messages.configurationSeries"
+
+            i18n-configurationSeriesAdd="kendo.chartwizard.configurationSeriesAdd|The text of the Add Series button in the Grid of the Configuration panel."
+            [configurationSeriesAdd]="messages.configurationSeriesAdd"
+
+            i18n-formatChartArea="kendo.chartwizard.formatChartArea|The text of the Chart Area panel of the Format tab."
+            [formatChartArea]="messages.formatChartArea"
+
+            i18n-formatChartAreaMargins="kendo.chartwizard.formatChartAreaMargins|The text of the Margins settings of the Chart Area panel."
+            [formatChartAreaMargins]="messages.formatChartAreaMargins"
+
+            i18n-formatChartAreaMarginsAuto="kendo.chartwizard.formatChartAreaMarginsAuto|The placeholder of the Margins settings of the Chart Area panel."
+            [formatChartAreaMarginsAuto]="messages.formatChartAreaMarginsAuto"
+
+            i18n-formatChartAreaMarginsLeft="kendo.chartwizard.formatChartAreaMarginsLeft|The label of the Left margin setting of the Chart Area panel."
+            [formatChartAreaMarginsLeft]="messages.formatChartAreaMarginsLeft"
+
+            i18n-formatChartAreaMarginsRight="kendo.chartwizard.formatChartAreaMarginsRight|The label of the Right margin setting of the Chart Area panel."
+            [formatChartAreaMarginsRight]="messages.formatChartAreaMarginsRight"
+
+            i18n-formatChartAreaMarginsTop="kendo.chartwizard.formatChartAreaMarginsTop|The label of the Top margin setting of the Chart Area panel."
+            [formatChartAreaMarginsTop]="messages.formatChartAreaMarginsTop"
+
+            i18n-formatChartAreaMarginsBottom="kendo.chartwizard.formatChartAreaMarginsBottom|The label of the Bottom margin setting of the Chart Area panel."
+            [formatChartAreaMarginsBottom]="messages.formatChartAreaMarginsBottom"
+
+            i18n-formatChartAreaBackground="kendo.chartwizard.formatChartAreaBackground|The text of the Background settings of the Chart Area panel."
+            [formatChartAreaBackground]="messages.formatChartAreaBackground"
+
+            i18n-formatChartAreaBackgroundColor="kendo.chartwizard.formatChartAreaBackgroundColor|The label of the Color background setting of the Chart Area panel."
+            [formatChartAreaBackgroundColor]="messages.formatChartAreaBackgroundColor"
+
+            i18n-formatTitle="kendo.chartwizard.formatTitle|The text of the Title panel of the Format tab."
+            [formatTitle]="messages.formatTitle"
+
+            i18n-formatTitleApplyTo="kendo.chartwizard.formatTitleApplyTo|The label of the Apply to DropDown of the Title panel."
+            [formatTitleApplyTo]="messages.formatTitleApplyTo"
+
+            i18n-formatTitleChartTitle="kendo.chartwizard.formatTitleChartTitle|The text of the Chart Title option of the Apply to DropDown in the Title panel."
+            [formatTitleChartTitle]="messages.formatTitleChartTitle"
+
+            i18n-formatTitleChartSubtitle="kendo.chartwizard.formatTitleChartSubtitle|The text of the Chart Subtitle option of the Apply to DropDown in the Title panel."
+            [formatTitleChartSubtitle]="messages.formatTitleChartSubtitle"
+
+            i18n-formatTitleLabel="kendo.chartwizard.formatTitleLabel|The label of the Title input of the Title panel."
+            [formatTitleLabel]="messages.formatTitleLabel"
+
+            i18n-formatTitleFont="kendo.chartwizard.formatTitleFont|The label of the Font setting of the Title panel."
+            [formatTitleFont]="messages.formatTitleFont"
+
+            i18n-formatTitleFontPlaceholder="kendo.chartwizard.formatTitleFontPlaceholder|The placeholder of the Font setting of the Title panel."
+            [formatTitleFontPlaceholder]="messages.formatTitleFontPlaceholder"
+
+            i18n-formatTitleSize="kendo.chartwizard.formatTitleSize|The label of the Size setting of the Title panel."
+            [formatTitleSize]="messages.formatTitleSize"
+
+            i18n-formatTitleSizePlaceholder="kendo.chartwizard.formatTitleSizePlaceholder|The placeholder of the Size setting of the Title panel."
+            [formatTitleSizePlaceholder]="messages.formatTitleSizePlaceholder"
+
+            i18n-formatTitleColor="kendo.chartwizard.formatTitleColor|The label of the Color setting of the Title panel."
+            [formatTitleColor]="messages.formatTitleColor"
+
+            i18n-formatSeries="kendo.chartwizard.formatSeries|The text of the Series panel of the Format tab."
+            [formatSeries]="messages.formatSeries"
+
+            i18n-formatSeriesApplyTo="kendo.chartwizard.formatSeriesApplyTo|The label of the Apply to DropDown of the Series panel."
+            [formatSeriesApplyTo]="messages.formatSeriesApplyTo"
+
+            i18n-formatSeriesAllSeries="kendo.chartwizard.formatSeriesAllSeries|The text of the All Series option of the Apply to DropDown in the Series panel."
+            [formatSeriesAllSeries]="messages.formatSeriesAllSeries"
+
+            i18n-formatSeriesColor="kendo.chartwizard.formatSeriesColor|The label of the Color setting of the Series panel."
+            [formatSeriesColor]="messages.formatSeriesColor"
+
+            i18n-formatSeriesShowLabels="kendo.chartwizard.formatSeriesShowLabels|The label of the Show Labels checkbox of the Series panel."
+            [formatSeriesShowLabels]="messages.formatSeriesShowLabels"
+
+            i18n-formatLegend="kendo.chartwizard.formatLegend|The text of the Legend panel of the Format tab."
+            [formatLegend]="messages.formatLegend"
+
+            i18n-formatLegendShowLegend="kendo.chartwizard.formatLegendShowLegend|The label of the Show Legend switch of the Legend panel."
+            [formatLegendShowLegend]="messages.formatLegendShowLegend"
+
+            i18n-formatLegendFont="kendo.chartwizard.formatLegendFont|The label of the Font setting of the Legend panel."
+            [formatLegendFont]="messages.formatLegendFont"
+
+            i18n-formatLegendFontPlaceholder="kendo.chartwizard.formatLegendFontPlaceholder|The placeholder of the Font setting of the Legend panel."
+            [formatLegendFontPlaceholder]="messages.formatLegendFontPlaceholder"
+
+            i18n-formatLegendSize="kendo.chartwizard.formatLegendSize|The label of the Size setting of the Legend panel."
+            [formatLegendSize]="messages.formatLegendSize"
+
+            i18n-formatLegendSizePlaceholder="kendo.chartwizard.formatLegendSizePlaceholder|The placeholder of the Size setting of the Legend panel."
+            [formatLegendSizePlaceholder]="messages.formatLegendSizePlaceholder"
+
+            i18n-formatLegendColor="kendo.chartwizard.formatLegendColor|The label of the Color setting of the Legend panel."
+            [formatLegendColor]="messages.formatLegendColor"
+
+            i18n-formatLegendPosition="kendo.chartwizard.formatLegendPosition|The label of the Posiiton DropDown of the Legend panel."
+            [formatLegendPosition]="messages.formatLegendPosition"
+
+            i18n-formatLegendPositionTop="kendo.chartwizard.formatLegendPositionTop|The text of the Top option of the Position DropDown of the Legend panel."
+            [formatLegendPositionTop]="messages.formatLegendPositionTop"
+
+            i18n-formatLegendPositionBottom="kendo.chartwizard.formatLegendPositionBottom|The text of the Bottom option of the Position DropDown of the Legend panel."
+            [formatLegendPositionBottom]="messages.formatLegendPositionBottom"
+
+            i18n-formatLegendPositionLeft="kendo.chartwizard.formatLegendPositionLeft|The text of the Left option of the Position DropDown of the Legend panel."
+            [formatLegendPositionLeft]="messages.formatLegendPositionLeft"
+
+            i18n-formatLegendPositionRight="kendo.chartwizard.formatLegendPositionRight|The text of the Right option of the Position DropDown of the Legend panel."
+            [formatLegendPositionRight]="messages.formatLegendPositionRight"
+
+            i18n-formatCategoryAxis="kendo.chartwizard.formatCategoryAxis|The text of the Category Axis panel of the Format tab."
+            [formatCategoryAxis]="messages.formatCategoryAxis"
+
+            i18n-formatXAxis="kendo.chartwizard.formatXAxis|The text of the X Axis panel of the Format tab when a Scatter Chart is selected."
+            [formatXAxis]="messages.formatXAxis"
+
+            i18n-formatCategoryAxisTitle="kendo.chartwizard.formatCategoryAxisTitle|The label of the Title settings of the Category Axis panel."
+            [formatCategoryAxisTitle]="messages.formatCategoryAxisTitle"
+
+            i18n-formatCategoryAxisTitlePlaceholder="kendo.chartwizard.formatCategoryAxisTitlePlaceholder|The placeholder of the Title input of the Category Axis panel."
+            [formatCategoryAxisTitlePlaceholder]="messages.formatCategoryAxisTitlePlaceholder"
+
+            i18n-formatCategoryAxisTitleFont="kendo.chartwizard.formatCategoryAxisTitleFont|The label of the Font settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleFont]="messages.formatCategoryAxisTitleFont"
+
+            i18n-formatCategoryAxisTitleFontPlaceholder="kendo.chartwizard.formatCategoryAxisTitleFontPlaceholder|The placeholder of the Font settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleFontPlaceholder]="messages.formatCategoryAxisTitleFontPlaceholder"
+
+            i18n-formatCategoryAxisTitleSize="kendo.chartwizard.formatCategoryAxisTitleSize|The label of the Size settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleSize]="messages.formatCategoryAxisTitleSize"
+
+            i18n-formatCategoryAxisTitleSizePlaceholder="kendo.chartwizard.formatCategoryAxisTitleSizePlaceholder|The placeholder of the Size settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleSizePlaceholder]="messages.formatCategoryAxisTitleSizePlaceholder"
+
+            i18n-formatCategoryAxisTitleColor="kendo.chartwizard.formatCategoryAxisTitleColor|The label of the Color settings of the Title in the Category Axis panel."
+            [formatCategoryAxisTitleColor]="messages.formatCategoryAxisTitleColor"
+
+            i18n-formatCategoryAxisLabels="kendo.chartwizard.formatCategoryAxisLabels|The label of the Labels settings of the Category Axis panel."
+            [formatCategoryAxisLabels]="messages.formatCategoryAxisLabels"
+
+            i18n-formatCategoryAxisLabelsFont="kendo.chartwizard.formatCategoryAxisLabelsFont|The label of the Font settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsFont]="messages.formatCategoryAxisLabelsFont"
+
+            i18n-formatCategoryAxisLabelsFontPlaceholder="kendo.chartwizard.formatCategoryAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsFontPlaceholder]="messages.formatCategoryAxisLabelsFontPlaceholder"
+
+            i18n-formatCategoryAxisLabelsSize="kendo.chartwizard.formatCategoryAxisLabelsSize|The label of the Size settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsSize]="messages.formatCategoryAxisLabelsSize"
+
+            i18n-formatCategoryAxisLabelsSizePlaceholder="kendo.chartwizard.formatCategoryAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsSizePlaceholder]="messages.formatCategoryAxisLabelsSizePlaceholder"
+
+            i18n-formatCategoryAxisLabelsColor="kendo.chartwizard.formatCategoryAxisLabelsColor|The label of the Color settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsColor]="messages.formatCategoryAxisLabelsColor"
+
+            i18n-formatCategoryAxisLabelsRotation="kendo.chartwizard.formatCategoryAxisLabelsRotation|The label of the Rotation settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsRotation]="messages.formatCategoryAxisLabelsRotation"
+
+            i18n-formatCategoryAxisLabelsRotationAuto="kendo.chartwizard.formatCategoryAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsRotationAuto]="messages.formatCategoryAxisLabelsRotationAuto"
+
+            i18n-formatCategoryAxisLabelsReverseOrder="kendo.chartwizard.formatCategoryAxisLabelsReverseOrder|The label of the Reverse Order checkbox of the Labels in the Category Axis panel."
+            [formatCategoryAxisLabelsReverseOrder]="messages.formatCategoryAxisLabelsReverseOrder"
+
+            i18n-formatValueAxis="kendo.chartwizard.formatValueAxis|The text of the Value Axis panel of the Format tab."
+            [formatValueAxis]="messages.formatValueAxis"
+
+            i18n-formatYAxis="kendo.chartwizard.formatYAxis|The text of the Y Axis panel of the Format tab."
+            [formatYAxis]="messages.formatYAxis"
+
+            i18n-formatValueAxisTitle="kendo.chartwizard.formatValueAxisTitle|The label of the Title settings of the Value Axis panel."
+            [formatValueAxisTitle]="messages.formatValueAxisTitle"
+
+            i18n-formatValueAxisTitlePlaceholder="kendo.chartwizard.formatValueAxisTitlePlaceholder|The placeholder of the Title settings of the Value Axis panel."
+            [formatValueAxisTitlePlaceholder]="messages.formatValueAxisTitlePlaceholder"
+
+            i18n-formatValueAxisTitleFont="kendo.chartwizard.formatValueAxisTitleFont|The label of the Font settings of the Value Axis panel."
+            [formatValueAxisTitleFont]="messages.formatValueAxisTitleFont"
+
+            i18n-formatValueAxisTitleFontPlaceholder="kendo.chartwizard.formatValueAxisTitleFontPlaceholder|The placeholder of the Font settings of the Value Axis panel."
+            [formatYAxis]="messages.formatValueAxisTitleFontPlaceholder"
+
+            i18n-formatValueAxisTitleSize="kendo.chartwizard.formatValueAxisTitleSize|The label of the Size settings of the Value Axis panel."
+            [formatValueAxisTitleSize]="messages.formatValueAxisTitleSize"
+
+            i18n-formatValueAxisTitleSizePlaceholder="kendo.chartwizard.formatValueAxisTitleSizePlaceholder|The placeholder of the Size settings of the Value Axis panel."
+            [formatValueAxisTitleSizePlaceholder]="messages.formatValueAxisTitleSizePlaceholder"
+
+            i18n-formatValueAxisTitleColor="kendo.chartwizard.formatValueAxisTitleColor|The label of the Color settings of the Value Axis panel."
+            [formatValueAxisTitleColor]="messages.formatValueAxisTitleColor"
+
+            i18n-formatValueAxisLabels="kendo.chartwizard.formatValueAxisLabels|The label of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabels]="messages.formatValueAxisLabels"
+
+            i18n-formatValueAxisLabelsFormat="kendo.chartwizard.formatValueAxisLabelsFormat|The label of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormat]="messages.formatValueAxisLabelsFormat"
+
+            i18n-formatValueAxisLabelsFormatText="kendo.chartwizard.formatValueAxisLabelsFormatText|The Text option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatText]="messages.formatValueAxisLabelsFormatText"
+
+            i18n-formatValueAxisLabelsFormatNumber="kendo.chartwizard.formatValueAxisLabelsFormatNumber|The Number option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatNumber]="messages.formatValueAxisLabelsFormatNumber"
+
+            i18n-formatValueAxisLabelsFormatCurrency="kendo.chartwizard.formatValueAxisLabelsFormatCurrency|The Currency option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatCurrency]="messages.formatValueAxisLabelsFormatCurrency"
+
+            i18n-formatValueAxisLabelsFormatPercent="kendo.chartwizard.formatValueAxisLabelsFormatPercent|The Percent option of the Format DropDown of the Labels settings of the Value Axis panel."
+            [formatValueAxisLabelsFormatPercent]="messages.formatValueAxisLabelsFormatPercent"
+
+            i18n-formatValueAxisLabelsFont="kendo.chartwizard.formatValueAxisLabelsFont|The label of the Font settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsFont]="messages.formatValueAxisLabelsFont"
+
+            i18n-formatValueAxisLabelsFontPlaceholder="kendo.chartwizard.formatValueAxisLabelsFontPlaceholder|The placeholder of the Font settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsFontPlaceholder]="messages.formatValueAxisLabelsFontPlaceholder"
+
+            i18n-formatValueAxisLabelsSize="kendo.chartwizard.formatValueAxisLabelsSize|The label of the Size settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsSize]="messages.formatValueAxisLabelsSize"
+
+            i18n-formatValueAxisLabelsSizePlaceholder="kendo.chartwizard.formatValueAxisLabelsSizePlaceholder|The placeholder of the Size settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsSizePlaceholder]="messages.formatValueAxisLabelsSizePlaceholder"
+
+            i18n-formatValueAxisLabelsColor="kendo.chartwizard.formatValueAxisLabelsColor|The label of the Color settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsColor]="messages.formatValueAxisLabelsColor"
+
+            i18n-formatValueAxisLabelsRotation="kendo.chartwizard.formatValueAxisLabelsRotation|The label of the Rotation settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsRotation]="messages.formatValueAxisLabelsRotation"
+
+            i18n-formatValueAxisLabelsRotationAuto="kendo.chartwizard.formatValueAxisLabelsRotationAuto|The Auto option of the Rotation settings of the Labels in the Value Axis panel."
+            [formatValueAxisLabelsRotationAuto]="messages.formatValueAxisLabelsRotationAuto"
+
         ></ng-container>
+        <div *ngIf="windowSettings?.modal" @overlayAppear class="k-overlay"> </div>
         <kendo-window
             class="k-chart-wizard"
-            title="Chart Wizard"
-            [width]="stateService.windowSize.width"
-            [height]="stateService.windowSize.height"
+            [title]="messageFor('windowTitle')"
+            [width]="windowWidth"
+            [height]="windowHeight"
+            [minWidth]="windowSettings?.minWidth"
+            [minHeight]="windowSettings?.minHeight"
+            [state]="windowSettings?.state"
             [resizable]="true"
             (close)="close.emit()"
         >
@@ -2241,7 +3261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             fillMode="flat"
                             (itemClick)="onExport($event)"
                         >
-                            Export
+                            {{ messageFor('exportButton') }}
                         </kendo-dropdownbutton>
                     </div>
                     <div class="k-preview-pane-content" [style.height]="'calc(100% - 50px)'">
@@ -2320,20 +3340,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         </kendo-chart>
                     </div>
                 </kendo-splitter-pane>
-                <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [size]="stateService.splitterPaneSize">
+                <kendo-splitter-pane class="k-chart-wizard-property-pane" [collapsible]="true" [collapsed]="collapsedConfigurationPane" [size]="stateService.splitterPaneSize">
                     <kendo-tabstrip [keepTabContent]="true">
-                        <kendo-tabstrip-tab title="Chart" [selected]="true">
+                        <kendo-tabstrip-tab [title]="messageFor('tabChart')" [selected]="true">
                             <ng-template kendoTabContent>
                                 <kendo-chartwizard-property-pane-chart-tab>
                                 </kendo-chartwizard-property-pane-chart-tab>
                             </ng-template>
                         </kendo-tabstrip-tab>
-                        <kendo-tabstrip-tab title="Data">
+                        <kendo-tabstrip-tab [title]="messageFor('tabData')">
                             <ng-template kendoTabContent>
                                 <kendo-chartwizard-property-pane-data-tab> </kendo-chartwizard-property-pane-data-tab>
                             </ng-template>
                         </kendo-tabstrip-tab>
-                        <kendo-tabstrip-tab title="Format">
+                        <kendo-tabstrip-tab [title]="messageFor('tabFormat')">
                             <ng-template kendoTabContent>
                                 <kendo-chartwizard-property-pane-format-tab>
                                 </kendo-chartwizard-property-pane-format-tab>
@@ -2374,15 +3394,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         ChartWizardPropertyPaneChartTabComponent,
                         ChartWizardPropertyPaneFormatTabComponent,
                         ChartWizardPropertyPaneDataTabComponent,
-                        WatermarkOverlayComponent
+                        WatermarkOverlayComponent,
+                        LocalizedMessagesDirective
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i2$1.LocalizationService }, { type: StateService }]; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: StateService }]; }, propDecorators: { data: [{
                 type: Input
             }], defaultState: [{
                 type: Input
             }], exportOptions: [{
                 type: Input
+            }], collapsedConfigurationPane: [{
+                type: Input
+            }], windowSettings: [{
+                type: Input
             }], close: [{
                 type: Output
             }], export: [{
@@ -2493,7 +3518,7 @@ class ChartWizardGridBindingDirective {
         this.chartWizardDataChange.emit(this.chartWizardData);
     }
 }
-ChartWizardGridBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardGridBindingDirective, deps: [{ token: i1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
+ChartWizardGridBindingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardGridBindingDirective, deps: [{ token: i1$1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
 ChartWizardGridBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardGridBindingDirective, isStandalone: true, selector: "[kendoChartWizardGridBinding]", inputs: { chartWizardData: "chartWizardData", data: ["kendoGridBinding", "data"], selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { chartWizardDataChange: "chartWizardDataChange" }, host: { listeners: { "selectedKeysChange": "onSelectionChange($event)" } }, exportAs: ["kendoChartWizardGridBinding"], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardGridBindingDirective, decorators: [{
             type: Directive,
@@ -2502,7 +3527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     exportAs: 'kendoChartWizardGridBinding',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1.GridComponent }]; }, propDecorators: { chartWizardData: [{
+        }], ctorParameters: function () { return [{ type: i1$1.GridComponent }]; }, propDecorators: { chartWizardData: [{
                 type: Input
             }], chartWizardDataChange: [{
                 type: Output
@@ -2519,12 +3544,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['selectedKeysChange', ['$event']]
             }] } });
 
+/**
+ * Custom component messages override default component messages.
+ * @example
+ * ```html
+ *  <kendo-chartwizard [data]="data">
+ *      <kendo-chartwizard-messages
+ *          windowTitle="Title"
+ *      ></kendo-chartwizard-messages>
+ *  </kendo-chartwizard>
+ * ```
+ */
+class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chartwizard-messages", providers: [
+        {
+            provide: Messages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: Messages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-chartwizard-messages',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
 /**
  * Utility array that contains all `@progress/kendo-angular-chart-wizard` related components and directives.
  */
 const KENDO_CHARTWIZARD = [
     ChartWizardComponent,
-    ChartWizardGridBindingDirective
+    ChartWizardGridBindingDirective,
+    CustomMessagesComponent
 ];
 
 //IMPORTANT: NgModule export kept for backwards compatibility
@@ -2538,7 +3606,7 @@ const KENDO_CHARTWIZARD = [
 class ChartWizardModule {
 }
 ChartWizardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ChartWizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, imports: [ChartWizardComponent, ChartWizardGridBindingDirective], exports: [ChartWizardComponent, ChartWizardGridBindingDirective] });
+ChartWizardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, imports: [ChartWizardComponent, ChartWizardGridBindingDirective, CustomMessagesComponent], exports: [ChartWizardComponent, ChartWizardGridBindingDirective, CustomMessagesComponent] });
 ChartWizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, providers: [
         ThemeService,
         PopupService,
@@ -2548,7 +3616,7 @@ ChartWizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
         DialogService,
         WindowService,
         WindowContainerService
-    ], imports: [ChartWizardComponent] });
+    ], imports: [ChartWizardComponent, CustomMessagesComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2571,5 +3639,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ChartWizardComponent, ChartWizardGridBindingDirective, ChartWizardModule, ExportEvent, KENDO_CHARTWIZARD, getGridSelectedRows, getWizardDataFromDataRows, getWizardDataFromGridSelection };
+export { ChartWizardComponent, ChartWizardGridBindingDirective, ChartWizardModule, CustomMessagesComponent, ExportEvent, KENDO_CHARTWIZARD, getGridSelectedRows, getWizardDataFromDataRows, getWizardDataFromGridSelection };