@progress/kendo-angular-chart-wizard 17.0.0-develop.3 → 17.0.0-develop.30

package/{fesm2020 → fesm2022}/progress-kendo-angular-chart-wizard.mjs

@@ -36,8 +36,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-chart-wizard',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1728917624,
-    version: '17.0.0-develop.3',
+    publishDate: 1730389182,
+    version: '17.0.0-develop.30',
     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',
 };
 
@@ -119,30 +119,29 @@ const labelFormats = [
  * @hidden
  */
 class StateService {
-    constructor() {
-        this.state = {
-            categoryAxis: [],
-            valueAxis: [],
-            series: [],
-            initialSeries: [],
-            columns: [],
-            data: [],
-            area: { margin: { top: 0, right: 0, bottom: 0, left: 0 } },
-            seriesType: 'bar'
-        };
-        this.seriesType = 'bar';
-        this.currentTitle = 'Chart Title';
-        this.currentSeries = defaultAllSeriesItem;
-        this.data = [];
-        this.deletedSeries = [];
-        this.direction = 'ltr';
-        this.windowSize = { width: 700, height: 550 };
-        this.splitterPaneSize = '300px';
-    }
+    state = {
+        categoryAxis: [],
+        valueAxis: [],
+        series: [],
+        initialSeries: [],
+        columns: [],
+        data: [],
+        area: { margin: { top: 0, right: 0, bottom: 0, left: 0 } },
+        seriesType: 'bar'
+    };
+    seriesType = 'bar';
+    currentTitle = 'Chart Title';
+    currentSeries = defaultAllSeriesItem;
+    data = [];
+    deletedSeries = [];
+    direction = 'ltr';
+    windowSize = { width: 700, height: 550 };
+    splitterPaneSize = '300px';
+    dataTab;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StateService });
 }
-StateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-StateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StateService, decorators: [{
             type: Injectable
         }] });
 
@@ -153,10 +152,10 @@ class ChartWizardLocalizationService extends LocalizationService {
     constructor(prefix, messageService, _rtl) {
         super(prefix, messageService, _rtl);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardLocalizationService });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardLocalizationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -174,20 +173,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ChartWizardPropertyPaneDataTabComponent {
+    stateService;
+    formBuilder;
+    cdr;
+    renderer;
+    localization;
+    categoryAxisX = ActionTypes.categoryAxisX;
+    valueAxisY = ActionTypes.valueAxisY;
+    trashIcon = trashIcon;
+    plusIcon = plusIcon;
+    isCategorical = isCategorical;
+    grid;
     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;
-        this.plusIcon = plusIcon;
-        this.isCategorical = isCategorical;
-        this.formGroup = this.formBuilder.group({
-            name: null,
-        });
     }
     ngAfterViewInit() {
         if (this.grid) {
@@ -200,6 +202,9 @@ class ChartWizardPropertyPaneDataTabComponent {
     updateState(action, value) {
         this.stateService.state = updateState(this.stateService.state, action, value);
     }
+    formGroup = this.formBuilder.group({
+        name: null,
+    });
     createFormGroup(args) {
         const item = args.isNew ? {} : args.dataItem;
         this.formGroup = this.formBuilder.group({
@@ -228,9 +233,8 @@ class ChartWizardPropertyPaneDataTabComponent {
     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 }, { 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, deps: [{ token: StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: ChartWizardLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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]="messageFor('configuration')" [expanded]="true">
             <form class="k-form k-form-md">
                 <fieldset class="k-form-fieldset">
@@ -305,8 +309,9 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
                 </fieldset>
             </form>
         </kendo-expansionpanel>
-    `, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: ReactiveEditingDirective, selector: "[kendoGridReactiveEditing]", inputs: ["kendoGridReactiveEditing"] }, { kind: "directive", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: RowReorderColumnComponent, selector: "kendo-grid-rowreorder-column", inputs: ["dragHandleIcon", "dragHandleSVGIcon"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: ReactiveEditingDirective, selector: "[kendoGridReactiveEditing]", inputs: ["kendoGridReactiveEditing"] }, { kind: "directive", type: DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: RowReorderColumnComponent, selector: "kendo-grid-rowreorder-column", inputs: ["dragHandleIcon", "dragHandleSVGIcon"] }, { kind: "component", type: ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "component", type: CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chartwizard-property-pane-data-tab',
@@ -417,9 +422,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ChartWizardSeriesTypeButtonComponent {
+    stateService;
+    title;
+    chartTypeIcon;
+    stack = false;
+    seriesType;
     constructor(stateService) {
         this.stateService = stateService;
-        this.stack = false;
     }
     onSelect() {
         this.stateService.seriesType = this.seriesType;
@@ -436,9 +445,8 @@ class ChartWizardSeriesTypeButtonComponent {
         return (this.stateService.state.seriesType === this.seriesType &&
             this.stateService.state.series[0]?.stack === this.stack);
     }
-}
-ChartWizardSeriesTypeButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, deps: [{ token: StateService }], target: i0.ɵɵFactoryTarget.Component });
-ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartWizardSeriesTypeButtonComponent, isStandalone: true, selector: "kendo-chartwizard-series-type-button", inputs: { title: "title", chartTypeIcon: "chartTypeIcon", stack: "stack", seriesType: "seriesType" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, deps: [{ token: StateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartWizardSeriesTypeButtonComponent, isStandalone: true, selector: "kendo-chartwizard-series-type-button", inputs: { title: "title", chartTypeIcon: "chartTypeIcon", stack: "stack", seriesType: "seriesType" }, ngImport: i0, template: `
         <div class="k-icon-text-wrapper" [class.k-selected]="isSelected()" (click)="onSelect()">
             <div class="k-icon-background-area">
                 <kendo-svgicon [icon]="chartTypeIcon" size="xlarge" themeColor="primary"> </kendo-svgicon>
@@ -446,7 +454,8 @@ ChartWizardSeriesTypeButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVers
             {{ title }}
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardSeriesTypeButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chartwizard-series-type-button',
@@ -475,22 +484,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ChartWizardPropertyPaneChartTabComponent {
+    stateService;
+    cdr;
+    localization;
+    exportIcon = exportIcon;
+    chartBarClusteredIcon = chartBarClusteredIcon;
+    chartBarStackedIcon = chartBarStackedIcon;
+    chartBarStacked100Icon = chartBarStacked100Icon;
+    chartPieIcon = chartPieIcon;
+    chartColumnClusteredIcon = chartColumnClusteredIcon;
+    chartColumnStackedIcon = chartColumnStackedIcon;
+    chartColumnStacked100Icon = chartColumnStacked100Icon;
+    chartLineIcon = chartLineIcon;
+    chartLineStackedIcon = chartLineStackedIcon;
+    chartLineStacked100Icon = chartLineStacked100Icon;
+    chartScatterIcon = chartScatterIcon;
     constructor(stateService, cdr, localization) {
         this.stateService = stateService;
         this.cdr = cdr;
         this.localization = localization;
-        this.exportIcon = exportIcon;
-        this.chartBarClusteredIcon = chartBarClusteredIcon;
-        this.chartBarStackedIcon = chartBarStackedIcon;
-        this.chartBarStacked100Icon = chartBarStacked100Icon;
-        this.chartPieIcon = chartPieIcon;
-        this.chartColumnClusteredIcon = chartColumnClusteredIcon;
-        this.chartColumnStackedIcon = chartColumnStackedIcon;
-        this.chartColumnStacked100Icon = chartColumnStacked100Icon;
-        this.chartLineIcon = chartLineIcon;
-        this.chartLineStackedIcon = chartLineStackedIcon;
-        this.chartLineStacked100Icon = chartLineStacked100Icon;
-        this.chartScatterIcon = chartScatterIcon;
     }
     ngAfterViewChecked() {
         this.localization.changes.subscribe(() => {
@@ -506,9 +518,8 @@ class ChartWizardPropertyPaneChartTabComponent {
     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: 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, deps: [{ token: StateService }, { token: i0.ChangeDetectorRef }, { token: ChartWizardLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartWizardPropertyPaneChartTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-chart-tab", ngImport: i0, template: `
         <kendo-expansionpanel [title]="messageFor('barChart')" [expanded]="true">
             <div class="k-chart-types-wrapper">
                 <kendo-chartwizard-series-type-button
@@ -607,7 +618,8 @@ ChartWizardPropertyPaneChartTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ min
             </div>
         </kendo-expansionpanel>
     `, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardSeriesTypeButtonComponent, selector: "kendo-chartwizard-series-type-button", inputs: ["title", "chartTypeIcon", "stack", "seriesType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneChartTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chartwizard-property-pane-chart-tab',
@@ -720,9 +732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class PreventableEvent {
-    constructor() {
-        this.prevented = false;
-    }
+    prevented = false;
     /**
      * Prevents the default action for a specified event.
      * In this way, the source component suppresses
@@ -747,6 +757,14 @@ class PreventableEvent {
  * Arguments for the `export` event on the Chart Wizard.
  */
 class ExportEvent extends PreventableEvent {
+    /**
+     * The export options on the Chart Wizard.
+     */
+    exportOptions;
+    /**
+     * The current Chart chart instance to be exported.
+     */
+    chart;
     /**
      * @hidden
      */
@@ -761,18 +779,35 @@ class ExportEvent extends PreventableEvent {
  * @hidden
  */
 class ChartWizardPropertyPaneFormFieldComponent {
+    localization;
+    cdr;
+    currentState;
+    action;
+    class;
+    inputType;
+    text;
+    data;
+    placeholder;
+    colSpan = 1;
+    hasLabel = true;
+    isLabelInsideFormFieldWrap = false;
+    value;
+    disabled = false;
+    valueChange = new EventEmitter();
+    formField = true;
+    get isColSpan2() {
+        return this.colSpan === 2;
+    }
+    label;
+    numericTextBox;
+    colorPicker;
+    dropDownList;
+    textBox;
+    comboBox;
+    checkBox;
     constructor(localization, cdr) {
         this.localization = localization;
         this.cdr = cdr;
-        this.colSpan = 1;
-        this.hasLabel = true;
-        this.isLabelInsideFormFieldWrap = false;
-        this.disabled = false;
-        this.valueChange = new EventEmitter();
-        this.formField = true;
-    }
-    get isColSpan2() {
-        return this.colSpan === 2;
     }
     ngAfterViewChecked() {
         this.localization.changes.subscribe(() => {
@@ -793,9 +828,8 @@ class ChartWizardPropertyPaneFormFieldComponent {
                     this.checkBox;
         }
     }
-}
-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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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">
             <kendo-label
@@ -865,7 +899,8 @@ ChartWizardPropertyPaneFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
             ></kendo-label>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneFormFieldComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chartwizard-property-pane-form-field',
@@ -1011,75 +1046,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class ChartWizardPropertyPaneFormatTabComponent {
-    constructor(stateService, localization, cdr) {
-        this.stateService = stateService;
-        this.localization = localization;
-        this.cdr = cdr;
-        this.chartTitles = [
-            { text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
-            { text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
-        ];
-        this.areaMarginLeft = ActionTypes.areaMarginLeft;
-        this.areaMarginRight = ActionTypes.areaMarginRight;
-        this.areaMarginTop = ActionTypes.areaMarginTop;
-        this.areaMarginBottom = ActionTypes.areaMarginBottom;
-        this.areaBackground = ActionTypes.areaBackground;
-        this.legendVisible = ActionTypes.legendVisible;
-        this.legendFontName = ActionTypes.legendFontName;
-        this.legendFontSize = ActionTypes.legendFontSize;
-        this.legendColor = ActionTypes.legendColor;
-        this.legendPosition = ActionTypes.legendPosition;
-        this.categoryAxisTitleText = ActionTypes.categoryAxisTitleText;
-        this.categoryAxisTitleFontName = ActionTypes.categoryAxisTitleFontName;
-        this.categoryAxisTitleFontSize = ActionTypes.categoryAxisTitleFontSize;
-        this.categoryAxisTitleColor = ActionTypes.categoryAxisTitleColor;
-        this.categoryAxisLabelsFontName = ActionTypes.categoryAxisLabelsFontName;
-        this.categoryAxisLabelsFontSize = ActionTypes.categoryAxisLabelsFontSize;
-        this.categoryAxisLabelsColor = ActionTypes.categoryAxisLabelsColor;
-        this.categoryAxisLabelsRotation = ActionTypes.categoryAxisLabelsRotation;
-        this.categoryAxisReverseOrder = ActionTypes.categoryAxisReverseOrder;
-        this.valueAxisTitleText = ActionTypes.valueAxisTitleText;
-        this.valueAxisTitleFontName = ActionTypes.valueAxisTitleFontName;
-        this.valueAxisTitleFontSize = ActionTypes.valueAxisTitleFontSize;
-        this.valueAxisTitleColor = ActionTypes.valueAxisTitleColor;
-        this.valueAxisLabelsFontName = ActionTypes.valueAxisLabelsFontName;
-        this.valueAxisLabelsFormat = ActionTypes.valueAxisLabelsFormat;
-        this.valueAxisLabelsFontSize = ActionTypes.valueAxisLabelsFontSize;
-        this.valueAxisLabelsColor = ActionTypes.valueAxisLabelsColor;
-        this.valueAxisLabelsRotation = ActionTypes.valueAxisLabelsRotation;
-        this.parseFont = parseFont;
-        this.defaultAllSeriesItem = defaultAllSeriesItem;
-        this.fontNames = fontNames;
-        this.fontSizes = fontSizes;
-        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 }
-        ];
-    }
+    stateService;
+    localization;
+    cdr;
+    chartTitles = [
+        { text: this.messageFor('formatTitleChartTitle'), value: 'Chart Title' },
+        { text: this.messageFor('formatTitleChartSubtitle'), value: 'Chart Subtitle' },
+    ];
+    areaMarginLeft = ActionTypes.areaMarginLeft;
+    areaMarginRight = ActionTypes.areaMarginRight;
+    areaMarginTop = ActionTypes.areaMarginTop;
+    areaMarginBottom = ActionTypes.areaMarginBottom;
+    areaBackground = ActionTypes.areaBackground;
+    legendVisible = ActionTypes.legendVisible;
+    legendFontName = ActionTypes.legendFontName;
+    legendFontSize = ActionTypes.legendFontSize;
+    legendColor = ActionTypes.legendColor;
+    legendPosition = ActionTypes.legendPosition;
+    categoryAxisTitleText = ActionTypes.categoryAxisTitleText;
+    categoryAxisTitleFontName = ActionTypes.categoryAxisTitleFontName;
+    categoryAxisTitleFontSize = ActionTypes.categoryAxisTitleFontSize;
+    categoryAxisTitleColor = ActionTypes.categoryAxisTitleColor;
+    categoryAxisLabelsFontName = ActionTypes.categoryAxisLabelsFontName;
+    categoryAxisLabelsFontSize = ActionTypes.categoryAxisLabelsFontSize;
+    categoryAxisLabelsColor = ActionTypes.categoryAxisLabelsColor;
+    categoryAxisLabelsRotation = ActionTypes.categoryAxisLabelsRotation;
+    categoryAxisReverseOrder = ActionTypes.categoryAxisReverseOrder;
+    valueAxisTitleText = ActionTypes.valueAxisTitleText;
+    valueAxisTitleFontName = ActionTypes.valueAxisTitleFontName;
+    valueAxisTitleFontSize = ActionTypes.valueAxisTitleFontSize;
+    valueAxisTitleColor = ActionTypes.valueAxisTitleColor;
+    valueAxisLabelsFontName = ActionTypes.valueAxisLabelsFontName;
+    valueAxisLabelsFormat = ActionTypes.valueAxisLabelsFormat;
+    valueAxisLabelsFontSize = ActionTypes.valueAxisLabelsFontSize;
+    valueAxisLabelsColor = ActionTypes.valueAxisLabelsColor;
+    valueAxisLabelsRotation = ActionTypes.valueAxisLabelsRotation;
+    parseFont = parseFont;
+    defaultAllSeriesItem = defaultAllSeriesItem;
+    fontNames = fontNames;
+    fontSizes = fontSizes;
+    labelFormats = [
+        { value: '', text: this.messageFor('formatValueAxisLabelsFormatText') },
+        { value: 'n0', text: this.messageFor('formatValueAxisLabelsFormatNumber') },
+        { value: 'c0', text: this.messageFor('formatValueAxisLabelsFormatCurrency') },
+        { value: 'p0', text: this.messageFor('formatValueAxisLabelsFormatPercent') }
+    ];
+    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' }
+    ];
+    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 }
+    ];
+    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() {
         return this.stateService.currentTitle === 'Chart Title'
             ? this.stateService.state.title?.text
@@ -1124,6 +1157,11 @@ class ChartWizardPropertyPaneFormatTabComponent {
     get labelFormatValue() {
         return labelFormats.find(f => f.value === this.stateService.state.valueAxis[0]?.labels?.format)?.value || defaultFormat.value;
     }
+    constructor(stateService, localization, cdr) {
+        this.stateService = stateService;
+        this.localization = localization;
+        this.cdr = cdr;
+    }
     ngAfterViewChecked() {
         this.localization.changes.subscribe(() => {
             this.cdr.detectChanges();
@@ -1163,9 +1201,8 @@ class ChartWizardPropertyPaneFormatTabComponent {
     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: 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, deps: [{ token: StateService }, { token: ChartWizardLocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartWizardPropertyPaneFormatTabComponent, isStandalone: true, selector: "kendo-chartwizard-property-pane-format-tab", ngImport: i0, template: `
         <section>
             <kendo-expansionpanel
                 [style.max-width.px]="576"
@@ -1578,7 +1615,8 @@ ChartWizardPropertyPaneFormatTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ mi
             </kendo-expansionpanel>
         </section>
     `, isInline: true, dependencies: [{ kind: "component", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "component", type: ChartWizardPropertyPaneFormFieldComponent, selector: "kendo-chartwizard-property-pane-form-field", inputs: ["currentState", "action", "class", "inputType", "text", "data", "placeholder", "colSpan", "hasLabel", "isLabelInsideFormFieldWrap", "value", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardPropertyPaneFormatTabComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chartwizard-property-pane-format-tab',
@@ -2012,10 +2050,434 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class Messages extends ComponentMessages {
+    /**
+     * The title of the window.
+     */
+    windowTitle;
+    /**
+     * The text of the **Export** DropDownButton.
+     */
+    exportButton;
+    /**
+     * The text of the **Export** DropDownButton option that represents PDF.
+     */
+    exportPDFButton;
+    /**
+     * The text of the **Export** DropDownButton option that represents SVG.
+     */
+    exportSVGButton;
+    /**
+     * The text of the **Export** DropDownButton option that represents PNG.
+     */
+    exportPNGButton;
+    /**
+     * The text of the **Chart** tab of the property pane.
+     */
+    tabChart;
+    /**
+     * The text of the **Data** tab of the property pane.
+     */
+    tabData;
+    /**
+     * The text of the **Format** tab of the property pane.
+     */
+    tabFormat;
+    /**
+     * The text of the **Chart** panel that represents Bar Charts.
+     */
+    barChart;
+    /**
+     * The text of the Bar Chart type.
+     */
+    barChartBar;
+    /**
+     * The text of the Stacked Bar Chart type.
+     */
+    barChartStackedBar;
+    /**
+     * The text of the 100% Stacked Bar Chart type.
+     */
+    barChart100StackedBar;
+    /**
+     * The text of the **Chart** panel that represents Pie Charts.
+     */
+    pieChart;
+    /**
+     * The text of the Pie Chart type.
+     */
+    pieChartPie;
+    /**
+     * The text of the **Chart** panel that represents Column Charts.
+     */
+    columnChart;
+    /**
+     * The text of the Column Chart type.
+     */
+    columnChartColumn;
+    /**
+     * The text of the Stacked Column Chart type.
+     */
+    columnChartStackedColumn;
+    /**
+     * The text of the 100% Stacked Column Chart type.
+     */
+    columnChart100StackedColumn;
+    /**
+     * The text of the **Chart** panel that represents Line Charts.
+     */
+    lineChart;
+    /**
+     * The text of the Line Chart type.
+     */
+    lineChartLine;
+    /**
+     * The text of the Stacked Line Chart type.
+     */
+    lineChartStackedLine;
+    /**
+     * The text of the 100% Stacked Line Chart type.
+     */
+    lineChart100StackedLine;
+    /**
+     * The text of the **Chart** panel that represents Scatter Charts.
+     */
+    scatterChart;
+    /**
+     * The text of the Scatter Chart type.
+     */
+    scatterChartScatter;
+    /**
+     * The text of the **Configuration** panel of the **Data** tab.
+     */
+    configuration;
+    /**
+     * The caption of the **Category Axis** DropDown in the **Configuration** panel.
+     */
+    configurationCategoryAxis;
+    /**
+     * The caption of the **X Axis** DropDown in the **Configuration** panel when a Scatter Chart is selected.
+     */
+    configurationXAxis;
+    /**
+     * The caption of the **Value Axis** DropDown in the **Configuration** panel when a Pie Chart is selected.
+     */
+    configurationValueAxis;
+    /**
+     * The text of the **Series** Grid in the **Configuration** panel when a Categorical Chart is selected.
+     */
+    configurationSeries;
+    /**
+     * The text of the **Add Series** button in the Grid of the **Configuration** panel.
+     */
+    configurationSeriesAdd;
+    /**
+     * The text of the **Chart Area** panel of the **Format** tab.
+     */
+    formatChartArea;
+    /**
+     * The text of the **Margins** settings of the **Chart Area** panel.
+     */
+    formatChartAreaMargins;
+    /**
+     * The placeholder of the **Margins** settings of the **Chart Area** panel.
+     */
+    formatChartAreaMarginsAuto;
+    /**
+     * The label of the **Left** margin setting of the **Chart Area** panel.
+     */
+    formatChartAreaMarginsLeft;
+    /**
+     * The label of the **Right** margin setting of the **Chart Area** panel.
+     */
+    formatChartAreaMarginsRight;
+    /**
+     * The label of the **Top** margin setting of the **Chart Area** panel.
+     */
+    formatChartAreaMarginsTop;
+    /**
+     * The label of the **Bottom** margin setting of the **Chart Area** panel.
+     */
+    formatChartAreaMarginsBottom;
+    /**
+     * The text of the **Background** settings of the **Chart Area** panel.
+     */
+    formatChartAreaBackground;
+    /**
+     * The label of the **Color** background setting of the **Chart Area** panel.
+     */
+    formatChartAreaBackgroundColor;
+    /**
+     * The text of the **Title** panel of the **Format** tab.
+     */
+    formatTitle;
+    /**
+     * The label of the **Apply to** DropDown of the **Title** panel.
+     */
+    formatTitleApplyTo;
+    /**
+     * The text of the **Chart Title** option of the **Apply to** DropDown in the **Title** panel.
+     */
+    formatTitleChartTitle;
+    /**
+     * The text of the **Chart Subtitle** option of the **Apply to** DropDown in the **Title** panel.
+     */
+    formatTitleChartSubtitle;
+    /**
+     * The label of the **Title** input of the **Title** panel.
+     */
+    formatTitleLabel;
+    /**
+     * The label of the **Font** setting of the **Title** panel.
+     */
+    formatTitleFont;
+    /**
+     * The placeholder of the **Font** setting of the **Title** panel.
+     */
+    formatTitleFontPlaceholder;
+    /**
+     * The label of the **Size** setting of the **Title** panel.
+     */
+    formatTitleSize;
+    /**
+     * The placeholder of the **Size** setting of the **Title** panel.
+     */
+    formatTitleSizePlaceholder;
+    /**
+     * The label of the **Color** setting of the **Title** panel.
+     */
+    formatTitleColor;
+    /**
+     * The text of the **Series** panel of the **Format** tab.
+     */
+    formatSeries;
+    /**
+     * The label of the **Apply to** DropDown of the **Series** panel.
+     */
+    formatSeriesApplyTo;
+    /**
+     * The text of the **All Series** option of the **Apply to** DropDown in the **Series** panel.
+     */
+    formatSeriesAllSeries;
+    /**
+     * The label of the **Color** setting of the **Series** panel.
+     */
+    formatSeriesColor;
+    /**
+     * The label of the **Show Labels** checkbox of the **Series** panel.
+     */
+    formatSeriesShowLabels;
+    /**
+     * The text of the **Legend** panel of the **Format** tab.
+     */
+    formatLegend;
+    /**
+     * The label of the **Show Legend** switch of the **Legend** panel.
+     */
+    formatLegendShowLegend;
+    /**
+     * The label of the **Font** setting of the **Legend** panel.
+     */
+    formatLegendFont;
+    /**
+     * The placeholder of the **Font** setting of the **Legend** panel.
+     */
+    formatLegendFontPlaceholder;
+    /**
+     * The label of the **Size** setting of the **Legend** panel.
+     */
+    formatLegendSize;
+    /**
+     * The placeholder of the **Size** setting of the **Legend** panel.
+     */
+    formatLegendSizePlaceholder;
+    /**
+     * The label of the **Color** setting of the **Legend** panel.
+     */
+    formatLegendColor;
+    /**
+     * The label of the **Posititon** DropDown of the **Legend** panel.
+     */
+    formatLegendPosition;
+    /**
+     * The text of the **Top** option of the **Position** DropDown of the **Legend** panel.
+     */
+    formatLegendPositionTop;
+    /**
+     * The text of the **Bottom** option of the **Position** DropDown of the **Legend** panel.
+     */
+    formatLegendPositionBottom;
+    /**
+     * The text of the **Left** option of the **Position** DropDown of the **Legend** panel.
+     */
+    formatLegendPositionLeft;
+    /**
+     * The text of the **Right** option of the **Position** DropDown of the **Legend** panel.
+     */
+    formatLegendPositionRight;
+    /**
+     * The text of the **Category Axis** panel of the **Format** tab.
+     */
+    formatCategoryAxis;
+    /**
+     * The text of the **X Axis** panel of the **Format** tab when a Scatter Chart is selected.
+     */
+    formatXAxis;
+    /**
+     * The label of the **Title** settings of the **Category Axis** panel.
+     */
+    formatCategoryAxisTitle;
+    /**
+     * The placeholder of the **Title** input of the **Category Axis** panel.
+     */
+    formatCategoryAxisTitlePlaceholder;
+    /**
+     * The label of the **Font** settings of the **Title** in the **Category Axis** panel.
+     */
+    formatCategoryAxisTitleFont;
+    /**
+     * The placeholder of the **Font** settings of the **Title** in the **Category Axis** panel.
+     */
+    formatCategoryAxisTitleFontPlaceholder;
+    /**
+     * The label of the **Size** settings of the **Title** in the **Category Axis** panel.
+     */
+    formatCategoryAxisTitleSize;
+    /**
+     * The placeholder of the **Size** settings of the **Title** in the **Category Axis** panel.
+     */
+    formatCategoryAxisTitleSizePlaceholder;
+    /**
+     * The label of the **Color** settings of the **Title** in the **Category Axis** panel.
+     */
+    formatCategoryAxisTitleColor;
+    /**
+     * The label of the **Labels** settings of the **Category Axis** panel.
+     */
+    formatCategoryAxisLabels;
+    /**
+     * The label of the **Font** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsFont;
+    /**
+     * The placeholder of the **Font** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsFontPlaceholder;
+    /**
+     * The label of the **Size** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsSize;
+    /**
+     * The placeholder of the **Size** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsSizePlaceholder;
+    /**
+     * The label of the **Color** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsColor;
+    /**
+     * The label of the **Rotation** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsRotation;
+    /**
+     * The **Auto** option of the **Rotation** settings of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsRotationAuto;
+    /**
+     * The label of the **Reverse Order** checkbox of the **Labels** in the **Category Axis** panel.
+     */
+    formatCategoryAxisLabelsReverseOrder;
+    /**
+     * The text of the **Value Axis** panel of the **Format** tab.
+     */
+    formatValueAxis;
+    /**
+     * The text of the **Y Axis** panel of the **Format** tab.
+     */
+    formatYAxis;
+    /**
+     * The label of the **Title** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitle;
+    /**
+     * The placeholder of the **Title** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitlePlaceholder;
+    /**
+     * The label of the **Font** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitleFont;
+    /**
+     * The placeholder of the **Font** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitleFontPlaceholder;
+    /**
+     * The label of the **Size** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitleSize;
+    /**
+     * The placeholder of the **Size** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitleSizePlaceholder;
+    /**
+     * The label of the **Color** settings of the **Value Axis** panel.
+     */
+    formatValueAxisTitleColor;
+    /**
+     * The label of the **Labels** settings of the **Value Axis** panel.
+     */
+    formatValueAxisLabels;
+    /**
+     * The label of the **Format** DropDown of the **Labels** settings of the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFormat;
+    /**
+     * The **Text** option of the **Format** DropDown of the **Labels** settings of the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFormatText;
+    /**
+     * The **Number** option of the **Format** DropDown of the **Labels** settings of the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFormatNumber;
+    /**
+     * The **Currency** option of the **Format** DropDown of the **Labels** settings of the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFormatCurrency;
+    /**
+     * The **Percent** option of the **Format** DropDown of the **Labels** settings of the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFormatPercent;
+    /**
+     * The label of the **Font** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFont;
+    /**
+     * The placeholder of the **Font** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsFontPlaceholder;
+    /**
+     * The label of the **Size** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsSize;
+    /**
+     * The placeholder of the **Size** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsSizePlaceholder;
+    /**
+     * The label of the **Color** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsColor;
+    /**
+     * The label of the **Rotation** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsRotation;
+    /**
+     * The **Auto** option of the **Rotation** settings of the **Labels** in the **Value Axis** panel.
+     */
+    formatValueAxisLabelsRotationAuto;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChartWizardMessages]'
@@ -2238,19 +2700,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 class LocalizedMessagesDirective extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoChartWizardLocalizedMessages]", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -2273,50 +2736,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class ChartWizardComponent {
+    localization;
+    stateService;
+    /**
+     * The data to display in the Chart Wizard.
+     */
+    data;
+    /**
+     * Sets the default state of the Chart Wizard.
+     */
+    defaultState;
+    /**
+     * The Chart Wizard export options.
+     */
+    exportOptions;
+    /**
+     * Specifies if the configuration pane is initially collapsed.
+     * @default false
+     */
+    collapsedConfigurationPane = false;
+    /**
+     * The settings of the window.
+     */
+    windowSettings = {};
+    /**
+     * @hidden
+     */
+    showLicenseWatermark = false;
+    /**
+     * @hidden
+     */
+    exportIcon = exportIcon;
+    /**
+     * @hidden
+     */
+    exportDropdownItems = [];
+    /**
+     * Fires when the Chart Wizard Window is to be close.
+     */
+    close = new EventEmitter();
+    /**
+     * Fires when the Chart is about to be exported. The event is preventable.
+     */
+    export = new EventEmitter();
+    get dir() {
+        return this.stateService.direction;
+    }
+    /**
+     * @hidden
+     */
+    chart;
+    /**
+     * @hidden
+     */
+    propertyPane;
+    /**
+     * @hidden
+     */
+    dataTab;
+    /**
+     * @hidden
+     */
+    messages = ChartWizardCommon.messages;
+    subscription = new Subscription();
     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
-         */
-        this.showLicenseWatermark = false;
-        /**
-         * @hidden
-         */
-        this.exportIcon = exportIcon;
-        /**
-         * @hidden
-         */
-        this.exportDropdownItems = [];
-        /**
-         * Fires when the Chart Wizard Window is to be close.
-         */
-        this.close = new EventEmitter();
-        /**
-         * 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);
         this.stateService.direction = this.localization.rtl ? 'rtl' : 'ltr';
     }
-    get dir() {
-        return this.stateService.direction;
-    }
     ngAfterViewInit() {
         this.subscription.add(this.localization.changes.subscribe(({ rtl }) => {
             this.stateService.direction = rtl ? 'rtl' : 'ltr';
@@ -2407,21 +2896,20 @@ class ChartWizardComponent {
     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: 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardComponent, deps: [{ token: i1.LocalizationService }, { token: StateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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
 
@@ -2869,13 +3357,14 @@ 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]" }, { 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: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: WindowComponent, selector: "kendo-window", inputs: ["autoFocusedElement", "title", "draggable", "resizable", "themeColor", "keepContent", "state", "minWidth", "minHeight", "width", "height", "top", "left"], outputs: ["dragStart", "dragEnd", "resizeStart", "resizeEnd", "close", "widthChange", "heightChange", "topChange", "leftChange", "stateChange"], exportAs: ["kendoWindow"] }, { kind: "component", type: SplitterComponent, selector: "kendo-splitter", inputs: ["orientation", "splitbarWidth", "resizeStep", "splitterBarClass"], outputs: ["layoutChange"], exportAs: ["kendoSplitter"] }, { kind: "component", type: SplitterPaneComponent, selector: "kendo-splitter-pane", inputs: ["order", "size", "splitterBarAttributes", "splitterBarClass", "min", "max", "resizable", "collapsible", "scrollable", "collapsed", "orientation", "containsSplitter", "overlayContent"], outputs: ["sizeChange", "collapsedChange"], exportAs: ["kendoSplitterPane"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: ChartComponent, selector: "kendo-chart", inputs: ["pannable", "renderAs", "seriesColors", "subtitle", "title", "noData", "transitions", "zoomable", "axisDefaults", "categoryAxis", "chartArea", "legend", "panes", "paneDefaults", "plotArea", "series", "seriesDefaults", "tooltip", "valueAxis", "xAxis", "yAxis", "resizeRateLimit", "popupSettings", "drilldownLevel"], outputs: ["axisLabelClick", "drag", "dragEnd", "dragStart", "legendItemHover", "legendItemLeave", "noteClick", "noteHover", "noteLeave", "paneRender", "plotAreaClick", "plotAreaHover", "plotAreaLeave", "render", "select", "selectEnd", "selectStart", "seriesClick", "drilldown", "seriesHover", "seriesOver", "seriesLeave", "zoom", "zoomEnd", "zoomStart", "legendItemClick", "drilldownLevelChange"], exportAs: ["kendoChart"] }, { kind: "component", type: TitleComponent, selector: "kendo-chart-title", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "description", "visible"] }, { kind: "component", type: SubtitleComponent, selector: "kendo-chart-subtitle", inputs: ["align", "background", "border", "color", "font", "margin", "padding", "position", "text", "visible"] }, { kind: "component", type: ChartAreaComponent, selector: "kendo-chart-area", inputs: ["background", "border", "height", "margin", "opacity", "width"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CategoryAxisComponent, selector: "kendo-chart-category-axis" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CategoryAxisItemComponent, selector: "kendo-chart-category-axis-item", inputs: ["autoBaseUnitSteps", "axisCrossingValue", "background", "baseUnit", "baseUnitStep", "categories", "color", "justified", "line", "majorGridLines", "majorTicks", "max", "maxDateGroups", "maxDivisions", "min", "minorGridLines", "minorTicks", "name", "pane", "plotBands", "reverse", "roundToBaseUnit", "startAngle", "type", "visible", "weekStartDay", "crosshair", "labels", "notes", "select", "title", "rangeLabels"] }, { kind: "component", type: ValueAxisComponent, selector: "kendo-chart-value-axis" }, { kind: "component", type: ValueAxisItemComponent, selector: "kendo-chart-value-axis-item", inputs: ["axisCrossingValue", "background", "color", "line", "majorGridLines", "majorTicks", "majorUnit", "max", "min", "minorGridLines", "minorTicks", "minorUnit", "name", "narrowRange", "pane", "plotBands", "reverse", "type", "visible", "crosshair", "labels", "notes", "title"] }, { kind: "component", type: SeriesComponent, selector: "kendo-chart-series" }, { kind: "component", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: ["aggregate", "autoFit", "axis", "border", "categoryAxis", "categoryField", "closeField", "color", "colorField", "connectors", "currentField", "dashType", "data", "downColor", "downColorField", "drilldownField", "dynamicHeight", "dynamicSlope", "errorHighField", "errorLowField", "explodeField", "field", "fromField", "gap", "highField", "holeSize", "line", "lowField", "lowerField", "margin", "maxSize", "mean", "meanField", "median", "medianField", "minSize", "missingValues", "name", "neckRatio", "negativeColor", "negativeValues", "noteTextField", "opacity", "openField", "outliersField", "overlay", "padding", "q1Field", "q3Field", "segmentSpacing", "size", "sizeField", "spacing", "stack", "startAngle", "style", "summaryField", "target", "toField", "type", "upperField", "visible", "visibleInLegend", "visibleInLegendField", "visual", "width", "whiskers", "xAxis", "xErrorHighField", "xErrorLowField", "xField", "yAxis", "yErrorHighField", "yErrorLowField", "yField", "zIndex", "trendline", "for", "legendItem", "pattern", "patternField", "errorBars", "extremes", "highlight", "labels", "markers", "notes", "outliers", "tooltip"] }, { kind: "component", type: LegendComponent, selector: "kendo-chart-legend", inputs: ["align", "background", "border", "height", "labels", "margin", "offsetX", "offsetY", "orientation", "padding", "position", "reverse", "visible", "width", "markers", "spacing", "inactiveItems", "item", "title"] }, { 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: "16.2.12", ngImport: i0, type: ChartWizardComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [
@@ -3470,18 +3959,31 @@ const getWizardDataFromGridSelection = (args) => getWizardDataFromDataRows(getGr
  * ([see example](slug:grid_integration_with_chart).
  */
 class ChartWizardGridBindingDirective {
+    grid;
+    /**
+     * Defines the collection that will store the Chart Wizard data.
+     *
+     * @default []
+     */
+    chartWizardData = [];
+    /**
+     * Fires when the `chartWizardData` collection has been updated.
+     */
+    chartWizardDataChange = new EventEmitter();
+    /**
+     * @hidden
+     */
+    data;
+    /**
+     * @hidden
+     */
+    selectionKey;
+    /**
+     * @hidden
+     */
+    columnKey;
     constructor(grid) {
         this.grid = grid;
-        /**
-         * Defines the collection that will store the Chart Wizard data.
-         *
-         * @default []
-         */
-        this.chartWizardData = [];
-        /**
-         * Fires when the `chartWizardData` collection has been updated.
-         */
-        this.chartWizardDataChange = new EventEmitter();
     }
     ngOnInit() {
         if (!this.selectionKey || !this.data) {
@@ -3501,10 +4003,10 @@ class ChartWizardGridBindingDirective {
         });
         this.chartWizardDataChange.emit(this.chartWizardData);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardGridBindingDirective, deps: [{ token: i1$1.GridComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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 });
 }
-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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardGridBindingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChartWizardGridBinding]',
@@ -3540,6 +4042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class CustomMessagesComponent extends Messages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -3547,15 +4050,15 @@ class CustomMessagesComponent extends Messages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-chartwizard-messages", providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -3588,20 +4091,20 @@ const KENDO_CHARTWIZARD = [
  * that will use the Chart Wizard component.
  */
 class ChartWizardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, imports: [ChartWizardComponent, ChartWizardGridBindingDirective, CustomMessagesComponent], exports: [ChartWizardComponent, ChartWizardGridBindingDirective, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, providers: [
+            ThemeService,
+            PopupService,
+            ResizeBatchService,
+            IconsService,
+            DialogContainerService,
+            DialogService,
+            WindowService,
+            WindowContainerService
+        ], imports: [ChartWizardComponent] });
 }
-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, CustomMessagesComponent], exports: [ChartWizardComponent, ChartWizardGridBindingDirective, CustomMessagesComponent] });
-ChartWizardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, providers: [
-        ThemeService,
-        PopupService,
-        ResizeBatchService,
-        IconsService,
-        DialogContainerService,
-        DialogService,
-        WindowService,
-        WindowContainerService
-    ], imports: [ChartWizardComponent, CustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartWizardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartWizardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_CHARTWIZARD],