@progress/kendo-angular-chart-wizard 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/property-pane/chart-tab.component.mjs

@@ -15,22 +15,25 @@ import * as i2 from "../localization/chartwizard-localization.service";
  * @hidden
  */
 export 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(() => {
@@ -46,9 +49,8 @@ export 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: i1.StateService }, { token: i0.ChangeDetectorRef }, { token: i2.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: i1.StateService }, { token: i0.ChangeDetectorRef }, { token: i2.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
@@ -147,7 +149,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',

package/{esm2020 → esm2022}/property-pane/data-tab.component.mjs

@@ -21,20 +21,23 @@ import * as i3 from "../localization/chartwizard-localization.service";
  * @hidden
  */
 export 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) {
@@ -47,6 +50,9 @@ export 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({
@@ -75,9 +81,8 @@ export 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: i1.StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i3.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: i1.StateService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i3.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">
@@ -153,7 +158,8 @@ ChartWizardPropertyPaneDataTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minV
             </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]", 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: "15.2.10", ngImport: i0, type: ChartWizardPropertyPaneDataTabComponent, decorators: [{
+}
+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',

package/{esm2020 → esm2022}/property-pane/form-field.component.mjs

@@ -14,18 +14,35 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export 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(() => {
@@ -46,9 +63,8 @@ export 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
@@ -118,7 +134,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',

package/{esm2020 → esm2022}/property-pane/format-tab.component.mjs

@@ -20,75 +20,73 @@ import * as i2 from "../localization/chartwizard-localization.service";
  * @hidden
  */
 export 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
@@ -133,6 +131,11 @@ export 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();
@@ -172,9 +175,8 @@ export 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: i1.StateService }, { token: i2.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: i1.StateService }, { token: i2.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"
@@ -587,7 +589,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',

package/{esm2020 → esm2022}/series-type-button.component.mjs

@@ -12,9 +12,13 @@ import * as i1 from "./state.service";
  * @hidden
  */
 export class ChartWizardSeriesTypeButtonComponent {
+    stateService;
+    title;
+    chartTypeIcon;
+    stack = false;
+    seriesType;
     constructor(stateService) {
         this.stateService = stateService;
-        this.stack = false;
     }
     onSelect() {
         this.stateService.seriesType = this.seriesType;
@@ -31,9 +35,8 @@ export 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: i1.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: i1.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>
@@ -41,7 +44,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',

package/esm2022/state.service.mjs

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from "@angular/core";
+import { defaultAllSeriesItem } from "./common/models";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class StateService {
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StateService, decorators: [{
+            type: Injectable
+        }] });