@progress/kendo-angular-dialog 24.0.0-develop.37 → 24.0.0-develop.39

package/codemods/libs/dialog/codemods/v24/dialog-themeColor.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* 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;
+    if (!(0, codemods_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    // Handle HTML files and inline templates
+    const htmlResult = (0, codemods_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, codemods_1.attributeRemoval)(templateContent, 'kendo-dialog', 'themeColor'));
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    // Handle TypeScript property transformations
+    const j = api.jscodeshift;
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, codemods_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-dialog', 'DialogComponent', 'themeColor');
+    return rootSource.toSource();
+}

package/codemods/libs/dialog/codemods/v24/dialogSettings-themeColor.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* 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 filePath = fileInfo.path;
+    if (!(0, codemods_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    if (filePath.endsWith('.html')) {
+        return fileInfo.source;
+    }
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, codemods_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-dialog', 'DialogSettings', 'themeColor');
+    (0, codemods_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-dialog', 'WindowSettings', 'themeColor');
+    return rootSource.toSource();
+}

package/codemods/libs/dialog/codemods/v24/window-themeColor.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* 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;
+    if (!(0, codemods_1.isApiChangeTarget)(filePath)) {
+        return fileInfo.source;
+    }
+    // Handle HTML files and inline templates
+    const htmlResult = (0, codemods_1.htmlTransformer)(fileInfo, api, (templateContent) => (0, codemods_1.attributeRemoval)(templateContent, 'kendo-window', 'themeColor'));
+    if (filePath.endsWith('.html')) {
+        if (htmlResult && htmlResult !== fileInfo.source) {
+            fs.writeFileSync(filePath, htmlResult, 'utf-8');
+            return htmlResult;
+        }
+        return fileInfo.source;
+    }
+    // Handle TypeScript property transformations
+    const j = api.jscodeshift;
+    const rootSource = j(htmlResult || fileInfo.source);
+    (0, codemods_1.tsPropertyRemoval)(fileInfo.source, rootSource, j, '@progress/kendo-angular-dialog', 'WindowComponent', 'themeColor');
+    return rootSource.toSource();
+}

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

@@ -16,7 +16,7 @@ import { xIcon, windowRestoreIcon, windowIcon, windowMinimizeIcon } from '@progr
 import { validatePackage } from '@progress/kendo-licensing';
 import { of, Subscription, Subject, merge } from 'rxjs';
 import * as i1$2 from '@progress/kendo-angular-common';
-import { setHTMLAttributes, getLicenseMessage, shouldShowValidationUI, isDocumentAvailable, normalizeKeys, Keys, focusableSelector, WatermarkOverlayComponent, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
+import { setHTMLAttributes, getLicenseMessage, shouldShowValidationUI, isDocumentAvailable, normalizeKeys, Keys, focusableSelector, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
 import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 
@@ -513,8 +513,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1779188479,
-    version: '24.0.0-develop.37',
+    publishDate: 1779209685,
+    version: '24.0.0-develop.39',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1248,7 +1248,8 @@ class DialogComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.dialog'
-            }
+            },
+            { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => DialogComponent) }
         ], queries: [{ propertyName: "titlebarContent", predicate: DialogTitleBarComponent }], viewQueries: [{ propertyName: "actionsView", first: true, predicate: DialogActionsComponent, descendants: true }, { propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, static: true }, { propertyName: "titlebarView", predicate: DialogTitleBarComponent, descendants: true }], exportAs: ["kendoDialog"], ngImport: i0, template: `
         <ng-container
           kendoDialogLocalizedMessages
@@ -1312,7 +1313,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.dialog'
-                        }
+                        },
+                        { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => DialogComponent) }
                     ],
                     selector: 'kendo-dialog',
                     template: `
@@ -3545,7 +3547,8 @@ class WindowComponent {
             {
                 provide: L10N_PREFIX,
                 useValue: 'kendo.window'
-            }
+            },
+            { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => WindowComponent) }
         ], queries: [{ propertyName: "titleBarContent", first: true, predicate: WindowTitleBarComponent, descendants: true }], viewQueries: [{ propertyName: "titleBarView", first: true, predicate: WindowTitleBarComponent, descendants: true }, { propertyName: "resizeHandles", predicate: ResizeHandleDirective, descendants: true }], exportAs: ["kendoWindow"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoWindowLocalizedMessages
           i18n-closeTitle="kendo.window.closeTitle|The title of the close button"
@@ -3617,7 +3620,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.window'
-                        }
+                        },
+                        { provide: KENDO_WEBMCP_HOST, useExisting: forwardRef(() => WindowComponent) }
                     ],
                     selector: 'kendo-window',
                     template: `

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1779188479,
-  "version": "24.0.0-develop.37",
+  "publishDate": 1779209685,
+  "version": "24.0.0-develop.39",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dialog",
-  "version": "24.0.0-develop.37",
+  "version": "24.0.0-develop.39",
   "description": "Dialog Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -20,10 +20,32 @@
   ],
   "@progress": {
     "friendlyName": "Dialogs",
+    "migrations": {
+      "options": {
+        "parser": "tsx",
+        "pattern": "*.{ts,html,css,scss,sass,less}"
+      },
+      "codemods": {
+        "24": [
+          {
+            "description": "The Dialog's themeColor input property is removed.",
+            "file": "codemods/v24/dialog-themeColor.js"
+          },
+          {
+            "description": "The Window's themeColor input property is removed.",
+            "file": "codemods/v24/window-themeColor.js"
+          },
+          {
+            "description": "The themeColor property is removed from DialogSettings and WindowSettings.",
+            "file": "codemods/v24/dialogSettings-themeColor.js"
+          }
+        ]
+      }
+    },
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1779188479,
+      "publishDate": 1779209685,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -33,15 +55,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.37",
-    "@progress/kendo-angular-common": "24.0.0-develop.37",
-    "@progress/kendo-angular-icons": "24.0.0-develop.37",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.37",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.39",
+    "@progress/kendo-angular-common": "24.0.0-develop.39",
+    "@progress/kendo-angular-icons": "24.0.0-develop.39",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.39",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.37",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.39",
     "@progress/kendo-popup-common": "1.9.5"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,7 +9,7 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DialogsModule', package: 'dialog', peerDependencies: {
             // Peer dependency of buttons
-            '@progress/kendo-angular-popup': '24.0.0-develop.37',
+            '@progress/kendo-angular-popup': '24.0.0-develop.39',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });