@c8y/ngx-components 1023.14.175 → 1023.14.176

package/fesm2022/c8y-ngx-components.mjs

@@ -31131,6 +31131,7 @@ class WidgetsDashboardComponent {
         this.onCancelDashboard = new EventEmitter();
         this.revertChange = new EventEmitter();
         this.widgetInFullscreenMode = false;
+        this.widgetFullscreenChangeListener = null;
         this.inFullScreen$ = fromEvent(document, 'fullscreenchange').pipe(map(() => this.fullScreen()), startWith(this.fullScreen()));
         this.editMode$ = new BehaviorSubject(false);
         this.copyDashboardLabel = gettext$1('Copy dashboard');
@@ -31167,7 +31168,6 @@ class WidgetsDashboardComponent {
     }
     toggleFullscreen(hasWidget = false) {
         const elem = document.body;
-        const doc = document;
         if (hasWidget) {
             elem.classList.add('singleWidget');
             this.widgetInFullscreenMode = true;
@@ -31190,17 +31190,8 @@ class WidgetsDashboardComponent {
                 elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
             }
         }
-        else if (doc.exitFullscreen) {
-            doc.exitFullscreen();
-        }
-        else if (doc.msExitFullscreen) {
-            doc.msExitFullscreen();
-        }
-        else if (doc.mozCancelFullScreen) {
-            doc.mozCancelFullScreen();
-        }
-        else if (doc.webkitExitFullscreen) {
-            doc.webkitExitFullscreen();
+        else {
+            this.exitFullScreen();
         }
     }
     fullScreen() {
@@ -31217,16 +31208,30 @@ class WidgetsDashboardComponent {
                 child.fullscreen = !!document.fullscreenElement;
                 if (!child.fullscreen) {
                     document.removeEventListener('fullscreenchange', onFullScreen);
+                    this.widgetFullscreenChangeListener = null;
                     document.body.classList.remove('singleWidget');
                     // required in case fullscreen is exited by e.g. pressing ESC
                     this.onResize.next();
                 }
             };
+            this.widgetFullscreenChangeListener = onFullScreen;
             document.addEventListener('fullscreenchange', onFullScreen);
         }
         this.toggleFullscreen(child.fullscreen);
         this.onResize.next();
     }
+    ngOnDestroy() {
+        if (this.widgetInFullscreenMode) {
+            document.body.classList.remove('singleWidget');
+            if (this.widgetFullscreenChangeListener) {
+                document.removeEventListener('fullscreenchange', this.widgetFullscreenChangeListener);
+                this.widgetFullscreenChangeListener = null;
+            }
+        }
+        if (this.fullScreen()) {
+            this.exitFullScreen();
+        }
+    }
     updateWidgetClasses(widget, classes) {
         widget.classes = { ...widget.classes, ...classes };
     }
@@ -31251,6 +31256,21 @@ class WidgetsDashboardComponent {
         this.editMode$.next(true);
         this.contextDashboard.historyDescription = {};
     }
+    exitFullScreen() {
+        const doc = document;
+        if (doc.exitFullscreen) {
+            doc.exitFullscreen();
+        }
+        else if (doc.msExitFullscreen) {
+            doc.msExitFullscreen();
+        }
+        else if (doc.mozCancelFullScreen) {
+            doc.mozCancelFullScreen();
+        }
+        else if (doc.webkitExitFullscreen) {
+            doc.webkitExitFullscreen();
+        }
+    }
     setCopyDisabledPopoverMsg() {
         if (typeof this.isCopyDisabled === 'boolean' || this.isCopyDisabled?.state) {
             return;