@progress/kendo-angular-charts 23.4.0-develop.3 → 24.0.0-develop.1

package/chart/series-item.component.d.ts

@@ -346,11 +346,11 @@ export declare class SeriesItemComponent extends CollectionItemComponent impleme
     startAngle: number;
     /**
      * Specifies the line style configuration of the series.
-     * Use the `style` option when [`series.type`](https://www.telerik.com/kendo-angular-ui/components/charts/api/series#type) is set to
+     * Use the `lineStyle` option when [`series.type`](https://www.telerik.com/kendo-angular-ui/components/charts/api/series#type) is set to
      * `"line"`, `"scatterLine"`, `"radarLine"`, or `"polarLine"`.
      * @default 'normal'
      */
-    style: LineStyle;
+    lineStyle: LineStyle;
     /**
      * Specifies the data item field which contains the summary type for the Waterfall series.
      * The value (if any) of a data item marked as a summary point will be discarded.
@@ -539,5 +539,5 @@ export declare class SeriesItemComponent extends CollectionItemComponent impleme
     togglePointVisibility(pointIndex: number): void;
     get seriesTooltipTemplateRef(): TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SeriesItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesItemComponent, "kendo-chart-series-item", never, { "aggregate": { "alias": "aggregate"; "required": false; }; "autoFit": { "alias": "autoFit"; "required": false; }; "axis": { "alias": "axis"; "required": false; }; "border": { "alias": "border"; "required": false; }; "categoryAxis": { "alias": "categoryAxis"; "required": false; }; "categoryField": { "alias": "categoryField"; "required": false; }; "closeField": { "alias": "closeField"; "required": false; }; "color": { "alias": "color"; "required": false; }; "colorField": { "alias": "colorField"; "required": false; }; "connectors": { "alias": "connectors"; "required": false; }; "currentField": { "alias": "currentField"; "required": false; }; "dashType": { "alias": "dashType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "downColor": { "alias": "downColor"; "required": false; }; "downColorField": { "alias": "downColorField"; "required": false; }; "drilldownField": { "alias": "drilldownField"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "dynamicSlope": { "alias": "dynamicSlope"; "required": false; }; "errorHighField": { "alias": "errorHighField"; "required": false; }; "errorLowField": { "alias": "errorLowField"; "required": false; }; "explodeField": { "alias": "explodeField"; "required": false; }; "field": { "alias": "field"; "required": false; }; "fromField": { "alias": "fromField"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "highField": { "alias": "highField"; "required": false; }; "holeSize": { "alias": "holeSize"; "required": false; }; "line": { "alias": "line"; "required": false; }; "lowField": { "alias": "lowField"; "required": false; }; "lowerField": { "alias": "lowerField"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "mean": { "alias": "mean"; "required": false; }; "meanField": { "alias": "meanField"; "required": false; }; "median": { "alias": "median"; "required": false; }; "medianField": { "alias": "medianField"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "missingValues": { "alias": "missingValues"; "required": false; }; "name": { "alias": "name"; "required": false; }; "neckRatio": { "alias": "neckRatio"; "required": false; }; "negativeColor": { "alias": "negativeColor"; "required": false; }; "negativeValues": { "alias": "negativeValues"; "required": false; }; "noteTextField": { "alias": "noteTextField"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "openField": { "alias": "openField"; "required": false; }; "outliersField": { "alias": "outliersField"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "q1Field": { "alias": "q1Field"; "required": false; }; "q3Field": { "alias": "q3Field"; "required": false; }; "segmentSpacing": { "alias": "segmentSpacing"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeField": { "alias": "sizeField"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "style": { "alias": "style"; "required": false; }; "summaryField": { "alias": "summaryField"; "required": false; }; "target": { "alias": "target"; "required": false; }; "toField": { "alias": "toField"; "required": false; }; "type": { "alias": "type"; "required": false; }; "upperField": { "alias": "upperField"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "visibleInLegend": { "alias": "visibleInLegend"; "required": false; }; "visibleInLegendField": { "alias": "visibleInLegendField"; "required": false; }; "visual": { "alias": "visual"; "required": false; }; "width": { "alias": "width"; "required": false; }; "whiskers": { "alias": "whiskers"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "xErrorHighField": { "alias": "xErrorHighField"; "required": false; }; "xErrorLowField": { "alias": "xErrorLowField"; "required": false; }; "xField": { "alias": "xField"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "yErrorHighField": { "alias": "yErrorHighField"; "required": false; }; "yErrorLowField": { "alias": "yErrorLowField"; "required": false; }; "yField": { "alias": "yField"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "trendline": { "alias": "trendline"; "required": false; }; "for": { "alias": "for"; "required": false; }; "legendItem": { "alias": "legendItem"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "patternField": { "alias": "patternField"; "required": false; }; "errorBars": { "alias": "errorBars"; "required": false; }; "extremes": { "alias": "extremes"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "outliers": { "alias": "outliers"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, ["seriesTooltip", "drilldownTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeriesItemComponent, "kendo-chart-series-item", never, { "aggregate": { "alias": "aggregate"; "required": false; }; "autoFit": { "alias": "autoFit"; "required": false; }; "axis": { "alias": "axis"; "required": false; }; "border": { "alias": "border"; "required": false; }; "categoryAxis": { "alias": "categoryAxis"; "required": false; }; "categoryField": { "alias": "categoryField"; "required": false; }; "closeField": { "alias": "closeField"; "required": false; }; "color": { "alias": "color"; "required": false; }; "colorField": { "alias": "colorField"; "required": false; }; "connectors": { "alias": "connectors"; "required": false; }; "currentField": { "alias": "currentField"; "required": false; }; "dashType": { "alias": "dashType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "downColor": { "alias": "downColor"; "required": false; }; "downColorField": { "alias": "downColorField"; "required": false; }; "drilldownField": { "alias": "drilldownField"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "dynamicSlope": { "alias": "dynamicSlope"; "required": false; }; "errorHighField": { "alias": "errorHighField"; "required": false; }; "errorLowField": { "alias": "errorLowField"; "required": false; }; "explodeField": { "alias": "explodeField"; "required": false; }; "field": { "alias": "field"; "required": false; }; "fromField": { "alias": "fromField"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "highField": { "alias": "highField"; "required": false; }; "holeSize": { "alias": "holeSize"; "required": false; }; "line": { "alias": "line"; "required": false; }; "lowField": { "alias": "lowField"; "required": false; }; "lowerField": { "alias": "lowerField"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "mean": { "alias": "mean"; "required": false; }; "meanField": { "alias": "meanField"; "required": false; }; "median": { "alias": "median"; "required": false; }; "medianField": { "alias": "medianField"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "missingValues": { "alias": "missingValues"; "required": false; }; "name": { "alias": "name"; "required": false; }; "neckRatio": { "alias": "neckRatio"; "required": false; }; "negativeColor": { "alias": "negativeColor"; "required": false; }; "negativeValues": { "alias": "negativeValues"; "required": false; }; "noteTextField": { "alias": "noteTextField"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "openField": { "alias": "openField"; "required": false; }; "outliersField": { "alias": "outliersField"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "q1Field": { "alias": "q1Field"; "required": false; }; "q3Field": { "alias": "q3Field"; "required": false; }; "segmentSpacing": { "alias": "segmentSpacing"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeField": { "alias": "sizeField"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "lineStyle": { "alias": "lineStyle"; "required": false; }; "summaryField": { "alias": "summaryField"; "required": false; }; "target": { "alias": "target"; "required": false; }; "toField": { "alias": "toField"; "required": false; }; "type": { "alias": "type"; "required": false; }; "upperField": { "alias": "upperField"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "visibleInLegend": { "alias": "visibleInLegend"; "required": false; }; "visibleInLegendField": { "alias": "visibleInLegendField"; "required": false; }; "visual": { "alias": "visual"; "required": false; }; "width": { "alias": "width"; "required": false; }; "whiskers": { "alias": "whiskers"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "xErrorHighField": { "alias": "xErrorHighField"; "required": false; }; "xErrorLowField": { "alias": "xErrorLowField"; "required": false; }; "xField": { "alias": "xField"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "yErrorHighField": { "alias": "yErrorHighField"; "required": false; }; "yErrorLowField": { "alias": "yErrorLowField"; "required": false; }; "yField": { "alias": "yField"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "trendline": { "alias": "trendline"; "required": false; }; "for": { "alias": "for"; "required": false; }; "legendItem": { "alias": "legendItem"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "patternField": { "alias": "patternField"; "required": false; }; "errorBars": { "alias": "errorBars"; "required": false; }; "extremes": { "alias": "extremes"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "outliers": { "alias": "outliers"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, ["seriesTooltip", "drilldownTemplate"], never, true, never>;
 }

package/codemods/v24/navigatorseriesitem-style.js

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const fs = __importStar(require("fs"));
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameUpdate)(templateContent, 'kendo-chart-navigator-series-item', 'style', 'lineStyle'));
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-charts', 'NavigatorSeriesItemComponent', 'style', 'lineStyle');
+    return rootSource.toSource();
+}

package/codemods/v24/series-interface-style.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-charts', 'Series', 'style', 'lineStyle');
+    return rootSource.toSource();
+}

package/codemods/v24/seriesitem-style.js

@@ -0,0 +1,47 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const fs = __importStar(require("fs"));
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeNameUpdate)(templateContent, 'kendo-chart-series-item', 'style', 'lineStyle'));
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, utils_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-charts', 'SeriesItemComponent', 'style', 'lineStyle');
+    return rootSource.toSource();
+}

package/common/copy-changes.d.ts

@@ -9,3 +9,12 @@ import { SimpleChange } from '@angular/core';
 export declare function copyChanges(changes: {
     [propertyName: string]: SimpleChange;
 }, options: any): void;
+/**
+ * @hidden
+ *
+ * Normalizes renamed properties in the plain-object series configuration path.
+ * When users pass series items as plain objects via [series] binding,
+ * the items bypass copyChanges and reach the engine as-is.
+ * This function maps `lineStyle` to `style` so the engine receives the correct key.
+ */
+export declare function normalizeSeriesOptions(options: any): void;

package/fesm2022/progress-kendo-angular-charts.mjs

@@ -189,6 +189,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i0.NgZone }] });
 
+/**
+ * @hidden
+ */
+const NAME_MAP = {
+    lineStyle: 'style'
+};
 /**
  * @hidden
  */
@@ -197,15 +203,39 @@ function copyChanges(changes, options) {
         if (!Object.hasOwnProperty.call(changes, propertyName)) {
             continue;
         }
+        const key = NAME_MAP[propertyName] || propertyName;
         const value = changes[propertyName].currentValue;
         if (value === undefined) {
-            delete options[propertyName];
+            delete options[key];
         }
         else {
-            options[propertyName] = value;
+            options[key] = value;
         }
     }
 }
+function normalizeSeriesItems(seriesList) {
+    if (!Array.isArray(seriesList)) {
+        return;
+    }
+    for (const item of seriesList) {
+        if (item?.lineStyle !== undefined && item.style === undefined) {
+            item.style = item.lineStyle;
+            delete item.lineStyle;
+        }
+    }
+}
+/**
+ * @hidden
+ *
+ * Normalizes renamed properties in the plain-object series configuration path.
+ * When users pass series items as plain objects via [series] binding,
+ * the items bypass copyChanges and reach the engine as-is.
+ * This function maps `lineStyle` to `style` so the engine receives the correct key.
+ */
+function normalizeSeriesOptions(options) {
+    normalizeSeriesItems(options?.series);
+    normalizeSeriesItems(options?.navigator?.series);
+}
 
 /**
  * @hidden
@@ -767,11 +797,11 @@ class SeriesItemComponent extends CollectionItemComponent {
     startAngle;
     /**
      * Specifies the line style configuration of the series.
-     * Use the `style` option when [`series.type`](https://www.telerik.com/kendo-angular-ui/components/charts/api/series#type) is set to
+     * Use the `lineStyle` option when [`series.type`](https://www.telerik.com/kendo-angular-ui/components/charts/api/series#type) is set to
      * `"line"`, `"scatterLine"`, `"radarLine"`, or `"polarLine"`.
      * @default 'normal'
      */
-    style;
+    lineStyle;
     /**
      * Specifies the data item field which contains the summary type for the Waterfall series.
      * The value (if any) of a data item marked as a summary point will be discarded.
@@ -976,7 +1006,7 @@ class SeriesItemComponent extends CollectionItemComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SeriesItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: SeriesItemComponent, isStandalone: true, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", legendItem: "legendItem", pattern: "pattern", patternField: "patternField", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: SeriesItemComponent, isStandalone: true, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", drilldownField: "drilldownField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", lineStyle: "lineStyle", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", trendline: "trendline", for: "for", legendItem: "legendItem", pattern: "pattern", patternField: "patternField", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }, { propertyName: "drilldownTemplate", first: true, predicate: SeriesDrilldownTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SeriesItemComponent, decorators: [{
             type: Component,
@@ -1097,7 +1127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], startAngle: [{
                 type: Input
-            }], style: [{
+            }], lineStyle: [{
                 type: Input
             }], summaryField: [{
                 type: Input
@@ -2914,8 +2944,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776175469,
-    version: '23.4.0-develop.3',
+    publishDate: 1776779097,
+    version: '24.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3817,6 +3847,7 @@ class ChartComponent {
         }
     }
     updateOptions() {
+        normalizeSeriesOptions(this.options);
         this.instance.setOptions(this.options, this.theme);
     }
     /**
@@ -6155,6 +6186,7 @@ class StockChartComponent extends ChartComponent {
     }
     updateOptions() {
         this.applyNavigatorDefaults();
+        normalizeSeriesOptions(this.options);
         if (this.redrawSlaves) {
             this.instance.applyOptions(this.options);
             this.instance.bindCategories();

package/field-types/line-style.d.ts

@@ -13,21 +13,19 @@
  * @example
  * ```ts
  * import { Component } from '@angular/core';
- * import { LineStyle } from '@progress/kendo-angular-charts';
  *
  * _@Component({
  *   selector: 'my-app',
  *   template: `
  *     <kendo-chart>
  *       <kendo-chart-series>
- *         <kendo-chart-series-item type="line" [data]="[1, 2, 1]" [style]="style">
+ *         <kendo-chart-series-item type="line" [data]="[1, 2, 1]" lineStyle="smooth">
  *         </kendo-chart-series-item>
  *       </kendo-chart-series>
  *     </kendo-chart>
  *   `
  * })
  * export class AppComponent {
- *   public style: LineStyle = "smooth";
  * }
  *
  * ```

package/option-types/series-item.interface.d.ts

@@ -345,11 +345,11 @@ export interface Series {
      */
     startAngle?: number;
     /**
-     * Specifies the style options for the series.
+     * Specifies the line style configuration of the series.
      * This option is supported when [`series.type`](https://www.telerik.com/kendo-angular-ui/components/charts/api/series#type) is set to
      * `"line"`, `"scatterLine"`, `"radarLine"`, or `"polarLine"`.
      */
-    style?: LineStyle;
+    lineStyle?: LineStyle;
     /**
      * Specifies the data item field which contains the summary type for the Waterfall series.
      * Discards the value (if any) of a data item marked as a summary point.

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776175469,
-  "version": "23.4.0-develop.3",
+  "publishDate": 1776779097,
+  "version": "24.0.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-charts",
-  "version": "23.4.0-develop.3",
+  "version": "24.0.0-develop.1",
   "description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -51,13 +51,27 @@
             "file": "codemods/v19/charts-rendering-changes.js",
             "instructionsOnly": true
           }
+        ],
+        "24": [
+          {
+            "description": "The `style` property of the Chart Series Item component has been renamed to `lineStyle`.",
+            "file": "codemods/v24/seriesitem-style.js"
+          },
+          {
+            "description": "The `style` property of the Chart Navigator Series Item component has been renamed to `lineStyle`.",
+            "file": "codemods/v24/navigatorseriesitem-style.js"
+          },
+          {
+            "description": "The `style` property of the `Series` interface has been renamed to `lineStyle`.",
+            "file": "codemods/v24/series-interface-style.js"
+          }
         ]
       }
     },
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776175469,
+      "publishDate": 1776779097,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -67,18 +81,18 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-drawing": "^1.24.1",
-    "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.4.0-develop.3",
-    "@progress/kendo-angular-intl": "23.4.0-develop.3",
-    "@progress/kendo-angular-icons": "23.4.0-develop.3",
-    "@progress/kendo-angular-l10n": "23.4.0-develop.3",
-    "@progress/kendo-angular-popup": "23.4.0-develop.3",
-    "@progress/kendo-angular-navigation": "23.4.0-develop.3",
+    "@progress/kendo-licensing": "^1.11.0",
+    "@progress/kendo-angular-common": "24.0.0-develop.1",
+    "@progress/kendo-angular-intl": "24.0.0-develop.1",
+    "@progress/kendo-angular-icons": "24.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.1",
+    "@progress/kendo-angular-popup": "24.0.0-develop.1",
+    "@progress/kendo-angular-navigation": "24.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.4.0-develop.3",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.1",
     "@progress/kendo-charts": "2.11.3",
     "@progress/kendo-svg-icons": "^4.0.0"
   },