@progress/kendo-angular-popup 25.0.0-develop.18 → 25.0.0-develop.19

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

@@ -518,7 +518,9 @@ class ScrollableService {
                 const isDocument = target === document;
                 const isWindow = target === window;
                 if (isParent || isDocument || isWindow) {
-                    callback(this.isVisible(this.element, target));
+                    const visible = this.isVisible(this.element, target);
+                    const direction = visible ? undefined : this.getLeaveDirection(this.element, target);
+                    callback(visible, direction);
                 }
             };
             this.subscription = merge(...observables).subscribe(subscriber);
@@ -547,6 +549,15 @@ class ScrollableService {
         }
         return true;
     }
+    getLeaveDirection(elem, container) {
+        const elemRect = this._dom.boundingOffset(elem);
+        const containerRect = this._dom.boundingOffset(this._dom.nativeElement(container));
+        const vertical = THRESHOLD_DIFF < (containerRect.top - elemRect.bottom) ||
+            THRESHOLD_DIFF < (elemRect.top - containerRect.bottom);
+        const horizontal = THRESHOLD_DIFF < (elemRect.left - containerRect.right) ||
+            THRESHOLD_DIFF < (containerRect.left - elemRect.right);
+        return { horizontal, vertical };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ScrollableService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: ScrollableService });
 }
@@ -693,8 +704,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1785502084,
-    version: '25.0.0-develop.18',
+    publishDate: 1785503183,
+    version: '25.0.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -953,14 +964,14 @@ class PopupComponent {
             margin: this.margin
         });
     }
-    onScroll(isInViewPort) {
+    onScroll(isInViewPort, direction) {
         const hasLeaveObservers = hasObservers(this.anchorViewportLeave);
         if (isInViewPort || !hasLeaveObservers) {
             this.reposition();
         }
         else if (hasLeaveObservers) {
             this.zone.run(() => {
-                this.anchorViewportLeave.emit();
+                this.anchorViewportLeave.emit(direction);
             });
         }
     }

package/index.d.ts

@@ -283,6 +283,13 @@ declare class ResizeService {
     static ɵprov: i0.ɵɵInjectableDeclaration<ResizeService>;
 }
 
+/**
+ * @hidden
+ */
+interface ScrollableLeaveDirection {
+    horizontal: boolean;
+    vertical: boolean;
+}
 /**
  * @hidden
  */
@@ -293,9 +300,10 @@ declare class ScrollableService {
     private subscription;
     constructor(_dom: DOMService, zone: NgZone);
     forElement(element: HTMLElement): ScrollableService;
-    subscribe(callback: (visible: boolean) => void): void;
+    subscribe(callback: (visible: boolean, direction?: ScrollableLeaveDirection) => void): void;
     unsubscribe(): void;
     isVisible(elem: HTMLElement, container: any): boolean;
+    private getLeaveDirection;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScrollableService>;
 }
@@ -700,4 +708,4 @@ declare const SCALE: InjectionToken<number>;
 declare const KENDO_POPUP: readonly [typeof PopupComponent];
 
 export { KENDO_POPUP, POPUP_CONTAINER, PopupComponent, PopupModule, PopupService, SCALE };
-export type { Align, AnimationDirection, AnimationType, Collision, Margin, Offset, PopupAnimation, PopupRef, PopupSettings, PositionMode };
+export type { Align, AnimationDirection, AnimationType, Collision, Margin, Offset, PopupAnimation, PopupRef, PopupSettings, PositionMode, ScrollableLeaveDirection };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1785502084,
-  "version": "25.0.0-develop.18",
+  "publishDate": 1785503183,
+  "version": "25.0.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-popup",
-  "version": "25.0.0-develop.18",
+  "version": "25.0.0-develop.19",
   "description": "Kendo UI Angular Popup component - an easily customized popup from the most trusted provider of professional Angular components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -34,7 +34,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1785502084,
+      "publishDate": 1785503183,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -43,14 +43,14 @@
     "@angular/common": "20 - 22",
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
-    "@progress/kendo-angular-common": "25.0.0-develop.18",
+    "@progress/kendo-angular-common": "25.0.0-develop.19",
     "@progress/kendo-licensing": "^1.11.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "@progress/kendo-popup-common": "1.9.5",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.18"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.19"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-popup.mjs",