npm - @raintonic/formaui - Versions diffs - 0.3.0 → 0.4.0 - Mend

@raintonic/formaui 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/fesm2022/raintonic-formaui-components-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"raintonic-formaui-components-menu.mjs","sources":["../../../lib/components/menu/menu-item.component.ts","../../../lib/components/menu/menu-item.component.html","../../../lib/components/menu/menu.component.ts","../../../lib/components/menu/menu.component.html","../../../lib/components/menu/menu-trigger.directive.ts","../../../lib/components/menu/index.ts","../../../lib/components/menu/raintonic-formaui-components-menu.ts"],"sourcesContent":["import {\r\n Component,\r\n ElementRef,\r\n HostListener,\r\n Renderer2,\r\n computed,\r\n inject,\r\n input,\r\n output,\r\n signal,\r\n booleanAttribute,\r\n} from '@angular/core';\r\n\r\n/*\r\n Available menu item variants\r\n /\r\nexport type MenuItemVariant = 'default' \| 'danger';\r\n\r\nexport const MENU_ITEM_VARIANTS = ['default', 'danger'] as const;\r\n\r\n/\r\n # FuiMenuItem Component\r\n \r\n A menu item component designed to be used within fui-menu.\r\n * Provides consistent styling and behavior for menu options.\r\n \r\n ## Features\r\n * - Default and danger variants\r\n * - Full accessibility support (ARIA attributes, keyboard navigation)\r\n * - Icon support with proper spacing\r\n * - Disabled state support\r\n * - Hover and focus states\r\n * - Keyboard activation (Enter and Space)\r\n \r\n ## Usage\r\n \r\n ### Basic Menu Item\r\n * ```html\r\n * <fui-menu-item>Profile</fui-menu-item>\r\n * ```\r\n \r\n ### Menu Item with Icon\r\n * ```html\r\n * <fui-menu-item>\r\n * <fui-icon name=\"user\" fuiPrefix></fui-icon>\r\n * Profile\r\n * </fui-menu-item>\r\n * ```\r\n \r\n ### Danger Menu Item\r\n * ```html\r\n * <fui-menu-item variant=\"danger\">\r\n * <fui-icon name=\"trash\" fuiPrefix></fui-icon>\r\n * Delete Account\r\n * </fui-menu-item>\r\n * ```\r\n \r\n ### Disabled Menu Item\r\n * ```html\r\n * <fui-menu-item [disabled]=\"true\">\r\n * Unavailable Option\r\n * </fui-menu-item>\r\n * ```\r\n \r\n @example\r\n * ```typescript\r\n * import { FuiMenuItemComponent } from '@raintonic/formaui/components/menu';\r\n \r\n @Component({\r\n * standalone: true,\r\n * imports: [FuiMenuItemComponent],\r\n * templateUrl: './my-component.component.html',\r\n * styleUrl: './my-component.component.scss'\r\n * })\r\n * export class MyComponent {\r\n * onItemClick(event: Event) {\r\n * console.log('Menu item clicked:', event);\r\n * }\r\n * }\r\n * ```\r\n /\r\n@Component({\r\n selector: 'fui-menu-item',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './menu-item.component.html',\r\n styleUrl: './menu-item.component.scss',\r\n host: {\r\n '[class]': 'computedClasses()',\r\n '[attr.role]': '\"menuitem\"',\r\n '[attr.tabindex]': 'disabled() ? \"-1\" : tabIndex()',\r\n '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n },\r\n})\r\nexport class FuiMenuItemComponent {\r\n /\r\n Menu item variant that determines the visual style\r\n * @default 'default'\r\n /\r\n readonly variant = input<MenuItemVariant, MenuItemVariant \| string>('default', {\r\n transform: (v) => ((MENU_ITEM_VARIANTS as readonly string[]).includes(v) ? (v as MenuItemVariant) : 'default'),\r\n });\r\n\r\n /\r\n Whether the menu item is disabled\r\n * @default false\r\n /\r\n readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n /\r\n Emitted when the menu item is clicked or activated\r\n /\r\n readonly selected = output<Event>();\r\n\r\n /\r\n Internal tabindex for roving tabindex pattern.\r\n * Managed by the parent FuiMenuComponent.\r\n * @internal\r\n /\r\n readonly tabIndex = signal('-1');\r\n\r\n // Computed properties\r\n readonly computedClasses = computed(() => {\r\n const classes: string[] = ['fui-menu-item', `fui-menu-item--${this.variant()}`];\r\n\r\n if (this.disabled()) {\r\n classes.push('fui-menu-item--disabled');\r\n }\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n /* @internal / readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n private readonly _renderer: Renderer2 = inject(Renderer2);\r\n\r\n @HostListener('click', ['$event'])\r\n onClick(event: Event): void {\r\n if (this.disabled()) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n this.selected.emit(event);\r\n }\r\n\r\n @HostListener('keydown', ['$event'])\r\n onKeydown(event: KeyboardEvent): void {\r\n if (this.disabled()) {\r\n return;\r\n }\r\n\r\n switch (event.key) {\r\n case 'Enter':\r\n case ' ':\r\n event.preventDefault();\r\n // Dispatch a synthetic click so the parent menu's click handler\r\n // can detect the activation and close the menu.\r\n this._elementRef.nativeElement.click();\r\n break;\r\n }\r\n }\r\n\r\n /\r\n Focuses the menu item\r\n /\r\n focus(): void {\r\n this._elementRef.nativeElement.focus();\r\n }\r\n}\r\n","<ng-content></ng-content>\r\n","import {\r\n booleanAttribute,\r\n Component,\r\n computed,\r\n contentChildren,\r\n effect,\r\n ElementRef,\r\n HostListener,\r\n inject,\r\n NgZone,\r\n input,\r\n OnDestroy,\r\n output,\r\n signal,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { FuiMenuItemComponent } from './menu-item.component';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subscription } from 'rxjs';\r\nimport { filter } from 'rxjs/operators';\r\nimport { FuiConnectedPosition, FuiOverlayRef, FuiOverlayService } from '@raintonic/formaui/cdk/overlay';\r\n\r\n/\r\n Available menu positions relative to the trigger element\r\n /\r\nexport type FuiMenuPosition =\r\n \| 'top-start'\r\n \| 'top'\r\n \| 'top-end'\r\n \| 'bottom-start'\r\n \| 'bottom'\r\n \| 'bottom-end'\r\n \| 'left-start'\r\n \| 'left'\r\n \| 'left-end'\r\n \| 'right-start'\r\n \| 'right'\r\n \| 'right-end';\r\n\r\nexport const RT_MENU_POSITIONS = [\r\n 'top-start',\r\n 'top',\r\n 'top-end',\r\n 'bottom-start',\r\n 'bottom',\r\n 'bottom-end',\r\n 'left-start',\r\n 'left',\r\n 'left-end',\r\n 'right-start',\r\n 'right',\r\n 'right-end',\r\n] as const;\r\n\r\n/\r\n Available menu sizes\r\n /\r\nexport type FuiMenuSize = 'sm' \| 'md' \| 'lg';\r\n\r\nexport const RT_MENU_SIZES = ['sm', 'md', 'lg'] as const;\r\n\r\n/\r\n # FuiMenu Component\r\n \r\n A dropdown menu component that provides a list of options or actions.\r\n * Designed to work with external triggers using the fuiMenuTrigger directive.\r\n \r\n ## Features\r\n * - Multiple positioning options relative to trigger\r\n * - Keyboard navigation (Arrow keys, Enter, Escape)\r\n * - Click outside to close\r\n * - Full accessibility support (ARIA attributes, focus management)\r\n * - Customizable size variants\r\n * - Auto-positioning with collision detection\r\n * - Portal attachment to document body to avoid clipping issues\r\n \r\n ## Usage\r\n \r\n ### Basic Menu with External Trigger\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]=\"menu\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #menu>\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Menu with Custom Position\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]=\"menu\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #menu position=\"top-start\" size=\"lg\">\r\n * <fui-menu-item>Profile</fui-menu-item>\r\n * <fui-menu-item variant=\"danger\">Logout</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Menu without Portal (for special cases)\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]=\"menu\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #menu [attachToBody]=\"false\">\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Menu with Data Passed from Trigger\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger\r\n * [fuiMenuTriggerFor]=\"dynamicMenu\"\r\n * [menuTriggerData]=\"{ user: currentUser, items: menuItems }\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #dynamicMenu>\r\n * <!-- Access data in component using menu.menuData() -->\r\n * </fui-menu>\r\n * ```\r\n \r\n ```typescript\r\n * @Component({\r\n * template: `\r\n * <fui-menu #menu>\r\n * <fui-menu-item ngFor=\"let item of menu.menuData()?.items\">\r\n {{ item.label }}\r\n * </fui-menu-item>\r\n * </fui-menu>\r\n * `\r\n * })\r\n * export class MyComponent { }\r\n * ```\r\n /\r\n@Component({\r\n selector: 'fui-menu',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './menu.component.html',\r\n styleUrl: './menu.component.scss',\r\n host: {\r\n '[class]': 'computedClasses()',\r\n '[attr.data-open]': 'isOpen() ? \"true\" : null',\r\n },\r\n})\r\nexport class FuiMenuComponent implements OnDestroy {\r\n /\r\n Menu position relative to the trigger element\r\n * @default 'bottom-start'\r\n /\r\n readonly position = input<FuiMenuPosition>('bottom-start');\r\n\r\n /\r\n Menu size variant\r\n * @default 'md'\r\n /\r\n readonly size = input<FuiMenuSize>('md');\r\n\r\n /\r\n Whether the menu should close when clicking outside\r\n * @default true\r\n /\r\n readonly closeOnClickOutside = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n /\r\n Whether the menu should close when pressing Escape\r\n * @default true\r\n /\r\n readonly closeOnEscape = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n /\r\n Whether the menu is disabled\r\n * @default false\r\n /\r\n readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n /\r\n Whether to attach the menu panel to the document body to avoid clipping issues\r\n * @default true\r\n /\r\n readonly attachToBody = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n /\r\n Emitted when the menu open state changes\r\n /\r\n readonly openChange = output<boolean>();\r\n\r\n /\r\n Emitted when a menu item is selected\r\n /\r\n readonly itemSelected = output<Event>();\r\n\r\n // Internal state\r\n protected readonly _isOpen = signal(false);\r\n protected readonly _animationState = signal<'void' \| 'enter' \| 'leave'>('void');\r\n private readonly _triggerElement = signal<HTMLElement \| null>(null);\r\n private readonly _menuData = signal<unknown>(null);\r\n private _previousFocusedElement: HTMLElement \| null = null;\r\n private _overlayRef: FuiOverlayRef \| null = null;\r\n private _overlaySubscriptions = new Subscription();\r\n private _closeAnimationTimeout: number \| null = null;\r\n\r\n // Computed properties\r\n readonly computedClasses = computed(() => {\r\n const classes: string[] = ['fui-menu', `fui-menu--${this.position()}`, `fui-menu--${this.size()}`];\r\n\r\n if (this.disabled()) {\r\n classes.push('fui-menu--disabled');\r\n }\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n // Injected dependencies\r\n private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\r\n private readonly _document = inject(DOCUMENT);\r\n private readonly _ngZone = inject(NgZone);\r\n private _outsideClickSub?: Subscription;\r\n\r\n // View references\r\n @ViewChild('menuPanel', { static: false }) menuPanel?: ElementRef<HTMLElement>;\r\n\r\n // Content children for roving tabindex management\r\n private readonly _menuItems = contentChildren(FuiMenuItemComponent, { descendants: true });\r\n\r\n constructor() {\r\n // Handle open state changes with animation\r\n effect(() => {\r\n if (this._isOpen()) {\r\n requestAnimationFrame(() => {\r\n this._animationState.set('enter');\r\n this._openMenu();\r\n });\r\n } else {\r\n this._startCloseAnimation();\r\n }\r\n });\r\n\r\n // Emit open change events\r\n effect(() => {\r\n this.openChange.emit(this._isOpen());\r\n });\r\n }\r\n\r\n /\r\n Whether the menu is currently open\r\n /\r\n isOpen(): boolean {\r\n return this._isOpen();\r\n }\r\n\r\n /\r\n Opens the menu\r\n /\r\n open(): void {\r\n if (this.disabled()) return;\r\n this._isOpen.set(true);\r\n }\r\n\r\n /\r\n Closes the menu\r\n /\r\n close(): void {\r\n this._isOpen.set(false);\r\n }\r\n\r\n /\r\n Toggles the menu open/closed state\r\n /\r\n toggle(): void {\r\n if (this._isOpen()) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n }\r\n\r\n /\r\n Sets the trigger element for positioning (called by trigger directive)\r\n /\r\n setTriggerElement(element: HTMLElement): void {\r\n this._triggerElement.set(element);\r\n }\r\n\r\n /\r\n Gets the menu data passed from the trigger\r\n * Returns a signal containing the data\r\n /\r\n menuData(): unknown {\r\n return this._menuData();\r\n }\r\n\r\n /\r\n Sets the menu data (called by trigger directive)\r\n * @param data The data to pass to the menu\r\n /\r\n setMenuData(data: unknown): void {\r\n this._menuData.set(data);\r\n }\r\n\r\n // Start listening for outside clicks when menu opens\r\n private _listenForOutsideClicks(): void {\r\n this._outsideClickSub?.unsubscribe();\r\n\r\n if (!this.closeOnClickOutside()) return;\r\n\r\n this._ngZone.runOutsideAngular(() => {\r\n setTimeout(() => {\r\n this._outsideClickSub = fromEvent<MouseEvent>(this._document, 'click')\r\n .pipe(\r\n filter(() => this._isOpen()),\r\n filter((event) => {\r\n const target = event.target as HTMLElement;\r\n const menuElement = this._elementRef.nativeElement;\r\n const triggerElement = this._triggerElement();\r\n return !menuElement.contains(target) && !triggerElement?.contains(target);\r\n }),\r\n )\r\n .subscribe(() => {\r\n this._ngZone.run(() => {\r\n this.close();\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n @HostListener('document:keydown', ['$event'])\r\n onDocumentKeydown(event: KeyboardEvent): void {\r\n if (!this._isOpen() \|\| !this._isTopmostOverlay()) {\r\n return;\r\n }\r\n\r\n switch (event.key) {\r\n case 'Escape':\r\n if (this.closeOnEscape()) {\r\n event.preventDefault();\r\n this.close();\r\n }\r\n break;\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n this._focusNextItem();\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n this._focusPreviousItem();\r\n break;\r\n case 'Home':\r\n event.preventDefault();\r\n this._focusFirstItem();\r\n break;\r\n case 'End':\r\n event.preventDefault();\r\n this._focusLastItem();\r\n break;\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n onMenuClick(event: Event): void {\r\n // Check if the click was on a menu item\r\n const target = event.target as HTMLElement;\r\n const menuItem = target.closest('fui-menu-item');\r\n\r\n if (menuItem && this._isOpen()) {\r\n // Emit the itemSelected event and close the menu\r\n this.itemSelected.emit(event);\r\n this.close();\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this._clearCloseTimeout();\r\n this._outsideClickSub?.unsubscribe();\r\n this._restoreFocus();\r\n this._disposeOverlay();\r\n }\r\n\r\n private _openMenu(): void {\r\n // Create overlay after the view updates\r\n requestAnimationFrame(() => {\r\n this._createOverlay();\r\n this._listenForOutsideClicks();\r\n\r\n const triggerElement = this._triggerElement();\r\n if (triggerElement) {\r\n triggerElement.setAttribute('aria-expanded', 'true');\r\n this._previousFocusedElement = document.activeElement as HTMLElement;\r\n }\r\n });\r\n }\r\n\r\n private _closeMenu(): void {\r\n this._outsideClickSub?.unsubscribe();\r\n const triggerElement = this._triggerElement();\r\n if (triggerElement) {\r\n triggerElement.setAttribute('aria-expanded', 'false');\r\n }\r\n\r\n // Reset roving tabindex on all items\r\n this._resetRovingTabindex();\r\n\r\n this._disposeOverlay();\r\n this._restoreFocus();\r\n }\r\n\r\n private _createOverlay(): void {\r\n if (this._overlayRef \|\| !this.menuPanel) {\r\n return;\r\n }\r\n\r\n const triggerElement = this._triggerElement();\r\n if (!triggerElement) {\r\n return;\r\n }\r\n\r\n // Create overlay with positioning strategy\r\n const positions = this._getPositionsForMenuPosition(this.position());\r\n const positionStrategy = this._overlayService\r\n .position()\r\n .connectedTo(triggerElement, positions)\r\n .withPush(true)\r\n .withViewportMargin(8);\r\n\r\n // Create overlay\r\n this._overlayRef = this._overlayService.create({\r\n positionStrategy,\r\n scrollStrategy: this.closeOnClickOutside()\r\n ? this._overlayService.scrollStrategies.close()\r\n : this._overlayService.scrollStrategies.reposition(),\r\n hasBackdrop: this.closeOnClickOutside(),\r\n backdropClass: 'fui-menu-backdrop',\r\n backdropClickBehavior: 'close',\r\n panelClass: ['fui-menu-panel', `fui-menu-panel--${this.size()}`],\r\n });\r\n\r\n // Track overlay subscriptions for proper cleanup\r\n this._overlaySubscriptions.unsubscribe();\r\n this._overlaySubscriptions = new Subscription();\r\n\r\n if (this.closeOnClickOutside()) {\r\n this._overlaySubscriptions.add(\r\n this._overlayRef.backdropClick.subscribe(() => {\r\n this.close();\r\n }),\r\n );\r\n }\r\n\r\n if (this.closeOnEscape()) {\r\n this._overlaySubscriptions.add(\r\n this._overlayRef.keydownEvents.subscribe((event) => {\r\n if (event.key === 'Escape') {\r\n this.close();\r\n }\r\n }),\r\n );\r\n }\r\n\r\n // Attach menu panel to overlay\r\n const menuElement = this.menuPanel.nativeElement;\r\n this._overlayRef.attach(menuElement);\r\n\r\n // Focus first item after attachment\r\n setTimeout(() => {\r\n this._focusFirstItem();\r\n }, 0);\r\n }\r\n\r\n private _getPositionsForMenuPosition(position: FuiMenuPosition): FuiConnectedPosition[] {\r\n const offset = 4;\r\n\r\n switch (position) {\r\n case 'bottom-start':\r\n return [\r\n { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n ];\r\n case 'bottom':\r\n return [\r\n { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n ];\r\n case 'bottom-end':\r\n return [\r\n { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n ];\r\n case 'top-start':\r\n return [\r\n { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n ];\r\n case 'top':\r\n return [\r\n { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n ];\r\n case 'top-end':\r\n return [\r\n { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n ];\r\n case 'right-start':\r\n return [\r\n { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n ];\r\n case 'right':\r\n return [\r\n { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n ];\r\n case 'right-end':\r\n return [\r\n { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n ];\r\n case 'left-start':\r\n return [\r\n { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n ];\r\n case 'left':\r\n return [\r\n { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n ];\r\n case 'left-end':\r\n return [\r\n { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n ];\r\n default:\r\n return [{ originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset }];\r\n }\r\n }\r\n\r\n private _restoreFocus(): void {\r\n // Prefer the trigger element for focus restoration\r\n const triggerElement = this._triggerElement();\r\n if (triggerElement) {\r\n triggerElement.focus();\r\n } else if (this._previousFocusedElement) {\r\n this._previousFocusedElement.focus();\r\n }\r\n this._previousFocusedElement = null;\r\n }\r\n\r\n private _getMenuItems(): HTMLElement[] {\r\n const menuElement = this.menuPanel?.nativeElement;\r\n if (!menuElement) return [];\r\n\r\n return Array.from(menuElement.querySelectorAll('fui-menu-item:not([aria-disabled=\"true\"])'));\r\n }\r\n\r\n /* @internal Called by FuiMenuTriggerDirective /\r\n _focusFirstItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length > 0) {\r\n this._focusItem(items[0]);\r\n }\r\n }\r\n\r\n /* @internal Called by FuiMenuTriggerDirective /\r\n _focusLastItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length > 0) {\r\n this._focusItem(items[items.length - 1]);\r\n }\r\n }\r\n\r\n private _focusNextItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length === 0) {\r\n return;\r\n }\r\n\r\n const currentIndex = items.findIndex((item) => item === document.activeElement);\r\n const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\r\n this._focusItem(items[nextIndex]);\r\n }\r\n\r\n private _focusPreviousItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length === 0) {\r\n return;\r\n }\r\n\r\n const currentIndex = items.findIndex((item) => item === document.activeElement);\r\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\r\n this._focusItem(items[prevIndex]);\r\n }\r\n\r\n /\r\n Focuses a menu item and updates roving tabindex across all items.\r\n /\r\n private _focusItem(element: HTMLElement): void {\r\n this._updateRovingTabindex(element);\r\n element.focus();\r\n }\r\n\r\n /\r\n Resets all items to tabindex=\"-1\" when the menu closes.\r\n /\r\n private _resetRovingTabindex(): void {\r\n const items = this._menuItems();\r\n for (const item of items) {\r\n item.tabIndex.set('-1');\r\n }\r\n }\r\n\r\n /\r\n Updates roving tabindex: sets tabindex=\"0\" on the target item\r\n * and tabindex=\"-1\" on all other items.\r\n /\r\n private _updateRovingTabindex(targetElement: HTMLElement): void {\r\n const items = this._menuItems();\r\n for (const item of items) {\r\n if (item._elementRef.nativeElement === targetElement) {\r\n item.tabIndex.set('0');\r\n } else {\r\n item.tabIndex.set('-1');\r\n }\r\n }\r\n }\r\n\r\n private _disposeOverlay(): void {\r\n this._overlaySubscriptions.unsubscribe();\r\n if (this._overlayRef) {\r\n this._overlayRef.dispose();\r\n this._overlayRef = null;\r\n }\r\n }\r\n\r\n private _startCloseAnimation(): void {\r\n // Clear any existing timeout\r\n this._clearCloseTimeout();\r\n\r\n // Trigger leave animation\r\n this._animationState.set('leave');\r\n\r\n // Wait for animation to complete before closing (matches CSS transition duration)\r\n this._closeAnimationTimeout = window.setTimeout(() => {\r\n this._closeMenu();\r\n this._animationState.set('void');\r\n }, 150); // Match the CSS transition duration\r\n }\r\n\r\n private _clearCloseTimeout(): void {\r\n if (this._closeAnimationTimeout !== null) {\r\n clearTimeout(this._closeAnimationTimeout);\r\n this._closeAnimationTimeout = null;\r\n }\r\n }\r\n\r\n /\r\n Checks if this menu's overlay is the topmost (most recently opened) overlay.\r\n * This ensures that only the topmost menu responds to keyboard events when\r\n * multiple menus are open (e.g., nested menus).\r\n /\r\n private _isTopmostOverlay(): boolean {\r\n if (!this._overlayRef) {\r\n return false;\r\n }\r\n\r\n const activeOverlays = this._overlayService.getActiveOverlays();\r\n\r\n // The last overlay in the array is the most recently created (topmost)\r\n const topmostOverlay = activeOverlays[activeOverlays.length - 1];\r\n\r\n return topmostOverlay === this._overlayRef;\r\n }\r\n}\r\n","@if (_isOpen() \|\| _animationState() === 'leave') {\r\n <div class=\"fui-menu__panel\" #menuPanel role=\"menu\" [attr.data-animation-state]=\"_animationState()\">\r\n <ng-content></ng-content>\r\n </div>\r\n}\r\n","import { Directive, ElementRef, inject, HostListener, input, effect, AfterViewInit } from '@angular/core';\r\nimport { FuiMenuComponent } from './menu.component';\r\n\r\n/\r\n # fuiMenuTrigger Directive\r\n \r\n A directive that marks an element as a menu trigger, similar to Angular Material's matMenuTriggerFor.\r\n * This directive should be used in conjunction with FuiMenuComponent.\r\n \r\n ## Usage\r\n \r\n ### Basic Usage\r\n * ```html\r\n * <button fuiMenuTrigger [menuTriggerFor]=\"menu\">Open Menu</button>\r\n * <fui-menu #menu>\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### With Menu Reference\r\n * ```html\r\n * <button fuiMenuTrigger [menuTriggerFor]=\"userMenu\">\r\n * <fui-icon name=\"user\"></fui-icon>\r\n * User Menu\r\n * </button>\r\n \r\n <fui-menu #userMenu position=\"bottom-end\">\r\n * <fui-menu-item>Profile</fui-menu-item>\r\n * <fui-menu-item>Settings</fui-menu-item>\r\n * <fui-menu-item variant=\"danger\">Logout</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Passing Data to Menu\r\n * ```html\r\n * <button fuiMenuTrigger\r\n * [menuTriggerFor]=\"dynamicMenu\"\r\n * [menuTriggerData]=\"{ user: currentUser, role: 'admin' }\">\r\n * Open Menu\r\n * </button>\r\n \r\n <fui-menu #dynamicMenu>\r\n * <!-- Access menu data in your component via menu.menuData() -->\r\n * </fui-menu>\r\n * ```\r\n \r\n @example\r\n * ```typescript\r\n * import { FuiMenuTriggerDirective, FuiMenuComponent, FuiMenuItemComponent } from '@raintonic/formaui/components/menu';\r\n \r\n @Component({\r\n * standalone: true,\r\n * imports: [FuiMenuTriggerDirective, FuiMenuComponent, FuiMenuItemComponent],\r\n * template: `\r\n * <button fuiMenuTrigger [menuTriggerFor]=\"menu\">Open Menu</button>\r\n * <fui-menu #menu>\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * `\r\n * })\r\n * export class MyComponent { }\r\n * ```\r\n /\r\n@Directive({\r\n selector: '[fuiMenuTrigger]',\r\n standalone: true,\r\n host: {\r\n '[attr.aria-haspopup]': '\"true\"',\r\n '[attr.aria-expanded]': 'menu?.isOpen() ? \"true\" : \"false\"',\r\n },\r\n})\r\nexport class FuiMenuTriggerDirective implements AfterViewInit {\r\n private readonly _elementRef = inject(ElementRef<HTMLElement>);\r\n\r\n /* The menu instance that this trigger should open /\r\n readonly menuTriggerFor = input<FuiMenuComponent \| null>();\r\n\r\n /\r\n Data to be passed to the menu.\r\n * Can be accessed in the menu component or menu items.\r\n * Similar to Angular Material's matMenuTriggerData.\r\n /\r\n readonly menuTriggerData = input<unknown>();\r\n\r\n /* The menu instance that this trigger is associated with /\r\n menu: FuiMenuComponent \| null = null;\r\n\r\n constructor() {\r\n // Set up the menu reference when fuiMenuTriggerFor changes\r\n effect(() => {\r\n const menuRef = this.menuTriggerFor();\r\n if (menuRef) {\r\n this.menu = menuRef;\r\n // Set the trigger element on the menu for positioning\r\n menuRef.setTriggerElement(this._elementRef.nativeElement);\r\n }\r\n });\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n // Ensure the menu reference is set after view initialization\r\n const menuRef = this.menuTriggerFor();\r\n\r\n if (menuRef) {\r\n this.menu = menuRef;\r\n menuRef.setTriggerElement(this._elementRef.nativeElement);\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n onClick(event: Event): void {\r\n if (this.menu) {\r\n event.preventDefault();\r\n\r\n // Update trigger element to ensure correct positioning when multiple triggers exist\r\n this.menu.setTriggerElement(this._elementRef.nativeElement);\r\n\r\n // Pass data to menu before opening/toggling\r\n const data = this.menuTriggerData();\r\n if (data !== undefined && this.menu.setMenuData) {\r\n this.menu.setMenuData(data);\r\n }\r\n\r\n this.menu.toggle();\r\n }\r\n }\r\n\r\n @HostListener('keydown', ['$event'])\r\n onKeydown(event: KeyboardEvent): void {\r\n const menu = this.menu;\r\n if (!menu) return;\r\n\r\n // Update trigger element and pass data to menu before opening\r\n const prepareMenu = (): void => {\r\n // Update trigger element to ensure correct positioning when multiple triggers exist\r\n menu.setTriggerElement(this._elementRef.nativeElement);\r\n\r\n // Pass data to menu\r\n const data = this.menuTriggerData();\r\n if (data !== undefined) {\r\n menu.setMenuData(data);\r\n }\r\n };\r\n\r\n switch (event.key) {\r\n case 'Enter':\r\n case ' ':\r\n event.preventDefault();\r\n prepareMenu();\r\n menu.toggle();\r\n break;\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n prepareMenu();\r\n menu.open();\r\n // Focus first item after menu opens\r\n setTimeout(() => {\r\n menu._focusFirstItem();\r\n }, 0);\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n prepareMenu();\r\n menu.open();\r\n // Focus last item after menu opens\r\n setTimeout(() => {\r\n menu._focusLastItem();\r\n }, 0);\r\n break;\r\n }\r\n }\r\n\r\n /* Gets the trigger element /\r\n getElement(): HTMLElement {\r\n return this._elementRef.nativeElement;\r\n }\r\n}\r\n","// Public API for menu components\r\nexport from './menu.component';\r\nexport * from './menu-item.component';\r\nexport * from './menu-trigger.directive';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,kBAAkB,GAAG,CAAC,SAAS,EAAE,QAAQ;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DG;MAcU,oBAAoB,CAAA;AAC/B;;;AAGG;AACM,IAAA,OAAO,GAAG,KAAK,CAA4C,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EAC3E,SAAS,EAAE,CAAC,CAAC,MAAO,kBAAwC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,CAAqB,GAAG,SAAS,CAAC,GAC9G;AAEF;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEnF;;AAEG;IACM,QAAQ,GAAG,MAAM,EAAS;AAEnC;;;;AAIG;AACM,IAAA,QAAQ,GAAG,MAAM,CAAC,IAAI,+EAAC;;AAGvB,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,OAAO,GAAa,CAAC,eAAe,EAAE,CAAA,eAAA,EAAkB,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,CAAC;AAE/E,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC;QACzC;AAEA,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,IAAA,CAAC,sFAAC;AAEF,qBAA0B,WAAW,GAA4B,MAAM,CAAC,UAAU,CAAC;AAClE,IAAA,SAAS,GAAc,MAAM,CAAC,SAAS,CAAC;AAGzD,IAAA,OAAO,CAAC,KAAY,EAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;QACF;AAEA,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;AAGA,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB;QACF;AAEA,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,GAAG;gBACN,KAAK,CAAC,cAAc,EAAE;;;AAGtB,gBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE;gBACtC;;IAEN;AAEA;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE;IACxC;uGA1EW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,koBC9FjC,+BACA,EAAA,MAAA,EAAA,CAAA,i8HAAA,CAAA,EAAA,CAAA;;2FD6Fa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,SAAS,EAAE,mBAAmB;AAC9B,wBAAA,aAAa,EAAE,YAAY;AAC3B,wBAAA,iBAAiB,EAAE,gCAAgC;AACnD,wBAAA,sBAAsB,EAAE,4BAA4B;AACrD,qBAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,i8HAAA,CAAA,EAAA;;sBA2CA,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;sBAWhC,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;AE1G9B,MAAM,iBAAiB,GAAG;IAC/B,WAAW;IACX,KAAK;IACL,SAAS;IACT,cAAc;IACd,QAAQ;IACR,YAAY;IACZ,YAAY;IACZ,MAAM;IACN,UAAU;IACV,aAAa;IACb,OAAO;IACP,WAAW;;AAQN,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EG;MAYU,gBAAgB,CAAA;AAC3B;;;AAGG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAkB,cAAc,+EAAC;AAE1D;;;AAGG;AACM,IAAA,IAAI,GAAG,KAAK,CAAc,IAAI,2EAAC;AAExC;;;AAGG;IACM,mBAAmB,GAAG,KAAK,CAAmB,IAAI,2FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE7F;;;AAGG;IACM,aAAa,GAAG,KAAK,CAAmB,IAAI,qFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEvF;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEnF;;;AAGG;IACM,YAAY,GAAG,KAAK,CAAmB,IAAI,oFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEtF;;AAEG;IACM,UAAU,GAAG,MAAM,EAAW;AAEvC;;AAEG;IACM,YAAY,GAAG,MAAM,EAAS;;AAGpB,IAAA,OAAO,GAAG,MAAM,CAAC,KAAK,8EAAC;AACvB,IAAA,eAAe,GAAG,MAAM,CAA6B,MAAM,sFAAC;AAC9D,IAAA,eAAe,GAAG,MAAM,CAAqB,IAAI,sFAAC;AAClD,IAAA,SAAS,GAAG,MAAM,CAAU,IAAI,gFAAC;IAC1C,uBAAuB,GAAuB,IAAI;IAClD,WAAW,GAAyB,IAAI;AACxC,IAAA,qBAAqB,GAAG,IAAI,YAAY,EAAE;IAC1C,sBAAsB,GAAkB,IAAI;;AAG3C,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACvC,QAAA,MAAM,OAAO,GAAa,CAAC,UAAU,EAAE,CAAA,UAAA,EAAa,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAE,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC;AAElG,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC;QACpC;AAEA,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,IAAA,CAAC,sFAAC;;AAGe,IAAA,WAAW,GAA4B,MAAM,CAAC,UAAU,CAAC;AACzD,IAAA,eAAe,GAAsB,MAAM,CAAC,iBAAiB,CAAC;AAC9D,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;AACjC,IAAA,gBAAgB;;AAGmB,IAAA,SAAS;;IAGnC,UAAU,GAAG,eAAe,CAAC,oBAAoB,kFAAI,WAAW,EAAE,IAAI,EAAA,CAAG;AAE1F,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;gBAClB,qBAAqB,CAAC,MAAK;AACzB,oBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC;oBACjC,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,CAAC,CAAC;YACJ;iBAAO;gBACL,IAAI,CAAC,oBAAoB,EAAE;YAC7B;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AACtC,QAAA,CAAC,CAAC;IACJ;AAEA;;AAEG;IACH,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAC,OAAO,EAAE;IACvB;AAEA;;AAEG;IACH,IAAI,GAAA;QACF,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACrB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACxB;AAEA;;AAEG;IACH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IACzB;AAEA;;AAEG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE;QACd;aAAO;YACL,IAAI,CAAC,IAAI,EAAE;QACb;IACF;AAEA;;AAEG;AACH,IAAA,iBAAiB,CAAC,OAAoB,EAAA;AACpC,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC;IACnC;AAEA;;;AAGG;IACH,QAAQ,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE;IACzB;AAEA;;;AAGG;AACH,IAAA,WAAW,CAAC,IAAa,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;IAC1B;;IAGQ,uBAAuB,GAAA;AAC7B,QAAA,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE;AAEpC,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAAE;AAEjC,QAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAK;YAClC,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAa,IAAI,CAAC,SAAS,EAAE,OAAO;AAClE,qBAAA,IAAI,CACH,MAAM,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,EAC5B,MAAM,CAAC,CAAC,KAAK,KAAI;AACf,oBAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;AAC1C,oBAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AAClD,oBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE;AAC7C,oBAAA,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC;AAC3E,gBAAA,CAAC,CAAC;qBAEH,SAAS,CAAC,MAAK;AACd,oBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAK;wBACpB,IAAI,CAAC,KAAK,EAAE;AACd,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;AACN,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AAGA,IAAA,iBAAiB,CAAC,KAAoB,EAAA;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE;YAChD;QACF;AAEA,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;oBACxB,KAAK,CAAC,cAAc,EAAE;oBACtB,IAAI,CAAC,KAAK,EAAE;gBACd;gBACA;AACF,YAAA,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,cAAc,EAAE;gBACrB;AACF,YAAA,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,kBAAkB,EAAE;gBACzB;AACF,YAAA,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,eAAe,EAAE;gBACtB;AACF,YAAA,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,cAAc,EAAE;gBACrB;;IAEN;AAGA,IAAA,WAAW,CAAC,KAAY,EAAA;;AAEtB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;QAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC;AAEhD,QAAA,IAAI,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;;AAE9B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,KAAK,EAAE;QACd;IACF;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,kBAAkB,EAAE;AACzB,QAAA,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE;QACpC,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,eAAe,EAAE;IACxB;IAEQ,SAAS,GAAA;;QAEf,qBAAqB,CAAC,MAAK;YACzB,IAAI,CAAC,cAAc,EAAE;YACrB,IAAI,CAAC,uBAAuB,EAAE;AAE9B,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE;YAC7C,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;AACpD,gBAAA,IAAI,CAAC,uBAAuB,GAAG,QAAQ,CAAC,aAA4B;YACtE;AACF,QAAA,CAAC,CAAC;IACJ;IAEQ,UAAU,GAAA;AAChB,QAAA,IAAI,CAAC,gBAAgB,EAAE,WAAW,EAAE;AACpC,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE;QAC7C,IAAI,cAAc,EAAE;AAClB,YAAA,cAAc,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;QACvD;;QAGA,IAAI,CAAC,oBAAoB,EAAE;QAE3B,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,aAAa,EAAE;IACtB;IAEQ,cAAc,GAAA;QACpB,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACvC;QACF;AAEA,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE;QAC7C,IAAI,CAAC,cAAc,EAAE;YACnB;QACF;;QAGA,MAAM,SAAS,GAAG,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AACpE,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC3B,aAAA,QAAQ;AACR,aAAA,WAAW,CAAC,cAAc,EAAE,SAAS;aACrC,QAAQ,CAAC,IAAI;aACb,kBAAkB,CAAC,CAAC,CAAC;;QAGxB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;YAC7C,gBAAgB;AAChB,YAAA,cAAc,EAAE,IAAI,CAAC,mBAAmB;kBACpC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,KAAK;kBAC3C,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,UAAU,EAAE;AACtD,YAAA,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE;AACvC,YAAA,aAAa,EAAE,mBAAmB;AAClC,YAAA,qBAAqB,EAAE,OAAO;YAC9B,UAAU,EAAE,CAAC,gBAAgB,EAAE,CAAA,gBAAA,EAAmB,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC;AACjE,SAAA,CAAC;;AAGF,QAAA,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;AACxC,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI,YAAY,EAAE;AAE/C,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE;AAC9B,YAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAC5B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,MAAK;gBAC5C,IAAI,CAAC,KAAK,EAAE;YACd,CAAC,CAAC,CACH;QACH;AAEA,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;AACxB,YAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAC5B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AACjD,gBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;oBAC1B,IAAI,CAAC,KAAK,EAAE;gBACd;YACF,CAAC,CAAC,CACH;QACH;;AAGA,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;AAChD,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC;;QAGpC,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,eAAe,EAAE;QACxB,CAAC,EAAE,CAAC,CAAC;IACP;AAEQ,IAAA,4BAA4B,CAAC,QAAyB,EAAA;QAC5D,MAAM,MAAM,GAAG,CAAC;QAEhB,QAAQ,QAAQ;AACd,YAAA,KAAK,cAAc;gBACjB,OAAO;AACL,oBAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC5F,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;iBAC9F;AACH,YAAA,KAAK,QAAQ;gBACX,OAAO;AACL,oBAAA,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC9F,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;iBAChG;AACH,YAAA,KAAK,YAAY;gBACf,OAAO;AACL,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;oBACxF,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;iBAC1F;AACH,YAAA,KAAK,WAAW;gBACd,OAAO;oBACL,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;AAC7F,oBAAA,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC7F;AACH,YAAA,KAAK,KAAK;gBACR,OAAO;oBACL,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;AAC/F,oBAAA,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC/F;AACH,YAAA,KAAK,SAAS;gBACZ,OAAO;oBACL,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;AACzF,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;iBACzF;AACH,YAAA,KAAK,aAAa;gBAChB,OAAO;AACL,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;oBACvF,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;iBACzF;AACH,YAAA,KAAK,OAAO;gBACV,OAAO;AACL,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC7F,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;iBAC/F;AACH,YAAA,KAAK,WAAW;gBACd,OAAO;AACL,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC7F,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;iBAC/F;AACH,YAAA,KAAK,YAAY;gBACf,OAAO;oBACL,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;AACxF,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE;iBACxF;AACH,YAAA,KAAK,MAAM;gBACT,OAAO;oBACL,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;AAC9F,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC9F;AACH,YAAA,KAAK,UAAU;gBACb,OAAO;oBACL,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE;AAC9F,oBAAA,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;iBAC9F;AACH,YAAA;gBACE,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;;IAE3G;IAEQ,aAAa,GAAA;;AAEnB,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE;QAC7C,IAAI,cAAc,EAAE;YAClB,cAAc,CAAC,KAAK,EAAE;QACxB;AAAO,aAAA,IAAI,IAAI,CAAC,uBAAuB,EAAE;AACvC,YAAA,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE;QACtC;AACA,QAAA,IAAI,CAAC,uBAAuB,GAAG,IAAI;IACrC;IAEQ,aAAa,GAAA;AACnB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa;AACjD,QAAA,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,EAAE;QAE3B,OAAO,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,2CAA2C,CAAC,CAAC;IAC9F;;IAGA,eAAe,GAAA;AACb,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACpB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3B;IACF;;IAGA,cAAc,GAAA;AACZ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,QAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACpB,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC1C;IACF;IAEQ,cAAc,GAAA;AACpB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB;QACF;AAEA,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ,CAAC,aAAa,CAAC;AAC/E,QAAA,MAAM,SAAS,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,CAAC;QACxE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACnC;IAEQ,kBAAkB,GAAA;AACxB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB;QACF;AAEA,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,QAAQ,CAAC,aAAa,CAAC;AAC/E,QAAA,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;QACxE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACnC;AAEA;;AAEG;AACK,IAAA,UAAU,CAAC,OAAoB,EAAA;AACrC,QAAA,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC;QACnC,OAAO,CAAC,KAAK,EAAE;IACjB;AAEA;;AAEG;IACK,oBAAoB,GAAA;AAC1B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;QACzB;IACF;AAEA;;;AAGG;AACK,IAAA,qBAAqB,CAAC,aAA0B,EAAA;AACtD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,KAAK,aAAa,EAAE;AACpD,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;YACxB;iBAAO;AACL,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;YACzB;QACF;IACF;IAEQ,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;AACxC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AAC1B,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI;QACzB;IACF;IAEQ,oBAAoB,GAAA;;QAE1B,IAAI,CAAC,kBAAkB,EAAE;;AAGzB,QAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC;;QAGjC,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YACnD,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC;AAClC,QAAA,CAAC,EAAE,GAAG,CAAC,CAAC;IACV;IAEQ,kBAAkB,GAAA;AACxB,QAAA,IAAI,IAAI,CAAC,sBAAsB,KAAK,IAAI,EAAE;AACxC,YAAA,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC;AACzC,YAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;QACpC;IACF;AAEA;;;;AAIG;IACK,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,OAAO,KAAK;QACd;QAEA,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE;;QAG/D,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;AAEhE,QAAA,OAAO,cAAc,KAAK,IAAI,CAAC,WAAW;IAC5C;uGAhhBW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,2BAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EA+EmB,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnOpE,0NAKA,EAAA,MAAA,EAAA,CAAA,k7GAAA,CAAA,EAAA,CAAA;;2FD+Ia,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,UAAA,EACR,IAAI,EAAA,OAAA,EACP,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,SAAS,EAAE,mBAAmB;AAC9B,wBAAA,kBAAkB,EAAE,0BAA0B;AAC/C,qBAAA,EAAA,QAAA,EAAA,0NAAA,EAAA,MAAA,EAAA,CAAA,k7GAAA,CAAA,EAAA;;sBA8EA,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;AAGK,aAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,oBAAoB,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA;sBAwGxF,YAAY;uBAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC;;sBAgC3C,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AExWnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DG;MASU,uBAAuB,CAAA;AACjB,IAAA,WAAW,GAAG,MAAM,EAAC,UAAuB,EAAC;;IAGrD,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAA2B;AAE1D;;;;AAIG;IACM,eAAe,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAW;;IAG3C,IAAI,GAA4B,IAAI;AAEpC,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE;YACrC,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,IAAI,GAAG,OAAO;;gBAEnB,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;YAC3D;AACF,QAAA,CAAC,CAAC;IACJ;IAEA,eAAe,GAAA;;AAEb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE;QAErC,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,IAAI,GAAG,OAAO;YACnB,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QAC3D;IACF;AAGA,IAAA,OAAO,CAAC,KAAY,EAAA;AAClB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,KAAK,CAAC,cAAc,EAAE;;YAGtB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;;AAG3D,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;YACnC,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AAC/C,gBAAA,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YAC7B;AAEA,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;QACpB;IACF;AAGA,IAAA,SAAS,CAAC,KAAoB,EAAA;AAC5B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI;AACtB,QAAA,IAAI,CAAC,IAAI;YAAE;;QAGX,MAAM,WAAW,GAAG,MAAW;;YAE7B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;;AAGtD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,YAAA,IAAI,IAAI,KAAK,SAAS,EAAE;AACtB,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACxB;AACF,QAAA,CAAC;AAED,QAAA,QAAQ,KAAK,CAAC,GAAG;AACf,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,GAAG;gBACN,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,WAAW,EAAE;gBACb,IAAI,CAAC,MAAM,EAAE;gBACb;AACF,YAAA,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,WAAW,EAAE;gBACb,IAAI,CAAC,IAAI,EAAE;;gBAEX,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,eAAe,EAAE;gBACxB,CAAC,EAAE,CAAC,CAAC;gBACL;AACF,YAAA,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,WAAW,EAAE;gBACb,IAAI,CAAC,IAAI,EAAE;;gBAEX,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,cAAc,EAAE;gBACvB,CAAC,EAAE,CAAC,CAAC;gBACL;;IAEN;;IAGA,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa;IACvC;uGAxGW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,uCAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBARnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,sBAAsB,EAAE,QAAQ;AAChC,wBAAA,sBAAsB,EAAE,mCAAmC;AAC5D,qBAAA;AACF,iBAAA;;sBAuCE,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;sBAkBhC,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;ACjIrC;;ACAA;;AAEG;;;;"}
1	+ {"version":3,"file":"raintonic-formaui-components-menu.mjs","sources":["../../../lib/components/menu/menu-item.component.ts","../../../lib/components/menu/menu-item.component.html","../../../lib/components/menu/menu.component.ts","../../../lib/components/menu/menu.component.html","../../../lib/components/menu/menu-trigger.directive.ts","../../../lib/components/menu/index.ts","../../../lib/components/menu/raintonic-formaui-components-menu.ts"],"sourcesContent":["import {\r\n Component,\r\n ElementRef,\r\n HostListener,\r\n Renderer2,\r\n computed,\r\n inject,\r\n input,\r\n output,\r\n signal,\r\n booleanAttribute,\r\n} from '@angular/core';\r\n\r\n/*\r\n Available menu item variants\r\n /\r\nexport type MenuItemVariant = 'default' \| 'danger';\r\n\r\nexport const MENU_ITEM_VARIANTS = ['default', 'danger'] as const;\r\n\r\n/\r\n # FuiMenuItem Component\r\n \r\n A menu item component designed to be used within fui-menu.\r\n * Provides consistent styling and behavior for menu options.\r\n \r\n ## Features\r\n * - Default and danger variants\r\n * - Full accessibility support (ARIA attributes, keyboard navigation)\r\n * - Icon support with proper spacing\r\n * - Disabled state support\r\n * - Hover and focus states\r\n * - Keyboard activation (Enter and Space)\r\n \r\n ## Usage\r\n \r\n ### Basic Menu Item\r\n * ```html\r\n * <fui-menu-item>Profile</fui-menu-item>\r\n * ```\r\n \r\n ### Menu Item with Icon\r\n * ```html\r\n * <fui-menu-item>\r\n * <fui-icon name=\"user\" fuiPrefix></fui-icon>\r\n * Profile\r\n * </fui-menu-item>\r\n * ```\r\n \r\n ### Danger Menu Item\r\n * ```html\r\n * <fui-menu-item variant=\"danger\">\r\n * <fui-icon name=\"trash\" fuiPrefix></fui-icon>\r\n * Delete Account\r\n * </fui-menu-item>\r\n * ```\r\n \r\n ### Disabled Menu Item\r\n * ```html\r\n * <fui-menu-item [disabled]=\"true\">\r\n * Unavailable Option\r\n * </fui-menu-item>\r\n * ```\r\n \r\n @example\r\n * ```typescript\r\n * import { FuiMenuItemComponent } from '@raintonic/formaui/components/menu';\r\n \r\n @Component({\r\n * standalone: true,\r\n * imports: [FuiMenuItemComponent],\r\n * templateUrl: './my-component.component.html',\r\n * styleUrl: './my-component.component.scss'\r\n * })\r\n * export class MyComponent {\r\n * onItemClick(event: Event) {\r\n * console.log('Menu item clicked:', event);\r\n * }\r\n * }\r\n * ```\r\n /\r\n@Component({\r\n selector: 'fui-menu-item',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './menu-item.component.html',\r\n styleUrl: './menu-item.component.scss',\r\n host: {\r\n '[class]': 'computedClasses()',\r\n '[attr.role]': '\"menuitem\"',\r\n '[attr.tabindex]': 'disabled() ? \"-1\" : tabIndex()',\r\n '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\r\n },\r\n})\r\nexport class FuiMenuItemComponent {\r\n /\r\n Menu item variant that determines the visual style\r\n * @default 'default'\r\n /\r\n readonly variant = input<MenuItemVariant, MenuItemVariant \| string>('default', {\r\n transform: (v) => ((MENU_ITEM_VARIANTS as readonly string[]).includes(v) ? (v as MenuItemVariant) : 'default'),\r\n });\r\n\r\n /\r\n Whether the menu item is disabled\r\n * @default false\r\n /\r\n readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n /\r\n Emitted when the menu item is clicked or activated\r\n /\r\n readonly selected = output<Event>();\r\n\r\n /\r\n Internal tabindex for roving tabindex pattern.\r\n * Managed by the parent FuiMenuComponent.\r\n * @internal\r\n /\r\n readonly tabIndex = signal('-1');\r\n\r\n // Computed properties\r\n readonly computedClasses = computed(() => {\r\n const classes: string[] = ['fui-menu-item', `fui-menu-item--${this.variant()}`];\r\n\r\n if (this.disabled()) {\r\n classes.push('fui-menu-item--disabled');\r\n }\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n /* @internal / readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n private readonly _renderer: Renderer2 = inject(Renderer2);\r\n\r\n @HostListener('click', ['$event'])\r\n onClick(event: Event): void {\r\n if (this.disabled()) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n this.selected.emit(event);\r\n }\r\n\r\n @HostListener('keydown', ['$event'])\r\n onKeydown(event: KeyboardEvent): void {\r\n if (this.disabled()) {\r\n return;\r\n }\r\n\r\n switch (event.key) {\r\n case 'Enter':\r\n case ' ':\r\n event.preventDefault();\r\n // Dispatch a synthetic click so the parent menu's click handler\r\n // can detect the activation and close the menu.\r\n this._elementRef.nativeElement.click();\r\n break;\r\n }\r\n }\r\n\r\n /\r\n Focuses the menu item\r\n /\r\n focus(): void {\r\n this._elementRef.nativeElement.focus();\r\n }\r\n}\r\n","<ng-content></ng-content>\r\n","import {\r\n booleanAttribute,\r\n Component,\r\n computed,\r\n contentChildren,\r\n effect,\r\n ElementRef,\r\n HostListener,\r\n inject,\r\n NgZone,\r\n input,\r\n OnDestroy,\r\n output,\r\n signal,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { FuiMenuItemComponent } from './menu-item.component';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { fromEvent, Subscription } from 'rxjs';\r\nimport { filter } from 'rxjs/operators';\r\nimport { FuiConnectedPosition, FuiOverlayRef, FuiOverlayService } from '@raintonic/formaui/cdk/overlay';\r\n\r\n/\r\n Available menu positions relative to the trigger element\r\n /\r\nexport type FuiMenuPosition =\r\n \| 'top-start'\r\n \| 'top'\r\n \| 'top-end'\r\n \| 'bottom-start'\r\n \| 'bottom'\r\n \| 'bottom-end'\r\n \| 'left-start'\r\n \| 'left'\r\n \| 'left-end'\r\n \| 'right-start'\r\n \| 'right'\r\n \| 'right-end';\r\n\r\nexport const RT_MENU_POSITIONS = [\r\n 'top-start',\r\n 'top',\r\n 'top-end',\r\n 'bottom-start',\r\n 'bottom',\r\n 'bottom-end',\r\n 'left-start',\r\n 'left',\r\n 'left-end',\r\n 'right-start',\r\n 'right',\r\n 'right-end',\r\n] as const;\r\n\r\n/\r\n Available menu sizes\r\n /\r\nexport type FuiMenuSize = 'sm' \| 'md' \| 'lg';\r\n\r\nexport const RT_MENU_SIZES = ['sm', 'md', 'lg'] as const;\r\n\r\n/\r\n # FuiMenu Component\r\n \r\n A dropdown menu component that provides a list of options or actions.\r\n * Designed to work with external triggers using the fuiMenuTrigger directive.\r\n \r\n ## Features\r\n * - Multiple positioning options relative to trigger\r\n * - Keyboard navigation (Arrow keys, Enter, Escape)\r\n * - Click outside to close\r\n * - Full accessibility support (ARIA attributes, focus management)\r\n * - Customizable size variants\r\n * - Auto-positioning with collision detection\r\n * - Portal attachment to document body to avoid clipping issues\r\n \r\n ## Usage\r\n \r\n ### Basic Menu with External Trigger\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]=\"menu\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #menu>\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Menu with Custom Position\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]=\"menu\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #menu position=\"top-start\" size=\"lg\">\r\n * <fui-menu-item>Profile</fui-menu-item>\r\n * <fui-menu-item variant=\"danger\">Logout</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Menu without Portal (for special cases)\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger [fuiMenuTriggerFor]=\"menu\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #menu [attachToBody]=\"false\">\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Menu with Data Passed from Trigger\r\n * ```html\r\n * <button fuiButton fuiMenuTrigger\r\n * [fuiMenuTriggerFor]=\"dynamicMenu\"\r\n * [menuTriggerData]=\"{ user: currentUser, items: menuItems }\">\r\n * Open Menu\r\n * </button>\r\n * <fui-menu #dynamicMenu>\r\n * <!-- Access data in component using menu.menuData() -->\r\n * </fui-menu>\r\n * ```\r\n \r\n ```typescript\r\n * @Component({\r\n * template: `\r\n * <fui-menu #menu>\r\n * <fui-menu-item ngFor=\"let item of menu.menuData()?.items\">\r\n {{ item.label }}\r\n * </fui-menu-item>\r\n * </fui-menu>\r\n * `\r\n * })\r\n * export class MyComponent { }\r\n * ```\r\n /\r\n@Component({\r\n selector: 'fui-menu',\r\n standalone: true,\r\n imports: [],\r\n templateUrl: './menu.component.html',\r\n styleUrl: './menu.component.scss',\r\n host: {\r\n '[class]': 'computedClasses()',\r\n '[attr.data-open]': 'isOpen() ? \"true\" : null',\r\n },\r\n})\r\nexport class FuiMenuComponent implements OnDestroy {\r\n /\r\n Menu position relative to the trigger element\r\n * @default 'bottom-start'\r\n /\r\n readonly position = input<FuiMenuPosition>('bottom-start');\r\n\r\n /\r\n Menu size variant\r\n * @default 'md'\r\n /\r\n readonly size = input<FuiMenuSize>('md');\r\n\r\n /\r\n Whether the menu should close when clicking outside\r\n * @default true\r\n /\r\n readonly closeOnClickOutside = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n /\r\n Whether the menu should close when pressing Escape\r\n * @default true\r\n /\r\n readonly closeOnEscape = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n /\r\n Whether the menu is disabled\r\n * @default false\r\n /\r\n readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n /\r\n Whether to attach the menu panel to the document body to avoid clipping issues\r\n * @default true\r\n /\r\n readonly attachToBody = input<boolean, unknown>(true, { transform: booleanAttribute });\r\n\r\n /\r\n Emitted when the menu open state changes\r\n /\r\n readonly openChange = output<boolean>();\r\n\r\n /\r\n Emitted when a menu item is selected\r\n /\r\n readonly itemSelected = output<Event>();\r\n\r\n // Internal state\r\n protected readonly _isOpen = signal(false);\r\n protected readonly _animationState = signal<'void' \| 'enter' \| 'leave'>('void');\r\n private readonly _triggerElement = signal<HTMLElement \| null>(null);\r\n private readonly _menuData = signal<unknown>(null);\r\n private _previousFocusedElement: HTMLElement \| null = null;\r\n private _overlayRef: FuiOverlayRef \| null = null;\r\n private _overlaySubscriptions = new Subscription();\r\n private _closeAnimationTimeout: number \| null = null;\r\n\r\n // Computed properties\r\n readonly computedClasses = computed(() => {\r\n const classes: string[] = ['fui-menu', `fui-menu--${this.position()}`, `fui-menu--${this.size()}`];\r\n\r\n if (this.disabled()) {\r\n classes.push('fui-menu--disabled');\r\n }\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n // Injected dependencies\r\n private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\r\n private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\r\n private readonly _document = inject(DOCUMENT);\r\n private readonly _ngZone = inject(NgZone);\r\n private _outsideClickSub?: Subscription;\r\n\r\n // View references\r\n @ViewChild('menuPanel', { static: false }) menuPanel?: ElementRef<HTMLElement>;\r\n\r\n // Content children for roving tabindex management\r\n private readonly _menuItems = contentChildren(FuiMenuItemComponent, { descendants: true });\r\n\r\n constructor() {\r\n // Handle open state changes with animation\r\n effect(() => {\r\n if (this._isOpen()) {\r\n requestAnimationFrame(() => {\r\n this._animationState.set('enter');\r\n this._openMenu();\r\n });\r\n } else {\r\n this._startCloseAnimation();\r\n }\r\n });\r\n\r\n // Emit open change events\r\n effect(() => {\r\n this.openChange.emit(this._isOpen());\r\n });\r\n }\r\n\r\n /\r\n Whether the menu is currently open\r\n /\r\n isOpen(): boolean {\r\n return this._isOpen();\r\n }\r\n\r\n /\r\n Opens the menu\r\n /\r\n open(): void {\r\n if (this.disabled()) return;\r\n this._isOpen.set(true);\r\n }\r\n\r\n /\r\n Closes the menu\r\n /\r\n close(): void {\r\n this._isOpen.set(false);\r\n }\r\n\r\n /\r\n Toggles the menu open/closed state\r\n /\r\n toggle(): void {\r\n if (this._isOpen()) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n }\r\n\r\n /\r\n Sets the trigger element for positioning (called by trigger directive)\r\n /\r\n setTriggerElement(element: HTMLElement): void {\r\n this._triggerElement.set(element);\r\n }\r\n\r\n /\r\n Gets the menu data passed from the trigger\r\n * Returns a signal containing the data\r\n /\r\n menuData(): unknown {\r\n return this._menuData();\r\n }\r\n\r\n /\r\n Sets the menu data (called by trigger directive)\r\n * @param data The data to pass to the menu\r\n /\r\n setMenuData(data: unknown): void {\r\n this._menuData.set(data);\r\n }\r\n\r\n // Start listening for outside clicks when menu opens\r\n private _listenForOutsideClicks(): void {\r\n this._outsideClickSub?.unsubscribe();\r\n\r\n if (!this.closeOnClickOutside()) return;\r\n\r\n this._ngZone.runOutsideAngular(() => {\r\n setTimeout(() => {\r\n this._outsideClickSub = fromEvent<MouseEvent>(this._document, 'click')\r\n .pipe(\r\n filter(() => this._isOpen()),\r\n filter((event) => {\r\n const target = event.target as HTMLElement;\r\n const menuElement = this._elementRef.nativeElement;\r\n const triggerElement = this._triggerElement();\r\n return !menuElement.contains(target) && !triggerElement?.contains(target);\r\n }),\r\n )\r\n .subscribe(() => {\r\n this._ngZone.run(() => {\r\n this.close();\r\n });\r\n });\r\n });\r\n });\r\n }\r\n\r\n @HostListener('document:keydown', ['$event'])\r\n onDocumentKeydown(event: KeyboardEvent): void {\r\n if (!this._isOpen() \|\| !this._isTopmostOverlay()) {\r\n return;\r\n }\r\n\r\n switch (event.key) {\r\n case 'Escape':\r\n if (this.closeOnEscape()) {\r\n event.preventDefault();\r\n this.close();\r\n }\r\n break;\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n this._focusNextItem();\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n this._focusPreviousItem();\r\n break;\r\n case 'Home':\r\n event.preventDefault();\r\n this._focusFirstItem();\r\n break;\r\n case 'End':\r\n event.preventDefault();\r\n this._focusLastItem();\r\n break;\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n onMenuClick(event: Event): void {\r\n // Check if the click was on a menu item\r\n const target = event.target as HTMLElement;\r\n const menuItem = target.closest('fui-menu-item');\r\n\r\n if (menuItem && this._isOpen()) {\r\n // Emit the itemSelected event and close the menu\r\n this.itemSelected.emit(event);\r\n this.close();\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this._clearCloseTimeout();\r\n this._outsideClickSub?.unsubscribe();\r\n this._restoreFocus();\r\n this._disposeOverlay();\r\n }\r\n\r\n private _openMenu(): void {\r\n // Create overlay after the view updates\r\n requestAnimationFrame(() => {\r\n this._createOverlay();\r\n this._listenForOutsideClicks();\r\n\r\n const triggerElement = this._triggerElement();\r\n if (triggerElement) {\r\n triggerElement.setAttribute('aria-expanded', 'true');\r\n this._previousFocusedElement = document.activeElement as HTMLElement;\r\n }\r\n });\r\n }\r\n\r\n private _closeMenu(): void {\r\n this._outsideClickSub?.unsubscribe();\r\n const triggerElement = this._triggerElement();\r\n if (triggerElement) {\r\n triggerElement.setAttribute('aria-expanded', 'false');\r\n }\r\n\r\n // Reset roving tabindex on all items\r\n this._resetRovingTabindex();\r\n\r\n this._disposeOverlay();\r\n this._restoreFocus();\r\n }\r\n\r\n private _createOverlay(): void {\r\n if (this._overlayRef \|\| !this.menuPanel) {\r\n return;\r\n }\r\n\r\n const triggerElement = this._triggerElement();\r\n if (!triggerElement) {\r\n return;\r\n }\r\n\r\n // Create overlay with positioning strategy\r\n const positions = this._getPositionsForMenuPosition(this.position());\r\n const positionStrategy = this._overlayService\r\n .position()\r\n .connectedTo(triggerElement, positions)\r\n .withPush(true)\r\n .withViewportMargin(8);\r\n\r\n // Create overlay\r\n this._overlayRef = this._overlayService.create({\r\n positionStrategy,\r\n scrollStrategy: this.closeOnClickOutside()\r\n ? this._overlayService.scrollStrategies.close()\r\n : this._overlayService.scrollStrategies.reposition(),\r\n hasBackdrop: this.closeOnClickOutside(),\r\n backdropClass: 'fui-menu-backdrop',\r\n backdropClickBehavior: 'close',\r\n panelClass: ['fui-menu-panel', `fui-menu-panel--${this.size()}`],\r\n });\r\n\r\n // Track overlay subscriptions for proper cleanup\r\n this._overlaySubscriptions.unsubscribe();\r\n this._overlaySubscriptions = new Subscription();\r\n\r\n if (this.closeOnClickOutside()) {\r\n this._overlaySubscriptions.add(\r\n this._overlayRef.backdropClick.subscribe(() => {\r\n this.close();\r\n }),\r\n );\r\n }\r\n\r\n if (this.closeOnEscape()) {\r\n this._overlaySubscriptions.add(\r\n this._overlayRef.keydownEvents.subscribe((event) => {\r\n if (event.key === 'Escape') {\r\n this.close();\r\n }\r\n }),\r\n );\r\n }\r\n\r\n // Attach menu panel to overlay\r\n const menuElement = this.menuPanel.nativeElement;\r\n this._overlayRef.attach(menuElement);\r\n\r\n // Focus first item after attachment\r\n setTimeout(() => {\r\n this._focusFirstItem();\r\n }, 0);\r\n }\r\n\r\n private _getPositionsForMenuPosition(position: FuiMenuPosition): FuiConnectedPosition[] {\r\n const offset = 4;\r\n\r\n switch (position) {\r\n case 'bottom-start':\r\n return [\r\n { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n ];\r\n case 'bottom':\r\n return [\r\n { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n ];\r\n case 'bottom-end':\r\n return [\r\n { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n ];\r\n case 'top-start':\r\n return [\r\n { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\r\n { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\r\n ];\r\n case 'top':\r\n return [\r\n { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\r\n { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\r\n ];\r\n case 'top-end':\r\n return [\r\n { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\r\n { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\r\n ];\r\n case 'right-start':\r\n return [\r\n { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n ];\r\n case 'right':\r\n return [\r\n { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n ];\r\n case 'right-end':\r\n return [\r\n { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n ];\r\n case 'left-start':\r\n return [\r\n { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\r\n { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\r\n ];\r\n case 'left':\r\n return [\r\n { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\r\n { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\r\n ];\r\n case 'left-end':\r\n return [\r\n { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\r\n { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\r\n ];\r\n default:\r\n return [{ originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset }];\r\n }\r\n }\r\n\r\n private _restoreFocus(): void {\r\n // Prefer the trigger element for focus restoration\r\n const triggerElement = this._triggerElement();\r\n if (triggerElement) {\r\n triggerElement.focus();\r\n } else if (this._previousFocusedElement) {\r\n this._previousFocusedElement.focus();\r\n }\r\n this._previousFocusedElement = null;\r\n }\r\n\r\n private _getMenuItems(): HTMLElement[] {\r\n const menuElement = this.menuPanel?.nativeElement;\r\n if (!menuElement) return [];\r\n\r\n return Array.from(menuElement.querySelectorAll('fui-menu-item:not([aria-disabled=\"true\"])'));\r\n }\r\n\r\n /* @internal Called by FuiMenuTriggerDirective /\r\n _focusFirstItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length > 0) {\r\n this._focusItem(items[0]);\r\n }\r\n }\r\n\r\n /* @internal Called by FuiMenuTriggerDirective /\r\n _focusLastItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length > 0) {\r\n this._focusItem(items[items.length - 1]);\r\n }\r\n }\r\n\r\n private _focusNextItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length === 0) {\r\n return;\r\n }\r\n\r\n const currentIndex = items.findIndex((item) => item === document.activeElement);\r\n const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\r\n this._focusItem(items[nextIndex]);\r\n }\r\n\r\n private _focusPreviousItem(): void {\r\n const items = this._getMenuItems();\r\n if (items.length === 0) {\r\n return;\r\n }\r\n\r\n const currentIndex = items.findIndex((item) => item === document.activeElement);\r\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\r\n this._focusItem(items[prevIndex]);\r\n }\r\n\r\n /\r\n Focuses a menu item and updates roving tabindex across all items.\r\n /\r\n private _focusItem(element: HTMLElement): void {\r\n this._updateRovingTabindex(element);\r\n element.focus();\r\n }\r\n\r\n /\r\n Resets all items to tabindex=\"-1\" when the menu closes.\r\n /\r\n private _resetRovingTabindex(): void {\r\n const items = this._menuItems();\r\n for (const item of items) {\r\n item.tabIndex.set('-1');\r\n }\r\n }\r\n\r\n /\r\n Updates roving tabindex: sets tabindex=\"0\" on the target item\r\n * and tabindex=\"-1\" on all other items.\r\n /\r\n private _updateRovingTabindex(targetElement: HTMLElement): void {\r\n const items = this._menuItems();\r\n for (const item of items) {\r\n if (item._elementRef.nativeElement === targetElement) {\r\n item.tabIndex.set('0');\r\n } else {\r\n item.tabIndex.set('-1');\r\n }\r\n }\r\n }\r\n\r\n private _disposeOverlay(): void {\r\n this._overlaySubscriptions.unsubscribe();\r\n if (this._overlayRef) {\r\n this._overlayRef.dispose();\r\n this._overlayRef = null;\r\n }\r\n }\r\n\r\n private _startCloseAnimation(): void {\r\n // Clear any existing timeout\r\n this._clearCloseTimeout();\r\n\r\n // Trigger leave animation\r\n this._animationState.set('leave');\r\n\r\n // Wait for animation to complete before closing (matches CSS transition duration)\r\n this._closeAnimationTimeout = window.setTimeout(() => {\r\n this._closeMenu();\r\n this._animationState.set('void');\r\n }, 150); // Match the CSS transition duration\r\n }\r\n\r\n private _clearCloseTimeout(): void {\r\n if (this._closeAnimationTimeout !== null) {\r\n clearTimeout(this._closeAnimationTimeout);\r\n this._closeAnimationTimeout = null;\r\n }\r\n }\r\n\r\n /\r\n Checks if this menu's overlay is the topmost (most recently opened) overlay.\r\n * This ensures that only the topmost menu responds to keyboard events when\r\n * multiple menus are open (e.g., nested menus).\r\n /\r\n private _isTopmostOverlay(): boolean {\r\n if (!this._overlayRef) {\r\n return false;\r\n }\r\n\r\n const activeOverlays = this._overlayService.getActiveOverlays();\r\n\r\n // The last overlay in the array is the most recently created (topmost)\r\n const topmostOverlay = activeOverlays[activeOverlays.length - 1];\r\n\r\n return topmostOverlay === this._overlayRef;\r\n }\r\n}\r\n","@if (_isOpen() \|\| _animationState() === 'leave') {\r\n <div class=\"fui-menu__panel\" #menuPanel role=\"menu\" [attr.data-animation-state]=\"_animationState()\">\r\n <ng-content></ng-content>\r\n </div>\r\n}\r\n","import { Directive, ElementRef, inject, HostListener, input, effect, AfterViewInit } from '@angular/core';\r\nimport { FuiMenuComponent } from './menu.component';\r\n\r\n/\r\n # fuiMenuTrigger Directive\r\n \r\n A directive that marks an element as a menu trigger, similar to Angular Material's matMenuTriggerFor.\r\n * This directive should be used in conjunction with FuiMenuComponent.\r\n \r\n ## Usage\r\n \r\n ### Basic Usage\r\n * ```html\r\n * <button fuiMenuTrigger [menuTriggerFor]=\"menu\">Open Menu</button>\r\n * <fui-menu #menu>\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### With Menu Reference\r\n * ```html\r\n * <button fuiMenuTrigger [menuTriggerFor]=\"userMenu\">\r\n * <fui-icon name=\"user\"></fui-icon>\r\n * User Menu\r\n * </button>\r\n \r\n <fui-menu #userMenu position=\"bottom-end\">\r\n * <fui-menu-item>Profile</fui-menu-item>\r\n * <fui-menu-item>Settings</fui-menu-item>\r\n * <fui-menu-item variant=\"danger\">Logout</fui-menu-item>\r\n * </fui-menu>\r\n * ```\r\n \r\n ### Passing Data to Menu\r\n * ```html\r\n * <button fuiMenuTrigger\r\n * [menuTriggerFor]=\"dynamicMenu\"\r\n * [menuTriggerData]=\"{ user: currentUser, role: 'admin' }\">\r\n * Open Menu\r\n * </button>\r\n \r\n <fui-menu #dynamicMenu>\r\n * <!-- Access menu data in your component via menu.menuData() -->\r\n * </fui-menu>\r\n * ```\r\n \r\n @example\r\n * ```typescript\r\n * import { FuiMenuTriggerDirective, FuiMenuComponent, FuiMenuItemComponent } from '@raintonic/formaui/components/menu';\r\n \r\n @Component({\r\n * standalone: true,\r\n * imports: [FuiMenuTriggerDirective, FuiMenuComponent, FuiMenuItemComponent],\r\n * template: `\r\n * <button fuiMenuTrigger [menuTriggerFor]=\"menu\">Open Menu</button>\r\n * <fui-menu #menu>\r\n * <fui-menu-item>Option 1</fui-menu-item>\r\n * <fui-menu-item>Option 2</fui-menu-item>\r\n * </fui-menu>\r\n * `\r\n * })\r\n * export class MyComponent { }\r\n * ```\r\n /\r\n@Directive({\r\n selector: '[fuiMenuTrigger]',\r\n standalone: true,\r\n host: {\r\n '[attr.aria-haspopup]': '\"true\"',\r\n '[attr.aria-expanded]': 'menu?.isOpen() ? \"true\" : \"false\"',\r\n },\r\n})\r\nexport class FuiMenuTriggerDirective implements AfterViewInit {\r\n private readonly _elementRef = inject(ElementRef<HTMLElement>);\r\n\r\n /* The menu instance that this trigger should open /\r\n readonly menuTriggerFor = input<FuiMenuComponent \| null>();\r\n\r\n /\r\n Data to be passed to the menu.\r\n * Can be accessed in the menu component or menu items.\r\n * Similar to Angular Material's matMenuTriggerData.\r\n /\r\n readonly menuTriggerData = input<unknown>();\r\n\r\n /* The menu instance that this trigger is associated with /\r\n menu: FuiMenuComponent \| null = null;\r\n\r\n constructor() {\r\n // Set up the menu reference when fuiMenuTriggerFor changes\r\n effect(() => {\r\n const menuRef = this.menuTriggerFor();\r\n if (menuRef) {\r\n this.menu = menuRef;\r\n // Set the trigger element on the menu for positioning\r\n menuRef.setTriggerElement(this._elementRef.nativeElement);\r\n }\r\n });\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n // Ensure the menu reference is set after view initialization\r\n const menuRef = this.menuTriggerFor();\r\n\r\n if (menuRef) {\r\n this.menu = menuRef;\r\n menuRef.setTriggerElement(this._elementRef.nativeElement);\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n onClick(event: Event): void {\r\n if (this.menu) {\r\n event.preventDefault();\r\n\r\n // Update trigger element to ensure correct positioning when multiple triggers exist\r\n this.menu.setTriggerElement(this._elementRef.nativeElement);\r\n\r\n // Pass data to menu before opening/toggling\r\n const data = this.menuTriggerData();\r\n if (data !== undefined && this.menu.setMenuData) {\r\n this.menu.setMenuData(data);\r\n }\r\n\r\n this.menu.toggle();\r\n }\r\n }\r\n\r\n @HostListener('keydown', ['$event'])\r\n onKeydown(event: KeyboardEvent): void {\r\n const menu = this.menu;\r\n if (!menu) return;\r\n\r\n // Update trigger element and pass data to menu before opening\r\n const prepareMenu = (): void => {\r\n // Update trigger element to ensure correct positioning when multiple triggers exist\r\n menu.setTriggerElement(this._elementRef.nativeElement);\r\n\r\n // Pass data to menu\r\n const data = this.menuTriggerData();\r\n if (data !== undefined) {\r\n menu.setMenuData(data);\r\n }\r\n };\r\n\r\n switch (event.key) {\r\n case 'Enter':\r\n case ' ':\r\n event.preventDefault();\r\n prepareMenu();\r\n menu.toggle();\r\n break;\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n prepareMenu();\r\n menu.open();\r\n // Focus first item after menu opens\r\n setTimeout(() => {\r\n menu._focusFirstItem();\r\n }, 0);\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n prepareMenu();\r\n menu.open();\r\n // Focus last item after menu opens\r\n setTimeout(() => {\r\n menu._focusLastItem();\r\n }, 0);\r\n break;\r\n }\r\n }\r\n\r\n /* Gets the trigger element /\r\n getElement(): HTMLElement {\r\n return this._elementRef.nativeElement;\r\n }\r\n}\r\n","// Public API for menu components\r\nexport from './menu.component';\r\nexport * from './menu-item.component';\r\nexport * from './menu-trigger.directive';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-paginator.mjs CHANGED Viewed

@@ -139,13 +139,13 @@ class FuiPaginatorComponent {
         return typeof page === 'number';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPaginatorComponent, isStandalone: true, selector: "fui-paginator", inputs: { numberOfItems: { classPropertyName: "numberOfItems", publicName: "numberOfItems", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: true, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageSelected: "pageSelected" }, host: { classAttribute: "fui-paginator" }, viewQueries: [{ propertyName: "_pageAnnouncer", first: true, predicate: ["pageAnnouncer"], descendants: true }], ngImport: i0, template: "<nav role=\"navigation\" [attr.aria-label]=\"intl.rootAriaLabel\" class=\"fui-paginator__container\">\r\n  <!-- Live region for page change announcements -->\r\n  <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n  <!-- Previous Button -->\r\n  <button\r\n    fuiButton\r\n    variant=\"secondary\"\r\n    size=\"md\"\r\n    iconOnly\r\n    [disabled]=\"isFirstPage()\"\r\n    [attr.aria-disabled]=\"isFirstPage()\"\r\n    (click)=\"onPreviousClick()\"\r\n    [aria-label]=\"intl.prevPageAriaLabel\"\r\n    class=\"fui-paginator__nav-button\"\r\n  >\r\n    <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n  </button>\r\n\r\n  <!-- Page Numbers -->\r\n  <div class=\"fui-paginator__page-buttons\">\r\n    @for (page of pageNumbers(); track page) {\r\n      @if (typeof page === 'string') {\r\n        <!-- Ellipsis -->\r\n        <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n          {{ page }}\r\n        </span>\r\n      } @else {\r\n        <!-- Page Number Button -->\r\n        <button\r\n          fuiButton\r\n          [variant]=\"isPageActive(page) ? 'primary' : 'tertiary'\"\r\n          size=\"md\"\r\n          [disabled]=\"false\"\r\n          (click)=\"onPageClick(page)\"\r\n          [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n          [aria-label]=\"intl.pageAriaLabel(page, totalPages())\"\r\n          class=\"fui-paginator__page-button\"\r\n        >\r\n          {{ page }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <!-- Next Button -->\r\n  <button\r\n    fuiButton\r\n    variant=\"secondary\"\r\n    size=\"md\"\r\n    iconOnly\r\n    [disabled]=\"isLastPage()\"\r\n    [attr.aria-disabled]=\"isLastPage()\"\r\n    (click)=\"onNextClick()\"\r\n    [aria-label]=\"intl.nextPageAriaLabel\"\r\n    class=\"fui-paginator__nav-button\"\r\n  >\r\n    <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n  </button>\r\n</nav>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-paginator{--fui-paginator-bg: transparent;--fui-paginator-button-size: 2.5rem;--fui-paginator-font-size: var(--fui-font-size-sm);--fui-paginator-border-radius: var(--fui-border-radius-sm);--fui-paginator-gap: var(--fui-spacing-02);--fui-paginator-active-bg: var(--fui-primary);--fui-paginator-active-color: var(--fui-primary-text);--fui-paginator-active-hover-bg: var(--fui-primary-hover);--fui-paginator-hover-bg: var(--fui-primary-20)}.fui-paginator__container{display:flex;align-items:center;justify-content:center;gap:var(--fui-spacing-02);background-color:var(--fui-paginator-bg);flex-wrap:wrap}.fui-paginator__nav-button{flex-shrink:0;min-width:auto;padding:var(--fui-spacing-02)}.fui-paginator__nav-button:disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-paginator__page-buttons{display:flex;align-items:center;gap:var(--fui-spacing-01);flex-wrap:wrap;justify-content:center}.fui-paginator__page-button{min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);padding:0;border-radius:var(--fui-paginator-border-radius);font-weight:500;font-size:var(--fui-paginator-font-size)}.fui-paginator__page-button:not(:disabled){cursor:pointer}.fui-paginator__page-button:not(:disabled):hover{background-color:var(--fui-paginator-hover-bg)}.fui-paginator__page-button:disabled{cursor:not-allowed}.fui-paginator__page-button[aria-current=page]{background-color:var(--fui-paginator-active-bg);color:var(--fui-paginator-active-color);font-weight:600}.fui-paginator__page-button[aria-current=page]:hover{background-color:var(--fui-paginator-active-hover-bg)}.fui-paginator__page-button{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-paginator__page-button:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-paginator__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);color:var(--fui-text-secondary);font-weight:500;font-size:var(--fui-font-size-sm);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: FuiButtonDirective, selector: "button[fuiButton], a[fuiButton]", inputs: ["variant", "size", "disabled", "fullWidth", "loading", "iconOnly", "aria-label", "type"] }, { kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPaginatorComponent, isStandalone: true, selector: "fui-paginator", inputs: { numberOfItems: { classPropertyName: "numberOfItems", publicName: "numberOfItems", isSignal: true, isRequired: true, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: true, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageSelected: "pageSelected" }, host: { classAttribute: "fui-paginator" }, viewQueries: [{ propertyName: "_pageAnnouncer", first: true, predicate: ["pageAnnouncer"], descendants: true }], ngImport: i0, template: "<div class=\"fui-paginator\">\r\n\r\n\r\n  <nav role=\"navigation\" [attr.aria-label]=\"intl.rootAriaLabel\" class=\"fui-paginator__container\">\r\n    <!-- Live region for page change announcements -->\r\n    <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n    <!-- Previous Button -->\r\n    <button\r\n      fuiButton\r\n      variant=\"secondary\"\r\n      size=\"md\"\r\n      iconOnly\r\n      [disabled]=\"isFirstPage()\"\r\n      [attr.aria-disabled]=\"isFirstPage()\"\r\n      (click)=\"onPreviousClick()\"\r\n      [aria-label]=\"intl.prevPageAriaLabel\"\r\n      class=\"fui-paginator__nav-button\"\r\n    >\r\n      <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n    </button>\r\n\r\n    <!-- Page Numbers -->\r\n    <div class=\"fui-paginator__page-buttons\">\r\n      @for (page of pageNumbers(); track page) {\r\n        @if (typeof page === 'string') {\r\n          <!-- Ellipsis -->\r\n          <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n          {{ page }}\r\n        </span>\r\n        } @else {\r\n          <!-- Page Number Button -->\r\n          <button\r\n            fuiButton\r\n            [variant]=\"isPageActive(page) ? 'primary' : 'tertiary'\"\r\n            size=\"md\"\r\n            [disabled]=\"false\"\r\n            (click)=\"onPageClick(page)\"\r\n            [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n            [aria-label]=\"intl.pageAriaLabel(page, totalPages())\"\r\n            class=\"fui-paginator__page-button\"\r\n          >\r\n            {{ page }}\r\n          </button>\r\n        }\r\n      }\r\n    </div>\r\n\r\n    <!-- Next Button -->\r\n    <button\r\n      fuiButton\r\n      variant=\"secondary\"\r\n      size=\"md\"\r\n      iconOnly\r\n      [disabled]=\"isLastPage()\"\r\n      [attr.aria-disabled]=\"isLastPage()\"\r\n      (click)=\"onNextClick()\"\r\n      [aria-label]=\"intl.nextPageAriaLabel\"\r\n      class=\"fui-paginator__nav-button\"\r\n    >\r\n      <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n    </button>\r\n  </nav>\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-paginator{--fui-paginator-bg: transparent;--fui-paginator-button-size: 2.5rem;--fui-paginator-font-size: var(--fui-font-size-sm);--fui-paginator-border-radius: var(--fui-border-radius-sm);--fui-paginator-gap: var(--fui-spacing-02);--fui-paginator-active-bg: var(--fui-primary);--fui-paginator-active-color: var(--fui-primary-text);--fui-paginator-active-hover-bg: var(--fui-primary-hover);--fui-paginator-hover-bg: var(--fui-primary-20)}.fui-paginator__container{display:flex;align-items:center;justify-content:center;gap:var(--fui-spacing-02);background-color:var(--fui-paginator-bg);flex-wrap:wrap}.fui-paginator__nav-button{flex-shrink:0;min-width:auto;padding:var(--fui-spacing-02)}.fui-paginator__nav-button:disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-paginator__page-buttons{display:flex;align-items:center;gap:var(--fui-spacing-01);flex-wrap:wrap;justify-content:center}.fui-paginator__page-button{min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);padding:0;border-radius:var(--fui-paginator-border-radius);font-weight:500;font-size:var(--fui-paginator-font-size)}.fui-paginator__page-button:not(:disabled){cursor:pointer}.fui-paginator__page-button:not(:disabled):hover{background-color:var(--fui-paginator-hover-bg)}.fui-paginator__page-button:disabled{cursor:not-allowed}.fui-paginator__page-button[aria-current=page]{background-color:var(--fui-paginator-active-bg);color:var(--fui-paginator-active-color);font-weight:600}.fui-paginator__page-button[aria-current=page]:hover{background-color:var(--fui-paginator-active-hover-bg)}.fui-paginator__page-button{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-paginator__page-button:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-paginator__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);color:var(--fui-text-secondary);font-weight:500;font-size:var(--fui-font-size-sm);-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: FuiButtonDirective, selector: "button[fuiButton], a[fuiButton]", inputs: ["variant", "size", "disabled", "fullWidth", "loading", "iconOnly", "aria-label", "type"] }, { kind: "component", type: FuiIconComponent, selector: "fui-icon", inputs: ["name", "size", "weight", "color", "ariaLabel", "spin", "pulse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fui-paginator', standalone: true, imports: [FuiButtonDirective, FuiIconComponent], host: {
                         class: 'fui-paginator',
-                    }, template: "<nav role=\"navigation\" [attr.aria-label]=\"intl.rootAriaLabel\" class=\"fui-paginator__container\">\r\n  <!-- Live region for page change announcements -->\r\n  <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n  <!-- Previous Button -->\r\n  <button\r\n    fuiButton\r\n    variant=\"secondary\"\r\n    size=\"md\"\r\n    iconOnly\r\n    [disabled]=\"isFirstPage()\"\r\n    [attr.aria-disabled]=\"isFirstPage()\"\r\n    (click)=\"onPreviousClick()\"\r\n    [aria-label]=\"intl.prevPageAriaLabel\"\r\n    class=\"fui-paginator__nav-button\"\r\n  >\r\n    <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n  </button>\r\n\r\n  <!-- Page Numbers -->\r\n  <div class=\"fui-paginator__page-buttons\">\r\n    @for (page of pageNumbers(); track page) {\r\n      @if (typeof page === 'string') {\r\n        <!-- Ellipsis -->\r\n        <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n          {{ page }}\r\n        </span>\r\n      } @else {\r\n        <!-- Page Number Button -->\r\n        <button\r\n          fuiButton\r\n          [variant]=\"isPageActive(page) ? 'primary' : 'tertiary'\"\r\n          size=\"md\"\r\n          [disabled]=\"false\"\r\n          (click)=\"onPageClick(page)\"\r\n          [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n          [aria-label]=\"intl.pageAriaLabel(page, totalPages())\"\r\n          class=\"fui-paginator__page-button\"\r\n        >\r\n          {{ page }}\r\n        </button>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <!-- Next Button -->\r\n  <button\r\n    fuiButton\r\n    variant=\"secondary\"\r\n    size=\"md\"\r\n    iconOnly\r\n    [disabled]=\"isLastPage()\"\r\n    [attr.aria-disabled]=\"isLastPage()\"\r\n    (click)=\"onNextClick()\"\r\n    [aria-label]=\"intl.nextPageAriaLabel\"\r\n    class=\"fui-paginator__nav-button\"\r\n  >\r\n    <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n  </button>\r\n</nav>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-paginator{--fui-paginator-bg: transparent;--fui-paginator-button-size: 2.5rem;--fui-paginator-font-size: var(--fui-font-size-sm);--fui-paginator-border-radius: var(--fui-border-radius-sm);--fui-paginator-gap: var(--fui-spacing-02);--fui-paginator-active-bg: var(--fui-primary);--fui-paginator-active-color: var(--fui-primary-text);--fui-paginator-active-hover-bg: var(--fui-primary-hover);--fui-paginator-hover-bg: var(--fui-primary-20)}.fui-paginator__container{display:flex;align-items:center;justify-content:center;gap:var(--fui-spacing-02);background-color:var(--fui-paginator-bg);flex-wrap:wrap}.fui-paginator__nav-button{flex-shrink:0;min-width:auto;padding:var(--fui-spacing-02)}.fui-paginator__nav-button:disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-paginator__page-buttons{display:flex;align-items:center;gap:var(--fui-spacing-01);flex-wrap:wrap;justify-content:center}.fui-paginator__page-button{min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);padding:0;border-radius:var(--fui-paginator-border-radius);font-weight:500;font-size:var(--fui-paginator-font-size)}.fui-paginator__page-button:not(:disabled){cursor:pointer}.fui-paginator__page-button:not(:disabled):hover{background-color:var(--fui-paginator-hover-bg)}.fui-paginator__page-button:disabled{cursor:not-allowed}.fui-paginator__page-button[aria-current=page]{background-color:var(--fui-paginator-active-bg);color:var(--fui-paginator-active-color);font-weight:600}.fui-paginator__page-button[aria-current=page]:hover{background-color:var(--fui-paginator-active-hover-bg)}.fui-paginator__page-button{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-paginator__page-button:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-paginator__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);color:var(--fui-text-secondary);font-weight:500;font-size:var(--fui-font-size-sm);-webkit-user-select:none;user-select:none}\n"] }]
+                    }, template: "<div class=\"fui-paginator\">\r\n\r\n\r\n  <nav role=\"navigation\" [attr.aria-label]=\"intl.rootAriaLabel\" class=\"fui-paginator__container\">\r\n    <!-- Live region for page change announcements -->\r\n    <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n    <!-- Previous Button -->\r\n    <button\r\n      fuiButton\r\n      variant=\"secondary\"\r\n      size=\"md\"\r\n      iconOnly\r\n      [disabled]=\"isFirstPage()\"\r\n      [attr.aria-disabled]=\"isFirstPage()\"\r\n      (click)=\"onPreviousClick()\"\r\n      [aria-label]=\"intl.prevPageAriaLabel\"\r\n      class=\"fui-paginator__nav-button\"\r\n    >\r\n      <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n    </button>\r\n\r\n    <!-- Page Numbers -->\r\n    <div class=\"fui-paginator__page-buttons\">\r\n      @for (page of pageNumbers(); track page) {\r\n        @if (typeof page === 'string') {\r\n          <!-- Ellipsis -->\r\n          <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n          {{ page }}\r\n        </span>\r\n        } @else {\r\n          <!-- Page Number Button -->\r\n          <button\r\n            fuiButton\r\n            [variant]=\"isPageActive(page) ? 'primary' : 'tertiary'\"\r\n            size=\"md\"\r\n            [disabled]=\"false\"\r\n            (click)=\"onPageClick(page)\"\r\n            [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n            [aria-label]=\"intl.pageAriaLabel(page, totalPages())\"\r\n            class=\"fui-paginator__page-button\"\r\n          >\r\n            {{ page }}\r\n          </button>\r\n        }\r\n      }\r\n    </div>\r\n\r\n    <!-- Next Button -->\r\n    <button\r\n      fuiButton\r\n      variant=\"secondary\"\r\n      size=\"md\"\r\n      iconOnly\r\n      [disabled]=\"isLastPage()\"\r\n      [attr.aria-disabled]=\"isLastPage()\"\r\n      (click)=\"onNextClick()\"\r\n      [aria-label]=\"intl.nextPageAriaLabel\"\r\n      class=\"fui-paginator__nav-button\"\r\n    >\r\n      <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n    </button>\r\n  </nav>\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.fui-paginator{--fui-paginator-bg: transparent;--fui-paginator-button-size: 2.5rem;--fui-paginator-font-size: var(--fui-font-size-sm);--fui-paginator-border-radius: var(--fui-border-radius-sm);--fui-paginator-gap: var(--fui-spacing-02);--fui-paginator-active-bg: var(--fui-primary);--fui-paginator-active-color: var(--fui-primary-text);--fui-paginator-active-hover-bg: var(--fui-primary-hover);--fui-paginator-hover-bg: var(--fui-primary-20)}.fui-paginator__container{display:flex;align-items:center;justify-content:center;gap:var(--fui-spacing-02);background-color:var(--fui-paginator-bg);flex-wrap:wrap}.fui-paginator__nav-button{flex-shrink:0;min-width:auto;padding:var(--fui-spacing-02)}.fui-paginator__nav-button:disabled{cursor:not-allowed;opacity:var(--fui-opacity-disabled)}.fui-paginator__page-buttons{display:flex;align-items:center;gap:var(--fui-spacing-01);flex-wrap:wrap;justify-content:center}.fui-paginator__page-button{min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);padding:0;border-radius:var(--fui-paginator-border-radius);font-weight:500;font-size:var(--fui-paginator-font-size)}.fui-paginator__page-button:not(:disabled){cursor:pointer}.fui-paginator__page-button:not(:disabled):hover{background-color:var(--fui-paginator-hover-bg)}.fui-paginator__page-button:disabled{cursor:not-allowed}.fui-paginator__page-button[aria-current=page]{background-color:var(--fui-paginator-active-bg);color:var(--fui-paginator-active-color);font-weight:600}.fui-paginator__page-button[aria-current=page]:hover{background-color:var(--fui-paginator-active-hover-bg)}.fui-paginator__page-button{transition:all var(--fui-duration-fast-02) var(--fui-ease-standard) 0ms}.fui-paginator__page-button:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px}.fui-paginator__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--fui-paginator-button-size);height:var(--fui-paginator-button-size);color:var(--fui-text-secondary);font-weight:500;font-size:var(--fui-font-size-sm);-webkit-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { numberOfItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "numberOfItems", required: true }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: true }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }], pageSelected: [{ type: i0.Output, args: ["pageSelected"] }], _pageAnnouncer: [{
                 type: ViewChild,
                 args: ['pageAnnouncer']

package/fesm2022/raintonic-formaui-components-paginator.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"raintonic-formaui-components-paginator.mjs","sources":["../../../lib/components/paginator/paginator.intl.ts","../../../lib/components/paginator/paginator.component.ts","../../../lib/components/paginator/paginator.component.html","../../../lib/components/paginator/raintonic-formaui-components-paginator.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiPaginatorIntl extends FuiIntlBase {\r\n rootAriaLabel = 'Pagination';\r\n prevPageAriaLabel = 'Go to previous page';\r\n nextPageAriaLabel = 'Go to next page';\r\n pageAriaLabel(page: number, total: number): string {\r\n return `Page ${page} of ${total}`;\r\n }\r\n}\r\n","import { ChangeDetectorRef, Component, computed, effect, ElementRef, inject, input, output, signal, ViewChild } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\nimport { FuiButtonDirective } from '@raintonic/formaui/components/button';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\n\r\nimport { FuiPaginatorIntl } from './paginator.intl';\r\n\r\n/*\r\n # Paginator Component\r\n \r\n A pagination component that handles navigation through pages with:\r\n * - Previous/Next navigation buttons (disabled at boundaries)\r\n * - Page number buttons (at least 4 visible)\r\n * - Ellipsis (...) for remaining pages when there are more than 4 pages\r\n * - Emits page selection via output signal\r\n * - Keyboard support for accessibility\r\n /\r\n@Component({\r\n selector: 'fui-paginator',\r\n standalone: true,\r\n imports: [FuiButtonDirective, FuiIconComponent],\r\n templateUrl: './paginator.component.html',\r\n styleUrl: './paginator.component.scss',\r\n host: {\r\n class: 'fui-paginator',\r\n },\r\n})\r\nexport class FuiPaginatorComponent {\r\n // Input properties\r\n readonly numberOfItems = input.required<number>();\r\n readonly pageSize = input.required<number>();\r\n readonly currentPage = input(1);\r\n\r\n // Internal state\r\n private readonly _currentPage = signal(1);\r\n\r\n // Output events\r\n readonly pageSelected = output<number>();\r\n\r\n @ViewChild('pageAnnouncer') private _pageAnnouncer?: ElementRef<HTMLElement>;\r\n\r\n readonly intl = inject(FuiPaginatorIntl);\r\n private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n // Computed properties\r\n readonly totalPages = computed(() => {\r\n const total = this.numberOfItems();\r\n const size = this.pageSize();\r\n\r\n return Math.ceil(total / size);\r\n });\r\n\r\n readonly isFirstPage = computed(() => this._currentPage() === 1);\r\n readonly isLastPage = computed(() => this._currentPage() === this.totalPages());\r\n\r\n readonly pageNumbers = computed(() => {\r\n const currentPage = this._currentPage();\r\n const total = this.totalPages();\r\n\r\n if (total <= 4) {\r\n // Show all pages if 4 or fewer\r\n return Array.from({ length: total }, (_, i) => i + 1);\r\n }\r\n\r\n // Show at least 4 buttons with ellipsis for remaining pages\r\n const pages: (number \| string)[] = [];\r\n\r\n // Always include first page\r\n pages.push(1);\r\n\r\n // Determine the range around current page\r\n let start = Math.max(2, currentPage - 1);\r\n let end = Math.min(total - 1, currentPage + 1);\r\n\r\n // Ensure we show at least 4 page buttons (including first and last)\r\n if (end - start < 2) {\r\n if (start === 2) {\r\n end = Math.min(total - 1, start + 2);\r\n } else {\r\n start = Math.max(2, end - 2);\r\n }\r\n }\r\n\r\n // Add ellipsis and pages\r\n if (start > 2) {\r\n pages.push('...');\r\n }\r\n\r\n for (let i = start; i <= end; i++) {\r\n pages.push(i);\r\n }\r\n\r\n if (end < total - 1) {\r\n pages.push('...');\r\n }\r\n\r\n // Always include last page\r\n pages.push(total);\r\n\r\n return pages;\r\n });\r\n\r\n constructor() {\r\n this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });\r\n\r\n // Sync currentPage input to internal state\r\n effect(() => {\r\n const page = this.currentPage();\r\n this._currentPage.set(page);\r\n });\r\n\r\n // Reset to first page when numberOfItems or pageSize change\r\n effect(() => {\r\n this.numberOfItems();\r\n this.pageSize();\r\n this._currentPage.set(1);\r\n });\r\n }\r\n\r\n onPageClick(page: number \| string): void {\r\n if (typeof page === 'number') {\r\n this._currentPage.set(page);\r\n this.pageSelected.emit(page);\r\n this._announce(this.intl.pageAriaLabel(page, this.totalPages()));\r\n }\r\n }\r\n\r\n onPreviousClick(): void {\r\n if (!this.isFirstPage()) {\r\n const newPage = this._currentPage() - 1;\r\n this._currentPage.set(newPage);\r\n this.pageSelected.emit(newPage);\r\n this._announce(this.intl.pageAriaLabel(newPage, this.totalPages()));\r\n }\r\n }\r\n\r\n onNextClick(): void {\r\n if (!this.isLastPage()) {\r\n const newPage = this._currentPage() + 1;\r\n this._currentPage.set(newPage);\r\n this.pageSelected.emit(newPage);\r\n this._announce(this.intl.pageAriaLabel(newPage, this.totalPages()));\r\n }\r\n }\r\n\r\n private _announce(message: string): void {\r\n if (this._pageAnnouncer?.nativeElement) {\r\n this._pageAnnouncer.nativeElement.textContent = message;\r\n }\r\n }\r\n\r\n getCurrentPage(): number {\r\n return this._currentPage();\r\n }\r\n\r\n isPageActive(page: number \| string): boolean {\r\n return typeof page === 'number' && page === this._currentPage();\r\n }\r\n\r\n isPageClickable(page: number \| string): boolean {\r\n return typeof page === 'number';\r\n }\r\n}\r\n","<nav role=\"navigation\" [attr.aria-label]=\"intl.rootAriaLabel\" class=\"fui-paginator__container\">\r\n <!-- Live region for page change announcements -->\r\n <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n <!-- Previous Button -->\r\n <button\r\n fuiButton\r\n variant=\"secondary\"\r\n size=\"md\"\r\n iconOnly\r\n [disabled]=\"isFirstPage()\"\r\n [attr.aria-disabled]=\"isFirstPage()\"\r\n (click)=\"onPreviousClick()\"\r\n [aria-label]=\"intl.prevPageAriaLabel\"\r\n class=\"fui-paginator__nav-button\"\r\n >\r\n <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n </button>\r\n\r\n <!-- Page Numbers -->\r\n <div class=\"fui-paginator__page-buttons\">\r\n @for (page of pageNumbers(); track page) {\r\n @if (typeof page === 'string') {\r\n <!-- Ellipsis -->\r\n <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n {{ page }}\r\n </span>\r\n } @else {\r\n <!-- Page Number Button -->\r\n <button\r\n fuiButton\r\n [variant]=\"isPageActive(page) ? 'primary' : 'tertiary'\"\r\n size=\"md\"\r\n [disabled]=\"false\"\r\n (click)=\"onPageClick(page)\"\r\n [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n [aria-label]=\"intl.pageAriaLabel(page, totalPages())\"\r\n class=\"fui-paginator__page-button\"\r\n >\r\n {{ page }}\r\n </button>\r\n }\r\n }\r\n </div>\r\n\r\n <!-- Next Button -->\r\n <button\r\n fuiButton\r\n variant=\"secondary\"\r\n size=\"md\"\r\n iconOnly\r\n [disabled]=\"isLastPage()\"\r\n [attr.aria-disabled]=\"isLastPage()\"\r\n (click)=\"onNextClick()\"\r\n [aria-label]=\"intl.nextPageAriaLabel\"\r\n class=\"fui-paginator__nav-button\"\r\n >\r\n <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n </button>\r\n</nav>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"raintonic-formaui-components-paginator.mjs","sources":["../../../lib/components/paginator/paginator.intl.ts","../../../lib/components/paginator/paginator.component.ts","../../../lib/components/paginator/paginator.component.html","../../../lib/components/paginator/raintonic-formaui-components-paginator.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { FuiIntlBase } from '@raintonic/formaui/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class FuiPaginatorIntl extends FuiIntlBase {\r\n rootAriaLabel = 'Pagination';\r\n prevPageAriaLabel = 'Go to previous page';\r\n nextPageAriaLabel = 'Go to next page';\r\n pageAriaLabel(page: number, total: number): string {\r\n return `Page ${page} of ${total}`;\r\n }\r\n}\r\n","import { ChangeDetectorRef, Component, computed, effect, ElementRef, inject, input, output, signal, ViewChild } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\nimport { FuiButtonDirective } from '@raintonic/formaui/components/button';\r\nimport { FuiIconComponent } from '@raintonic/formaui/components/icon';\r\n\r\nimport { FuiPaginatorIntl } from './paginator.intl';\r\n\r\n/*\r\n # Paginator Component\r\n \r\n A pagination component that handles navigation through pages with:\r\n * - Previous/Next navigation buttons (disabled at boundaries)\r\n * - Page number buttons (at least 4 visible)\r\n * - Ellipsis (...) for remaining pages when there are more than 4 pages\r\n * - Emits page selection via output signal\r\n * - Keyboard support for accessibility\r\n /\r\n@Component({\r\n selector: 'fui-paginator',\r\n standalone: true,\r\n imports: [FuiButtonDirective, FuiIconComponent],\r\n templateUrl: './paginator.component.html',\r\n styleUrl: './paginator.component.scss',\r\n host: {\r\n class: 'fui-paginator',\r\n },\r\n})\r\nexport class FuiPaginatorComponent {\r\n // Input properties\r\n readonly numberOfItems = input.required<number>();\r\n readonly pageSize = input.required<number>();\r\n readonly currentPage = input(1);\r\n\r\n // Internal state\r\n private readonly _currentPage = signal(1);\r\n\r\n // Output events\r\n readonly pageSelected = output<number>();\r\n\r\n @ViewChild('pageAnnouncer') private _pageAnnouncer?: ElementRef<HTMLElement>;\r\n\r\n readonly intl = inject(FuiPaginatorIntl);\r\n private readonly _cdr = inject(ChangeDetectorRef);\r\n\r\n // Computed properties\r\n readonly totalPages = computed(() => {\r\n const total = this.numberOfItems();\r\n const size = this.pageSize();\r\n\r\n return Math.ceil(total / size);\r\n });\r\n\r\n readonly isFirstPage = computed(() => this._currentPage() === 1);\r\n readonly isLastPage = computed(() => this._currentPage() === this.totalPages());\r\n\r\n readonly pageNumbers = computed(() => {\r\n const currentPage = this._currentPage();\r\n const total = this.totalPages();\r\n\r\n if (total <= 4) {\r\n // Show all pages if 4 or fewer\r\n return Array.from({ length: total }, (_, i) => i + 1);\r\n }\r\n\r\n // Show at least 4 buttons with ellipsis for remaining pages\r\n const pages: (number \| string)[] = [];\r\n\r\n // Always include first page\r\n pages.push(1);\r\n\r\n // Determine the range around current page\r\n let start = Math.max(2, currentPage - 1);\r\n let end = Math.min(total - 1, currentPage + 1);\r\n\r\n // Ensure we show at least 4 page buttons (including first and last)\r\n if (end - start < 2) {\r\n if (start === 2) {\r\n end = Math.min(total - 1, start + 2);\r\n } else {\r\n start = Math.max(2, end - 2);\r\n }\r\n }\r\n\r\n // Add ellipsis and pages\r\n if (start > 2) {\r\n pages.push('...');\r\n }\r\n\r\n for (let i = start; i <= end; i++) {\r\n pages.push(i);\r\n }\r\n\r\n if (end < total - 1) {\r\n pages.push('...');\r\n }\r\n\r\n // Always include last page\r\n pages.push(total);\r\n\r\n return pages;\r\n });\r\n\r\n constructor() {\r\n this.intl.changes.pipe(takeUntilDestroyed()).subscribe(() => { this._cdr.markForCheck(); });\r\n\r\n // Sync currentPage input to internal state\r\n effect(() => {\r\n const page = this.currentPage();\r\n this._currentPage.set(page);\r\n });\r\n\r\n // Reset to first page when numberOfItems or pageSize change\r\n effect(() => {\r\n this.numberOfItems();\r\n this.pageSize();\r\n this._currentPage.set(1);\r\n });\r\n }\r\n\r\n onPageClick(page: number \| string): void {\r\n if (typeof page === 'number') {\r\n this._currentPage.set(page);\r\n this.pageSelected.emit(page);\r\n this._announce(this.intl.pageAriaLabel(page, this.totalPages()));\r\n }\r\n }\r\n\r\n onPreviousClick(): void {\r\n if (!this.isFirstPage()) {\r\n const newPage = this._currentPage() - 1;\r\n this._currentPage.set(newPage);\r\n this.pageSelected.emit(newPage);\r\n this._announce(this.intl.pageAriaLabel(newPage, this.totalPages()));\r\n }\r\n }\r\n\r\n onNextClick(): void {\r\n if (!this.isLastPage()) {\r\n const newPage = this._currentPage() + 1;\r\n this._currentPage.set(newPage);\r\n this.pageSelected.emit(newPage);\r\n this._announce(this.intl.pageAriaLabel(newPage, this.totalPages()));\r\n }\r\n }\r\n\r\n private _announce(message: string): void {\r\n if (this._pageAnnouncer?.nativeElement) {\r\n this._pageAnnouncer.nativeElement.textContent = message;\r\n }\r\n }\r\n\r\n getCurrentPage(): number {\r\n return this._currentPage();\r\n }\r\n\r\n isPageActive(page: number \| string): boolean {\r\n return typeof page === 'number' && page === this._currentPage();\r\n }\r\n\r\n isPageClickable(page: number \| string): boolean {\r\n return typeof page === 'number';\r\n }\r\n}\r\n","<div class=\"fui-paginator\">\r\n\r\n\r\n <nav role=\"navigation\" [attr.aria-label]=\"intl.rootAriaLabel\" class=\"fui-paginator__container\">\r\n <!-- Live region for page change announcements -->\r\n <div class=\"fui-sr-only\" aria-live=\"polite\" aria-atomic=\"true\" #pageAnnouncer></div>\r\n\r\n <!-- Previous Button -->\r\n <button\r\n fuiButton\r\n variant=\"secondary\"\r\n size=\"md\"\r\n iconOnly\r\n [disabled]=\"isFirstPage()\"\r\n [attr.aria-disabled]=\"isFirstPage()\"\r\n (click)=\"onPreviousClick()\"\r\n [aria-label]=\"intl.prevPageAriaLabel\"\r\n class=\"fui-paginator__nav-button\"\r\n >\r\n <fui-icon name=\"caret-left\" size=\"md\"></fui-icon>\r\n </button>\r\n\r\n <!-- Page Numbers -->\r\n <div class=\"fui-paginator__page-buttons\">\r\n @for (page of pageNumbers(); track page) {\r\n @if (typeof page === 'string') {\r\n <!-- Ellipsis -->\r\n <span class=\"fui-paginator__ellipsis\" aria-hidden=\"true\">\r\n {{ page }}\r\n </span>\r\n } @else {\r\n <!-- Page Number Button -->\r\n <button\r\n fuiButton\r\n [variant]=\"isPageActive(page) ? 'primary' : 'tertiary'\"\r\n size=\"md\"\r\n [disabled]=\"false\"\r\n (click)=\"onPageClick(page)\"\r\n [attr.aria-current]=\"isPageActive(page) ? 'page' : null\"\r\n [aria-label]=\"intl.pageAriaLabel(page, totalPages())\"\r\n class=\"fui-paginator__page-button\"\r\n >\r\n {{ page }}\r\n </button>\r\n }\r\n }\r\n </div>\r\n\r\n <!-- Next Button -->\r\n <button\r\n fuiButton\r\n variant=\"secondary\"\r\n size=\"md\"\r\n iconOnly\r\n [disabled]=\"isLastPage()\"\r\n [attr.aria-disabled]=\"isLastPage()\"\r\n (click)=\"onNextClick()\"\r\n [aria-label]=\"intl.nextPageAriaLabel\"\r\n class=\"fui-paginator__nav-button\"\r\n >\r\n <fui-icon name=\"caret-right\" size=\"md\"></fui-icon>\r\n </button>\r\n </nav>\r\n</div>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-popover.mjs CHANGED Viewed

@@ -43,14 +43,14 @@ class FuiPopoverComponent {
         return baseClass;
     }, ...(ngDevMode ? [{ debugName: "arrowClasses" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPopoverComponent, isStandalone: true, selector: "fui-popover", inputs: { hasArrow: { classPropertyName: "hasArrow", publicName: "hasArrow", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClasses()" }, classAttribute: "fui-popover" }, ngImport: i0, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);z-index:var(--fui-z-popover, 1050);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiPopoverComponent, isStandalone: true, selector: "fui-popover", inputs: { hasArrow: { classPropertyName: "hasArrow", publicName: "hasArrow", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClasses()" }, classAttribute: "fui-popover" }, ngImport: i0, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fui-popover', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fui-popover',
                         '[class]': 'computedClasses()',
-                    }, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);z-index:var(--fui-z-popover, 1050);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"] }]
+                    }, template: "<div class=\"fui-popover__panel\" role=\"dialog\">\r\n  @if (hasArrow()) {\r\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\r\n  }\r\n  <div class=\"fui-popover__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}@keyframes fui-popover-enter{0%{opacity:0;transform:translateY(-14px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}::ng-deep .fui-popover{--fui-popover-border-radius: var(--fui-border-radius-md);--fui-popover-shadow: var(--fui-shadow-03);--fui-popover-padding: var(--fui-spacing-04);--fui-popover-background: var(--fui-surface-card);--fui-popover-border-color: var(--fui-border-color);--fui-popover-text-color: var(--fui-text-primary);display:block;font-family:var(--fui-font-family-sans);font-weight:var(--fui-font-weight-regular);line-height:var(--fui-line-height-body);color:var(--fui-popover-text-color);opacity:0;animation:fui-popover-fade-in var(--fui-duration-fast-02) var(--fui-ease-entrance) forwards}::ng-deep .fui-popover__panel{position:relative;background-color:var(--fui-popover-background);border:1px solid var(--fui-popover-border-color);border-radius:var(--fui-popover-border-radius);box-shadow:var(--fui-popover-shadow)}::ng-deep .fui-popover__content{padding:var(--fui-popover-padding)}::ng-deep .fui-popover__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent;--arrow-size: 6px}::ng-deep .fui-popover__arrow--top{bottom:100%;left:50%;transform:translate(-50%);border-width:0 var(--arrow-size) var(--arrow-size) var(--arrow-size);border-bottom-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--top:before{content:\"\";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-bottom-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--bottom{top:100%;left:50%;transform:translate(-50%);border-width:var(--arrow-size) var(--arrow-size) 0 var(--arrow-size);border-top-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--bottom:before{content:\"\";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px);border-top-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) var(--arrow-size) var(--arrow-size) 0;border-right-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--left:before{content:\"\";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px) 0;border-right-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-width:var(--arrow-size) 0 var(--arrow-size) var(--arrow-size);border-left-color:var(--fui-popover-background)}::ng-deep .fui-popover__arrow--right:before{content:\"\";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-color:transparent;border-width:calc(var(--arrow-size) + 1px) 0 calc(var(--arrow-size) + 1px) calc(var(--arrow-size) + 1px);border-left-color:var(--fui-popover-border-color);z-index:-1}::ng-deep .fui-popover--top-start .fui-popover__arrow,::ng-deep .fui-popover--bottom-start .fui-popover__arrow{left:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--top-end .fui-popover__arrow,::ng-deep .fui-popover--bottom-end .fui-popover__arrow{right:var(--fui-spacing-04);left:auto;transform:none}::ng-deep .fui-popover--left-start .fui-popover__arrow,::ng-deep .fui-popover--right-start .fui-popover__arrow{top:var(--fui-spacing-04);transform:none}::ng-deep .fui-popover--left-end .fui-popover__arrow,::ng-deep .fui-popover--right-end .fui-popover__arrow{bottom:var(--fui-spacing-04);top:auto;transform:none}@media(prefers-contrast:more){::ng-deep .fui-popover .fui-popover__panel{border:2px solid var(--fui-text-primary);box-shadow:var(--fui-shadow-04)}}@media(prefers-reduced-motion:reduce){::ng-deep .fui-popover{animation:none;opacity:1}}@media print{::ng-deep .fui-popover{display:none!important}}@keyframes fui-popover-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"] }]
         }], propDecorators: { hasArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasArrow", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
 const POPOVER_POSITIONS = [