@progress/kendo-angular-dialog 24.0.0-develop.9 → 24.0.1-develop.1

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,8 +16,8 @@ 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 { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
+import { setHTMLAttributes, getLicenseMessage, shouldShowValidationUI, isDocumentAvailable, normalizeKeys, Keys, focusableSelector, WatermarkOverlayComponent, KENDO_WEBMCP_HOST, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
+import { offset, 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: 1777365173,
-    version: '24.0.0-develop.9',
+    publishDate: 1779368457,
+    version: '24.0.1-develop.1',
     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;
@@ -1936,13 +1906,9 @@ class DragResizeService {
         const state = this.options.state;
         const options = this.options;
         this.window = el;
-        if (state !== 'default') {
+        if (state !== 'default' && !isPresent(this.restoreOptions)) {
             this.restoreOptions = Object.assign({}, options);
         }
-        if (state === 'minimized') {
-            options.height = 0;
-            options.minHeight = 0;
-        }
         if (state === 'maximized') {
             options.position = 'fixed';
         }
@@ -2090,7 +2056,7 @@ class DragResizeService {
         this.storeOptions();
         this.options = Object.assign({}, this.options, {
             height: null,
-            minHeight: 0,
+            position: 'absolute',
             state: 'minimized'
         });
         this.stateChange.emit('minimized');
@@ -2099,18 +2065,19 @@ class DragResizeService {
      * Handles manual changes of the 'state' property.
      * Required to distinguish them from action clicks.
      */
-    applyManualState() {
+    applyManualState(previousState) {
         const state = this.options.state;
         switch (state) {
             case 'default':
-                this.clearHeight();
                 this.defaultState();
                 break;
             case 'maximized':
-                this.clearHeight();
                 this.maximizeState();
                 break;
             case 'minimized':
+                if (previousState) {
+                    this.options.state = previousState;
+                }
                 this.minimizeState();
                 break;
             default:
@@ -2127,28 +2094,22 @@ class DragResizeService {
             this.change.emit({ width: windowOffset.width });
         }
     }
-    clearHeight() {
-        if (this.options.height === 0) {
-            delete this.options.height;
-        }
-        if (this.options.minHeight === 0) {
-            delete this.options.minHeight;
-        }
-    }
     center() {
         if (this.options.state === 'maximized') {
             return;
         }
-        const scroll = scrollPosition(this.window.nativeElement);
         const wnd = this.windowViewPort;
         const wrapper = offset(this.window.nativeElement);
+        const el = this.window.nativeElement;
         const ev = {};
         if (!isPresent(this.options.left)) {
-            this.options.left = scroll.x + Math.max(0, (wnd.width - wrapper.width) / 2);
+            const targetX = Math.max(0, (wnd.width - wrapper.width) / 2);
+            this.options.left = el.offsetLeft + targetX - wrapper.left;
             ev.left = this.options.left;
         }
         if (!isPresent(this.options.top)) {
-            this.options.top = scroll.y + Math.max(0, (wnd.height - wrapper.height) / 2);
+            const targetY = Math.max(0, (wnd.height - wrapper.height) / 2);
+            this.options.top = el.offsetTop + targetY - wrapper.top;
             ev.top = this.options.top;
         }
         this.change.emit(ev);
@@ -2163,7 +2124,7 @@ class DragResizeService {
     }
     currentPosition() {
         const o = this.options;
-        if (!o.top || !o.left) {
+        if (!isPresent(o.top) || !isPresent(o.left)) {
             this.setPosition();
         }
         return {
@@ -2172,9 +2133,8 @@ class DragResizeService {
         };
     }
     setPosition() {
-        const wrapper = positionWithScroll(this.window.nativeElement, getDocumentElement(this.window.nativeElement));
-        this.options.left = wrapper.left;
-        this.options.top = wrapper.top;
+        this.options.left = this.window.nativeElement.offsetLeft;
+        this.options.top = this.window.nativeElement.offsetTop;
     }
     setRestoreOption(style, value) {
         if (isPresent(this.restoreOptions)) {
@@ -2596,6 +2556,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 +2663,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 +2776,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 +2889,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 +3030,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,13 +3229,13 @@ class WindowComponent {
     titleId = null;
     _htmlAttributes;
     _cssClass;
-    _themeColor = undefined;
     direction;
     draged = false;
     resized = false;
     windowSubscription = new Subscription();
     domSubs = new Subscription();
     localizationChangeSubscription;
+    stateAppliedByAction = null;
     constructor(el, renderer, service, navigation, ngZone, localization) {
         this.el = el;
         this.renderer = renderer;
@@ -3312,7 +3266,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');
@@ -3334,11 +3287,10 @@ class WindowComponent {
             }
         }
         if (isChanged('state', changes)) {
-            if (isPresent(this.service.lastAction)) {
-                this.service.lastAction = null;
-            }
-            else {
-                this.service.applyManualState();
+            const appliedByAction = this.stateAppliedByAction === changes['state'].currentValue;
+            this.stateAppliedByAction = null;
+            if (!appliedByAction) {
+                this.service.applyManualState(changes['state'].previousValue);
                 this.updateAllOffset();
             }
         }
@@ -3400,7 +3352,10 @@ class WindowComponent {
         return this.minWidth + 'px';
     }
     get styleMinHeight() {
-        return this.minHeight + 'px';
+        if (this.state === 'minimized') {
+            return null;
+        }
+        return isPresent(this.minHeight) ? this.minHeight + 'px' : null;
     }
     get stylePosition() {
         return this.options.position;
@@ -3429,7 +3384,7 @@ class WindowComponent {
             return;
         }
         this.windowSubscription.add(this.service.focus.subscribe(() => {
-            this.el.nativeElement.focus();
+            this.el.nativeElement.focus({ preventScroll: true });
         }));
         this.windowSubscription.add(this.service.dragStart.subscribe(() => {
             this.draged = true;
@@ -3480,6 +3435,8 @@ class WindowComponent {
         this.windowSubscription.add(this.service.stateChange.subscribe((state) => {
             if (isPresent(this.service.lastAction)) {
                 this.updateAllOffset();
+                this.service.lastAction = null;
+                this.stateAppliedByAction = state;
                 this.stateChange.emit(state);
             }
         }));
@@ -3577,26 +3534,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 +3615,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 +3689,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 +3884,6 @@ class WindowSettings {
      * Sets the query selector for the element to focus automatically.
      */
     autoFocusedElement;
-    /**
-     * Sets the theme color of the Window.
-     */
-    themeColor;
 }
 
 /**
@@ -4113,9 +4055,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": 1777365173,
-  "version": "24.0.0-develop.9",
+  "publishDate": 1779368457,
+  "version": "24.0.1-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };