@progress/kendo-angular-charts 23.4.0-develop.4 → 24.0.0-develop.2

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/{v19 → libs/charts/codemods/v19}/charts-rendering-changes.js

@@ -6,13 +6,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.aiInstructions = void 0;
 exports.default = default_1;
-const utils_1 = require("../utils");
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
 const classes = ['k-chart', 'k-sankey'];
-const pattern = (0, utils_1.makePattern)(classes);
+const pattern = (0, codemods_1.makePattern)(classes);
 function default_1(fileInfo) {
-    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+    if ((0, codemods_1.isRenderingChangeTarget)(fileInfo.path)) {
         if (pattern.test(fileInfo.source)) {
-            (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+            (0, codemods_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
         }
     }
     return fileInfo.source;

package/codemods/libs/charts/codemods/v24/navigatorseriesitem-style.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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 tslib_1 = require("tslib");
+const fs = tslib_1.__importStar(require("fs"));
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    const htmlResult = (0, codemods_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, codemods_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, codemods_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-charts', 'NavigatorSeriesItemComponent', 'style', 'lineStyle');
+    return rootSource.toSource();
+}

package/codemods/libs/charts/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 codemods_1 = require("@progress/kendo-angular-common/codemods");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, codemods_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-charts', 'Series', 'style', 'lineStyle');
+    return rootSource.toSource();
+}

package/codemods/libs/charts/codemods/v24/seriesitem-style.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* 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 tslib_1 = require("tslib");
+const fs = tslib_1.__importStar(require("fs"));
+const codemods_1 = require("@progress/kendo-angular-common/codemods");
+function default_1(fileInfo, api) {
+    const filePath = fileInfo.path;
+    const htmlResult = (0, codemods_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, codemods_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, codemods_1.tsPropertyTransformer)(fileInfo.source, rootSource, j, '@progress/kendo-angular-charts', 'SeriesItemComponent', 'style', 'lineStyle');
+    return rootSource.toSource();
+}

package/codemods/{utils.js → libs/common/src/codemods/utils.js}

@@ -3,29 +3,6 @@
 * 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.tsInterfaceTransformer = exports.tsPropertyValueTransformer = exports.tsPropertyTransformer = exports.tsComponentPropertyRemoval = exports.attributeRemoval = exports.attributeValueUpdate = exports.attributeNameValueUpdate = exports.attributeNameUpdate = exports.eventUpdate = exports.htmlTransformer = exports.blockTextElements = void 0;
 exports.hasKendoInTemplate = hasKendoInTemplate;
@@ -35,8 +12,12 @@ exports.makePattern = makePattern;
 exports.writeInstructionMarker = writeInstructionMarker;
 exports.isApiChangeTarget = isApiChangeTarget;
 exports.isRenderingChangeTarget = isRenderingChangeTarget;
-const fs = __importStar(require("node:fs"));
-const path = __importStar(require("node:path"));
+exports.executeCodemodTest = executeCodemodTest;
+const tslib_1 = require("tslib");
+/// <reference types="node" />
+const fs = tslib_1.__importStar(require("fs"));
+const os = tslib_1.__importStar(require("os"));
+const path = tslib_1.__importStar(require("path"));
 exports.blockTextElements = {
     script: true,
     noscript: true,
@@ -320,12 +301,12 @@ const attributeRemoval = (templateContent, tagName, attributeName, propertyToRem
     // If no propertyToRemove is specified, remove the entire attribute
     if (!propertyToRemove) {
         // Remove bound attributes [attribute]="value"
-        const boundAttributePattern = new RegExp(`(\\s+)\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)`, 'gi');
+        const boundAttributePattern = new RegExp(`(<${escapedTag}[^>]*?)\\s+\\[${escapedAttr}\\]\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
         // Remove static attributes attribute="value"
-        const staticAttributePattern = new RegExp(`(\\s+)${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)`, 'gi');
-        // Apply removals
-        let result = templateContent.replace(boundAttributePattern, '');
-        result = result.replace(staticAttributePattern, '');
+        const staticAttributePattern = new RegExp(`(<${escapedTag}[^>]*?)\\s+${escapedAttr}\\s*=\\s*("(?:[^"\\\\]|\\\\.)*?"|'(?:[^'\\\\]|\\\\.)*?'|[^\\s>]+)([^>]*?>)`, 'gi');
+        // Apply removals - keep tag prefix and suffix, remove the attribute
+        let result = templateContent.replace(boundAttributePattern, '$1$3');
+        result = result.replace(staticAttributePattern, '$1$3');
         return result;
     }
     // Remove specific property from object literal attributes
@@ -1428,3 +1409,45 @@ function isRenderingChangeTarget(filePath) {
     const ext = path.extname(filePath);
     return ext === '.ts' || ext === '.html' || ext === '.css' || ext === '.scss' || ext === '.sass' || ext === '.less';
 }
+/**
+ * Executes a codemod transformation and compares the result with expected output
+ *
+ * @param codemod - The codemod function to execute
+ * @param testDir - Directory containing the test files (__dirname from test file)
+ * @param exampleFileName - Name of the input file (default: 'example.ts')
+ * @param expectedFileName - Name of the expected output file (default: 'expected.ts')
+ * @returns Object containing the transformation result and expected content
+ */
+function executeCodemodTest(codemod, testDir, exampleFileName = 'example.ts', expectedFileName = 'expected.ts') {
+    const exampleFile = path.join(testDir, exampleFileName);
+    const expectedFile = path.join(testDir, expectedFileName);
+    const sourceCode = fs.readFileSync(exampleFile, 'utf-8');
+    const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'codemod-test-'));
+    const tmpFile = path.join(tmpDir, path.basename(exampleFile));
+    fs.writeFileSync(tmpFile, sourceCode, 'utf-8');
+    try {
+        const fileInfo = {
+            path: tmpFile,
+            source: sourceCode
+        };
+        const jscodeshift = require('jscodeshift').withParser('tsx');
+        const api = {
+            jscodeshift,
+            j: jscodeshift
+        };
+        const result = codemod(fileInfo, api);
+        const expectedContent = fs.readFileSync(expectedFile, 'utf-8').trim();
+        return {
+            result: result?.trim(),
+            expected: expectedContent,
+            sourceCode,
+            transformedSuccessfully: result !== undefined
+        };
+    }
+    finally {
+        try {
+            fs.rmSync(tmpDir, { recursive: true });
+        }
+        catch { }
+    }
+}

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: 1776325052,
-    version: '23.4.0-develop.4',
+    publishDate: 1776936172,
+    version: '24.0.0-develop.2',
     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);
     }
     /**
@@ -3980,9 +4011,9 @@ class ChartComponent {
     }
 
     @if (showLicenseWatermark) {
-      <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+      <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedChartMessagesDirective, selector: "[kendoChartLocalizedMessages]" }, { kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedChartMessagesDirective, selector: "[kendoChartLocalizedMessages]" }, { kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
@@ -4029,7 +4060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
     }
 
     @if (showLicenseWatermark) {
-      <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+      <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
     }
     `,
                     standalone: true,
@@ -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();
@@ -6190,9 +6222,9 @@ class StockChartComponent extends ChartComponent {
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: StockChartComponent, decorators: [{
             type: Component,
@@ -6219,7 +6251,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
         `,
                     standalone: true,
@@ -9217,9 +9249,9 @@ class SparklineComponent extends ChartComponent {
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
-        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "component", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: ["popupSettings"] }, { kind: "component", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: ["animate", "classNames", "wrapperClass"], outputs: ["leave"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SparklineComponent, decorators: [{
             type: Component,
@@ -9246,7 +9278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
 
         @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
+          <kendo-watermark-overlay [licenseMessage]="licenseMessage"></kendo-watermark-overlay>
         }
         `,
                     standalone: true,
@@ -13392,7 +13424,7 @@ class SankeyComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSankeyLocalizedMessages]" }, { kind: "component", type: SankeyTooltipPopupComponent, selector: "kendo-sankey-tooltip-popup", inputs: ["animate", "wrapperClass", "tooltipUnitFormat", "offset"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSankeyLocalizedMessages]" }, { kind: "component", type: SankeyTooltipPopupComponent, selector: "kendo-sankey-tooltip-popup", inputs: ["animate", "wrapperClass", "tooltipUnitFormat", "offset"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SankeyComponent, decorators: [{
             type: Component,

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": 1776325052,
-  "version": "23.4.0-develop.4",
+  "publishDate": 1776936172,
+  "version": "24.0.0-develop.2",
   "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.4",
+  "version": "24.0.0-develop.2",
   "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": 1776325052,
+      "publishDate": 1776936172,
       "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.4",
-    "@progress/kendo-angular-intl": "23.4.0-develop.4",
-    "@progress/kendo-angular-icons": "23.4.0-develop.4",
-    "@progress/kendo-angular-l10n": "23.4.0-develop.4",
-    "@progress/kendo-angular-popup": "23.4.0-develop.4",
-    "@progress/kendo-angular-navigation": "23.4.0-develop.4",
+    "@progress/kendo-licensing": "^1.11.0",
+    "@progress/kendo-angular-common": "24.0.0-develop.2",
+    "@progress/kendo-angular-intl": "24.0.0-develop.2",
+    "@progress/kendo-angular-icons": "24.0.0-develop.2",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.2",
+    "@progress/kendo-angular-popup": "24.0.0-develop.2",
+    "@progress/kendo-angular-navigation": "24.0.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.4.0-develop.4",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.2",
     "@progress/kendo-charts": "2.11.3",
     "@progress/kendo-svg-icons": "^4.0.0"
   },