@acorex/cdk 22.1.0-next.0 → 22.1.0-next.1

package/fesm2022/acorex-cdk-overlay.mjs

@@ -4,7 +4,108 @@ import { AXPlatform } from '@acorex/core/platform';
 import { AXZIndexService } from '@acorex/core/z-index';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, ComponentRef, ElementRef, Injectable } from '@angular/core';
+import { ElementRef, inject, TemplateRef, ComponentRef, Injectable } from '@angular/core';
+
+const APPEARANCE_CLASSES = [
+    'ax-appearance-flat',
+    'ax-appearance-depth',
+    'ax-appearance-translucent',
+];
+const THEME_CLASSES = ['ax-light', 'ax-dark'];
+const CONTRAST_CLASSES = ['ax-contrast-enhanced', 'ax-contrast-high'];
+const SIZE_CLASSES = ['ax-xs', 'ax-sm', 'ax-md', 'ax-lg', 'ax-xl'];
+const MANAGED_OVERLAY_VISUAL_CLASSES = [
+    ...APPEARANCE_CLASSES,
+    ...THEME_CLASSES,
+    ...CONTRAST_CLASSES,
+    ...SIZE_CLASSES,
+];
+/**
+ * Resolves the nearest effective visual context from an anchor or context source.
+ * Theme uses nearest ax-light / ax-dark so nested Light overrides Dark ancestors.
+ */
+function resolveVisualContext(source, fallbackRoot) {
+    const context = {};
+    const root = fallbackRoot ?? (typeof document !== 'undefined' ? document.documentElement : null);
+    let node = source ?? root;
+    while (node) {
+        if (!context.appearance) {
+            for (const cls of APPEARANCE_CLASSES) {
+                if (node.classList.contains(cls)) {
+                    context.appearance = cls;
+                    break;
+                }
+            }
+        }
+        if (!context.contrast) {
+            for (const cls of CONTRAST_CLASSES) {
+                if (node.classList.contains(cls)) {
+                    context.contrast = cls;
+                    break;
+                }
+            }
+        }
+        if (!context.size) {
+            for (const cls of SIZE_CLASSES) {
+                if (node.classList.contains(cls)) {
+                    context.size = cls;
+                    break;
+                }
+            }
+            if (!context.size && typeof getComputedStyle !== 'undefined') {
+                const computedSize = getComputedStyle(node).getPropertyValue('--ax-sys-size').trim();
+                if (SIZE_CLASSES.includes(computedSize)) {
+                    context.size = computedSize;
+                }
+            }
+        }
+        if (!context.theme) {
+            if (node.classList.contains('ax-light')) {
+                context.theme = 'ax-light';
+            }
+            else if (node.classList.contains('ax-dark')) {
+                context.theme = 'ax-dark';
+            }
+        }
+        node = node.parentElement;
+    }
+    if (!context.theme && root) {
+        if (root.classList.contains('ax-light')) {
+            context.theme = 'ax-light';
+        }
+        else if (root.classList.contains('ax-dark')) {
+            context.theme = 'ax-dark';
+        }
+    }
+    return context;
+}
+/** Applies resolved visual context classes to an overlay container. */
+function applyVisualContext(target, context, scope = 'full') {
+    for (const cls of MANAGED_OVERLAY_VISUAL_CLASSES) {
+        target.classList.remove(cls);
+    }
+    if (scope === 'full' && context.appearance) {
+        target.classList.add(context.appearance);
+    }
+    if (context.theme) {
+        target.classList.add(context.theme);
+    }
+    if (scope === 'full' && context.contrast) {
+        target.classList.add(context.contrast);
+    }
+    if (context.size) {
+        target.classList.add(context.size);
+    }
+}
+function resolveContextElement(contextElement, anchor, fallbackRoot) {
+    if (contextElement) {
+        return contextElement instanceof ElementRef ? contextElement.nativeElement : contextElement;
+    }
+    if (anchor) {
+        return anchor instanceof ElementRef ? anchor.nativeElement : anchor;
+    }
+    return fallbackRoot;
+}
 
 /**
  * Calculates the position of an overlay element relative to an anchor element.
@@ -195,7 +296,7 @@ class AXOverlayService {
                 dispose();
             });
         }
-        this.addHostClass(options?.anchorOptions?.anchor, overlayContainer);
+        this.applyOverlayVisualContext(options, overlayContainer);
         return {
             instance,
             updatePosition,
@@ -395,17 +496,20 @@ class AXOverlayService {
         container.style.top = `${coords.top}px`;
         container.style.left = `${coords.left}px`;
     }
-    addHostClass(refElement, targetElement) {
-        if (!refElement || !targetElement)
+    applyOverlayVisualContext(options, targetElement) {
+        if (!targetElement)
             return;
-        const el = refElement instanceof ElementRef ? refElement.nativeElement : refElement;
-        const computedStyle = getComputedStyle(el);
-        const classSize = computedStyle.getPropertyValue('--ax-sys-size');
-        const themeColor = +computedStyle.getPropertyValue('--ax-sys-theme-isDark');
-        if (themeColor === 1)
-            targetElement.classList.add('ax-dark');
-        if (classSize)
-            targetElement.classList.add(classSize);
+        const fallbackRoot = this.document.documentElement;
+        const source = resolveContextElement(options?.contextElement, options?.anchorOptions?.anchor, fallbackRoot);
+        const context = resolveVisualContext(source, fallbackRoot);
+        const scope = options?.visualContextScope ?? 'full';
+        applyVisualContext(targetElement, context, scope);
+        const pane = targetElement.querySelector('.ax-overlay-pane');
+        // Pane is a separate stacking context; mirror context classes so portaled content
+        // inherits the same CSS variables when the pane is not a descendant of the container.
+        if (pane instanceof HTMLElement) {
+            applyVisualContext(pane, context, scope);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXOverlayService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXOverlayService, providedIn: 'root' }); }
@@ -421,5 +525,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXOverlayService, calculateAnchorPosition, clampToViewport, findBestPosition, fitsInViewport };
+export { APPEARANCE_CLASSES, AXOverlayService, CONTRAST_CLASSES, MANAGED_OVERLAY_VISUAL_CLASSES, SIZE_CLASSES, THEME_CLASSES, applyVisualContext, calculateAnchorPosition, clampToViewport, findBestPosition, fitsInViewport, resolveContextElement, resolveVisualContext };
 //# sourceMappingURL=acorex-cdk-overlay.mjs.map

package/fesm2022/acorex-cdk-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-overlay.mjs","sources":["../../../../packages/cdk/overlay/src/lib/overlay.types.ts","../../../../packages/cdk/overlay/src/lib/overlay.service.ts","../../../../packages/cdk/overlay/src/acorex-cdk-overlay.ts"],"sourcesContent":["import { AXConnectedPosition, AXPlacement, AXPlacementType } from '@acorex/cdk/common';\nimport { AXComponentOptions } from '@acorex/core/components';\nimport { AXZToken } from '@acorex/core/z-index';\nimport { ComponentRef, ElementRef, EmbeddedViewRef } from '@angular/core';\n\nexport interface AXOverlayRef<T> {\n  instance: EmbeddedViewRef<T> | ComponentRef<T>;\n  /** Updates the overlay position relative to the anchor */\n  updatePosition: () => void;\n  /** Destroys the overlay and removes it from the DOM */\n  dispose: () => void;\n  /** The overlay container element */\n  overlayElement: HTMLElement | null;\n  /** The z-index token for this overlay */\n  zToken: AXZToken | null;\n  /** Brings this overlay to the front of all other overlays */\n  bringToFront: () => void;\n}\n\nexport interface AXOverlayAnchorOptions {\n  /** The anchor element to position relative to */\n  anchor: HTMLElement | ElementRef<HTMLElement>;\n  /** Placement of the overlay relative to the anchor */\n  placement?: AXPlacementType;\n  /** Horizontal offset in pixels */\n  offsetX?: number;\n  /** Vertical offset in pixels */\n  offsetY?: number;\n  /** Whether to flip the overlay when it overflows the viewport */\n  autoFlip?: boolean;\n}\n\nexport interface AXOverlayOptions extends AXComponentOptions {\n  backdrop?: {\n    enabled?: boolean;\n    background?: boolean;\n    backdropClass?: string;\n    closeOnClick?: boolean;\n  };\n  position?: AXPlacement;\n  /** Anchor-based positioning options for tooltips, popovers, etc. */\n  anchorOptions?: AXOverlayAnchorOptions;\n  /** Custom CSS class for the overlay panel */\n  panelClass?: string | string[];\n  /** Whether to close when clicking outside */\n  closeOnOutsideClick?: boolean;\n  /** Whether to close when pressing Escape */\n  closeOnEscape?: boolean;\n  /** Width of the overlay container (e.g., 'auto', '200px', '100%') */\n  width?: string;\n  /** Callback when the overlay is disposed (e.g., due to scroll) */\n  onDispose?: () => void;\n  /** Whether to use centered container (default: true). Set to false for positioned overlays like toasts */\n  centered?: boolean;\n  actionSheetStyle?: boolean;\n  /** Base z-index for this overlay */\n  zIndexBase?: number;\n}\n\n/**\n * Calculates the position of an overlay element relative to an anchor element.\n */\nexport function calculateAnchorPosition(\n  anchorRect: DOMRect,\n  overlayRect: DOMRect,\n  position: AXConnectedPosition,\n): { top: number; left: number } {\n  let left = 0;\n  let top = 0;\n\n  // Calculate origin point on anchor\n  switch (position.originX) {\n    case 'start':\n      left = anchorRect.left;\n      break;\n    case 'center':\n      left = anchorRect.left + anchorRect.width / 2;\n      break;\n    case 'end':\n      left = anchorRect.right;\n      break;\n  }\n\n  switch (position.originY) {\n    case 'top':\n      top = anchorRect.top;\n      break;\n    case 'center':\n      top = anchorRect.top + anchorRect.height / 2;\n      break;\n    case 'bottom':\n      top = anchorRect.bottom;\n      break;\n  }\n\n  // Adjust for overlay alignment\n  switch (position.overlayX) {\n    case 'start':\n      // left stays the same\n      break;\n    case 'center':\n      left -= overlayRect.width / 2;\n      break;\n    case 'end':\n      left -= overlayRect.width;\n      break;\n  }\n\n  switch (position.overlayY) {\n    case 'top':\n      // top stays the same\n      break;\n    case 'center':\n      top -= overlayRect.height / 2;\n      break;\n    case 'bottom':\n      top -= overlayRect.height;\n      break;\n  }\n\n  // Apply offsets\n  if (position.offsetX) {\n    left += position.offsetX;\n  }\n  if (position.offsetY) {\n    top += position.offsetY;\n  }\n\n  return { top, left };\n}\n\n/**\n * Checks if the overlay position fits within the viewport.\n */\nexport function fitsInViewport(\n  position: { top: number; left: number },\n  overlayRect: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n): boolean {\n  return (\n    position.left >= 0 &&\n    position.top >= 0 &&\n    position.left + overlayRect.width <= viewportWidth &&\n    position.top + overlayRect.height <= viewportHeight\n  );\n}\n\n/**\n * Clamps a position to ensure the overlay stays within viewport bounds.\n */\nexport function clampToViewport(\n  coords: { top: number; left: number },\n  overlayRect: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n  margin = 4,\n): { top: number; left: number } {\n  const clampedLeft = Math.max(margin, Math.min(coords.left, viewportWidth - overlayRect.width - margin));\n  const clampedTop = Math.max(margin, Math.min(coords.top, viewportHeight - overlayRect.height - margin));\n\n  return { top: clampedTop, left: clampedLeft };\n}\n\n/**\n * Finds the best position for an overlay that fits in the viewport.\n */\nexport function findBestPosition(\n  anchorRect: DOMRect,\n  overlayRect: DOMRect,\n  positions: AXConnectedPosition[],\n  viewportWidth: number,\n  viewportHeight: number,\n): { position: AXConnectedPosition; coords: { top: number; left: number } } {\n  for (const position of positions) {\n    const coords = calculateAnchorPosition(anchorRect, overlayRect, position);\n\n    if (fitsInViewport(coords, overlayRect, viewportWidth, viewportHeight)) {\n      return { position, coords };\n    }\n  }\n\n  // Fallback to first position if none fit, but clamp to viewport bounds\n  const fallbackCoords = calculateAnchorPosition(anchorRect, overlayRect, positions[0]);\n  const clampedCoords = clampToViewport(fallbackCoords, overlayRect, viewportWidth, viewportHeight);\n  return { position: positions[0], coords: clampedCoords };\n}\n","import { convertToPlacement } from '@acorex/cdk/common';\nimport { AXComponentContent, AXComponentService } from '@acorex/core/components';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXZIndexService, AXZToken } from '@acorex/core/z-index';\nimport { DOCUMENT } from '@angular/common';\nimport { ComponentRef, ElementRef, EmbeddedViewRef, inject, Injectable, TemplateRef } from '@angular/core';\nimport { AXOverlayOptions, AXOverlayRef, findBestPosition } from './overlay.types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXOverlayService {\n  private componentService = inject(AXComponentService);\n  private document = inject(DOCUMENT);\n  private zIndexService = inject(AXZIndexService);\n  private _platform: AXPlatform = inject(AXPlatform);\n\n  /**\n   * Creates an overlay with optional anchor-based positioning.\n   * @param content - Component or template to display\n   * @param options - Configuration options for the overlay\n   * @returns Promise<AXOverlayRef> - Reference to the created overlay\n   */\n  async create<T = unknown>(content: AXComponentContent<T>, options?: AXOverlayOptions): Promise<AXOverlayRef<T>> {\n    let instance: EmbeddedViewRef<T> | ComponentRef<T>;\n    let overlayContainer: HTMLElement | null = null;\n    let backdropElement: HTMLElement | null = null;\n    let isDisposed = false;\n\n    // Acquire a z-index token for this overlay\n    let zToken: AXZToken | null = this.zIndexService.acquire(options?.zIndexBase);\n\n    if (content instanceof TemplateRef) {\n      instance = this.componentService.createFromTemplate<T>(content);\n    } else {\n      instance = this.componentService.createFromComponent<T>(content);\n      if (options?.inputs) {\n        Object.entries(options.inputs).forEach((c) => {\n          (instance as ComponentRef<T>).setInput(c[0], c[1]);\n        });\n      }\n    }\n\n    // Get the host element\n    const hostElement = this.getHostElement(instance);\n\n    // Create backdrop if enabled\n    if (options?.backdrop?.enabled) {\n      backdropElement = this.createBackdrop(options, zToken.zIndex);\n    }\n\n    // If anchor options are provided, set up positioned overlay (for tooltips, popovers)\n    if (options?.anchorOptions?.anchor) {\n      overlayContainer = this.createOverlayContainer(hostElement, options, zToken.zIndex);\n      this.positionOverlay(overlayContainer, options);\n    } else if (options?.centered === false) {\n      // Non-centered positioned overlay (for toasts, notifications)\n      overlayContainer = this.createOverlayContainer(hostElement, options, zToken.zIndex);\n    } else {\n      // No anchor - create centered overlay (for modals, popups)\n      overlayContainer = this.createCenteredOverlayContainer(hostElement, options, zToken.zIndex);\n    }\n\n    const updatePosition = () => {\n      if (overlayContainer && options?.anchorOptions?.anchor) {\n        this.positionOverlay(overlayContainer, options);\n      }\n    };\n\n    const dispose = () => {\n      if (isDisposed) return;\n      isDisposed = true;\n\n      // Remove backdrop\n      if (backdropElement) {\n        backdropElement.remove();\n      }\n\n      if (overlayContainer) {\n        overlayContainer.remove();\n      }\n      if (instance instanceof ComponentRef) {\n        instance.destroy();\n      } else {\n        instance.destroy();\n      }\n\n      // Release the z-index token\n      this.zIndexService.release(zToken);\n      zToken = null;\n\n      // Notify callback\n      options?.onDispose?.();\n    };\n\n    const bringToFront = () => {\n      if (!zToken || isDisposed) return;\n      zToken = this.zIndexService.bringToFront(zToken);\n      if (backdropElement) {\n        backdropElement.style.zIndex = String(zToken.zIndex);\n      }\n      if (overlayContainer) {\n        overlayContainer.style.zIndex = String(zToken.zIndex);\n      }\n    };\n\n    // Set up backdrop click handler\n    if (backdropElement && options?.backdrop?.closeOnClick) {\n      backdropElement.addEventListener('click', () => {\n        dispose();\n      });\n    }\n\n    this.addHostClass(options?.anchorOptions?.anchor, overlayContainer);\n\n    return {\n      instance,\n      updatePosition,\n      dispose,\n      overlayElement: overlayContainer,\n      zToken,\n      bringToFront,\n    };\n  }\n\n  /**\n   * Creates a backdrop element.\n   */\n  private createBackdrop(options: AXOverlayOptions | undefined, zIndex: number): HTMLElement {\n    const backdrop = this.document.createElement('div');\n    backdrop.classList.add('ax-overlay-backdrop');\n\n    if (options?.backdrop?.backdropClass) {\n      backdrop.classList.add(options.backdrop.backdropClass);\n    }\n\n    // Style the backdrop\n    backdrop.style.position = 'fixed';\n    backdrop.style.top = '0';\n    backdrop.style.left = '0';\n    backdrop.style.width = '100%';\n    backdrop.style.height = '100%';\n    backdrop.style.zIndex = String(zIndex);\n\n    if (options?.backdrop?.background) {\n      backdrop.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';\n    }\n\n    this.document.body.appendChild(backdrop);\n    return backdrop;\n  }\n\n  /**\n   * Creates a centered overlay container (for modals/popups).\n   */\n  private createCenteredOverlayContainer(\n    content: HTMLElement,\n    options: AXOverlayOptions | undefined,\n    zIndex: number,\n  ): HTMLElement {\n    const container = this.document.createElement('div');\n    container.classList.add('ax-overlay-container', 'ax-overlay-centered');\n\n    // Add custom panel classes\n    if (options?.panelClass) {\n      const classes = Array.isArray(options.panelClass) ? options.panelClass : [options.panelClass];\n      classes.forEach((cls) => {\n        if (cls) {\n          container.classList.add(cls);\n        }\n      });\n    }\n\n    // Set styles for centered positioning\n    container.style.position = 'fixed';\n    container.style.top = '0';\n    container.style.left = '0';\n    container.style.width = '100%';\n    container.style.height = '100%';\n    container.style.display = 'flex';\n    container.style.alignItems = 'center';\n    container.style.justifyContent = 'center';\n    container.style.zIndex = String(zIndex);\n\n    // Create inner wrapper for the content\n    const contentWrapper = this.document.createElement('div');\n    contentWrapper.classList.add('ax-overlay-content');\n\n    // Apply width if provided\n    if (options?.width) {\n      contentWrapper.style.width = options.width;\n    } else if (this.hasPanelClass(options?.panelClass, 'ax-popup-overlay')) {\n      contentWrapper.style.width = 'auto';\n      contentWrapper.style.maxWidth = '100%';\n    }\n\n    // Move content into wrapper\n    contentWrapper.appendChild(content);\n    container.appendChild(contentWrapper);\n\n    // Append to body\n    this.document.body.appendChild(container);\n\n    return container;\n  }\n\n  /**\n   * Gets the host element from a ComponentRef or EmbeddedViewRef.\n   */\n  private hasPanelClass(panelClass: string | string[] | undefined, className: string): boolean {\n    if (!panelClass) return false;\n    const classes = Array.isArray(panelClass) ? panelClass : [panelClass];\n    return classes.some((cls) => cls === className);\n  }\n\n  /**\n   * Gets the host element from a ComponentRef or EmbeddedViewRef.\n   */\n  private getHostElement<T>(instance: EmbeddedViewRef<T> | ComponentRef<T>): HTMLElement {\n    if (instance instanceof ComponentRef) {\n      return instance.location.nativeElement;\n    } else {\n      // EmbeddedViewRef - get the first root node\n      return instance.rootNodes[0] as HTMLElement;\n    }\n  }\n\n  /**\n   * Creates an overlay container element and appends the content to it.\n   */\n  private createOverlayContainer(\n    content: HTMLElement,\n    options: AXOverlayOptions | undefined,\n    zIndex: number,\n  ): HTMLElement {\n    const container = this.document.createElement('div');\n    const pane = this.document.createElement('div');\n    container.classList.add('ax-overlay-container');\n\n    if (Array.isArray(options.panelClass)) {\n      const check = options.panelClass.some((element) => {\n        return element === 'ax-action-sheet-panel';\n      });\n      if (!check) pane.classList.add('ax-overlay-pane');\n    }\n\n    if (options.actionSheetStyle && this._platform.is('SM')) pane.classList.add('ax-overlay-actionsheet');\n\n    // Add custom panel classes\n    if (options?.panelClass) {\n      const classes = Array.isArray(options.panelClass) ? options.panelClass : [options.panelClass];\n      classes.forEach((cls) => {\n        if (cls) {\n          container.classList.add(cls);\n        }\n      });\n    }\n\n    // Set initial styles for positioning\n    container.style.position = 'fixed';\n    container.style.zIndex = String(zIndex);\n    container.style.maxWidth = '100vw';\n    container.style.maxHeight = '100vh';\n\n    if (options?.actionSheetStyle) {\n      container.style.width = this._platform.is('SM') ? '100%' : 'fit-content';\n    } else {\n      container.style.width = options?.width || 'fit-content';\n    }\n\n    // Move content into container\n    pane.appendChild(content);\n    container.appendChild(pane);\n\n    // Append to body\n    this.document.body.appendChild(container);\n\n    return container;\n  }\n\n  /**\n   * Positions the overlay container relative to the anchor element.\n   */\n  private positionOverlay(container: HTMLElement, options: AXOverlayOptions): void {\n    if (options.actionSheetStyle && this._platform.is('SM')) {\n      container.style.bottom = `0px`;\n      container.style.left = `0px`;\n      return;\n    }\n\n    const anchorOptions = options.anchorOptions;\n    if (!anchorOptions?.anchor) return;\n\n    const anchorElement =\n      anchorOptions.anchor instanceof ElementRef ? anchorOptions.anchor.nativeElement : anchorOptions.anchor;\n\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Get positions from placement\n    let positions = convertToPlacement(anchorOptions.placement ?? 'bottom');\n    if (positions.length === 0) {\n      positions = convertToPlacement('bottom');\n    }\n\n    // Apply custom offsets to positions with direction-aware inversion\n    // When position flips, the offset should also be inverted to maintain the intended gap\n    if (anchorOptions.offsetX || anchorOptions.offsetY) {\n      const primaryPosition = positions[0];\n      positions = positions.map((p) => {\n        let adjustedOffsetX = anchorOptions.offsetX ?? 0;\n        let adjustedOffsetY = anchorOptions.offsetY ?? 0;\n\n        // Invert offsetY when vertical direction flips\n        // (from bottom to top or vice versa)\n        if (primaryPosition.originY !== p.originY) {\n          adjustedOffsetY = -adjustedOffsetY;\n        }\n\n        // Invert offsetX when horizontal direction flips\n        // (from end to start or vice versa)\n        if (primaryPosition.originX !== p.originX) {\n          adjustedOffsetX = -adjustedOffsetX;\n        }\n\n        return {\n          ...p,\n          offsetX: (p.offsetX ?? 0) + adjustedOffsetX,\n          offsetY: (p.offsetY ?? 0) + adjustedOffsetY,\n        };\n      });\n    }\n\n    // Find the best position that fits in viewport\n    const { coords } = anchorOptions.autoFlip\n      ? findBestPosition(anchorRect, containerRect, positions, viewportWidth, viewportHeight)\n      : {\n          coords: {\n            top:\n              positions[0].originY === 'bottom'\n                ? anchorRect.bottom + (positions[0].offsetY ?? 0)\n                : anchorRect.top - containerRect.height + (positions[0].offsetY ?? 0),\n            left: anchorRect.left + (positions[0].offsetX ?? 0),\n          },\n        };\n\n    // Apply position\n    container.style.top = `${coords.top}px`;\n    container.style.left = `${coords.left}px`;\n  }\n\n  private addHostClass(refElement: HTMLElement | ElementRef, targetElement: HTMLElement) {\n    if (!refElement || !targetElement) return;\n    const el = refElement instanceof ElementRef ? refElement.nativeElement : refElement;\n    const computedStyle = getComputedStyle(el);\n    const classSize = computedStyle.getPropertyValue('--ax-sys-size');\n    const themeColor = +computedStyle.getPropertyValue('--ax-sys-theme-isDark');\n    if (themeColor === 1) targetElement.classList.add('ax-dark');\n    if (classSize) targetElement.classList.add(classSize);\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-cdk-overlay.mjs","sources":["../../../../packages/cdk/overlay/src/lib/overlay-visual-context.ts","../../../../packages/cdk/overlay/src/lib/overlay.types.ts","../../../../packages/cdk/overlay/src/lib/overlay.service.ts","../../../../packages/cdk/overlay/src/acorex-cdk-overlay.ts"],"sourcesContent":["import { ElementRef } from '@angular/core';\n\nexport type AXOverlayVisualContextScope = 'full' | 'theme';\n\nexport interface AXOverlayVisualContext {\n  appearance?: string;\n  theme?: 'ax-light' | 'ax-dark';\n  contrast?: string;\n  size?: string;\n}\n\nexport const APPEARANCE_CLASSES = [\n  'ax-appearance-flat',\n  'ax-appearance-depth',\n  'ax-appearance-translucent',\n] as const;\n\nexport const THEME_CLASSES = ['ax-light', 'ax-dark'] as const;\n\nexport const CONTRAST_CLASSES = ['ax-contrast-enhanced', 'ax-contrast-high'] as const;\n\nexport const SIZE_CLASSES = ['ax-xs', 'ax-sm', 'ax-md', 'ax-lg', 'ax-xl'] as const;\n\nexport const MANAGED_OVERLAY_VISUAL_CLASSES = [\n  ...APPEARANCE_CLASSES,\n  ...THEME_CLASSES,\n  ...CONTRAST_CLASSES,\n  ...SIZE_CLASSES,\n] as const;\n\n/**\n * Resolves the nearest effective visual context from an anchor or context source.\n * Theme uses nearest ax-light / ax-dark so nested Light overrides Dark ancestors.\n */\nexport function resolveVisualContext(\n  source: HTMLElement | null | undefined,\n  fallbackRoot?: HTMLElement | null,\n): AXOverlayVisualContext {\n  const context: AXOverlayVisualContext = {};\n  const root = fallbackRoot ?? (typeof document !== 'undefined' ? document.documentElement : null);\n\n  let node: HTMLElement | null = source ?? root;\n  while (node) {\n    if (!context.appearance) {\n      for (const cls of APPEARANCE_CLASSES) {\n        if (node.classList.contains(cls)) {\n          context.appearance = cls;\n          break;\n        }\n      }\n    }\n\n    if (!context.contrast) {\n      for (const cls of CONTRAST_CLASSES) {\n        if (node.classList.contains(cls)) {\n          context.contrast = cls;\n          break;\n        }\n      }\n    }\n\n    if (!context.size) {\n      for (const cls of SIZE_CLASSES) {\n        if (node.classList.contains(cls)) {\n          context.size = cls;\n          break;\n        }\n      }\n\n      if (!context.size && typeof getComputedStyle !== 'undefined') {\n        const computedSize = getComputedStyle(node).getPropertyValue('--ax-sys-size').trim();\n        if (SIZE_CLASSES.includes(computedSize as (typeof SIZE_CLASSES)[number])) {\n          context.size = computedSize;\n        }\n      }\n    }\n\n    if (!context.theme) {\n      if (node.classList.contains('ax-light')) {\n        context.theme = 'ax-light';\n      } else if (node.classList.contains('ax-dark')) {\n        context.theme = 'ax-dark';\n      }\n    }\n\n    node = node.parentElement;\n  }\n\n  if (!context.theme && root) {\n    if (root.classList.contains('ax-light')) {\n      context.theme = 'ax-light';\n    } else if (root.classList.contains('ax-dark')) {\n      context.theme = 'ax-dark';\n    }\n  }\n\n  return context;\n}\n\n/** Applies resolved visual context classes to an overlay container. */\nexport function applyVisualContext(\n  target: HTMLElement,\n  context: AXOverlayVisualContext,\n  scope: AXOverlayVisualContextScope = 'full',\n): void {\n  for (const cls of MANAGED_OVERLAY_VISUAL_CLASSES) {\n    target.classList.remove(cls);\n  }\n\n  if (scope === 'full' && context.appearance) {\n    target.classList.add(context.appearance);\n  }\n  if (context.theme) {\n    target.classList.add(context.theme);\n  }\n  if (scope === 'full' && context.contrast) {\n    target.classList.add(context.contrast);\n  }\n  if (context.size) {\n    target.classList.add(context.size);\n  }\n}\n\nexport function resolveContextElement(\n  contextElement: HTMLElement | ElementRef<HTMLElement> | undefined,\n  anchor: HTMLElement | ElementRef<HTMLElement> | undefined,\n  fallbackRoot: HTMLElement,\n): HTMLElement {\n  if (contextElement) {\n    return contextElement instanceof ElementRef ? contextElement.nativeElement : contextElement;\n  }\n  if (anchor) {\n    return anchor instanceof ElementRef ? anchor.nativeElement : anchor;\n  }\n  return fallbackRoot;\n}\n","import { AXConnectedPosition, AXPlacement, AXPlacementType } from '@acorex/cdk/common';\nimport { AXComponentOptions } from '@acorex/core/components';\nimport { AXZToken } from '@acorex/core/z-index';\nimport { ComponentRef, ElementRef, EmbeddedViewRef } from '@angular/core';\nimport type { AXOverlayVisualContextScope } from './overlay-visual-context';\n\nexport interface AXOverlayRef<T> {\n  instance: EmbeddedViewRef<T> | ComponentRef<T>;\n  /** Updates the overlay position relative to the anchor */\n  updatePosition: () => void;\n  /** Destroys the overlay and removes it from the DOM */\n  dispose: () => void;\n  /** The overlay container element */\n  overlayElement: HTMLElement | null;\n  /** The z-index token for this overlay */\n  zToken: AXZToken | null;\n  /** Brings this overlay to the front of all other overlays */\n  bringToFront: () => void;\n}\n\nexport interface AXOverlayAnchorOptions {\n  /** The anchor element to position relative to */\n  anchor: HTMLElement | ElementRef<HTMLElement>;\n  /** Placement of the overlay relative to the anchor */\n  placement?: AXPlacementType;\n  /** Horizontal offset in pixels */\n  offsetX?: number;\n  /** Vertical offset in pixels */\n  offsetY?: number;\n  /** Whether to flip the overlay when it overflows the viewport */\n  autoFlip?: boolean;\n}\n\nexport interface AXOverlayOptions extends AXComponentOptions {\n  backdrop?: {\n    enabled?: boolean;\n    background?: boolean;\n    backdropClass?: string;\n    closeOnClick?: boolean;\n  };\n  position?: AXPlacement;\n  /** Anchor-based positioning options for tooltips, popovers, etc. */\n  anchorOptions?: AXOverlayAnchorOptions;\n  /** Custom CSS class for the overlay panel */\n  panelClass?: string | string[];\n  /** Whether to close when clicking outside */\n  closeOnOutsideClick?: boolean;\n  /** Whether to close when pressing Escape */\n  closeOnEscape?: boolean;\n  /** Width of the overlay container (e.g., 'auto', '200px', '100%') */\n  width?: string;\n  /** Callback when the overlay is disposed (e.g., due to scroll) */\n  onDispose?: () => void;\n  /** Whether to use centered container (default: true). Set to false for positioned overlays like toasts */\n  centered?: boolean;\n  actionSheetStyle?: boolean;\n  /** Base z-index for this overlay */\n  zIndexBase?: number;\n  /**\n   * Visual context source for anchorless overlays (toast, dialog, notification).\n   * Falls back to anchor, then document root.\n   */\n  contextElement?: HTMLElement | ElementRef<HTMLElement>;\n  /**\n   * Which visual context dimensions propagate to the overlay shell.\n   * `theme` keeps light/dark (+ size) only; floating surfaces opt out of\n   * appearance/contrast classes (popup, toast, dropdown).\n   */\n  visualContextScope?: AXOverlayVisualContextScope;\n}\n\n/**\n * Calculates the position of an overlay element relative to an anchor element.\n */\nexport function calculateAnchorPosition(\n  anchorRect: DOMRect,\n  overlayRect: DOMRect,\n  position: AXConnectedPosition,\n): { top: number; left: number } {\n  let left = 0;\n  let top = 0;\n\n  // Calculate origin point on anchor\n  switch (position.originX) {\n    case 'start':\n      left = anchorRect.left;\n      break;\n    case 'center':\n      left = anchorRect.left + anchorRect.width / 2;\n      break;\n    case 'end':\n      left = anchorRect.right;\n      break;\n  }\n\n  switch (position.originY) {\n    case 'top':\n      top = anchorRect.top;\n      break;\n    case 'center':\n      top = anchorRect.top + anchorRect.height / 2;\n      break;\n    case 'bottom':\n      top = anchorRect.bottom;\n      break;\n  }\n\n  // Adjust for overlay alignment\n  switch (position.overlayX) {\n    case 'start':\n      // left stays the same\n      break;\n    case 'center':\n      left -= overlayRect.width / 2;\n      break;\n    case 'end':\n      left -= overlayRect.width;\n      break;\n  }\n\n  switch (position.overlayY) {\n    case 'top':\n      // top stays the same\n      break;\n    case 'center':\n      top -= overlayRect.height / 2;\n      break;\n    case 'bottom':\n      top -= overlayRect.height;\n      break;\n  }\n\n  // Apply offsets\n  if (position.offsetX) {\n    left += position.offsetX;\n  }\n  if (position.offsetY) {\n    top += position.offsetY;\n  }\n\n  return { top, left };\n}\n\n/**\n * Checks if the overlay position fits within the viewport.\n */\nexport function fitsInViewport(\n  position: { top: number; left: number },\n  overlayRect: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n): boolean {\n  return (\n    position.left >= 0 &&\n    position.top >= 0 &&\n    position.left + overlayRect.width <= viewportWidth &&\n    position.top + overlayRect.height <= viewportHeight\n  );\n}\n\n/**\n * Clamps a position to ensure the overlay stays within viewport bounds.\n */\nexport function clampToViewport(\n  coords: { top: number; left: number },\n  overlayRect: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n  margin = 4,\n): { top: number; left: number } {\n  const clampedLeft = Math.max(margin, Math.min(coords.left, viewportWidth - overlayRect.width - margin));\n  const clampedTop = Math.max(margin, Math.min(coords.top, viewportHeight - overlayRect.height - margin));\n\n  return { top: clampedTop, left: clampedLeft };\n}\n\n/**\n * Finds the best position for an overlay that fits in the viewport.\n */\nexport function findBestPosition(\n  anchorRect: DOMRect,\n  overlayRect: DOMRect,\n  positions: AXConnectedPosition[],\n  viewportWidth: number,\n  viewportHeight: number,\n): { position: AXConnectedPosition; coords: { top: number; left: number } } {\n  for (const position of positions) {\n    const coords = calculateAnchorPosition(anchorRect, overlayRect, position);\n\n    if (fitsInViewport(coords, overlayRect, viewportWidth, viewportHeight)) {\n      return { position, coords };\n    }\n  }\n\n  // Fallback to first position if none fit, but clamp to viewport bounds\n  const fallbackCoords = calculateAnchorPosition(anchorRect, overlayRect, positions[0]);\n  const clampedCoords = clampToViewport(fallbackCoords, overlayRect, viewportWidth, viewportHeight);\n  return { position: positions[0], coords: clampedCoords };\n}\n","import { convertToPlacement } from '@acorex/cdk/common';\nimport { AXComponentContent, AXComponentService } from '@acorex/core/components';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXZIndexService, AXZToken } from '@acorex/core/z-index';\nimport { DOCUMENT } from '@angular/common';\nimport { ComponentRef, ElementRef, EmbeddedViewRef, inject, Injectable, TemplateRef } from '@angular/core';\nimport { applyVisualContext, resolveContextElement, resolveVisualContext } from './overlay-visual-context';\nimport { AXOverlayOptions, AXOverlayRef, findBestPosition } from './overlay.types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXOverlayService {\n  private componentService = inject(AXComponentService);\n  private document = inject(DOCUMENT);\n  private zIndexService = inject(AXZIndexService);\n  private _platform: AXPlatform = inject(AXPlatform);\n\n  /**\n   * Creates an overlay with optional anchor-based positioning.\n   * @param content - Component or template to display\n   * @param options - Configuration options for the overlay\n   * @returns Promise<AXOverlayRef> - Reference to the created overlay\n   */\n  async create<T = unknown>(content: AXComponentContent<T>, options?: AXOverlayOptions): Promise<AXOverlayRef<T>> {\n    let instance: EmbeddedViewRef<T> | ComponentRef<T>;\n    let overlayContainer: HTMLElement | null = null;\n    let backdropElement: HTMLElement | null = null;\n    let isDisposed = false;\n\n    // Acquire a z-index token for this overlay\n    let zToken: AXZToken | null = this.zIndexService.acquire(options?.zIndexBase);\n\n    if (content instanceof TemplateRef) {\n      instance = this.componentService.createFromTemplate<T>(content);\n    } else {\n      instance = this.componentService.createFromComponent<T>(content);\n      if (options?.inputs) {\n        Object.entries(options.inputs).forEach((c) => {\n          (instance as ComponentRef<T>).setInput(c[0], c[1]);\n        });\n      }\n    }\n\n    // Get the host element\n    const hostElement = this.getHostElement(instance);\n\n    // Create backdrop if enabled\n    if (options?.backdrop?.enabled) {\n      backdropElement = this.createBackdrop(options, zToken.zIndex);\n    }\n\n    // If anchor options are provided, set up positioned overlay (for tooltips, popovers)\n    if (options?.anchorOptions?.anchor) {\n      overlayContainer = this.createOverlayContainer(hostElement, options, zToken.zIndex);\n      this.positionOverlay(overlayContainer, options);\n    } else if (options?.centered === false) {\n      // Non-centered positioned overlay (for toasts, notifications)\n      overlayContainer = this.createOverlayContainer(hostElement, options, zToken.zIndex);\n    } else {\n      // No anchor - create centered overlay (for modals, popups)\n      overlayContainer = this.createCenteredOverlayContainer(hostElement, options, zToken.zIndex);\n    }\n\n    const updatePosition = () => {\n      if (overlayContainer && options?.anchorOptions?.anchor) {\n        this.positionOverlay(overlayContainer, options);\n      }\n    };\n\n    const dispose = () => {\n      if (isDisposed) return;\n      isDisposed = true;\n\n      // Remove backdrop\n      if (backdropElement) {\n        backdropElement.remove();\n      }\n\n      if (overlayContainer) {\n        overlayContainer.remove();\n      }\n      if (instance instanceof ComponentRef) {\n        instance.destroy();\n      } else {\n        instance.destroy();\n      }\n\n      // Release the z-index token\n      this.zIndexService.release(zToken);\n      zToken = null;\n\n      // Notify callback\n      options?.onDispose?.();\n    };\n\n    const bringToFront = () => {\n      if (!zToken || isDisposed) return;\n      zToken = this.zIndexService.bringToFront(zToken);\n      if (backdropElement) {\n        backdropElement.style.zIndex = String(zToken.zIndex);\n      }\n      if (overlayContainer) {\n        overlayContainer.style.zIndex = String(zToken.zIndex);\n      }\n    };\n\n    // Set up backdrop click handler\n    if (backdropElement && options?.backdrop?.closeOnClick) {\n      backdropElement.addEventListener('click', () => {\n        dispose();\n      });\n    }\n\n    this.applyOverlayVisualContext(options, overlayContainer);\n\n    return {\n      instance,\n      updatePosition,\n      dispose,\n      overlayElement: overlayContainer,\n      zToken,\n      bringToFront,\n    };\n  }\n\n  /**\n   * Creates a backdrop element.\n   */\n  private createBackdrop(options: AXOverlayOptions | undefined, zIndex: number): HTMLElement {\n    const backdrop = this.document.createElement('div');\n    backdrop.classList.add('ax-overlay-backdrop');\n\n    if (options?.backdrop?.backdropClass) {\n      backdrop.classList.add(options.backdrop.backdropClass);\n    }\n\n    // Style the backdrop\n    backdrop.style.position = 'fixed';\n    backdrop.style.top = '0';\n    backdrop.style.left = '0';\n    backdrop.style.width = '100%';\n    backdrop.style.height = '100%';\n    backdrop.style.zIndex = String(zIndex);\n\n    if (options?.backdrop?.background) {\n      backdrop.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';\n    }\n\n    this.document.body.appendChild(backdrop);\n    return backdrop;\n  }\n\n  /**\n   * Creates a centered overlay container (for modals/popups).\n   */\n  private createCenteredOverlayContainer(\n    content: HTMLElement,\n    options: AXOverlayOptions | undefined,\n    zIndex: number,\n  ): HTMLElement {\n    const container = this.document.createElement('div');\n    container.classList.add('ax-overlay-container', 'ax-overlay-centered');\n\n    // Add custom panel classes\n    if (options?.panelClass) {\n      const classes = Array.isArray(options.panelClass) ? options.panelClass : [options.panelClass];\n      classes.forEach((cls) => {\n        if (cls) {\n          container.classList.add(cls);\n        }\n      });\n    }\n\n    // Set styles for centered positioning\n    container.style.position = 'fixed';\n    container.style.top = '0';\n    container.style.left = '0';\n    container.style.width = '100%';\n    container.style.height = '100%';\n    container.style.display = 'flex';\n    container.style.alignItems = 'center';\n    container.style.justifyContent = 'center';\n    container.style.zIndex = String(zIndex);\n\n    // Create inner wrapper for the content\n    const contentWrapper = this.document.createElement('div');\n    contentWrapper.classList.add('ax-overlay-content');\n\n    // Apply width if provided\n    if (options?.width) {\n      contentWrapper.style.width = options.width;\n    } else if (this.hasPanelClass(options?.panelClass, 'ax-popup-overlay')) {\n      contentWrapper.style.width = 'auto';\n      contentWrapper.style.maxWidth = '100%';\n    }\n\n    // Move content into wrapper\n    contentWrapper.appendChild(content);\n    container.appendChild(contentWrapper);\n\n    // Append to body\n    this.document.body.appendChild(container);\n\n    return container;\n  }\n\n  /**\n   * Gets the host element from a ComponentRef or EmbeddedViewRef.\n   */\n  private hasPanelClass(panelClass: string | string[] | undefined, className: string): boolean {\n    if (!panelClass) return false;\n    const classes = Array.isArray(panelClass) ? panelClass : [panelClass];\n    return classes.some((cls) => cls === className);\n  }\n\n  /**\n   * Gets the host element from a ComponentRef or EmbeddedViewRef.\n   */\n  private getHostElement<T>(instance: EmbeddedViewRef<T> | ComponentRef<T>): HTMLElement {\n    if (instance instanceof ComponentRef) {\n      return instance.location.nativeElement;\n    } else {\n      // EmbeddedViewRef - get the first root node\n      return instance.rootNodes[0] as HTMLElement;\n    }\n  }\n\n  /**\n   * Creates an overlay container element and appends the content to it.\n   */\n  private createOverlayContainer(\n    content: HTMLElement,\n    options: AXOverlayOptions | undefined,\n    zIndex: number,\n  ): HTMLElement {\n    const container = this.document.createElement('div');\n    const pane = this.document.createElement('div');\n    container.classList.add('ax-overlay-container');\n\n    if (Array.isArray(options.panelClass)) {\n      const check = options.panelClass.some((element) => {\n        return element === 'ax-action-sheet-panel';\n      });\n      if (!check) pane.classList.add('ax-overlay-pane');\n    }\n\n    if (options.actionSheetStyle && this._platform.is('SM')) pane.classList.add('ax-overlay-actionsheet');\n\n    // Add custom panel classes\n    if (options?.panelClass) {\n      const classes = Array.isArray(options.panelClass) ? options.panelClass : [options.panelClass];\n      classes.forEach((cls) => {\n        if (cls) {\n          container.classList.add(cls);\n        }\n      });\n    }\n\n    // Set initial styles for positioning\n    container.style.position = 'fixed';\n    container.style.zIndex = String(zIndex);\n    container.style.maxWidth = '100vw';\n    container.style.maxHeight = '100vh';\n\n    if (options?.actionSheetStyle) {\n      container.style.width = this._platform.is('SM') ? '100%' : 'fit-content';\n    } else {\n      container.style.width = options?.width || 'fit-content';\n    }\n\n    // Move content into container\n    pane.appendChild(content);\n    container.appendChild(pane);\n\n    // Append to body\n    this.document.body.appendChild(container);\n\n    return container;\n  }\n\n  /**\n   * Positions the overlay container relative to the anchor element.\n   */\n  private positionOverlay(container: HTMLElement, options: AXOverlayOptions): void {\n    if (options.actionSheetStyle && this._platform.is('SM')) {\n      container.style.bottom = `0px`;\n      container.style.left = `0px`;\n      return;\n    }\n\n    const anchorOptions = options.anchorOptions;\n    if (!anchorOptions?.anchor) return;\n\n    const anchorElement =\n      anchorOptions.anchor instanceof ElementRef ? anchorOptions.anchor.nativeElement : anchorOptions.anchor;\n\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Get positions from placement\n    let positions = convertToPlacement(anchorOptions.placement ?? 'bottom');\n    if (positions.length === 0) {\n      positions = convertToPlacement('bottom');\n    }\n\n    // Apply custom offsets to positions with direction-aware inversion\n    // When position flips, the offset should also be inverted to maintain the intended gap\n    if (anchorOptions.offsetX || anchorOptions.offsetY) {\n      const primaryPosition = positions[0];\n      positions = positions.map((p) => {\n        let adjustedOffsetX = anchorOptions.offsetX ?? 0;\n        let adjustedOffsetY = anchorOptions.offsetY ?? 0;\n\n        // Invert offsetY when vertical direction flips\n        // (from bottom to top or vice versa)\n        if (primaryPosition.originY !== p.originY) {\n          adjustedOffsetY = -adjustedOffsetY;\n        }\n\n        // Invert offsetX when horizontal direction flips\n        // (from end to start or vice versa)\n        if (primaryPosition.originX !== p.originX) {\n          adjustedOffsetX = -adjustedOffsetX;\n        }\n\n        return {\n          ...p,\n          offsetX: (p.offsetX ?? 0) + adjustedOffsetX,\n          offsetY: (p.offsetY ?? 0) + adjustedOffsetY,\n        };\n      });\n    }\n\n    // Find the best position that fits in viewport\n    const { coords } = anchorOptions.autoFlip\n      ? findBestPosition(anchorRect, containerRect, positions, viewportWidth, viewportHeight)\n      : {\n          coords: {\n            top:\n              positions[0].originY === 'bottom'\n                ? anchorRect.bottom + (positions[0].offsetY ?? 0)\n                : anchorRect.top - containerRect.height + (positions[0].offsetY ?? 0),\n            left: anchorRect.left + (positions[0].offsetX ?? 0),\n          },\n        };\n\n    // Apply position\n    container.style.top = `${coords.top}px`;\n    container.style.left = `${coords.left}px`;\n  }\n\n  private applyOverlayVisualContext(options: AXOverlayOptions | undefined, targetElement: HTMLElement | null): void {\n    if (!targetElement) return;\n\n    const fallbackRoot = this.document.documentElement;\n    const source = resolveContextElement(options?.contextElement, options?.anchorOptions?.anchor, fallbackRoot);\n    const context = resolveVisualContext(source, fallbackRoot);\n    const scope = options?.visualContextScope ?? 'full';\n    applyVisualContext(targetElement, context, scope);\n\n    const pane = targetElement.querySelector('.ax-overlay-pane');\n    // Pane is a separate stacking context; mirror context classes so portaled content\n    // inherits the same CSS variables when the pane is not a descendant of the container.\n    if (pane instanceof HTMLElement) {\n      applyVisualContext(pane, context, scope);\n    }\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,8 +1,8 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.1.0-next.0",
+  "version": "22.1.0-next.1",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.0",
+    "@acorex/core": "22.1.0-next.1",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",

package/types/acorex-cdk-overlay.d.ts

@@ -4,6 +4,27 @@ import { AXZToken } from '@acorex/core/z-index';
 import * as i0 from '@angular/core';
 import { ElementRef, EmbeddedViewRef, ComponentRef } from '@angular/core';
 
+type AXOverlayVisualContextScope = 'full' | 'theme';
+interface AXOverlayVisualContext {
+    appearance?: string;
+    theme?: 'ax-light' | 'ax-dark';
+    contrast?: string;
+    size?: string;
+}
+declare const APPEARANCE_CLASSES: readonly ["ax-appearance-flat", "ax-appearance-depth", "ax-appearance-translucent"];
+declare const THEME_CLASSES: readonly ["ax-light", "ax-dark"];
+declare const CONTRAST_CLASSES: readonly ["ax-contrast-enhanced", "ax-contrast-high"];
+declare const SIZE_CLASSES: readonly ["ax-xs", "ax-sm", "ax-md", "ax-lg", "ax-xl"];
+declare const MANAGED_OVERLAY_VISUAL_CLASSES: readonly ["ax-appearance-flat", "ax-appearance-depth", "ax-appearance-translucent", "ax-light", "ax-dark", "ax-contrast-enhanced", "ax-contrast-high", "ax-xs", "ax-sm", "ax-md", "ax-lg", "ax-xl"];
+/**
+ * Resolves the nearest effective visual context from an anchor or context source.
+ * Theme uses nearest ax-light / ax-dark so nested Light overrides Dark ancestors.
+ */
+declare function resolveVisualContext(source: HTMLElement | null | undefined, fallbackRoot?: HTMLElement | null): AXOverlayVisualContext;
+/** Applies resolved visual context classes to an overlay container. */
+declare function applyVisualContext(target: HTMLElement, context: AXOverlayVisualContext, scope?: AXOverlayVisualContextScope): void;
+declare function resolveContextElement(contextElement: HTMLElement | ElementRef<HTMLElement> | undefined, anchor: HTMLElement | ElementRef<HTMLElement> | undefined, fallbackRoot: HTMLElement): HTMLElement;
+
 interface AXOverlayRef<T> {
     instance: EmbeddedViewRef<T> | ComponentRef<T>;
     /** Updates the overlay position relative to the anchor */
@@ -54,6 +75,17 @@ interface AXOverlayOptions extends AXComponentOptions {
     actionSheetStyle?: boolean;
     /** Base z-index for this overlay */
     zIndexBase?: number;
+    /**
+     * Visual context source for anchorless overlays (toast, dialog, notification).
+     * Falls back to anchor, then document root.
+     */
+    contextElement?: HTMLElement | ElementRef<HTMLElement>;
+    /**
+     * Which visual context dimensions propagate to the overlay shell.
+     * `theme` keeps light/dark (+ size) only; floating surfaces opt out of
+     * appearance/contrast classes (popup, toast, dropdown).
+     */
+    visualContextScope?: AXOverlayVisualContextScope;
 }
 /**
  * Calculates the position of an overlay element relative to an anchor element.
@@ -126,10 +158,10 @@ declare class AXOverlayService {
      * Positions the overlay container relative to the anchor element.
      */
     private positionOverlay;
-    private addHostClass;
+    private applyOverlayVisualContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXOverlayService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AXOverlayService>;
 }
 
-export { AXOverlayService, calculateAnchorPosition, clampToViewport, findBestPosition, fitsInViewport };
-export type { AXOverlayAnchorOptions, AXOverlayOptions, AXOverlayRef };
+export { APPEARANCE_CLASSES, AXOverlayService, CONTRAST_CLASSES, MANAGED_OVERLAY_VISUAL_CLASSES, SIZE_CLASSES, THEME_CLASSES, applyVisualContext, calculateAnchorPosition, clampToViewport, findBestPosition, fitsInViewport, resolveContextElement, resolveVisualContext };
+export type { AXOverlayAnchorOptions, AXOverlayOptions, AXOverlayRef, AXOverlayVisualContext, AXOverlayVisualContextScope };