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

package/esm2020/chart-wizard.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewChild, } from '@angular/core';
-import { WatermarkOverlayComponent, shouldShowValidationUI } from '@progress/kendo-angular-common';
+import { WatermarkOverlayComponent, isPresent, shouldShowValidationUI } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
@@ -37,6 +37,10 @@ import { DropDownButtonComponent } from '@progress/kendo-angular-buttons';
 import { ExportEvent } from './events';
 import { defaultAllSeriesItem } from './common/models';
 import { ChartWizardPropertyPaneFormatTabComponent } from './property-pane/format-tab.component';
+import { ChartWizardCommon } from '@progress/kendo-charts';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { ChartWizardLocalizationService } from './localization/chartwizard-localization.service';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./state.service";
@@ -52,6 +56,15 @@ export 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
          */
@@ -63,20 +76,7 @@ export 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.
          */
@@ -85,6 +85,10 @@ export 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);
@@ -96,6 +100,20 @@ export 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;
     }
@@ -157,26 +175,364 @@ export class ChartWizardComponent {
                 break;
         }
     }
+    /**
+     * @hidden
+     */
+    get windowWidth() {
+        return isPresent(this.windowSettings?.width) ? this.windowSettings.width : this.stateService.windowSize.width;
+    }
+    /**
+     * @hidden
+     */
+    get windowHeight() {
+        return isPresent(this.windowSettings?.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: i1.LocalizationService }, { token: i2.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.ɵ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()"
         >
@@ -190,7 +546,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)'">
@@ -269,20 +625,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>
@@ -293,10 +649,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: [
@@ -305,20 +672,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()"
         >
@@ -332,7 +1025,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)'">
@@ -411,20 +1104,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>
@@ -465,7 +1158,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         ChartWizardPropertyPaneChartTabComponent,
                         ChartWizardPropertyPaneFormatTabComponent,
                         ChartWizardPropertyPaneDataTabComponent,
-                        WatermarkOverlayComponent
+                        WatermarkOverlayComponent,
+                        LocalizedMessagesDirective
                     ]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.StateService }]; }, propDecorators: { data: [{
@@ -474,6 +1168,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], exportOptions: [{
                 type: Input
+            }], collapsedConfigurationPane: [{
+                type: Input
+            }], windowSettings: [{
+                type: Input
             }], close: [{
                 type: Output
             }], export: [{