@sebgroup/green-angular 1.8.4 → 1.8.5

package/fesm2020/sebgroup-green-angular.mjs

@@ -313,6 +313,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
+const CONTEXT_MENU_TOP = '0px';
+const CONTEXT_MENU_LEFT = '0px';
+
 class NggContextMenuComponent {
     constructor(changeDetectorRef, elementRef, closeContextMenu) {
         this.changeDetectorRef = changeDetectorRef;
@@ -325,15 +328,14 @@ class NggContextMenuComponent {
         this.closeOnScroll = false;
         this.contextMenuItemClicked = new EventEmitter();
         this.isActive = false;
-        this.top = '0px';
-        this.left = '0px';
+        this.top = CONTEXT_MENU_TOP;
+        this.left = CONTEXT_MENU_LEFT;
     }
     onDocumentClick(target) {
         if (!this.isActive) {
             return;
         }
-        const contextMenuElement = this.elementRef.nativeElement;
-        if (!contextMenuElement.contains(target)) {
+        if (!this.elementRef.nativeElement.contains(target)) {
             this.close();
         }
     }
@@ -357,8 +359,7 @@ class NggContextMenuComponent {
             this.close();
             return;
         }
-        const anchor = this.anchor?.nativeElement;
-        const buttonRect = anchor.getBoundingClientRect();
+        const buttonRect = this.anchor?.nativeElement.getBoundingClientRect();
         const gapBetweenButtonAndPopover = 3;
         const left = this.calculateLeft(this.direction, buttonRect);
         const top = buttonRect.bottom + gapBetweenButtonAndPopover;
@@ -368,6 +369,8 @@ class NggContextMenuComponent {
     }
     close() {
         this.isActive = false;
+        this.top = CONTEXT_MENU_TOP;
+        this.left = CONTEXT_MENU_LEFT;
         this.changeDetectorRef.markForCheck();
     }
     onItemClick(item) {
@@ -977,7 +980,12 @@ class NggModalComponent {
             if (this.trapFocus) {
                 this.enableFocusTrap();
             }
-            disableBodyScroll(this.ref.nativeElement);
+            disableBodyScroll(this.ref.nativeElement, {
+                allowTouchMove: (el) => {
+                    // Allow touchmove for elements inside modal, its required for scroll to work on iOS devices
+                    return this.ref.nativeElement.contains(el);
+                }
+            });
         }
         else {
             this.disableFocusTrap();