@progress/kendo-angular-dialog 24.0.0-develop.4 → 24.0.0-develop.40

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/dialog/dialog.component.d.ts

@@ -11,7 +11,6 @@ import { LicenseMessage } from '@progress/kendo-licensing';
 import { ActionsLayout } from '../common/actions-layout';
 import { DialogAction } from './models/dialog-action';
 import { DialogAnimation } from './models/dialog-animation';
-import { DialogThemeColor } from './models';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Dialog component for Angular](https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog).
@@ -122,13 +121,6 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
      * @default true
      */
     animation: boolean | DialogAnimation;
-    /**
-     * Sets a predefined theme color for the Dialog. The color applies to the title bar background and border, and updates the text color.
-     *
-     * @type {DialogThemeColor}
-     */
-    set themeColor(themeColor: DialogThemeColor);
-    get themeColor(): DialogThemeColor;
     /**
      * @hidden
      */
@@ -187,7 +179,6 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
     dialog: ElementRef;
     private _htmlAttributes;
     private _cssClass;
-    private _themeColor;
     private _closable;
     private direction;
     private subscriptions;
@@ -243,7 +234,6 @@ export declare class DialogComponent implements AfterContentInit, AfterViewInit,
     get wrapperClass(): boolean;
     get styles(): any;
     private bubble;
-    private handleThemeColorClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "kendo-dialog", ["kendoDialog"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, { "action": "action"; "close": "close"; }, ["titlebarContent"], ["kendo-dialog-titlebar", "*", "kendo-dialog-actions"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "kendo-dialog", ["kendoDialog"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "action": "action"; "close": "close"; }, ["titlebarContent"], ["kendo-dialog-titlebar", "*", "kendo-dialog-actions"], true, never>;
 }

package/dialog/models/dialog-settings.d.ts

@@ -7,7 +7,6 @@ import { ActionsLayout } from "./../../common/actions-layout";
 import { DialogAnimation } from "./dialog-animation";
 import { DialogRef } from "./dialog-ref";
 import { DialogResult } from "./dialog-result";
-import { DialogThemeColor } from "./theme-color";
 /**
  * Represents the settings for opening a Dialog through the `DialogService`.
  * ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/dialogservice#open))
@@ -104,8 +103,4 @@ export declare class DialogSettings {
      * Sets the query selector for the element to focus automatically with `autoFocusedElement`.
      */
     autoFocusedElement?: string;
-    /**
-     * Sets the theme color of the Dialog.
-     */
-    themeColor?: DialogThemeColor;
 }

package/dialog/models/index.d.ts

@@ -8,5 +8,4 @@ export * from './dialog-ref';
 export * from './dialog-result';
 export * from './dialog-settings';
 export * from './dialog-animation';
-export * from './theme-color';
 export * from './dialog-action-divider';

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';
 
@@ -124,7 +124,7 @@ class DialogActionsComponent {
         } @else {
           <ng-container [ngTemplateOutlet]="actionsTemplate"></ng-container>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
@@ -429,6 +429,7 @@ class DialogTitleBarComponent {
                         [attr.title]="closeButtonTitle"
                         [attr.aria-label]="closeButtonTitle"
                         icon="close"
+                        size="xsmall"
                         [svgIcon]="xIcon"
                         class="k-window-titlebar-action k-dialog-titlebar-action"
                         (click)="onCloseClick($event)"
@@ -437,7 +438,7 @@ class DialogTitleBarComponent {
                 </div>
             }
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n    [kendoDialogLocalizedMessages],\n    [kendoWindowLocalizedMessages],\n    [kendoDialogTitleBarLocalizedMessages]\n  " }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogTitleBarComponent, decorators: [{
             type: Component,
@@ -473,6 +474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         [attr.title]="closeButtonTitle"
                         [attr.aria-label]="closeButtonTitle"
                         icon="close"
+                        size="xsmall"
                         [svgIcon]="xIcon"
                         class="k-window-titlebar-action k-dialog-titlebar-action"
                         (click)="onCloseClick($event)"
@@ -511,8 +513,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776957244,
-    version: '24.0.0-develop.4',
+    publishDate: 1779214939,
+    version: '24.0.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -901,18 +903,6 @@ class DialogComponent {
      * @default true
      */
     animation = true;
-    /**
-     * Sets a predefined theme color for the Dialog. The color applies to the title bar background and border, and updates the text color.
-     *
-     * @type {DialogThemeColor}
-     */
-    set themeColor(themeColor) {
-        this.handleThemeColorClass(this.themeColor, themeColor);
-        this._themeColor = themeColor;
-    }
-    get themeColor() {
-        return this._themeColor;
-    }
     /**
      * @hidden
      */
@@ -988,7 +978,6 @@ class DialogComponent {
     dialog;
     _htmlAttributes;
     _cssClass;
-    _themeColor = undefined;
     _closable = true;
     direction;
     subscriptions = [];
@@ -1052,7 +1041,6 @@ class DialogComponent {
             }));
         }
         this.initDomEvents();
-        this.handleThemeColorClass(null, this.themeColor);
     }
     ngOnInit() {
         if (this.animation) {
@@ -1250,21 +1238,8 @@ class DialogComponent {
             this.subscriptions.push(s);
         }
     }
-    handleThemeColorClass(previousValue, currentValue) {
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-            const dialog = this.dialog.nativeElement;
-            if (previousValue) {
-                const classToRemove = `k-dialog-${previousValue}`;
-                this.renderer.removeClass(dialog, classToRemove);
-            }
-            if (currentValue) {
-                const classToAdd = `k-dialog-${currentValue}`;
-                this.renderer.addClass(dialog, classToAdd);
-            }
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", closable: "closable", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation", themeColor: "themeColor" }, outputs: { action: "action", close: "close" }, host: { properties: { "attr.dir": "this.dir", "attr.tabIndex": "this.tabIndex", "class.k-dialog-wrapper": "this.wrapperClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DialogComponent, isStandalone: true, selector: "kendo-dialog", inputs: { actions: "actions", actionsLayout: "actionsLayout", autoFocusedElement: "autoFocusedElement", closable: "closable", title: "title", width: "width", minWidth: "minWidth", maxWidth: "maxWidth", height: "height", minHeight: "minHeight", maxHeight: "maxHeight", animation: "animation" }, outputs: { action: "action", close: "close" }, host: { properties: { "attr.dir": "this.dir", "attr.tabIndex": "this.tabIndex", "class.k-dialog-wrapper": "this.wrapperClass" } }, providers: [
             LocalizationService,
             {
                 provide: DIALOG_LOCALIZATION_SERVICE,
@@ -1273,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
@@ -1337,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: `
@@ -1405,8 +1382,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], animation: [{
                 type: Input
-            }], themeColor: [{
-                type: Input
             }], action: [{
                 type: Output
             }], close: [{
@@ -1669,10 +1644,6 @@ class DialogSettings {
      * Sets the query selector for the element to focus automatically with `autoFocusedElement`.
      */
     autoFocusedElement;
-    /**
-     * Sets the theme color of the Dialog.
-     */
-    themeColor;
 }
 
 // eslint-disable max-line-length
@@ -1820,7 +1791,6 @@ See https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/.
         instance.minHeight = options.minHeight;
         instance.maxHeight = options.maxHeight;
         instance.autoFocusedElement = options.autoFocusedElement;
-        instance.themeColor = options.themeColor != undefined ? options.themeColor : null;
         instance.closeTitle = options.closeTitle;
         instance.closable = options.closable !== undefined ? options.closable : true;
         instance.cssClass = options.cssClass;
@@ -2596,6 +2566,7 @@ class WindowCloseActionDirective extends Button {
         super(el, renderer, null, localization, ngZone);
         this.window = _service;
         this.fillMode = 'flat';
+        this.size = 'xsmall';
         this.icon = 'x';
     }
     /**
@@ -2702,6 +2673,7 @@ class WindowRestoreActionDirective extends Button {
         super(el, renderer, null, localization, ngZone);
         this.window = _service;
         this.fillMode = 'flat';
+        this.size = 'xsmall';
         this.icon = 'window-restore';
     }
     /**
@@ -2814,6 +2786,7 @@ class WindowMaximizeActionDirective extends Button {
         super(el, renderer, null, localization, ngZone);
         this.window = _service;
         this.fillMode = 'flat';
+        this.size = 'xsmall';
         this.icon = 'window';
     }
     /**
@@ -2926,6 +2899,7 @@ class WindowMinimizeActionDirective extends Button {
         super(el, renderer, null, localization, ngZone);
         this.window = _service;
         this.fillMode = 'flat';
+        this.size = 'xsmall';
         this.icon = 'window-minimize';
     }
     /**
@@ -3066,16 +3040,6 @@ class WindowComponent {
     get resizable() {
         return this.options.resizable;
     }
-    /**
-     * Sets the predefined theme color for the Window. The color applies to the title bar background and border, and updates the text color.
-     */
-    set themeColor(themeColor) {
-        this.handleThemeColorClass(this.themeColor, themeColor);
-        this._themeColor = themeColor;
-    }
-    get themeColor() {
-        return this._themeColor;
-    }
     /**
      * @hidden
      */
@@ -3275,7 +3239,6 @@ class WindowComponent {
     titleId = null;
     _htmlAttributes;
     _cssClass;
-    _themeColor = undefined;
     direction;
     draged = false;
     resized = false;
@@ -3312,7 +3275,6 @@ class WindowComponent {
         if (this.titleBarView || this.titleBarContent) {
             this.renderer.setAttribute(this.el.nativeElement, 'aria-labelledby', this.titleId);
         }
-        this.handleThemeColorClass(null, this.themeColor);
     }
     ngOnInit() {
         this.renderer.removeAttribute(this.el.nativeElement, 'title');
@@ -3577,26 +3539,16 @@ class WindowComponent {
     generateTitleId() {
         return 'kendo-window-title-' + Math.ceil(Math.random() * 1000000).toString();
     }
-    handleThemeColorClass(previousValue, currentValue) {
-        const wrapper = this.el.nativeElement;
-        if (previousValue) {
-            const classToRemove = `k-window-${previousValue}`;
-            this.renderer.removeClass(wrapper, classToRemove);
-        }
-        if (currentValue) {
-            const classToAdd = `k-window-${currentValue}`;
-            this.renderer.addClass(wrapper, classToAdd);
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DragResizeService }, { token: NavigationService }, { token: i0.NgZone }, { token: i1$1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: WindowComponent, isStandalone: true, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", themeColor: "themeColor", keepContent: "keepContent", state: "state", minWidth: "minWidth", minHeight: "minHeight", width: "width", height: "height", top: "top", left: "left" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", resizeStart: "resizeStart", resizeEnd: "resizeEnd", close: "close", widthChange: "widthChange", heightChange: "heightChange", topChange: "topChange", leftChange: "leftChange", stateChange: "stateChange" }, host: { listeners: { "focus": "onComponentFocus()", "blur": "onComponentBlur()" }, properties: { "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "class.k-window": "this.hostClass", "attr.dir": "this.dir", "style.minWidth": "this.styleMinWidth", "style.minHeight": "this.styleMinHeight", "style.position": "this.stylePosition", "class.k-window-maximized": "this.wrapperMaximizedClass", "class.k-window-minimized": "this.wrapperMinimizedClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: WindowComponent, isStandalone: true, selector: "kendo-window", inputs: { autoFocusedElement: "autoFocusedElement", title: "title", draggable: "draggable", resizable: "resizable", keepContent: "keepContent", state: "state", minWidth: "minWidth", minHeight: "minHeight", width: "width", height: "height", top: "top", left: "left" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", resizeStart: "resizeStart", resizeEnd: "resizeEnd", close: "close", widthChange: "widthChange", heightChange: "heightChange", topChange: "topChange", leftChange: "leftChange", stateChange: "stateChange" }, host: { listeners: { "focus": "onComponentFocus()", "blur": "onComponentBlur()" }, properties: { "attr.tabIndex": "this.tabIndex", "attr.role": "this.role", "class.k-window": "this.hostClass", "attr.dir": "this.dir", "style.minWidth": "this.styleMinWidth", "style.minHeight": "this.styleMinHeight", "style.position": "this.stylePosition", "class.k-window-maximized": "this.wrapperMaximizedClass", "class.k-window-minimized": "this.wrapperMinimizedClass" } }, providers: [
             DragResizeService,
             NavigationService,
             LocalizationService,
             {
                 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"
@@ -3668,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: `
@@ -3741,8 +3694,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], resizable: [{
                 type: Input
-            }], themeColor: [{
-                type: Input
             }], keepContent: [{
                 type: Input
             }], state: [{
@@ -3938,10 +3889,6 @@ class WindowSettings {
      * Sets the query selector for the element to focus automatically.
      */
     autoFocusedElement;
-    /**
-     * Sets the theme color of the Window.
-     */
-    themeColor;
 }
 
 /**
@@ -4113,9 +4060,6 @@ class WindowService {
                 instance.keepContent = true;
             }
         }
-        if (isPresent(options.themeColor)) {
-            instance.themeColor = options.themeColor;
-        }
         if (options.content instanceof TemplateRef) {
             instance.contentTemplate = options.content;
         }

package/index.d.ts

@@ -8,7 +8,7 @@ export { DialogContentBase } from './dialog/dialog-content-base';
 export { DialogActionsComponent } from './dialog/dialog-actions.component';
 export { DialogService } from './dialog/dialog.service';
 export { DialogContainerService } from './dialog/dialog-container.service';
-export { DialogCloseResult, DialogRef, DialogSettings, DialogAction, DialogResult, DialogAnimation, DialogThemeColor, DialogActionDivider } from './dialog/models/';
+export { DialogCloseResult, DialogRef, DialogSettings, DialogAction, DialogResult, DialogAnimation, DialogActionDivider } from './dialog/models/';
 export { ActionsLayout } from './common/actions-layout';
 export { DialogAnimationType } from './common/animation-types';
 export { AnimationDirection } from './common/dialog-animation-direction';
@@ -18,7 +18,7 @@ export { WindowMaximizeActionDirective } from './window/actions/window-maximize-
 export { WindowMinimizeActionDirective } from './window/actions/window-minimize-action.directive';
 export { WindowCloseActionDirective } from './window/actions/window-close-action.directive';
 export { WindowRestoreActionDirective } from './window/actions/window-restore-action.directive';
-export { WindowState, WindowSettings, WindowDimensionSetting, WindowRef, WindowCloseResult, WindowThemeColor } from './window/models';
+export { WindowState, WindowSettings, WindowDimensionSetting, WindowRef, WindowCloseResult } from './window/models';
 export { WindowService } from './window/window.service';
 export { WindowContainerService } from './window/window-container.service';
 export { DragResizeService } from './window/drag-resize.service';

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776957244,
-  "version": "24.0.0-develop.4",
+  "publishDate": 1779214939,
+  "version": "24.0.0-develop.40",
   "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.4",
+  "version": "24.0.0-develop.40",
   "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": 1776957244,
+      "publishDate": 1779214939,
       "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.4",
-    "@progress/kendo-angular-common": "24.0.0-develop.4",
-    "@progress/kendo-angular-icons": "24.0.0-develop.4",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.4",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.40",
+    "@progress/kendo-angular-common": "24.0.0-develop.40",
+    "@progress/kendo-angular-icons": "24.0.0-develop.40",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.40",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.4",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.40",
     "@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.4',
+            '@progress/kendo-angular-popup': '24.0.0-develop.40',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/window/models/index.d.ts

@@ -8,4 +8,3 @@ export * from './window-options';
 export * from './window-ref';
 export * from './window-settings';
 export * from './window-types';
-export * from './theme-color';

package/window/models/window-settings.d.ts

@@ -6,7 +6,6 @@ import { TemplateRef, ViewContainerRef } from '@angular/core';
 import { WindowMessages } from './window-messages';
 import { WindowRef } from './window-ref';
 import { WindowState } from './window-types';
-import { WindowThemeColor } from './theme-color';
 /**
  * Represents the settings for the Window actions when you open a Window through `WindowService`. ([See example.](https://www.telerik.com/kendo-angular-ui/components/dialogs/api/windowservice#open))
  */
@@ -95,8 +94,4 @@ export declare class WindowSettings {
      * Sets the query selector for the element to focus automatically.
      */
     autoFocusedElement?: string;
-    /**
-     * Sets the theme color of the Window.
-     */
-    themeColor?: WindowThemeColor;
 }

package/window/window.component.d.ts

@@ -11,7 +11,6 @@ import { WindowTitleBarComponent } from './window-titlebar.component';
 import { NavigationService } from './navigation.service';
 import { WindowDimensionSetting, WindowOffsetSetting, WindowState } from './models/window-types';
 import { WindowMessages } from './models/window-messages';
-import { WindowThemeColor } from './models';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Window component for Angular](https://www.telerik.com/kendo-angular-ui/components/dialogs/window).
@@ -55,11 +54,6 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
      */
     set resizable(value: boolean);
     get resizable(): boolean;
-    /**
-     * Sets the predefined theme color for the Window. The color applies to the title bar background and border, and updates the text color.
-     */
-    set themeColor(themeColor: WindowThemeColor);
-    get themeColor(): WindowThemeColor;
     /**
      * @hidden
      */
@@ -194,7 +188,6 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
     titleId: string;
     private _htmlAttributes;
     private _cssClass;
-    private _themeColor;
     private direction;
     private draged;
     private resized;
@@ -266,7 +259,6 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
      * @hidden
      */
     private generateTitleId;
-    private handleThemeColorClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<WindowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WindowComponent, "kendo-window", ["kendoWindow"], { "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "title": { "alias": "title"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "keepContent": { "alias": "keepContent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "top": { "alias": "top"; "required": false; }; "left": { "alias": "left"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "resizeStart": "resizeStart"; "resizeEnd": "resizeEnd"; "close": "close"; "widthChange": "widthChange"; "heightChange": "heightChange"; "topChange": "topChange"; "leftChange": "leftChange"; "stateChange": "stateChange"; }, ["titleBarContent"], ["kendo-window-titlebar", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WindowComponent, "kendo-window", ["kendoWindow"], { "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "title": { "alias": "title"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "keepContent": { "alias": "keepContent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "top": { "alias": "top"; "required": false; }; "left": { "alias": "left"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "resizeStart": "resizeStart"; "resizeEnd": "resizeEnd"; "close": "close"; "widthChange": "widthChange"; "heightChange": "heightChange"; "topChange": "topChange"; "leftChange": "leftChange"; "stateChange": "stateChange"; }, ["titleBarContent"], ["kendo-window-titlebar", "*"], true, never>;
 }

package/dialog/models/theme-color.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the possible theme colors for the Dialog.
- *
- * Use the `DialogThemeColor` type to set the color theme for Dialog components. The possible values are:
- * - `primary` —Applies coloring based on the `primary` theme color.
- * - `light`— Applies coloring based on the `light` theme color.
- * - `dark`— Applies coloring based on the `dark` theme color.
- *
- */
-export type DialogThemeColor = 'primary' | 'light' | 'dark';