@raintonic/formaui 0.2.0

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

@@ -0,0 +1,451 @@
+import * as i0 from '@angular/core';
+import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, booleanAttribute, output, signal, inject, ElementRef, effect, HostListener, Directive } from '@angular/core';
+import { FuiOverlayService } from '@raintonic/formaui/cdk/overlay';
+
+/**
+ * # FuiPopoverComponent
+ *
+ * Internal popover container component rendered inside the overlay.
+ * Provides a styled panel with optional arrow indicator.
+ *
+ * ## Usage
+ * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.
+ */
+class FuiPopoverComponent {
+    /** Whether to show the arrow indicator */
+    hasArrow = input(true, ...(ngDevMode ? [{ debugName: "hasArrow" }] : /* istanbul ignore next */ []));
+    /** Position of the popover relative to the trigger element, used for arrow calculation */
+    position = input('bottom', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    /** Computed CSS classes for the popover */
+    computedClasses = computed(() => {
+        const classes = ['fui-popover', `fui-popover--${this.position()}`];
+        if (this.hasArrow()) {
+            classes.push('fui-popover--with-arrow');
+        }
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "computedClasses" }] : /* istanbul ignore next */ []));
+    /** Computed arrow classes based on position */
+    arrowClasses = computed(() => {
+        const position = this.position();
+        const baseClass = 'fui-popover__arrow';
+        if (position.startsWith('top')) {
+            return `${baseClass} ${baseClass}--bottom`;
+        }
+        else if (position.startsWith('bottom')) {
+            return `${baseClass} ${baseClass}--top`;
+        }
+        else if (position.startsWith('left')) {
+            return `${baseClass} ${baseClass}--right`;
+        }
+        else if (position.startsWith('right')) {
+            return `${baseClass} ${baseClass}--left`;
+        }
+        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\">\n  @if (hasArrow()) {\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n  }\n  <div class=\"fui-popover__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\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)}::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 });
+}
+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\">\n  @if (hasArrow()) {\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n  }\n  <div class=\"fui-popover__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\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)}::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"] }]
+        }], 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 = [
+    'top',
+    'bottom',
+    'left',
+    'right',
+    'top-start',
+    'top-end',
+    'bottom-start',
+    'bottom-end',
+    'left-start',
+    'left-end',
+    'right-start',
+    'right-end',
+];
+const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'];
+
+/**
+ * # PopoverTrigger Directive
+ *
+ * A directive that triggers a popover overlay anchored to the host element.
+ * Supports click, hover, focus, and manual trigger modes with configurable
+ * positioning, delays, and arrow indicators.
+ *
+ * ## Usage
+ *
+ * ### Basic Click Popover
+ * ```html
+ * <ng-template #popoverContent>
+ *   <p>Popover content here</p>
+ * </ng-template>
+ *
+ * <button [fuiPopoverTrigger]="popoverContent">Open Popover</button>
+ * ```
+ *
+ * ### Hover with Position
+ * ```html
+ * <button [fuiPopoverTrigger]="popoverContent"
+ *         fuiPopoverTriggerOn="hover"
+ *         fuiPopoverPosition="top">
+ *   Hover Me
+ * </button>
+ * ```
+ *
+ * ### Manual Control
+ * ```html
+ * <button [fuiPopoverTrigger]="popoverContent"
+ *         fuiPopoverTriggerOn="manual"
+ *         [fuiPopoverOpen]="isOpen">
+ *   Manual Popover
+ * </button>
+ * ```
+ */
+class FuiPopoverTriggerDirective {
+    /** Template ref for the popover content */
+    fuiPopoverTrigger = input.required(...(ngDevMode ? [{ debugName: "fuiPopoverTrigger" }] : /* istanbul ignore next */ []));
+    /** Position of the popover relative to the trigger element */
+    fuiPopoverPosition = input('bottom', { ...(ngDevMode ? { debugName: "fuiPopoverPosition" } : /* istanbul ignore next */ {}), transform: (v) => (POPOVER_POSITIONS.includes(v) ? v : 'bottom') });
+    /** Trigger mode for showing/hiding the popover */
+    fuiPopoverTriggerOn = input('click', { ...(ngDevMode ? { debugName: "fuiPopoverTriggerOn" } : /* istanbul ignore next */ {}), transform: (v) => (POPOVER_TRIGGER_MODES.includes(v) ? v : 'click') });
+    /** Delay before showing the popover (in milliseconds) */
+    fuiPopoverShowDelay = input(0, { ...(ngDevMode ? { debugName: "fuiPopoverShowDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Delay before hiding the popover (in milliseconds) */
+    fuiPopoverHideDelay = input(0, { ...(ngDevMode ? { debugName: "fuiPopoverHideDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Whether to show the arrow indicator */
+    fuiPopoverHasArrow = input(true, { ...(ngDevMode ? { debugName: "fuiPopoverHasArrow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether to close on outside click */
+    fuiPopoverCloseOnOutsideClick = input(true, { ...(ngDevMode ? { debugName: "fuiPopoverCloseOnOutsideClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the popover trigger is disabled */
+    fuiPopoverDisabled = input(false, { ...(ngDevMode ? { debugName: "fuiPopoverDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Manual control for showing/hiding the popover (only works with trigger="manual") */
+    fuiPopoverOpen = input(false, { ...(ngDevMode ? { debugName: "fuiPopoverOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Emits when the popover is opened */
+    fuiPopoverOpened = output();
+    /** Emits when the popover is closed */
+    fuiPopoverClosed = output();
+    // Internal state
+    _isOpen = signal(false, ...(ngDevMode ? [{ debugName: "_isOpen" }] : /* istanbul ignore next */ []));
+    _overlayRef = null;
+    _embeddedViewRef = null;
+    _showTimeout = null;
+    _hideTimeout = null;
+    _subscriptions = [];
+    // Injected dependencies
+    _elementRef = inject(ElementRef);
+    _overlayService = inject(FuiOverlayService);
+    constructor() {
+        // Handle manual control
+        effect(() => {
+            if (this.fuiPopoverTriggerOn() === 'manual') {
+                if (this.fuiPopoverOpen()) {
+                    this._showPopover();
+                }
+                else {
+                    this._hidePopover();
+                }
+            }
+        });
+        // Handle disabled state
+        effect(() => {
+            if (this.fuiPopoverDisabled() && this._isOpen()) {
+                this._hidePopover();
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._clearTimeouts();
+        this._destroyPopover();
+    }
+    onHostClick() {
+        if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {
+            if (this._isOpen()) {
+                this._hidePopover();
+            }
+            else {
+                this._showPopover();
+            }
+        }
+    }
+    onMouseEnter() {
+        if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {
+            this._scheduleShow();
+        }
+    }
+    onMouseLeave() {
+        if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {
+            this._scheduleHide();
+        }
+    }
+    onFocus() {
+        if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {
+            this._scheduleShow();
+        }
+    }
+    onBlur() {
+        if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {
+            this._scheduleHide();
+        }
+    }
+    onKeydown(event) {
+        if (event.key === 'Escape' && this._isOpen()) {
+            this._hidePopover();
+            event.preventDefault();
+        }
+    }
+    /** Programmatically show the popover */
+    show() {
+        if (!this.fuiPopoverDisabled()) {
+            this._showPopover();
+        }
+    }
+    /** Programmatically hide the popover */
+    hide() {
+        this._hidePopover();
+    }
+    /** Toggle popover visibility */
+    toggle() {
+        if (this._isOpen()) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    }
+    _scheduleShow() {
+        this._clearTimeouts();
+        if (this.fuiPopoverShowDelay() > 0) {
+            this._showTimeout = window.setTimeout(() => {
+                this._showPopover();
+            }, this.fuiPopoverShowDelay());
+        }
+        else {
+            this._showPopover();
+        }
+    }
+    _scheduleHide() {
+        this._clearTimeouts();
+        if (this.fuiPopoverHideDelay() > 0) {
+            this._hideTimeout = window.setTimeout(() => {
+                this._hidePopover();
+            }, this.fuiPopoverHideDelay());
+        }
+        else {
+            this._hidePopover();
+        }
+    }
+    _previouslyFocusedElement = null;
+    _showPopover() {
+        if (this._isOpen() || this.fuiPopoverDisabled()) {
+            return;
+        }
+        // Save the currently focused element for focus restoration
+        this._previouslyFocusedElement = document.activeElement;
+        this._createPopover();
+        this._isOpen.set(true);
+        this.fuiPopoverOpened.emit();
+        // Add click outside listener for click trigger
+        if (this.fuiPopoverCloseOnOutsideClick()) {
+            setTimeout(() => {
+                document.addEventListener('click', this._onDocumentClick, true);
+            });
+        }
+        // Focus the first focusable element within the popover
+        setTimeout(() => {
+            this._focusFirstInOverlay();
+        });
+    }
+    _hidePopover() {
+        if (!this._isOpen()) {
+            return;
+        }
+        this._isOpen.set(false);
+        this._destroyPopover();
+        this.fuiPopoverClosed.emit();
+        document.removeEventListener('click', this._onDocumentClick, true);
+        // Restore focus to the trigger element
+        if (this._previouslyFocusedElement) {
+            this._previouslyFocusedElement.focus();
+            this._previouslyFocusedElement = null;
+        }
+    }
+    _focusFirstInOverlay() {
+        const overlay = this._overlayRef?.overlayElement;
+        if (!overlay)
+            return;
+        const focusable = overlay.querySelector('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])');
+        if (focusable) {
+            focusable.focus();
+        }
+    }
+    _createPopover() {
+        if (this._overlayRef) {
+            return;
+        }
+        const positions = this._getPositions(this.fuiPopoverPosition());
+        const positionStrategy = this._overlayService
+            .position()
+            .connectedTo(this._elementRef, positions)
+            .withPush(true)
+            .withViewportMargin(8);
+        this._overlayRef = this._overlayService.create({
+            positionStrategy,
+            scrollStrategy: this._overlayService.scrollStrategies.reposition(20),
+            panelClass: 'fui-popover-panel',
+        });
+        // Attach the template to the overlay
+        this._overlayRef.attach(this.fuiPopoverTrigger());
+        // Subscribe to keydown events for ESC
+        const keydownSub = this._overlayRef.keydownEvents.subscribe((event) => {
+            if (event.key === 'Escape') {
+                this._hidePopover();
+                event.preventDefault();
+            }
+        });
+        this._subscriptions.push(keydownSub);
+        // Set up hover events on the overlay for hover trigger persistence
+        if (this.fuiPopoverTriggerOn() === 'hover') {
+            const overlayElement = this._overlayRef.overlayElement;
+            overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);
+            overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);
+        }
+    }
+    _getPositions(pos) {
+        const offset = 8;
+        const positionMap = {
+            top: [
+                { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },
+                { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },
+            ],
+            'top-start': [
+                { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },
+                { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },
+            ],
+            'top-end': [
+                { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },
+                { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },
+            ],
+            bottom: [
+                { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },
+                { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },
+            ],
+            'bottom-start': [
+                { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },
+                { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },
+            ],
+            'bottom-end': [
+                { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },
+                { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },
+            ],
+            left: [
+                { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },
+                { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },
+            ],
+            'left-start': [
+                { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },
+                { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },
+            ],
+            'left-end': [
+                { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },
+                { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },
+            ],
+            right: [
+                { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },
+                { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },
+            ],
+            'right-start': [
+                { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },
+                { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },
+            ],
+            'right-end': [
+                { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },
+                { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },
+            ],
+        };
+        return positionMap[pos] || positionMap.bottom;
+    }
+    _destroyPopover() {
+        // Clean up subscriptions
+        this._subscriptions.forEach((sub) => {
+            sub.unsubscribe();
+        });
+        this._subscriptions = [];
+        // Remove hover listeners from overlay
+        if (this._overlayRef) {
+            const overlayElement = this._overlayRef.overlayElement;
+            overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);
+            overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);
+            this._overlayRef.dispose();
+            this._overlayRef = null;
+        }
+        this._embeddedViewRef = null;
+    }
+    _clearTimeouts() {
+        if (this._showTimeout) {
+            clearTimeout(this._showTimeout);
+            this._showTimeout = null;
+        }
+        if (this._hideTimeout) {
+            clearTimeout(this._hideTimeout);
+            this._hideTimeout = null;
+        }
+    }
+    _onDocumentClick = (event) => {
+        const target = event.target;
+        const triggerElement = this._elementRef.nativeElement;
+        const overlayElement = this._overlayRef?.overlayElement;
+        if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {
+            this._hidePopover();
+        }
+    };
+    _onOverlayMouseEnter = () => {
+        this._clearTimeouts();
+    };
+    _onOverlayMouseLeave = () => {
+        if (this.fuiPopoverTriggerOn() === 'hover') {
+            this._scheduleHide();
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.6", type: FuiPopoverTriggerDirective, isStandalone: true, selector: "[fuiPopoverTrigger]", inputs: { fuiPopoverTrigger: { classPropertyName: "fuiPopoverTrigger", publicName: "fuiPopoverTrigger", isSignal: true, isRequired: true, transformFunction: null }, fuiPopoverPosition: { classPropertyName: "fuiPopoverPosition", publicName: "fuiPopoverPosition", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverTriggerOn: { classPropertyName: "fuiPopoverTriggerOn", publicName: "fuiPopoverTriggerOn", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverShowDelay: { classPropertyName: "fuiPopoverShowDelay", publicName: "fuiPopoverShowDelay", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverHideDelay: { classPropertyName: "fuiPopoverHideDelay", publicName: "fuiPopoverHideDelay", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverHasArrow: { classPropertyName: "fuiPopoverHasArrow", publicName: "fuiPopoverHasArrow", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverCloseOnOutsideClick: { classPropertyName: "fuiPopoverCloseOnOutsideClick", publicName: "fuiPopoverCloseOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverDisabled: { classPropertyName: "fuiPopoverDisabled", publicName: "fuiPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, fuiPopoverOpen: { classPropertyName: "fuiPopoverOpen", publicName: "fuiPopoverOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fuiPopoverOpened: "fuiPopoverOpened", fuiPopoverClosed: "fuiPopoverClosed" }, host: { listeners: { "click": "onHostClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "_isOpen() ? \"true\" : \"false\"" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiPopoverTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fuiPopoverTrigger]',
+                    standalone: true,
+                    host: {
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.aria-expanded]': '_isOpen() ? "true" : "false"',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { fuiPopoverTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverTrigger", required: true }] }], fuiPopoverPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverPosition", required: false }] }], fuiPopoverTriggerOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverTriggerOn", required: false }] }], fuiPopoverShowDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverShowDelay", required: false }] }], fuiPopoverHideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverHideDelay", required: false }] }], fuiPopoverHasArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverHasArrow", required: false }] }], fuiPopoverCloseOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverCloseOnOutsideClick", required: false }] }], fuiPopoverDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverDisabled", required: false }] }], fuiPopoverOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fuiPopoverOpen", required: false }] }], fuiPopoverOpened: [{ type: i0.Output, args: ["fuiPopoverOpened"] }], fuiPopoverClosed: [{ type: i0.Output, args: ["fuiPopoverClosed"] }], onHostClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiPopoverComponent, FuiPopoverTriggerDirective, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES };
+//# sourceMappingURL=raintonic-formaui-components-popover.mjs.map

package/fesm2022/raintonic-formaui-components-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-popover.mjs","sources":["../../../lib/components/popover/popover.component.ts","../../../lib/components/popover/popover.component.html","../../../lib/components/popover/popover.types.ts","../../../lib/components/popover/popover-trigger.directive.ts","../../../lib/components/popover/raintonic-formaui-components-popover.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewEncapsulation, input, computed, Signal } from '@angular/core';\nimport { PopoverPosition } from './popover.types';\n\n/**\n * # FuiPopoverComponent\n *\n * Internal popover container component rendered inside the overlay.\n * Provides a styled panel with optional arrow indicator.\n *\n * ## Usage\n * This component is not used directly. Use the `[fuiPopoverTrigger]` directive instead.\n */\n@Component({\n  selector: 'fui-popover',\n  standalone: true,\n  imports: [],\n  templateUrl: './popover.component.html',\n  styleUrl: './popover.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-popover',\n    '[class]': 'computedClasses()',\n  },\n})\nexport class FuiPopoverComponent {\n  /** Whether to show the arrow indicator */\n  readonly hasArrow = input(true);\n\n  /** Position of the popover relative to the trigger element, used for arrow calculation */\n  readonly position = input<PopoverPosition>('bottom');\n\n  /** Computed CSS classes for the popover */\n  readonly computedClasses: Signal<string> = computed(() => {\n    const classes: string[] = ['fui-popover', `fui-popover--${this.position()}`];\n\n    if (this.hasArrow()) {\n      classes.push('fui-popover--with-arrow');\n    }\n\n    return classes.join(' ');\n  });\n\n  /** Computed arrow classes based on position */\n  readonly arrowClasses: Signal<string> = computed(() => {\n    const position = this.position();\n    const baseClass = 'fui-popover__arrow';\n\n    if (position.startsWith('top')) {\n      return `${baseClass} ${baseClass}--bottom`;\n    } else if (position.startsWith('bottom')) {\n      return `${baseClass} ${baseClass}--top`;\n    } else if (position.startsWith('left')) {\n      return `${baseClass} ${baseClass}--right`;\n    } else if (position.startsWith('right')) {\n      return `${baseClass} ${baseClass}--left`;\n    }\n\n    return baseClass;\n  });\n}\n","<div class=\"fui-popover__panel\" role=\"dialog\">\n  @if (hasArrow()) {\n    <div class=\"fui-popover__arrow\" [class]=\"arrowClasses()\"></div>\n  }\n  <div class=\"fui-popover__content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","export type PopoverTriggerMode = 'click' | 'hover' | 'focus' | 'manual';\nexport type PopoverPosition =\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left-start'\n  | 'left-end'\n  | 'right-start'\n  | 'right-end';\n\nexport const POPOVER_POSITIONS = [\n  'top',\n  'bottom',\n  'left',\n  'right',\n  'top-start',\n  'top-end',\n  'bottom-start',\n  'bottom-end',\n  'left-start',\n  'left-end',\n  'right-start',\n  'right-end',\n] as const;\n\nexport const POPOVER_TRIGGER_MODES = ['click', 'hover', 'focus', 'manual'] as const;\n","import {\n  Directive,\n  ElementRef,\n  input,\n  output,\n  effect,\n  HostListener,\n  inject,\n  OnDestroy,\n  booleanAttribute,\n  numberAttribute,\n  TemplateRef,\n  EmbeddedViewRef,\n  signal,\n  WritableSignal,\n} from '@angular/core';\nimport { PopoverPosition, PopoverTriggerMode, POPOVER_POSITIONS, POPOVER_TRIGGER_MODES } from './popover.types';\nimport { FuiOverlayService, FuiOverlayRef, FuiConnectedPosition } from '@raintonic/formaui/cdk/overlay';\nimport { Subscription } from 'rxjs';\n\n/**\n * # PopoverTrigger Directive\n *\n * A directive that triggers a popover overlay anchored to the host element.\n * Supports click, hover, focus, and manual trigger modes with configurable\n * positioning, delays, and arrow indicators.\n *\n * ## Usage\n *\n * ### Basic Click Popover\n * ```html\n * <ng-template #popoverContent>\n *   <p>Popover content here</p>\n * </ng-template>\n *\n * <button [fuiPopoverTrigger]=\"popoverContent\">Open Popover</button>\n * ```\n *\n * ### Hover with Position\n * ```html\n * <button [fuiPopoverTrigger]=\"popoverContent\"\n *         fuiPopoverTriggerOn=\"hover\"\n *         fuiPopoverPosition=\"top\">\n *   Hover Me\n * </button>\n * ```\n *\n * ### Manual Control\n * ```html\n * <button [fuiPopoverTrigger]=\"popoverContent\"\n *         fuiPopoverTriggerOn=\"manual\"\n *         [fuiPopoverOpen]=\"isOpen\">\n *   Manual Popover\n * </button>\n * ```\n */\n@Directive({\n  selector: '[fuiPopoverTrigger]',\n  standalone: true,\n  host: {\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': '_isOpen() ? \"true\" : \"false\"',\n  },\n})\nexport class FuiPopoverTriggerDirective implements OnDestroy {\n  /** Template ref for the popover content */\n  readonly fuiPopoverTrigger = input.required<TemplateRef<unknown>>();\n\n  /** Position of the popover relative to the trigger element */\n  readonly fuiPopoverPosition = input<PopoverPosition, PopoverPosition | string>('bottom', {\n    transform: (v) => ((POPOVER_POSITIONS as readonly string[]).includes(v) ? (v as PopoverPosition) : 'bottom'),\n  });\n\n  /** Trigger mode for showing/hiding the popover */\n  readonly fuiPopoverTriggerOn = input<PopoverTriggerMode, PopoverTriggerMode | string>('click', {\n    transform: (v) => ((POPOVER_TRIGGER_MODES as readonly string[]).includes(v) ? (v as PopoverTriggerMode) : 'click'),\n  });\n\n  /** Delay before showing the popover (in milliseconds) */\n  readonly fuiPopoverShowDelay = input<number, unknown>(0, { transform: numberAttribute });\n\n  /** Delay before hiding the popover (in milliseconds) */\n  readonly fuiPopoverHideDelay = input<number, unknown>(0, { transform: numberAttribute });\n\n  /** Whether to show the arrow indicator */\n  readonly fuiPopoverHasArrow = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether to close on outside click */\n  readonly fuiPopoverCloseOnOutsideClick = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /** Whether the popover trigger is disabled */\n  readonly fuiPopoverDisabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Manual control for showing/hiding the popover (only works with trigger=\"manual\") */\n  readonly fuiPopoverOpen = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /** Emits when the popover is opened */\n  readonly fuiPopoverOpened = output();\n\n  /** Emits when the popover is closed */\n  readonly fuiPopoverClosed = output();\n\n  // Internal state\n  readonly _isOpen: WritableSignal<boolean> = signal(false);\n  private _overlayRef: FuiOverlayRef | null = null;\n  private _embeddedViewRef: EmbeddedViewRef<unknown> | null = null;\n  private _showTimeout: number | null = null;\n  private _hideTimeout: number | null = null;\n  private _subscriptions: Subscription[] = [];\n\n  // Injected dependencies\n  private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private readonly _overlayService: FuiOverlayService = inject(FuiOverlayService);\n\n  constructor() {\n    // Handle manual control\n    effect(() => {\n      if (this.fuiPopoverTriggerOn() === 'manual') {\n        if (this.fuiPopoverOpen()) {\n          this._showPopover();\n        } else {\n          this._hidePopover();\n        }\n      }\n    });\n\n    // Handle disabled state\n    effect(() => {\n      if (this.fuiPopoverDisabled() && this._isOpen()) {\n        this._hidePopover();\n      }\n    });\n  }\n\n  ngOnDestroy(): void {\n    this._clearTimeouts();\n    this._destroyPopover();\n  }\n\n  @HostListener('click')\n  onHostClick(): void {\n    if (this.fuiPopoverTriggerOn() === 'click' && !this.fuiPopoverDisabled()) {\n      if (this._isOpen()) {\n        this._hidePopover();\n      } else {\n        this._showPopover();\n      }\n    }\n  }\n\n  @HostListener('mouseenter')\n  onMouseEnter(): void {\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\n      this._scheduleShow();\n    }\n  }\n\n  @HostListener('mouseleave')\n  onMouseLeave(): void {\n    if (this.fuiPopoverTriggerOn() === 'hover' && !this.fuiPopoverDisabled()) {\n      this._scheduleHide();\n    }\n  }\n\n  @HostListener('focus')\n  onFocus(): void {\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\n      this._scheduleShow();\n    }\n  }\n\n  @HostListener('blur')\n  onBlur(): void {\n    if (this.fuiPopoverTriggerOn() === 'focus' && !this.fuiPopoverDisabled()) {\n      this._scheduleHide();\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this._isOpen()) {\n      this._hidePopover();\n      event.preventDefault();\n    }\n  }\n\n  /** Programmatically show the popover */\n  show(): void {\n    if (!this.fuiPopoverDisabled()) {\n      this._showPopover();\n    }\n  }\n\n  /** Programmatically hide the popover */\n  hide(): void {\n    this._hidePopover();\n  }\n\n  /** Toggle popover visibility */\n  toggle(): void {\n    if (this._isOpen()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  private _scheduleShow(): void {\n    this._clearTimeouts();\n\n    if (this.fuiPopoverShowDelay() > 0) {\n      this._showTimeout = window.setTimeout(() => {\n        this._showPopover();\n      }, this.fuiPopoverShowDelay());\n    } else {\n      this._showPopover();\n    }\n  }\n\n  private _scheduleHide(): void {\n    this._clearTimeouts();\n\n    if (this.fuiPopoverHideDelay() > 0) {\n      this._hideTimeout = window.setTimeout(() => {\n        this._hidePopover();\n      }, this.fuiPopoverHideDelay());\n    } else {\n      this._hidePopover();\n    }\n  }\n\n  private _previouslyFocusedElement: HTMLElement | null = null;\n\n  private _showPopover(): void {\n    if (this._isOpen() || this.fuiPopoverDisabled()) {\n      return;\n    }\n\n    // Save the currently focused element for focus restoration\n    this._previouslyFocusedElement = document.activeElement as HTMLElement;\n\n    this._createPopover();\n    this._isOpen.set(true);\n    this.fuiPopoverOpened.emit();\n\n    // Add click outside listener for click trigger\n    if (this.fuiPopoverCloseOnOutsideClick()) {\n      setTimeout(() => {\n        document.addEventListener('click', this._onDocumentClick, true);\n      });\n    }\n\n    // Focus the first focusable element within the popover\n    setTimeout(() => {\n      this._focusFirstInOverlay();\n    });\n  }\n\n  private _hidePopover(): void {\n    if (!this._isOpen()) {\n      return;\n    }\n\n    this._isOpen.set(false);\n    this._destroyPopover();\n    this.fuiPopoverClosed.emit();\n    document.removeEventListener('click', this._onDocumentClick, true);\n\n    // Restore focus to the trigger element\n    if (this._previouslyFocusedElement) {\n      this._previouslyFocusedElement.focus();\n      this._previouslyFocusedElement = null;\n    }\n  }\n\n  private _focusFirstInOverlay(): void {\n    const overlay = this._overlayRef?.overlayElement;\n    if (!overlay) return;\n\n    const focusable = overlay.querySelector<HTMLElement>(\n      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n    );\n\n    if (focusable) {\n      focusable.focus();\n    }\n  }\n\n  private _createPopover(): void {\n    if (this._overlayRef) {\n      return;\n    }\n\n    const positions = this._getPositions(this.fuiPopoverPosition());\n    const positionStrategy = this._overlayService\n      .position()\n      .connectedTo(this._elementRef, positions)\n      .withPush(true)\n      .withViewportMargin(8);\n\n    this._overlayRef = this._overlayService.create({\n      positionStrategy,\n      scrollStrategy: this._overlayService.scrollStrategies.reposition(20),\n      panelClass: 'fui-popover-panel',\n    });\n\n    // Attach the template to the overlay\n    this._overlayRef.attach(this.fuiPopoverTrigger());\n\n    // Subscribe to keydown events for ESC\n    const keydownSub = this._overlayRef.keydownEvents.subscribe((event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        this._hidePopover();\n        event.preventDefault();\n      }\n    });\n    this._subscriptions.push(keydownSub);\n\n    // Set up hover events on the overlay for hover trigger persistence\n    if (this.fuiPopoverTriggerOn() === 'hover') {\n      const overlayElement = this._overlayRef.overlayElement;\n      overlayElement.addEventListener('mouseenter', this._onOverlayMouseEnter);\n      overlayElement.addEventListener('mouseleave', this._onOverlayMouseLeave);\n    }\n  }\n\n  private _getPositions(pos: PopoverPosition): FuiConnectedPosition[] {\n    const offset = 8;\n    const positionMap: Record<PopoverPosition, FuiConnectedPosition[]> = {\n      top: [\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\n      ],\n      'top-start': [\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\n      ],\n      'top-end': [\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\n      ],\n      bottom: [\n        { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: offset },\n        { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset },\n      ],\n      'bottom-start': [\n        { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: offset },\n        { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom', offsetY: -offset },\n      ],\n      'bottom-end': [\n        { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },\n        { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },\n      ],\n      left: [\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\n      ],\n      'left-start': [\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\n      ],\n      'left-end': [\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\n      ],\n      right: [\n        { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset },\n        { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset },\n      ],\n      'right-start': [\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top', offsetX: offset },\n        { originX: 'start', originY: 'top', overlayX: 'end', overlayY: 'top', offsetX: -offset },\n      ],\n      'right-end': [\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom', offsetX: offset },\n        { originX: 'start', originY: 'bottom', overlayX: 'end', overlayY: 'bottom', offsetX: -offset },\n      ],\n    };\n\n    return positionMap[pos] || positionMap.bottom;\n  }\n\n  private _destroyPopover(): void {\n    // Clean up subscriptions\n    this._subscriptions.forEach((sub) => {\n      sub.unsubscribe();\n    });\n    this._subscriptions = [];\n\n    // Remove hover listeners from overlay\n    if (this._overlayRef) {\n      const overlayElement = this._overlayRef.overlayElement;\n      overlayElement.removeEventListener('mouseenter', this._onOverlayMouseEnter);\n      overlayElement.removeEventListener('mouseleave', this._onOverlayMouseLeave);\n\n      this._overlayRef.dispose();\n      this._overlayRef = null;\n    }\n\n    this._embeddedViewRef = null;\n  }\n\n  private _clearTimeouts(): void {\n    if (this._showTimeout) {\n      clearTimeout(this._showTimeout);\n      this._showTimeout = null;\n    }\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout);\n      this._hideTimeout = null;\n    }\n  }\n\n  private readonly _onDocumentClick = (event: Event): void => {\n    const target = event.target as HTMLElement;\n    const triggerElement = this._elementRef.nativeElement;\n    const overlayElement = this._overlayRef?.overlayElement;\n\n    if (target && !triggerElement.contains(target) && !overlayElement?.contains(target)) {\n      this._hidePopover();\n    }\n  };\n\n  private readonly _onOverlayMouseEnter = (): void => {\n    this._clearTimeouts();\n  };\n\n  private readonly _onOverlayMouseLeave = (): void => {\n    if (this.fuiPopoverTriggerOn() === 'hover') {\n      this._scheduleHide();\n    }\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}