@acorex/core 22.2.9 → 22.2.10

package/fesm2022/acorex-core-full-screen.mjs

@@ -1,92 +1,189 @@
 import { AXZIndexService } from '@acorex/core/z-index';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, signal, Injectable } from '@angular/core';
+import { inject, PLATFORM_ID, DestroyRef, signal, Injectable } from '@angular/core';
 
 class AXFullScreenService {
     constructor() {
         this.zIndexService = inject(AXZIndexService);
+        this.document = inject(DOCUMENT);
+        this.platformId = inject(PLATFORM_ID);
+        this.destroyRef = inject(DestroyRef);
         /**
-         * Current fullscreen state
+         * Current fullscreen state.
          */
         this.isFullscreenState = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isFullscreenState" }] : /* istanbul ignore next */ []));
         /**
-         * Original element styles to restore
+         * Active fullscreen element.
+         */
+        this.activeElementState = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeElementState" }] : /* istanbul ignore next */ []));
+        /**
+         * Active fullscreen mode.
+         */
+        this.currentMode = null;
+        /**
+         * Original element styles to restore (overlay mode).
          */
         this.originalStyles = {};
         /**
-         * Original parent element reference
+         * Original parent element reference (overlay mode).
          */
         this.originalParent = null;
         /**
-         * Fullscreen container element
+         * Fullscreen container element (overlay mode).
          */
         this.fullscreenContainer = null;
         /**
-         * Z-index token for this fullscreen instance
+         * Z-index token for overlay fullscreen.
          */
         this.zToken = null;
+        this.fullscreenChangeHandler = () => {
+            if (!isPlatformBrowser(this.platformId)) {
+                return;
+            }
+            if (this.currentMode !== 'browser') {
+                return;
+            }
+            const activeElement = this.activeElementState();
+            if (!activeElement) {
+                return;
+            }
+            const fullscreenElement = this.getFullscreenElement();
+            if (fullscreenElement !== activeElement) {
+                this.clearBrowserState();
+            }
+        };
+        /**
+         * Read-only signal of the active fullscreen element.
+         */
+        this.activeElement = this.activeElementState.asReadonly();
+        /**
+         * Read-only signal of the fullscreen state.
+         */
+        this.fullscreen = this.isFullscreenState.asReadonly();
+        if (isPlatformBrowser(this.platformId)) {
+            this.document.addEventListener('fullscreenchange', this.fullscreenChangeHandler);
+            this.document.addEventListener('webkitfullscreenchange', this.fullscreenChangeHandler);
+            this.destroyRef.onDestroy(() => {
+                this.document.removeEventListener('fullscreenchange', this.fullscreenChangeHandler);
+                this.document.removeEventListener('webkitfullscreenchange', this.fullscreenChangeHandler);
+                const activeElement = this.activeElementState();
+                if (activeElement) {
+                    this.exit(activeElement);
+                }
+            });
+        }
     }
     /**
-     * Toggle fullscreen state
+     * Toggle fullscreen state.
      */
-    toggle(element) {
-        if (this.isFullscreenState()) {
+    toggle(element, mode = 'overlay') {
+        if (this.isActive(element)) {
             this.exit(element);
         }
         else {
-            this.enter(element);
+            this.enter(element, mode);
+        }
+    }
+    /**
+     * Enter fullscreen mode.
+     */
+    enter(element, mode = 'overlay') {
+        if (!element || this.isFullscreenState()) {
+            return;
+        }
+        if (mode === 'browser') {
+            this.enterBrowser(element);
+            return;
         }
+        this.enterOverlay(element);
     }
     /**
-     * Enter fullscreen mode
+     * Exit fullscreen mode.
      */
-    enter(element) {
-        if (this.isFullscreenState())
+    exit(element) {
+        if (!this.isFullscreenState()) {
+            return;
+        }
+        const activeElement = this.activeElementState();
+        const targetElement = element ?? activeElement;
+        if (!targetElement || activeElement !== targetElement) {
+            return;
+        }
+        if (this.currentMode === 'browser') {
+            this.exitBrowser(targetElement);
             return;
+        }
+        this.exitOverlay(targetElement);
+    }
+    /**
+     * Check whether any element is in fullscreen mode.
+     */
+    isFullscreen() {
+        return this.isFullscreenState();
+    }
+    /**
+     * Check whether the given element is the active fullscreen element.
+     */
+    isActive(element) {
+        return this.activeElementState() === element && this.isFullscreenState();
+    }
+    /**
+     * Returns the currently active fullscreen element, if any.
+     */
+    getActiveElement() {
+        return this.activeElementState();
+    }
+    /**
+     * Returns the active fullscreen mode, if any.
+     */
+    getActiveMode() {
+        return this.currentMode;
+    }
+    enterOverlay(element) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
         try {
-            // Store original styles & parent
             this.storeOriginalStyles(element);
             this.originalParent = element.parentElement;
-            // Acquire z-index token
             this.zToken = this.zIndexService.acquire();
-            // Create fullscreen container
-            const container = document.createElement('div');
+            const container = this.document.createElement('div');
             container.style.position = 'fixed';
             container.style.top = '0';
             container.style.left = '0';
             container.style.width = '100vw';
             container.style.height = '100vh';
             container.style.zIndex = String(this.zToken.zIndex);
+            container.style.backgroundColor = '#ffffff';
             container.style.overflow = 'auto';
-            // Move element into container
             container.appendChild(element);
-            // Apply fullscreen styles to element
             element.style.position = 'relative';
             element.style.width = '100%';
             element.style.height = '100%';
             element.style.margin = '0';
             element.style.padding = '0';
-            // Append container to body
-            document.body.appendChild(container);
-            // Prevent body scroll
-            document.body.style.overflow = 'hidden';
+            this.document.body.appendChild(container);
+            this.document.body.style.overflow = 'hidden';
             this.fullscreenContainer = container;
+            this.currentMode = 'overlay';
+            this.activeElementState.set(element);
             this.isFullscreenState.set(true);
         }
         catch (error) {
-            console.error('Error entering fullscreen:', error);
+            console.error('Error entering overlay fullscreen:', error);
             this.restoreOriginalStyles(element);
+            this.cleanupOverlayResources();
         }
     }
-    /**
-     * Exit fullscreen mode
-     */
-    exit(element) {
-        if (!this.isFullscreenState())
+    exitOverlay(element) {
+        if (!isPlatformBrowser(this.platformId)) {
             return;
+        }
         try {
-            document.body.style.overflow = '';
+            this.document.body.style.overflow = '';
             if (this.fullscreenContainer) {
                 if (element.parentElement === this.fullscreenContainer) {
                     this.fullscreenContainer.removeChild(element);
@@ -94,35 +191,94 @@ class AXFullScreenService {
                 if (this.originalParent?.isConnected && !this.originalParent.contains(element)) {
                     this.originalParent.appendChild(element);
                 }
-                if (this.fullscreenContainer.parentNode === document.body) {
-                    document.body.removeChild(this.fullscreenContainer);
+                if (this.fullscreenContainer.parentNode === this.document.body) {
+                    this.document.body.removeChild(this.fullscreenContainer);
                 }
             }
-            this.fullscreenContainer = null;
-            this.originalParent = null;
-            this.zIndexService.release(this.zToken);
-            this.zToken = null;
             this.restoreOriginalStyles(element);
-            this.isFullscreenState.set(false);
+            this.cleanupOverlayResources();
+            this.clearActiveState();
         }
         catch (error) {
-            console.error('Error exiting fullscreen:', error);
-            this.fullscreenContainer = null;
-            this.originalParent = null;
-            this.zIndexService.release(this.zToken);
-            this.zToken = null;
-            this.isFullscreenState.set(false);
+            console.error('Error exiting overlay fullscreen:', error);
+            this.cleanupOverlayResources();
+            this.clearActiveState();
         }
     }
-    /**
-     * Check fullscreen state
-     */
-    isFullscreen() {
-        return this.isFullscreenState();
+    enterBrowser(element) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const requestFullscreen = this.getRequestFullscreen(element);
+        if (!requestFullscreen) {
+            console.error('Browser fullscreen API is not supported in this environment.');
+            return;
+        }
+        void requestFullscreen()
+            .then(() => {
+            if (this.getFullscreenElement() !== element) {
+                return;
+            }
+            this.currentMode = 'browser';
+            this.activeElementState.set(element);
+            this.isFullscreenState.set(true);
+        })
+            .catch((error) => {
+            console.error('Error entering browser fullscreen:', error);
+        });
+    }
+    exitBrowser(element) {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const fullscreenElement = this.getFullscreenElement();
+        if (fullscreenElement === element) {
+            const exitFullscreen = this.getExitFullscreen();
+            if (exitFullscreen) {
+                void exitFullscreen().catch((error) => {
+                    console.error('Error exiting browser fullscreen:', error);
+                });
+            }
+        }
+        this.clearBrowserState();
+    }
+    clearBrowserState() {
+        this.clearActiveState();
+    }
+    clearActiveState() {
+        this.currentMode = null;
+        this.activeElementState.set(null);
+        this.isFullscreenState.set(false);
+    }
+    cleanupOverlayResources() {
+        this.fullscreenContainer = null;
+        this.originalParent = null;
+        this.zIndexService.release(this.zToken);
+        this.zToken = null;
+        this.originalStyles = {};
+    }
+    getFullscreenElement() {
+        return this.document.fullscreenElement ?? this.document.webkitFullscreenElement ?? null;
+    }
+    getRequestFullscreen(element) {
+        const target = element;
+        if (typeof target.requestFullscreen === 'function') {
+            return () => target.requestFullscreen();
+        }
+        if (typeof target.webkitRequestFullscreen === 'function') {
+            return () => target.webkitRequestFullscreen();
+        }
+        return null;
+    }
+    getExitFullscreen() {
+        if (typeof this.document.exitFullscreen === 'function') {
+            return () => this.document.exitFullscreen();
+        }
+        if (typeof this.document.webkitExitFullscreen === 'function') {
+            return () => this.document.webkitExitFullscreen();
+        }
+        return null;
     }
-    /**
-     * Store original computed styles
-     */
     storeOriginalStyles(element) {
         const computed = window.getComputedStyle(element);
         this.originalStyles = {
@@ -137,15 +293,14 @@ class AXFullScreenService {
             padding: computed.padding,
         };
     }
-    /**
-     * Restore original styles
-     */
     restoreOriginalStyles(element) {
         Object.entries(this.originalStyles).forEach(([key, value]) => {
             if (value) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 element.style[key] = value;
             }
             else {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 element.style[key] = '';
             }
         });
@@ -159,7 +314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/acorex-core-full-screen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-core-full-screen.mjs","sources":["../../../../packages/core/full-screen/src/lib/full-screen.service.ts","../../../../packages/core/full-screen/src/acorex-core-full-screen.ts"],"sourcesContent":["import { AXZIndexService, AXZToken } from '@acorex/core/z-index';\nimport { inject, Injectable, signal } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXFullScreenService {\n  private readonly zIndexService = inject(AXZIndexService);\n\n  /**\n   * Current fullscreen state\n   */\n  private readonly isFullscreenState = signal<boolean>(false);\n\n  /**\n   * Original element styles to restore\n   */\n  private originalStyles: Partial<CSSStyleDeclaration> = {};\n\n  /**\n   * Original parent element reference\n   */\n  private originalParent: HTMLElement | null = null;\n\n  /**\n   * Fullscreen container element\n   */\n  private fullscreenContainer: HTMLElement | null = null;\n\n  /**\n   * Z-index token for this fullscreen instance\n   */\n  private zToken: AXZToken | null = null;\n\n  /**\n   * Toggle fullscreen state\n   */\n  toggle(element: HTMLElement): void {\n    if (this.isFullscreenState()) {\n      this.exit(element);\n    } else {\n      this.enter(element);\n    }\n  }\n\n  /**\n   * Enter fullscreen mode\n   */\n  enter(element: HTMLElement): void {\n    if (this.isFullscreenState()) return;\n\n    try {\n      // Store original styles & parent\n      this.storeOriginalStyles(element);\n      this.originalParent = element.parentElement;\n\n      // Acquire z-index token\n      this.zToken = this.zIndexService.acquire();\n\n      // Create fullscreen container\n      const container = document.createElement('div');\n      container.style.position = 'fixed';\n      container.style.top = '0';\n      container.style.left = '0';\n      container.style.width = '100vw';\n      container.style.height = '100vh';\n      container.style.zIndex = String(this.zToken.zIndex);\n      container.style.overflow = 'auto';\n\n      // Move element into container\n      container.appendChild(element);\n\n      // Apply fullscreen styles to element\n      element.style.position = 'relative';\n      element.style.width = '100%';\n      element.style.height = '100%';\n      element.style.margin = '0';\n      element.style.padding = '0';\n\n      // Append container to body\n      document.body.appendChild(container);\n\n      // Prevent body scroll\n      document.body.style.overflow = 'hidden';\n\n      this.fullscreenContainer = container;\n      this.isFullscreenState.set(true);\n    } catch (error) {\n      console.error('Error entering fullscreen:', error);\n      this.restoreOriginalStyles(element);\n    }\n  }\n\n  /**\n   * Exit fullscreen mode\n   */\n  exit(element: HTMLElement): void {\n    if (!this.isFullscreenState()) return;\n\n    try {\n      document.body.style.overflow = '';\n\n      if (this.fullscreenContainer) {\n        if (element.parentElement === this.fullscreenContainer) {\n          this.fullscreenContainer.removeChild(element);\n        }\n\n        if (this.originalParent?.isConnected && !this.originalParent.contains(element)) {\n          this.originalParent.appendChild(element);\n        }\n\n        if (this.fullscreenContainer.parentNode === document.body) {\n          document.body.removeChild(this.fullscreenContainer);\n        }\n      }\n\n      this.fullscreenContainer = null;\n      this.originalParent = null;\n\n      this.zIndexService.release(this.zToken);\n      this.zToken = null;\n\n      this.restoreOriginalStyles(element);\n      this.isFullscreenState.set(false);\n    } catch (error) {\n      console.error('Error exiting fullscreen:', error);\n      this.fullscreenContainer = null;\n      this.originalParent = null;\n      this.zIndexService.release(this.zToken);\n      this.zToken = null;\n      this.isFullscreenState.set(false);\n    }\n  }\n\n  /**\n   * Check fullscreen state\n   */\n  isFullscreen(): boolean {\n    return this.isFullscreenState();\n  }\n\n  /**\n   * Store original computed styles\n   */\n  private storeOriginalStyles(element: HTMLElement): void {\n    const computed = window.getComputedStyle(element);\n\n    this.originalStyles = {\n      position: computed.position,\n      top: computed.top,\n      left: computed.left,\n      width: computed.width,\n      height: computed.height,\n      zIndex: computed.zIndex,\n      backgroundColor: computed.backgroundColor,\n      margin: computed.margin,\n      padding: computed.padding,\n    };\n  }\n\n  /**\n   * Restore original styles\n   */\n  private restoreOriginalStyles(element: HTMLElement): void {\n    Object.entries(this.originalStyles).forEach(([key, value]) => {\n      if (value) {\n        (element.style as any)[key] = value;\n      } else {\n        (element.style as any)[key] = '';\n      }\n    });\n\n    this.originalStyles = {};\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-core-full-screen.mjs","sources":["../../../../packages/core/full-screen/src/lib/full-screen.service.ts","../../../../packages/core/full-screen/src/acorex-core-full-screen.ts"],"sourcesContent":["import { AXZIndexService, AXZToken } from '@acorex/core/z-index';\nimport { DOCUMENT, isPlatformBrowser } from '@angular/common';\nimport { DestroyRef, inject, Injectable, PLATFORM_ID, signal } from '@angular/core';\n\n/**\n * Fullscreen implementation mode.\n * - `overlay`: CSS fixed container that covers the viewport.\n * - `browser`: Native Fullscreen API via `element.requestFullscreen()`.\n */\nexport type AXFullScreenMode = 'overlay' | 'browser';\n\ntype FullscreenCapableElement = HTMLElement & {\n  requestFullscreen?: () => Promise<void>;\n  webkitRequestFullscreen?: () => Promise<void>;\n};\n\ntype FullscreenCapableDocument = Document & {\n  exitFullscreen?: () => Promise<void>;\n  webkitExitFullscreen?: () => Promise<void>;\n  fullscreenElement?: Element | null;\n  webkitFullscreenElement?: Element | null;\n};\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXFullScreenService {\n  private readonly zIndexService = inject(AXZIndexService);\n  private readonly document = inject(DOCUMENT) as FullscreenCapableDocument;\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * Current fullscreen state.\n   */\n  private readonly isFullscreenState = signal<boolean>(false);\n\n  /**\n   * Active fullscreen element.\n   */\n  private readonly activeElementState = signal<HTMLElement | null>(null);\n\n  /**\n   * Active fullscreen mode.\n   */\n  private currentMode: AXFullScreenMode | null = null;\n\n  /**\n   * Original element styles to restore (overlay mode).\n   */\n  private originalStyles: Partial<CSSStyleDeclaration> = {};\n\n  /**\n   * Original parent element reference (overlay mode).\n   */\n  private originalParent: HTMLElement | null = null;\n\n  /**\n   * Fullscreen container element (overlay mode).\n   */\n  private fullscreenContainer: HTMLElement | null = null;\n\n  /**\n   * Z-index token for overlay fullscreen.\n   */\n  private zToken: AXZToken | null = null;\n\n  private readonly fullscreenChangeHandler = () => {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    if (this.currentMode !== 'browser') {\n      return;\n    }\n\n    const activeElement = this.activeElementState();\n    if (!activeElement) {\n      return;\n    }\n\n    const fullscreenElement = this.getFullscreenElement();\n    if (fullscreenElement !== activeElement) {\n      this.clearBrowserState();\n    }\n  };\n\n  constructor() {\n    if (isPlatformBrowser(this.platformId)) {\n      this.document.addEventListener('fullscreenchange', this.fullscreenChangeHandler);\n      this.document.addEventListener('webkitfullscreenchange', this.fullscreenChangeHandler);\n\n      this.destroyRef.onDestroy(() => {\n        this.document.removeEventListener('fullscreenchange', this.fullscreenChangeHandler);\n        this.document.removeEventListener('webkitfullscreenchange', this.fullscreenChangeHandler);\n\n        const activeElement = this.activeElementState();\n        if (activeElement) {\n          this.exit(activeElement);\n        }\n      });\n    }\n  }\n\n  /**\n   * Toggle fullscreen state.\n   */\n  toggle(element: HTMLElement, mode: AXFullScreenMode = 'overlay'): void {\n    if (this.isActive(element)) {\n      this.exit(element);\n    } else {\n      this.enter(element, mode);\n    }\n  }\n\n  /**\n   * Enter fullscreen mode.\n   */\n  enter(element: HTMLElement, mode: AXFullScreenMode = 'overlay'): void {\n    if (!element || this.isFullscreenState()) {\n      return;\n    }\n\n    if (mode === 'browser') {\n      this.enterBrowser(element);\n      return;\n    }\n\n    this.enterOverlay(element);\n  }\n\n  /**\n   * Exit fullscreen mode.\n   */\n  exit(element?: HTMLElement): void {\n    if (!this.isFullscreenState()) {\n      return;\n    }\n\n    const activeElement = this.activeElementState();\n    const targetElement = element ?? activeElement;\n    if (!targetElement || activeElement !== targetElement) {\n      return;\n    }\n\n    if (this.currentMode === 'browser') {\n      this.exitBrowser(targetElement);\n      return;\n    }\n\n    this.exitOverlay(targetElement);\n  }\n\n  /**\n   * Check whether any element is in fullscreen mode.\n   */\n  isFullscreen(): boolean {\n    return this.isFullscreenState();\n  }\n\n  /**\n   * Read-only signal of the active fullscreen element.\n   */\n  readonly activeElement = this.activeElementState.asReadonly();\n\n  /**\n   * Read-only signal of the fullscreen state.\n   */\n  readonly fullscreen = this.isFullscreenState.asReadonly();\n\n  /**\n   * Check whether the given element is the active fullscreen element.\n   */\n  isActive(element: HTMLElement): boolean {\n    return this.activeElementState() === element && this.isFullscreenState();\n  }\n\n  /**\n   * Returns the currently active fullscreen element, if any.\n   */\n  getActiveElement(): HTMLElement | null {\n    return this.activeElementState();\n  }\n\n  /**\n   * Returns the active fullscreen mode, if any.\n   */\n  getActiveMode(): AXFullScreenMode | null {\n    return this.currentMode;\n  }\n\n  private enterOverlay(element: HTMLElement): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    try {\n      this.storeOriginalStyles(element);\n      this.originalParent = element.parentElement;\n      this.zToken = this.zIndexService.acquire();\n\n      const container = this.document.createElement('div');\n      container.style.position = 'fixed';\n      container.style.top = '0';\n      container.style.left = '0';\n      container.style.width = '100vw';\n      container.style.height = '100vh';\n      container.style.zIndex = String(this.zToken.zIndex);\n      container.style.backgroundColor = '#ffffff';\n      container.style.overflow = 'auto';\n\n      container.appendChild(element);\n\n      element.style.position = 'relative';\n      element.style.width = '100%';\n      element.style.height = '100%';\n      element.style.margin = '0';\n      element.style.padding = '0';\n\n      this.document.body.appendChild(container);\n      this.document.body.style.overflow = 'hidden';\n\n      this.fullscreenContainer = container;\n      this.currentMode = 'overlay';\n      this.activeElementState.set(element);\n      this.isFullscreenState.set(true);\n    } catch (error) {\n      console.error('Error entering overlay fullscreen:', error);\n      this.restoreOriginalStyles(element);\n      this.cleanupOverlayResources();\n    }\n  }\n\n  private exitOverlay(element: HTMLElement): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    try {\n      this.document.body.style.overflow = '';\n\n      if (this.fullscreenContainer) {\n        if (element.parentElement === this.fullscreenContainer) {\n          this.fullscreenContainer.removeChild(element);\n        }\n\n        if (this.originalParent?.isConnected && !this.originalParent.contains(element)) {\n          this.originalParent.appendChild(element);\n        }\n\n        if (this.fullscreenContainer.parentNode === this.document.body) {\n          this.document.body.removeChild(this.fullscreenContainer);\n        }\n      }\n\n      this.restoreOriginalStyles(element);\n      this.cleanupOverlayResources();\n      this.clearActiveState();\n    } catch (error) {\n      console.error('Error exiting overlay fullscreen:', error);\n      this.cleanupOverlayResources();\n      this.clearActiveState();\n    }\n  }\n\n  private enterBrowser(element: HTMLElement): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    const requestFullscreen = this.getRequestFullscreen(element);\n    if (!requestFullscreen) {\n      console.error('Browser fullscreen API is not supported in this environment.');\n      return;\n    }\n\n    void requestFullscreen()\n      .then(() => {\n        if (this.getFullscreenElement() !== element) {\n          return;\n        }\n\n        this.currentMode = 'browser';\n        this.activeElementState.set(element);\n        this.isFullscreenState.set(true);\n      })\n      .catch((error: unknown) => {\n        console.error('Error entering browser fullscreen:', error);\n      });\n  }\n\n  private exitBrowser(element: HTMLElement): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    const fullscreenElement = this.getFullscreenElement();\n    if (fullscreenElement === element) {\n      const exitFullscreen = this.getExitFullscreen();\n      if (exitFullscreen) {\n        void exitFullscreen().catch((error: unknown) => {\n          console.error('Error exiting browser fullscreen:', error);\n        });\n      }\n    }\n\n    this.clearBrowserState();\n  }\n\n  private clearBrowserState(): void {\n    this.clearActiveState();\n  }\n\n  private clearActiveState(): void {\n    this.currentMode = null;\n    this.activeElementState.set(null);\n    this.isFullscreenState.set(false);\n  }\n\n  private cleanupOverlayResources(): void {\n    this.fullscreenContainer = null;\n    this.originalParent = null;\n    this.zIndexService.release(this.zToken);\n    this.zToken = null;\n    this.originalStyles = {};\n  }\n\n  private getFullscreenElement(): Element | null {\n    return this.document.fullscreenElement ?? this.document.webkitFullscreenElement ?? null;\n  }\n\n  private getRequestFullscreen(element: HTMLElement): (() => Promise<void>) | null {\n    const target = element as FullscreenCapableElement;\n    if (typeof target.requestFullscreen === 'function') {\n      return () => target.requestFullscreen!();\n    }\n    if (typeof target.webkitRequestFullscreen === 'function') {\n      return () => target.webkitRequestFullscreen!();\n    }\n    return null;\n  }\n\n  private getExitFullscreen(): (() => Promise<void>) | null {\n    if (typeof this.document.exitFullscreen === 'function') {\n      return () => this.document.exitFullscreen!();\n    }\n    if (typeof this.document.webkitExitFullscreen === 'function') {\n      return () => this.document.webkitExitFullscreen!();\n    }\n    return null;\n  }\n\n  private storeOriginalStyles(element: HTMLElement): void {\n    const computed = window.getComputedStyle(element);\n\n    this.originalStyles = {\n      position: computed.position,\n      top: computed.top,\n      left: computed.left,\n      width: computed.width,\n      height: computed.height,\n      zIndex: computed.zIndex,\n      backgroundColor: computed.backgroundColor,\n      margin: computed.margin,\n      padding: computed.padding,\n    };\n  }\n\n  private restoreOriginalStyles(element: HTMLElement): void {\n    Object.entries(this.originalStyles).forEach(([key, value]) => {\n      if (value) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (element.style as any)[key] = value;\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (element.style as any)[key] = '';\n      }\n    });\n\n    this.originalStyles = {};\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/core",
-  "version": "22.2.9",
+  "version": "22.2.10",
   "peerDependencies": {
     "lodash-es": ">=4.17.21",
     "memoizee": ">=0.4.15",

package/types/acorex-core-full-screen.d.ts

@@ -1,53 +1,97 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
+/**
+ * Fullscreen implementation mode.
+ * - `overlay`: CSS fixed container that covers the viewport.
+ * - `browser`: Native Fullscreen API via `element.requestFullscreen()`.
+ */
+type AXFullScreenMode = 'overlay' | 'browser';
 declare class AXFullScreenService {
     private readonly zIndexService;
+    private readonly document;
+    private readonly platformId;
+    private readonly destroyRef;
     /**
-     * Current fullscreen state
+     * Current fullscreen state.
      */
     private readonly isFullscreenState;
     /**
-     * Original element styles to restore
+     * Active fullscreen element.
+     */
+    private readonly activeElementState;
+    /**
+     * Active fullscreen mode.
+     */
+    private currentMode;
+    /**
+     * Original element styles to restore (overlay mode).
      */
     private originalStyles;
     /**
-     * Original parent element reference
+     * Original parent element reference (overlay mode).
      */
     private originalParent;
     /**
-     * Fullscreen container element
+     * Fullscreen container element (overlay mode).
      */
     private fullscreenContainer;
     /**
-     * Z-index token for this fullscreen instance
+     * Z-index token for overlay fullscreen.
      */
     private zToken;
+    private readonly fullscreenChangeHandler;
+    constructor();
     /**
-     * Toggle fullscreen state
+     * Toggle fullscreen state.
      */
-    toggle(element: HTMLElement): void;
+    toggle(element: HTMLElement, mode?: AXFullScreenMode): void;
     /**
-     * Enter fullscreen mode
+     * Enter fullscreen mode.
      */
-    enter(element: HTMLElement): void;
+    enter(element: HTMLElement, mode?: AXFullScreenMode): void;
     /**
-     * Exit fullscreen mode
+     * Exit fullscreen mode.
      */
-    exit(element: HTMLElement): void;
+    exit(element?: HTMLElement): void;
     /**
-     * Check fullscreen state
+     * Check whether any element is in fullscreen mode.
      */
     isFullscreen(): boolean;
     /**
-     * Store original computed styles
+     * Read-only signal of the active fullscreen element.
      */
-    private storeOriginalStyles;
+    readonly activeElement: _angular_core.Signal<HTMLElement>;
+    /**
+     * Read-only signal of the fullscreen state.
+     */
+    readonly fullscreen: _angular_core.Signal<boolean>;
+    /**
+     * Check whether the given element is the active fullscreen element.
+     */
+    isActive(element: HTMLElement): boolean;
     /**
-     * Restore original styles
+     * Returns the currently active fullscreen element, if any.
      */
+    getActiveElement(): HTMLElement | null;
+    /**
+     * Returns the active fullscreen mode, if any.
+     */
+    getActiveMode(): AXFullScreenMode | null;
+    private enterOverlay;
+    private exitOverlay;
+    private enterBrowser;
+    private exitBrowser;
+    private clearBrowserState;
+    private clearActiveState;
+    private cleanupOverlayResources;
+    private getFullscreenElement;
+    private getRequestFullscreen;
+    private getExitFullscreen;
+    private storeOriginalStyles;
     private restoreOriginalStyles;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFullScreenService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AXFullScreenService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFullScreenService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXFullScreenService>;
 }
 
 export { AXFullScreenService };
+export type { AXFullScreenMode };