@progress/kendo-angular-dialog 24.0.0 → 24.0.1

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

@@ -17,7 +17,7 @@ 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, KENDO_WEBMCP_HOST, DraggableDirective, isChanged } from '@progress/kendo-angular-common';
-import { offset, scrollPosition, positionWithScroll, getDocumentElement, getWindowViewPort } from '@progress/kendo-popup-common';
+import { offset, 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: 1779273374,
-    version: '24.0.0',
+    publishDate: 1779374406,
+    version: '24.0.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1906,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';
         }
@@ -2060,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');
@@ -2069,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:
@@ -2097,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);
@@ -2133,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 {
@@ -2142,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)) {
@@ -3245,6 +3235,7 @@ class WindowComponent {
     windowSubscription = new Subscription();
     domSubs = new Subscription();
     localizationChangeSubscription;
+    stateAppliedByAction = null;
     constructor(el, renderer, service, navigation, ngZone, localization) {
         this.el = el;
         this.renderer = renderer;
@@ -3296,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();
             }
         }
@@ -3362,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;
@@ -3391,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;
@@ -3442,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);
             }
         }));

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1779273374,
-  "version": "24.0.0",
+  "publishDate": 1779374406,
+  "version": "24.0.1",
   "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",
+  "version": "24.0.1",
   "description": "Dialog Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -45,7 +45,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1779273374,
+      "publishDate": 1779374406,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -55,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",
-    "@progress/kendo-angular-common": "24.0.0",
-    "@progress/kendo-angular-icons": "24.0.0",
-    "@progress/kendo-angular-l10n": "24.0.0",
+    "@progress/kendo-angular-buttons": "24.0.1",
+    "@progress/kendo-angular-common": "24.0.1",
+    "@progress/kendo-angular-icons": "24.0.1",
+    "@progress/kendo-angular-l10n": "24.0.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0",
+    "@progress/kendo-angular-schematics": "24.0.1",
     "@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',
+            '@progress/kendo-angular-popup': '24.0.1',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/window/drag-resize.service.d.ts

@@ -52,10 +52,9 @@ export declare class DragResizeService implements OnDestroy {
      * Handles manual changes of the 'state' property.
      * Required to distinguish them from action clicks.
      */
-    applyManualState(): void;
+    applyManualState(previousState?: WindowState): void;
     closeAction(): void;
     ensureWidth(): void;
-    clearHeight(): void;
     center(): void;
     currentOffsetAndPosition(): any;
     currentPosition(): any;

package/window/window.component.d.ts

@@ -194,6 +194,7 @@ export declare class WindowComponent implements OnInit, OnDestroy, OnChanges, Af
     private windowSubscription;
     private domSubs;
     private localizationChangeSubscription;
+    private stateAppliedByAction;
     constructor(el: ElementRef, renderer: Renderer2, service: DragResizeService, navigation: NavigationService, ngZone: NgZone, localization: LocalizationService);
     ngAfterViewInit(): void;
     ngOnInit(): void;