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

package/codemods/utils.js

@@ -3,11 +3,40 @@
 * 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;
 exports.isImportedFromPackage = isImportedFromPackage;
 exports.tsPropertyRemoval = tsPropertyRemoval;
+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.blockTextElements = {
     script: true,
     noscript: true,
@@ -575,7 +604,7 @@ const tsComponentPropertyRemoval = (source, root, j, packageName, componentType,
                 localVariables.add(path.node.id.name);
             }
         });
-        // Find array variables of type componentType[] 
+        // Find array variables of type componentType[]
         // This handles cases like: const arr: ChatComponent[] = [...]; arr[0].property = value;
         const arrayVariables = new Set();
         root.find(j.VariableDeclarator).forEach((path) => {
@@ -1366,3 +1395,36 @@ function isComponentTypeMatch(root, j, node, componentType) {
     }
     return false;
 }
+// Matches CSS class names in CSS selectors (.foo) and as whitespace/quote-delimited
+// tokens within attribute values, covering both single-class ("foo") and multi-class ("foo bar") cases.
+function makePattern(classes) {
+    return new RegExp(classes.map(c => String.raw `\.${c}\b|(?<=["'\s])${c}(?=["'\s])`).join('|'));
+}
+function writeInstructionMarker(instruction, codemodFilename, affectedFile) {
+    // Write to node_modules/.kendo/migration/<basename(codemodFilename)>
+    // kendo-cli reads the marker by looking up basename(codemod.file) in that directory
+    const markerDir = path.join(process.cwd(), 'node_modules', '.kendo', 'migration');
+    const markerPath = path.join(markerDir, path.basename(codemodFilename));
+    try {
+        fs.mkdirSync(markerDir, { recursive: true });
+        const existing = fs.existsSync(markerPath) ? fs.readFileSync(markerPath, 'utf8') : '';
+        let content = existing;
+        if (!existing.includes(instruction)) {
+            content += instruction + '\n';
+        }
+        const fileLine = `  - ${path.relative(process.cwd(), affectedFile)}`;
+        if (!content.includes(fileLine)) {
+            content += fileLine + '\n';
+        }
+        fs.writeFileSync(markerPath, content);
+    }
+    catch { /* suppress error */ }
+}
+function isApiChangeTarget(filePath) {
+    const ext = path.extname(filePath);
+    return ext === '.ts' || ext === '.html';
+}
+function isRenderingChangeTarget(filePath) {
+    const ext = path.extname(filePath);
+    return ext === '.ts' || ext === '.html' || ext === '.css' || ext === '.scss' || ext === '.sass' || ext === '.less';
+}

package/codemods/v18/layout-rendering-changes.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* 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.aiInstructions = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references the k-header class. It has been removed from the TabStrip.
+Before: <div class="k-tabstrip k-header">
+After:  <div class="k-tabstrip">
+Remove any CSS rules or selectors that target .k-tabstrip.k-header or rely on k-header being present on the TabStrip.`;
+const classes = ['k-header'];
+const pattern = (0, utils_1.makePattern)(classes);
+function default_1(fileInfo) {
+    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (pattern.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

package/codemods/v19/tabstrip-mousescrollspeed.js

@@ -27,11 +27,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.aiInstructions = void 0;
 exports.default = default_1;
 const fs = __importStar(require("fs"));
 const utils_1 = require("../utils");
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
+    if (!(0, utils_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
     // Handle HTML files and inline templates
     const htmlResult = (0, utils_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, utils_1.attributeRemoval)(templateContent, 'kendo-tabstrip', 'scrollable', 'mouseScrollSpeed'));
     if (filePath.endsWith('.html')) {
@@ -48,3 +52,18 @@ function default_1(fileInfo, api) {
     (0, utils_1.tsComponentPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-layout', 'TabStripComponent', 'scrollable', 'mouseScrollSpeed');
     return rootSource.toSource();
 }
+exports.aiInstructions = `The TabStrip's 'mouseScrollSpeed' property has been removed without a replacement.
+
+Previously, 'mouseScrollSpeed' inside the '[scrollable]' configuration object controlled how fast the tabs scroll on mouse wheel.
+
+Before:
+  <kendo-tabstrip [scrollable]="{ mouseScrollSpeed: 3 }"></kendo-tabstrip>
+
+  const settings: TabStripScrollableSettings = { mouseScrollSpeed: 3 };
+
+After:
+  <kendo-tabstrip [scrollable]="true"></kendo-tabstrip>
+
+  const settings: TabStripScrollableSettings = {};
+
+Action: Remove any 'mouseScrollSpeed' references from your '[scrollable]' configuration. The scroll speed can no longer be customized.`;

package/codemods/v21/layout-rendering-changes.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* 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.aiInstructions = void 0;
+exports.default = default_1;
+const utils_1 = require("../utils");
+exports.aiInstructions = `Review your stylesheets, test files, and any code that references the k-item class. It has been removed from the k-tabstrip-item element.
+Before: <li class="k-item k-tabstrip-item">
+After:  <li class="k-tabstrip-item">
+Remove any CSS rules or selectors that target TabStrip items using .k-item alone or the combination .k-item.k-tabstrip-item. Use .k-tabstrip-item exclusively.`;
+const classes = ['k-item', 'k-tabstrip-item'];
+const pattern = (0, utils_1.makePattern)(classes);
+function default_1(fileInfo) {
+    if ((0, utils_1.isRenderingChangeTarget)(fileInfo.path)) {
+        if (pattern.test(fileInfo.source)) {
+            (0, utils_1.writeInstructionMarker)(exports.aiInstructions, __filename, fileInfo.path);
+        }
+    }
+    return fileInfo.source;
+}

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

@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776172111,
-    version: '23.4.0-develop.2',
+    publishDate: 1776324938,
+    version: '23.4.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776172111,
-  "version": "23.4.0-develop.2",
+  "publishDate": 1776324938,
+  "version": "23.4.0-develop.4",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "23.4.0-develop.2",
+  "version": "23.4.0-develop.4",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -35,14 +35,28 @@
     "migrations": {
       "options": {
         "parser": "tsx",
-        "pattern": "*.{ts,html}"
+        "pattern": "*.{ts,html,css,scss,sass,less}"
       },
       "codemods": {
+        "18": [
+          {
+            "description": "The Layout components have rendering changes that may affect custom styling.",
+            "file": "codemods/v18/layout-rendering-changes.js",
+            "instructionsOnly": true
+          }
+        ],
         "19": [
           {
             "description": "mousescrollspeed of TabStripScrollableSettings is deprecated",
             "file": "codemods/v19/tabstrip-mousescrollspeed.js",
-            "prompt": "true"
+            "prompt": "false"
+          }
+        ],
+        "21": [
+          {
+            "description": "The Layout components have rendering changes that may affect custom styling.",
+            "file": "codemods/v21/layout-rendering-changes.js",
+            "instructionsOnly": true
           }
         ]
       }
@@ -50,7 +64,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776172111,
+      "publishDate": 1776324938,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -60,17 +74,17 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.4.0-develop.2",
-    "@progress/kendo-angular-l10n": "23.4.0-develop.2",
-    "@progress/kendo-angular-progressbar": "23.4.0-develop.2",
-    "@progress/kendo-angular-icons": "23.4.0-develop.2",
-    "@progress/kendo-angular-buttons": "23.4.0-develop.2",
-    "@progress/kendo-angular-intl": "23.4.0-develop.2",
+    "@progress/kendo-angular-common": "23.4.0-develop.4",
+    "@progress/kendo-angular-l10n": "23.4.0-develop.4",
+    "@progress/kendo-angular-progressbar": "23.4.0-develop.4",
+    "@progress/kendo-angular-icons": "23.4.0-develop.4",
+    "@progress/kendo-angular-buttons": "23.4.0-develop.4",
+    "@progress/kendo-angular-intl": "23.4.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.4.0-develop.2",
+    "@progress/kendo-angular-schematics": "23.4.0-develop.4",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",