@acorex/cdk 22.1.0-next.8 → 22.1.0

package/fesm2022/acorex-cdk-horizontal-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-horizontal-scroll.mjs","sources":["../../../../packages/cdk/horizontal-scroll/src/lib/horizontal-scroll.directive.ts","../../../../packages/cdk/horizontal-scroll/src/acorex-cdk-horizontal-scroll.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { afterNextRender, Directive, ElementRef, inject, input, NgZone, OnDestroy, PLATFORM_ID } from '@angular/core';\n\n/**\n * Converts vertical mouse-wheel scrolling into horizontal scrolling on the host element.\n * Applies only when the host can scroll horizontally.\n *\n * Usage:\n * <div axHorizontalScroll [speed]=\"150\" class=\"overflow-x-auto\">\n *   ...\n * </div>\n */\n@Directive({\n  selector: '[axHorizontalScroll]',\n})\nexport class AXHorizontalScrollDirective implements OnDestroy {\n  private elementRef = inject(ElementRef<HTMLElement>);\n  private platformId = inject(PLATFORM_ID);\n  private zone = inject(NgZone);\n\n  /**\n   * Disables wheel-to-horizontal conversion when true.\n   */\n  disabled = input(false);\n\n  /**\n   * Horizontal scroll animation duration in milliseconds.\n   * Lower values scroll faster; `0` applies the scroll instantly.\n   */\n  speed = input(200);\n\n  private animationFrameId: number | null = null;\n  private targetScrollLeft: number | null = null;\n  private scrollPosition = 0;\n  private lastFrameTime = 0;\n\n  private readonly wheelListener = (event: WheelEvent) => this.handleWheel(event);\n\n  #init = afterNextRender(() => {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.zone.runOutsideAngular(() => {\n      this.nativeElement.addEventListener('wheel', this.wheelListener, { passive: false });\n    });\n  });\n\n  ngOnDestroy(): void {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.stopAnimation();\n    this.nativeElement.removeEventListener('wheel', this.wheelListener);\n  }\n\n  private get nativeElement(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n\n  private handleWheel(event: WheelEvent): void {\n    if (this.disabled() || !this.canScrollHorizontally()) return;\n    if (event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY)) return;\n    if (event.deltaY === 0) return;\n\n    const element = this.nativeElement;\n    const maxScrollLeft = element.scrollWidth - element.clientWidth;\n\n    this.syncScrollState();\n\n    const currentPosition = this.targetScrollLeft ?? this.scrollPosition;\n    const atStart = currentPosition <= 0 && event.deltaY < 0;\n    const atEnd = currentPosition >= maxScrollLeft && event.deltaY > 0;\n\n    if (atStart || atEnd) return;\n\n    event.preventDefault();\n\n    const nextTarget = Math.max(0, Math.min(maxScrollLeft, currentPosition + event.deltaY));\n    this.targetScrollLeft = nextTarget;\n\n    if (this.speed() <= 0) {\n      this.applyScrollPosition(nextTarget);\n      this.targetScrollLeft = null;\n      return;\n    }\n\n    this.startAnimation();\n  }\n\n  private syncScrollState(): void {\n    if (this.targetScrollLeft !== null) return;\n\n    this.scrollPosition = this.nativeElement.scrollLeft;\n    this.targetScrollLeft = this.scrollPosition;\n  }\n\n  private startAnimation(): void {\n    if (this.animationFrameId !== null) return;\n\n    this.lastFrameTime = performance.now();\n\n    const step = (currentTime: number): void => {\n      const target = this.targetScrollLeft;\n\n      if (target === null) {\n        this.stopAnimation();\n        return;\n      }\n\n      const deltaTime = Math.max(currentTime - this.lastFrameTime, 1);\n      this.lastFrameTime = currentTime;\n\n      const factor = 1 - Math.exp(-deltaTime / this.speed());\n      this.scrollPosition += (target - this.scrollPosition) * factor;\n      this.applyScrollPosition(this.scrollPosition);\n\n      if (Math.abs(target - this.scrollPosition) < 0.5) {\n        this.applyScrollPosition(target);\n        this.targetScrollLeft = null;\n        this.stopAnimation();\n        return;\n      }\n\n      this.animationFrameId = requestAnimationFrame(step);\n    };\n\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private applyScrollPosition(position: number): void {\n    this.scrollPosition = position;\n    this.nativeElement.scrollLeft = position;\n  }\n\n  private stopAnimation(): void {\n    if (this.animationFrameId === null) return;\n\n    cancelAnimationFrame(this.animationFrameId);\n    this.animationFrameId = null;\n  }\n\n  private canScrollHorizontally(): boolean {\n    const element = this.nativeElement;\n    return element.scrollWidth > element.clientWidth;\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-horizontal-scroll.mjs","sources":["../../../../packages/cdk/horizontal-scroll/src/lib/horizontal-scroll.directive.ts","../../../../packages/cdk/horizontal-scroll/src/acorex-cdk-horizontal-scroll.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { AXGestureDirective, AXGestureEvent } from '@acorex/cdk/gesture';\nimport {\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  OnDestroy,\n  PLATFORM_ID,\n} from '@angular/core';\n\n/**\n * Converts vertical mouse-wheel scrolling and horizontal pan into horizontal scrolling on the host element.\n * Applies only when the host can scroll horizontally. Pan is provided by the hosted AXGestureDirective.\n *\n * Usage:\n * <div axHorizontalScroll [speed]=\"150\" class=\"overflow-x-auto\">\n *   ...\n * </div>\n *\n * Do not put `axGesture` on the same element; this directive already hosts it.\n */\n@Directive({\n  selector: '[axHorizontalScroll]',\n  hostDirectives: [AXGestureDirective],\n  host: {\n    '[style.touch-action]': 'disabled() ? null : \"pan-y\"',\n  },\n})\nexport class AXHorizontalScrollDirective implements OnDestroy {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly platformId = inject(PLATFORM_ID);\n  private readonly zone = inject(NgZone);\n  private readonly gesture = inject(AXGestureDirective);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /**\n   * Disables wheel-to-horizontal conversion and pan scrolling when true.\n   */\n  disabled = input(false);\n\n  /**\n   * Horizontal scroll animation duration in milliseconds.\n   * Lower values scroll faster; `0` applies the scroll instantly.\n   */\n  speed = input(200);\n\n  private animationFrameId: number | null = null;\n  private targetScrollLeft: number | null = null;\n  private scrollPosition = 0;\n  private lastFrameTime = 0;\n\n  private isPanning = false;\n  private ignorePan = false;\n  private panStartScrollLeft = 0;\n  private suppressClickListener: ((event: Event) => void) | null = null;\n  private suppressClickTimer: ReturnType<typeof setTimeout> | null = null;\n\n  private readonly interactiveSelector =\n    'input, textarea, select, option, [contenteditable]:not([contenteditable=\"false\"])';\n\n  private readonly wheelListener = (event: WheelEvent) => this.handleWheel(event);\n\n  constructor() {\n    const subscriptions = [\n      this.gesture.panstart.subscribe((event) => this.handlePanStart(event)),\n      this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),\n      this.gesture.panend.subscribe((event) => this.handlePanEnd(event)),\n    ];\n    this.destroyRef.onDestroy(() => {\n      for (const subscription of subscriptions) {\n        subscription.unsubscribe();\n      }\n    });\n  }\n\n  #init = afterNextRender(() => {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.zone.runOutsideAngular(() => {\n      this.nativeElement.addEventListener('wheel', this.wheelListener, { passive: false });\n    });\n  });\n\n  ngOnDestroy(): void {\n    if (!isPlatformBrowser(this.platformId)) return;\n\n    this.stopAnimation();\n    this.clearPanStyles();\n    this.clearClickSuppression();\n    this.nativeElement.removeEventListener('wheel', this.wheelListener);\n  }\n\n  private get nativeElement(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n\n  private handleWheel(event: WheelEvent): void {\n    if (this.disabled() || this.isPanning || !this.canScrollHorizontally()) return;\n    if (event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY)) return;\n    if (event.deltaY === 0) return;\n\n    const maxScrollLeft = this.getMaxScrollLeft();\n\n    this.syncScrollState();\n\n    const currentPosition = this.targetScrollLeft ?? this.scrollPosition;\n    const atStart = currentPosition <= 0 && event.deltaY < 0;\n    const atEnd = currentPosition >= maxScrollLeft && event.deltaY > 0;\n\n    if (atStart || atEnd) return;\n\n    event.preventDefault();\n\n    const nextTarget = Math.max(0, Math.min(maxScrollLeft, currentPosition + event.deltaY));\n    this.targetScrollLeft = nextTarget;\n\n    if (this.speed() <= 0) {\n      this.applyScrollPosition(nextTarget);\n      this.targetScrollLeft = null;\n      return;\n    }\n\n    this.startAnimation();\n  }\n\n  private handlePanStart(event: AXGestureEvent): void {\n    if (this.disabled() || !this.canScrollHorizontally()) {\n      this.ignorePan = true;\n      return;\n    }\n    if (event.target instanceof Element && event.target.closest(this.interactiveSelector)) {\n      this.ignorePan = true;\n      return;\n    }\n\n    this.ignorePan = false;\n    this.isPanning = true;\n    this.stopAnimation();\n    this.targetScrollLeft = null;\n    this.scrollPosition = this.nativeElement.scrollLeft;\n    this.panStartScrollLeft = this.scrollPosition;\n    this.nativeElement.style.userSelect = 'none';\n    if (event.pointerType === 'mouse') {\n      this.nativeElement.style.cursor = 'grabbing';\n    }\n  }\n\n  private handlePanMove(event: AXGestureEvent): void {\n    if (this.ignorePan || this.disabled() || !this.isPanning) return;\n\n    event.preventDefault();\n    const next = Math.max(0, Math.min(this.getMaxScrollLeft(), this.panStartScrollLeft - event.deltaX));\n    this.applyScrollPosition(next);\n  }\n\n  private handlePanEnd(event: AXGestureEvent): void {\n    if (this.ignorePan) {\n      this.ignorePan = false;\n      this.isPanning = false;\n      return;\n    }\n\n    this.isPanning = false;\n    this.clearPanStyles();\n\n    if (this.disabled()) return;\n\n    this.suppressClick();\n\n    if (this.speed() <= 0) return;\n\n    const distance = -event.velocityX * this.speed();\n    if (Math.abs(distance) < 8) return;\n\n    this.targetScrollLeft = Math.max(0, Math.min(this.getMaxScrollLeft(), this.scrollPosition + distance));\n    this.startAnimation();\n  }\n\n  private clearPanStyles(): void {\n    this.nativeElement.style.userSelect = '';\n    this.nativeElement.style.cursor = '';\n  }\n\n  private suppressClick(): void {\n    this.clearClickSuppression();\n\n    const preventClick = (event: Event): void => {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      this.clearClickSuppression();\n    };\n\n    this.suppressClickListener = preventClick;\n    this.nativeElement.addEventListener('click', preventClick, true);\n    this.suppressClickTimer = setTimeout(() => this.clearClickSuppression(), 400);\n  }\n\n  private clearClickSuppression(): void {\n    if (this.suppressClickTimer !== null) {\n      clearTimeout(this.suppressClickTimer);\n      this.suppressClickTimer = null;\n    }\n\n    if (!this.suppressClickListener) return;\n\n    this.nativeElement.removeEventListener('click', this.suppressClickListener, true);\n    this.suppressClickListener = null;\n  }\n\n  private syncScrollState(): void {\n    if (this.targetScrollLeft !== null) return;\n\n    this.scrollPosition = this.nativeElement.scrollLeft;\n    this.targetScrollLeft = this.scrollPosition;\n  }\n\n  private startAnimation(): void {\n    if (this.animationFrameId !== null) return;\n\n    this.lastFrameTime = performance.now();\n\n    const step = (currentTime: number): void => {\n      const target = this.targetScrollLeft;\n\n      if (target === null) {\n        this.stopAnimation();\n        return;\n      }\n\n      const deltaTime = Math.max(currentTime - this.lastFrameTime, 1);\n      this.lastFrameTime = currentTime;\n\n      const factor = 1 - Math.exp(-deltaTime / this.speed());\n      this.scrollPosition += (target - this.scrollPosition) * factor;\n      this.applyScrollPosition(this.scrollPosition);\n\n      if (Math.abs(target - this.scrollPosition) < 0.5) {\n        this.applyScrollPosition(target);\n        this.targetScrollLeft = null;\n        this.stopAnimation();\n        return;\n      }\n\n      this.animationFrameId = requestAnimationFrame(step);\n    };\n\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private applyScrollPosition(position: number): void {\n    this.scrollPosition = position;\n    this.nativeElement.scrollLeft = position;\n  }\n\n  private stopAnimation(): void {\n    if (this.animationFrameId === null) return;\n\n    cancelAnimationFrame(this.animationFrameId);\n    this.animationFrameId = null;\n  }\n\n  private canScrollHorizontally(): boolean {\n    const element = this.nativeElement;\n    return element.scrollWidth > element.clientWidth;\n  }\n\n  private getMaxScrollLeft(): number {\n    const element = this.nativeElement;\n    return element.scrollWidth - element.clientWidth;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-cdk-overlay.mjs

@@ -420,8 +420,8 @@ class AXOverlayService {
         // Set initial styles for positioning
         container.style.position = 'fixed';
         container.style.zIndex = String(zIndex);
-        container.style.maxWidth = '100vw';
-        container.style.maxHeight = '100vh';
+        container.style.maxWidth = '100%';
+        container.style.maxHeight = '100%';
         if (options?.actionSheetStyle) {
             container.style.width = this._platform.is('SM') ? '100%' : 'fit-content';
         }
@@ -442,6 +442,8 @@ class AXOverlayService {
         if (options.actionSheetStyle && this._platform.is('SM')) {
             container.style.bottom = `0px`;
             container.style.left = `0px`;
+            container.style.right = `0px`;
+            container.style.width = 'auto';
             return;
         }
         const anchorOptions = options.anchorOptions;
@@ -450,8 +452,8 @@ class AXOverlayService {
         const anchorElement = anchorOptions.anchor instanceof ElementRef ? anchorOptions.anchor.nativeElement : anchorOptions.anchor;
         const anchorRect = anchorElement.getBoundingClientRect();
         const containerRect = container.getBoundingClientRect();
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
+        const viewportWidth = this.document.documentElement.clientWidth;
+        const viewportHeight = this.document.documentElement.clientHeight;
         // Get positions from placement
         let positions = convertToPlacement(anchorOptions.placement ?? 'bottom');
         if (positions.length === 0) {

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

@@ -1 +1 @@
-{"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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"}
+{"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 = '100%';\n    container.style.maxHeight = '100%';\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      container.style.right = `0px`;\n      container.style.width = 'auto';\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 = this.document.documentElement.clientWidth;\n    const viewportHeight = this.document.documentElement.clientHeight;\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/fesm2022/acorex-cdk-sliding-item.mjs

@@ -1,13 +1,18 @@
+import * as i1 from '@acorex/cdk/gesture';
+import { AXGestureDirective } from '@acorex/cdk/gesture';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, effect, afterNextRender, Directive } from '@angular/core';
+import { inject, ElementRef, DestroyRef, signal, effect, afterNextRender, Directive } from '@angular/core';
 
+/**
+ * Enables horizontal sliding on the host via the hosted AXGestureDirective pan events.
+ *
+ * Do not put `axGesture` on the same element; this directive already hosts it.
+ */
 class AXSlidingItemDirective {
     constructor() {
-        this.hostElement = inject(ElementRef);
-        this.isMouseDown = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isMouseDown" }] : /* istanbul ignore next */ []));
-        this.prevX = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "prevX" }] : /* istanbul ignore next */ []));
+        this.hostElement = inject((ElementRef));
+        this.gesture = inject(AXGestureDirective);
+        this.destroyRef = inject(DestroyRef);
         this.currentX = signal(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "currentX" }] : /* istanbul ignore next */ []));
         this.stopPoint = signal(0, /* @ts-ignore */
@@ -16,6 +21,9 @@ class AXSlidingItemDirective {
         ...(ngDevMode ? [{ debugName: "disableSlidingRight" }] : /* istanbul ignore next */ []));
         this.disableSlidingLeft = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "disableSlidingLeft" }] : /* istanbul ignore next */ []));
+        this.cursor = signal('grab', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cursor" }] : /* istanbul ignore next */ []));
+        this.originX = 0;
         this.#positionChange = effect(() => {
             if (this.currentX() > 0 && this.disableSlidingRight())
                 return;
@@ -26,77 +34,79 @@ class AXSlidingItemDirective {
         ...(ngDevMode ? [{ debugName: "#positionChange" }] : /* istanbul ignore next */ []));
         this.#init = afterNextRender(() => {
             const el = this.hostElement.nativeElement.parentElement;
+            if (!el)
+                return;
             el.style.display = 'flex';
             el.style.justifyContent = 'space-between';
             el.style.position = 'relative';
             el.style.overflow = 'hidden';
         });
-        this.#effect2 = effect(() => {
-            this.hostElement.nativeElement.style.position = 'absolute';
-            this.hostElement.nativeElement.style.top = '0';
-            this.hostElement.nativeElement.style.left = '0';
-            this.hostElement.nativeElement.style.width = '100%';
-            this.hostElement.nativeElement.style.height = '100%';
-            this.hostElement.nativeElement.style.zIndex = '1';
-            this.hostElement.nativeElement.style.cursor = 'grab';
-            this.hostElement.nativeElement.style.userSelect = 'none';
-            this.hostElement.nativeElement.style.touchAction = 'none';
-            this.hostElement.nativeElement.onpointerdown = (e) => {
-                this.hostElement.nativeElement.style.transition = 'none';
-                this.hostElement.nativeElement.style.cursor = 'grabbing';
-                this.isMouseDown.set(true);
-                this.prevX.set(e.clientX);
-            };
-            this.hostElement.nativeElement.onpointermove = (e) => {
-                if (!this.isMouseDown())
-                    return;
-                const currentX = e.clientX;
-                const deltaX = currentX - this.prevX();
-                this.currentX.update((prev) => prev + deltaX);
-                this.prevX.set(currentX);
-            };
-            this.hostElement.nativeElement.onpointerup = () => {
-                this.isMouseDown.set(false);
-                this.dismiss();
-            };
-            this.hostElement.nativeElement.onpointerleave = () => {
-                if (!this.isMouseDown())
-                    return;
-                this.isMouseDown.set(false);
-                this.dismiss();
-            };
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#effect2" }] : /* istanbul ignore next */ []));
+        const subscriptions = [
+            this.gesture.panstart.subscribe(() => this.handlePanStart()),
+            this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),
+            this.gesture.panend.subscribe(() => this.handlePanEnd()),
+        ];
+        this.destroyRef.onDestroy(() => {
+            for (const subscription of subscriptions) {
+                subscription.unsubscribe();
+            }
+        });
     }
     #positionChange;
     #init;
-    #effect2;
+    handlePanStart() {
+        this.hostElement.nativeElement.style.transition = 'none';
+        this.cursor.set('grabbing');
+        this.originX = this.currentX();
+    }
+    handlePanMove(event) {
+        let next = this.originX + event.deltaX;
+        if (next > 0 && this.disableSlidingRight())
+            next = 0;
+        if (next < 0 && this.disableSlidingLeft())
+            next = 0;
+        this.currentX.set(next);
+    }
+    handlePanEnd() {
+        this.dismiss();
+    }
     dismiss() {
-        const el = this.hostElement.nativeElement;
         this.hostElement.nativeElement.style.transition = '.5s transform ease';
-        el.style.cursor = 'grab';
-        if (this.stopPoint()) {
-            el.style.transform = `translate(${this.stopPoint()}, 0)`;
-            this.currentX.set(this.stopPoint());
-            this.prevX.set(this.stopPoint());
-        }
-        else {
-            el.style.transform = `translate(0, 0)`;
-            this.currentX.set(0);
-            this.prevX.set(0);
-        }
+        this.cursor.set('grab');
+        const target = this.stopPoint();
+        this.currentX.set(target);
+        this.setPosition(target);
     }
+    /**
+     * Sets the position of the sliding element.
+     *
+     * @param pos - The horizontal position in pixels to set the element to
+     * @returns void - No return value. The element's transform is updated to the specified position.
+     */
     setPosition(pos) {
-        const el = this.hostElement.nativeElement;
-        el.style.transform = `translate(${pos}px, 0)`;
+        this.hostElement.nativeElement.style.transform = `translate(${pos}px, 0)`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSlidingItemDirective, isStandalone: true, selector: "[axSlidingItem]", ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AXSlidingItemDirective, isStandalone: true, selector: "[axSlidingItem]", host: { properties: { "style.position": "\"absolute\"", "style.top": "\"0\"", "style.left": "\"0\"", "style.width": "\"100%\"", "style.height": "\"100%\"", "style.z-index": "\"1\"", "style.cursor": "cursor()", "style.user-select": "\"none\"", "style.touch-action": "\"none\"" } }, hostDirectives: [{ directive: i1.AXGestureDirective }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXSlidingItemDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[axSlidingItem]' }]
-        }] });
+            args: [{
+                    selector: '[axSlidingItem]',
+                    hostDirectives: [AXGestureDirective],
+                    host: {
+                        '[style.position]': '"absolute"',
+                        '[style.top]': '"0"',
+                        '[style.left]': '"0"',
+                        '[style.width]': '"100%"',
+                        '[style.height]': '"100%"',
+                        '[style.z-index]': '"1"',
+                        '[style.cursor]': 'cursor()',
+                        '[style.user-select]': '"none"',
+                        '[style.touch-action]': '"none"',
+                    },
+                }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/acorex-cdk-sliding-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-sliding-item.mjs","sources":["../../../../packages/cdk/sliding-item/src/lib/sliding-item.directive.ts","../../../../packages/cdk/sliding-item/src/acorex-cdk-sliding-item.ts"],"sourcesContent":["import { afterNextRender, Directive, effect, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({ selector: '[axSlidingItem]' })\nexport class AXSlidingItemDirective {\n  private hostElement = inject(ElementRef);\n  private isMouseDown = signal(false);\n  private prevX = signal(0);\n  currentX = signal(0);\n  stopPoint = signal(0);\n  disableSlidingRight = signal(false);\n  disableSlidingLeft = signal(false);\n\n  #positionChange = effect(() => {\n    if (this.currentX() > 0 && this.disableSlidingRight()) return;\n    if (this.currentX() < 0 && this.disableSlidingLeft()) return;\n    this.setPosition(this.currentX());\n  });\n\n  #init = afterNextRender(() => {\n    const el = (this.hostElement.nativeElement as HTMLElement).parentElement;\n    el.style.display = 'flex';\n    el.style.justifyContent = 'space-between';\n    el.style.position = 'relative';\n    el.style.overflow = 'hidden';\n  });\n\n  #effect2 = effect(() => {\n    this.hostElement.nativeElement.style.position = 'absolute';\n    this.hostElement.nativeElement.style.top = '0';\n    this.hostElement.nativeElement.style.left = '0';\n    this.hostElement.nativeElement.style.width = '100%';\n    this.hostElement.nativeElement.style.height = '100%';\n    this.hostElement.nativeElement.style.zIndex = '1';\n    this.hostElement.nativeElement.style.cursor = 'grab';\n    this.hostElement.nativeElement.style.userSelect = 'none';\n    this.hostElement.nativeElement.style.touchAction = 'none';\n\n    this.hostElement.nativeElement.onpointerdown = (e: PointerEvent) => {\n      this.hostElement.nativeElement.style.transition = 'none';\n      this.hostElement.nativeElement.style.cursor = 'grabbing';\n      this.isMouseDown.set(true);\n      this.prevX.set(e.clientX);\n    };\n\n    this.hostElement.nativeElement.onpointermove = (e: PointerEvent) => {\n      if (!this.isMouseDown()) return;\n      const currentX = e.clientX;\n      const deltaX = currentX - this.prevX();\n      this.currentX.update((prev) => prev + deltaX);\n      this.prevX.set(currentX);\n    };\n\n    this.hostElement.nativeElement.onpointerup = () => {\n      this.isMouseDown.set(false);\n      this.dismiss();\n    };\n\n    this.hostElement.nativeElement.onpointerleave = () => {\n      if (!this.isMouseDown()) return;\n      this.isMouseDown.set(false);\n      this.dismiss();\n    };\n  });\n\n  private dismiss() {\n    const el = this.hostElement.nativeElement as HTMLElement;\n    this.hostElement.nativeElement.style.transition = '.5s transform ease';\n    el.style.cursor = 'grab';\n\n    if (this.stopPoint()) {\n      el.style.transform = `translate(${this.stopPoint()}, 0)`;\n      this.currentX.set(this.stopPoint());\n      this.prevX.set(this.stopPoint());\n    } else {\n      el.style.transform = `translate(0, 0)`;\n      this.currentX.set(0);\n      this.prevX.set(0);\n    }\n  }\n\n  setPosition(pos: number) {\n    const el = this.hostElement.nativeElement as HTMLElement;\n    el.style.transform = `translate(${pos}px, 0)`;\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-sliding-item.mjs","sources":["../../../../packages/cdk/sliding-item/src/lib/sliding-item.directive.ts","../../../../packages/cdk/sliding-item/src/acorex-cdk-sliding-item.ts"],"sourcesContent":["import { AXGestureDirective, AXGestureEvent } from '@acorex/cdk/gesture';\nimport { afterNextRender, DestroyRef, Directive, effect, ElementRef, inject, signal } from '@angular/core';\n\n/**\n * Enables horizontal sliding on the host via the hosted AXGestureDirective pan events.\n *\n * Do not put `axGesture` on the same element; this directive already hosts it.\n */\n@Directive({\n  selector: '[axSlidingItem]',\n  hostDirectives: [AXGestureDirective],\n  host: {\n    '[style.position]': '\"absolute\"',\n    '[style.top]': '\"0\"',\n    '[style.left]': '\"0\"',\n    '[style.width]': '\"100%\"',\n    '[style.height]': '\"100%\"',\n    '[style.z-index]': '\"1\"',\n    '[style.cursor]': 'cursor()',\n    '[style.user-select]': '\"none\"',\n    '[style.touch-action]': '\"none\"',\n  },\n})\nexport class AXSlidingItemDirective {\n  private readonly hostElement = inject(ElementRef<HTMLElement>);\n  private readonly gesture = inject(AXGestureDirective);\n  private readonly destroyRef = inject(DestroyRef);\n\n  currentX = signal(0);\n  stopPoint = signal(0);\n  disableSlidingRight = signal(false);\n  disableSlidingLeft = signal(false);\n\n  protected readonly cursor = signal('grab');\n  private originX = 0;\n\n  constructor() {\n    const subscriptions = [\n      this.gesture.panstart.subscribe(() => this.handlePanStart()),\n      this.gesture.panmove.subscribe((event) => this.handlePanMove(event)),\n      this.gesture.panend.subscribe(() => this.handlePanEnd()),\n    ];\n    this.destroyRef.onDestroy(() => {\n      for (const subscription of subscriptions) {\n        subscription.unsubscribe();\n      }\n    });\n  }\n\n  #positionChange = effect(() => {\n    if (this.currentX() > 0 && this.disableSlidingRight()) return;\n    if (this.currentX() < 0 && this.disableSlidingLeft()) return;\n    this.setPosition(this.currentX());\n  });\n\n  #init = afterNextRender(() => {\n    const el = this.hostElement.nativeElement.parentElement;\n    if (!el) return;\n    el.style.display = 'flex';\n    el.style.justifyContent = 'space-between';\n    el.style.position = 'relative';\n    el.style.overflow = 'hidden';\n  });\n\n  private handlePanStart(): void {\n    this.hostElement.nativeElement.style.transition = 'none';\n    this.cursor.set('grabbing');\n    this.originX = this.currentX();\n  }\n\n  private handlePanMove(event: AXGestureEvent): void {\n    let next = this.originX + event.deltaX;\n    if (next > 0 && this.disableSlidingRight()) next = 0;\n    if (next < 0 && this.disableSlidingLeft()) next = 0;\n    this.currentX.set(next);\n  }\n\n  private handlePanEnd(): void {\n    this.dismiss();\n  }\n\n  private dismiss(): void {\n    this.hostElement.nativeElement.style.transition = '.5s transform ease';\n    this.cursor.set('grab');\n    const target = this.stopPoint();\n    this.currentX.set(target);\n    this.setPosition(target);\n  }\n\n  /**\n   * Sets the position of the sliding element.\n   *\n   * @param pos - The horizontal position in pixels to set the element to\n   * @returns void - No return value. The element's transform is updated to the specified position.\n   */\n  setPosition(pos: number): void {\n    this.hostElement.nativeElement.style.transform = `translate(${pos}px, 0)`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/gesture/README.md

@@ -0,0 +1,3 @@
+# @acorex/cdk/gesture
+
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/gesture`.

package/horizontal-scroll/README.md

@@ -2,4 +2,4 @@
 
 Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/horizontal-scroll`.
 
-Converts vertical mouse-wheel scrolling into horizontal scrolling on scrollable host elements.
+Converts vertical mouse-wheel scrolling and horizontal pan into horizontal scrolling on scrollable host elements. Pan is provided by a hosted `AXGestureDirective`. Do not put `axGesture` on the same element.

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.1.0-next.8",
+  "version": "22.1.0",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.8",
+    "@acorex/core": "22.1.0",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",
-    "maska": ">=3.1.1"
+    "maska": ">=3.1.1",
+    "hammerjs": ">=2.0.8"
   },
   "sideEffects": false,
   "module": "fesm2022/acorex-cdk.mjs",
@@ -59,6 +60,14 @@
       "types": "./types/acorex-cdk-full-screen.d.ts",
       "default": "./fesm2022/acorex-cdk-full-screen.mjs"
     },
+    "./gesture": {
+      "types": "./types/acorex-cdk-gesture.d.ts",
+      "default": "./fesm2022/acorex-cdk-gesture.mjs"
+    },
+    "./highlight": {
+      "types": "./types/acorex-cdk-highlight.d.ts",
+      "default": "./fesm2022/acorex-cdk-highlight.mjs"
+    },
     "./horizontal-scroll": {
       "types": "./types/acorex-cdk-horizontal-scroll.d.ts",
       "default": "./fesm2022/acorex-cdk-horizontal-scroll.mjs"

package/sliding-item/README.md

@@ -1,3 +1,5 @@
-# @acorex/cdk/sliding-items
+# @acorex/cdk/sliding-item
 
-Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/sliding-items`.
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/sliding-item`.
+
+Enables horizontal sliding on the host via a hosted `AXGestureDirective`. Do not put `axGesture` on the same element.