@progress/kendo-angular-utils 19.0.0-develop.9 → 19.0.0

package/adaptive-breakpoints/adaptive.service.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnDestroy } from '@angular/core';
+import { NgZone, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { AdaptiveSettings } from './models/adaptive-settings';
 import { AdaptiveSettingsService } from './adaptive-settings.service';
@@ -30,13 +30,20 @@ import * as i0 from "@angular/core";
  */
 export declare class AdaptiveService implements OnDestroy {
     private _adaptiveSettings;
+    private zone;
     /**
      * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
      * @hidden
      */
     readonly changes: Subject<AdaptiveSettings>;
+    /**
+     * Notifies subscribers when the window size changes to any of small, medium, or large depending on the set adaptive size breakpoints.
+     * @hidden
+     */
+    readonly sizeChanges: Subject<AdaptiveSize>;
     private subs;
-    constructor(_adaptiveSettings: AdaptiveSettings, adaptiveSettingsService: AdaptiveSettingsService);
+    private previousSize;
+    constructor(_adaptiveSettings: AdaptiveSettings, adaptiveSettingsService: AdaptiveSettingsService, zone: NgZone);
     /**
      * @hidden
      */
@@ -46,6 +53,6 @@ export declare class AdaptiveService implements OnDestroy {
      */
     get size(): AdaptiveSize;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveService, [{ optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptiveService, [{ optional: true; }, { optional: true; }, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AdaptiveService>;
 }

package/drag-and-drop/dragtarget.directive.d.ts

@@ -100,6 +100,7 @@ export declare class DragTargetDirective implements OnInit, AfterContentInit, On
     private hintComponent;
     private dragStarted;
     private pressed;
+    private dragReady;
     private dragTimeout;
     private initialPosition;
     private position;

package/esm2022/adaptive-breakpoints/adaptive.service.mjs

@@ -2,9 +2,9 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Inject, Injectable, Optional } from '@angular/core';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
+import { Inject, Injectable, NgZone, Optional } from '@angular/core';
+import { BehaviorSubject, fromEvent, Subscription } from 'rxjs';
+import { filter, map, tap } from 'rxjs/operators';
 import { AdaptiveSettingsService } from './adaptive-settings.service';
 import { ADAPTIVE_SETTINGS } from './adaptive-settings';
 import { areObjectsEqual, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
@@ -36,14 +36,22 @@ const DEFAULT_ADAPTIVE_SETTINGS = {
  */
 export class AdaptiveService {
     _adaptiveSettings;
+    zone;
     /**
      * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
      * @hidden
      */
     changes = new BehaviorSubject(this.adaptiveSettings || { small: 500, medium: 700 });
+    /**
+     * Notifies subscribers when the window size changes to any of small, medium, or large depending on the set adaptive size breakpoints.
+     * @hidden
+     */
+    sizeChanges = new BehaviorSubject(this.size);
     subs = new Subscription();
-    constructor(_adaptiveSettings, adaptiveSettingsService) {
+    previousSize;
+    constructor(_adaptiveSettings, adaptiveSettingsService, zone) {
         this._adaptiveSettings = _adaptiveSettings;
+        this.zone = zone;
         if (adaptiveSettingsService) {
             this.subs.add(adaptiveSettingsService.changes
                 .pipe(map(adaptiveSettings => isPresent(adaptiveSettings) ? adaptiveSettings : this._adaptiveSettings), tap(adaptiveSettings => this._adaptiveSettings = adaptiveSettings))
@@ -52,6 +60,18 @@ export class AdaptiveService {
         if (isPresent(this.adaptiveSettings) && !areObjectsEqual(this.adaptiveSettings, DEFAULT_ADAPTIVE_SETTINGS)) {
             this.changes.next(this.adaptiveSettings);
         }
+        if (isDocumentAvailable()) {
+            this.zone.runOutsideAngular(() => {
+                this.subs.add(fromEvent(window, 'resize')
+                    .pipe(tap(() => !this.previousSize && (this.previousSize = this.size)), filter(() => this.previousSize !== this.size))
+                    .subscribe(() => {
+                    this.previousSize = this.size;
+                    this.zone.run(() => {
+                        this.sizeChanges.next(this.size);
+                    });
+                }));
+            });
+        }
     }
     /**
      * @hidden
@@ -80,7 +100,7 @@ export class AdaptiveService {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: i1.AdaptiveSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: i1.AdaptiveSettingsService, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, decorators: [{
@@ -95,4 +115,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     args: [ADAPTIVE_SETTINGS]
                 }] }, { type: i1.AdaptiveSettingsService, decorators: [{
                     type: Optional
-                }] }]; } });
+                }] }, { type: i0.NgZone }]; } });

package/esm2022/drag-and-drop/dragtarget.directive.mjs

@@ -116,6 +116,7 @@ export class DragTargetDirective {
     hintComponent = null;
     dragStarted = false;
     pressed = false;
+    dragReady = false;
     dragTimeout = null;
     initialPosition = { x: 0, y: 0 };
     position = { x: 0, y: 0 };
@@ -202,14 +203,15 @@ export class DragTargetDirective {
         this.service.dragTargets.splice(currentDragTargetIndex, 1);
     }
     handlePress(event) {
+        this.pressed = true;
         if (this.dragDelay > 0) {
             this.dragTimeout = window.setTimeout(() => {
-                this.pressed = true;
+                this.dragReady = true;
                 this.emitZoneAwareEvent('onDragReady', event);
             }, this.dragDelay);
         }
         else {
-            this.pressed = true;
+            this.dragReady = true;
         }
         this.scrollableParent = this.dragTarget.element ? getScrollableParent(this.dragTarget.element) : null;
         this.prevUserSelect = this.dragTarget.element.style.userSelect;
@@ -224,6 +226,9 @@ export class DragTargetDirective {
             }
             return;
         }
+        if (!this.dragReady) {
+            return;
+        }
         isDragStartPrevented = this.emitZoneAwareEvent('onDragStart', event).isDefaultPrevented();
         if (isDragStartPrevented) {
             return;
@@ -244,7 +249,7 @@ export class DragTargetDirective {
         this.service.dragData = this.dragData({ dragTarget: this.dragTarget.element, dragTargetId: this.dragTargetIdResult, dragTargetIndex: null });
     }
     handleDrag(event) {
-        if (!this.pressed || isDragStartPrevented) {
+        if (!this.pressed || !this.dragReady || isDragStartPrevented) {
             return;
         }
         const elem = this.hint ? this.hintElem : this.nativeElement;
@@ -273,6 +278,7 @@ export class DragTargetDirective {
             this.dragTimeout = null;
         }
         this.pressed = false;
+        this.dragReady = false;
         this.prevUserSelect ? this.renderer.setStyle(this.dragTarget.element, 'user-select', this.prevUserSelect) :
             this.renderer.removeStyle(this.dragTarget.element, 'user-select');
         this.prevUserSelect = null;

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1746776360,
-    version: '19.0.0-develop.9',
+    publishDate: 1748362261,
+    version: '19.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -8,8 +8,8 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { dispatchDragAndDrop, getScrollableParent, autoScroll } from '@progress/kendo-draggable-common';
 import { PreventableEvent, contains, isDocumentAvailable, parseCSSClassNames, isPresent as isPresent$1, areObjectsEqual } from '@progress/kendo-angular-common';
 import { NgTemplateOutlet } from '@angular/common';
-import { Subject, BehaviorSubject, Subscription } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
+import { Subject, BehaviorSubject, Subscription, fromEvent } from 'rxjs';
+import { map, tap, filter } from 'rxjs/operators';
 
 /**
  * Represents the Kendo UI DragHandle directive for Angular.
@@ -55,8 +55,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1746776360,
-    version: '19.0.0-develop.9',
+    publishDate: 1748362261,
+    version: '19.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1367,6 +1367,7 @@ class DragTargetDirective {
     hintComponent = null;
     dragStarted = false;
     pressed = false;
+    dragReady = false;
     dragTimeout = null;
     initialPosition = { x: 0, y: 0 };
     position = { x: 0, y: 0 };
@@ -1453,14 +1454,15 @@ class DragTargetDirective {
         this.service.dragTargets.splice(currentDragTargetIndex, 1);
     }
     handlePress(event) {
+        this.pressed = true;
         if (this.dragDelay > 0) {
             this.dragTimeout = window.setTimeout(() => {
-                this.pressed = true;
+                this.dragReady = true;
                 this.emitZoneAwareEvent('onDragReady', event);
             }, this.dragDelay);
         }
         else {
-            this.pressed = true;
+            this.dragReady = true;
         }
         this.scrollableParent = this.dragTarget.element ? getScrollableParent(this.dragTarget.element) : null;
         this.prevUserSelect = this.dragTarget.element.style.userSelect;
@@ -1475,6 +1477,9 @@ class DragTargetDirective {
             }
             return;
         }
+        if (!this.dragReady) {
+            return;
+        }
         isDragStartPrevented = this.emitZoneAwareEvent('onDragStart', event).isDefaultPrevented();
         if (isDragStartPrevented) {
             return;
@@ -1495,7 +1500,7 @@ class DragTargetDirective {
         this.service.dragData = this.dragData({ dragTarget: this.dragTarget.element, dragTargetId: this.dragTargetIdResult, dragTargetIndex: null });
     }
     handleDrag(event) {
-        if (!this.pressed || isDragStartPrevented) {
+        if (!this.pressed || !this.dragReady || isDragStartPrevented) {
             return;
         }
         const elem = this.hint ? this.hintElem : this.nativeElement;
@@ -1524,6 +1529,7 @@ class DragTargetDirective {
             this.dragTimeout = null;
         }
         this.pressed = false;
+        this.dragReady = false;
         this.prevUserSelect ? this.renderer.setStyle(this.dragTarget.element, 'user-select', this.prevUserSelect) :
             this.renderer.removeStyle(this.dragTarget.element, 'user-select');
         this.prevUserSelect = null;
@@ -2400,14 +2406,22 @@ const DEFAULT_ADAPTIVE_SETTINGS = {
  */
 class AdaptiveService {
     _adaptiveSettings;
+    zone;
     /**
      * Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
      * @hidden
      */
     changes = new BehaviorSubject(this.adaptiveSettings || { small: 500, medium: 700 });
+    /**
+     * Notifies subscribers when the window size changes to any of small, medium, or large depending on the set adaptive size breakpoints.
+     * @hidden
+     */
+    sizeChanges = new BehaviorSubject(this.size);
     subs = new Subscription();
-    constructor(_adaptiveSettings, adaptiveSettingsService) {
+    previousSize;
+    constructor(_adaptiveSettings, adaptiveSettingsService, zone) {
         this._adaptiveSettings = _adaptiveSettings;
+        this.zone = zone;
         if (adaptiveSettingsService) {
             this.subs.add(adaptiveSettingsService.changes
                 .pipe(map(adaptiveSettings => isPresent$1(adaptiveSettings) ? adaptiveSettings : this._adaptiveSettings), tap(adaptiveSettings => this._adaptiveSettings = adaptiveSettings))
@@ -2416,6 +2430,18 @@ class AdaptiveService {
         if (isPresent$1(this.adaptiveSettings) && !areObjectsEqual(this.adaptiveSettings, DEFAULT_ADAPTIVE_SETTINGS)) {
             this.changes.next(this.adaptiveSettings);
         }
+        if (isDocumentAvailable()) {
+            this.zone.runOutsideAngular(() => {
+                this.subs.add(fromEvent(window, 'resize')
+                    .pipe(tap(() => !this.previousSize && (this.previousSize = this.size)), filter(() => this.previousSize !== this.size))
+                    .subscribe(() => {
+                    this.previousSize = this.size;
+                    this.zone.run(() => {
+                        this.sizeChanges.next(this.size);
+                    });
+                }));
+            });
+        }
     }
     /**
      * @hidden
@@ -2444,7 +2470,7 @@ class AdaptiveService {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: AdaptiveSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: AdaptiveSettingsService, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdaptiveService, decorators: [{
@@ -2459,7 +2485,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     args: [ADAPTIVE_SETTINGS]
                 }] }, { type: AdaptiveSettingsService, decorators: [{
                     type: Optional
-                }] }]; } });
+                }] }, { type: i0.NgZone }]; } });
 
 /**
  * Generated bundle index. Do not edit.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-utils",
-  "version": "19.0.0-develop.9",
+  "version": "19.0.0",
   "description": "Kendo UI Angular utils component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1746776360,
+      "publishDate": 1748362261,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,12 +29,12 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.0.0-develop.9",
+    "@progress/kendo-angular-common": "19.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.9",
+    "@progress/kendo-angular-schematics": "19.0.0",
     "@progress/kendo-draggable-common": "^0.2.3"
   },
   "schematics": "./schematics/collection.json",