@frame-ui-ng/components 0.1.0-beta.0

package/fesm2022/frame-ui-ng-components-hover-card.mjs

@@ -0,0 +1,412 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, TemplateRef, input, booleanAttribute, Directive, output, signal, computed, afterNextRender, ChangeDetectionStrategy, Component, ElementRef, effect, NgModule } from '@angular/core';
+import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { NgTemplateOutlet } from '@angular/common';
+
+function buildHoverCardPositions(options) {
+    const primary = buildPosition(options.side, options);
+    const opposite = oppositeSide(options.side);
+    const fallback = buildPosition(opposite, {
+        align: options.align,
+        alignOffset: options.alignOffset,
+        sideOffset: options.sideOffset,
+    });
+    return [primary, fallback];
+}
+function buildPosition(side, options) {
+    if (side === 'top' || side === 'bottom') {
+        const isBottom = side === 'bottom';
+        const offsetY = isBottom ? options.sideOffset : -options.sideOffset;
+        return {
+            originX: horizontalOrigin(options.align),
+            originY: isBottom ? 'bottom' : 'top',
+            overlayX: horizontalOverlay(options.align),
+            overlayY: isBottom ? 'top' : 'bottom',
+            offsetX: options.alignOffset,
+            offsetY,
+        };
+    }
+    const isRight = side === 'right';
+    const offsetX = isRight ? options.sideOffset : -options.sideOffset;
+    return {
+        originX: isRight ? 'end' : 'start',
+        originY: verticalOrigin(options.align),
+        overlayX: isRight ? 'start' : 'end',
+        overlayY: verticalOverlay(options.align),
+        offsetX,
+        offsetY: options.alignOffset,
+    };
+}
+function horizontalOrigin(align) {
+    return align;
+}
+function horizontalOverlay(align) {
+    return align;
+}
+function verticalOrigin(align) {
+    if (align === 'center') {
+        return 'center';
+    }
+    return align === 'end' ? 'bottom' : 'top';
+}
+function verticalOverlay(align) {
+    if (align === 'center') {
+        return 'center';
+    }
+    return align === 'end' ? 'bottom' : 'top';
+}
+function oppositeSide(side) {
+    if (side === 'top') {
+        return 'bottom';
+    }
+    if (side === 'bottom') {
+        return 'top';
+    }
+    if (side === 'left') {
+        return 'right';
+    }
+    return 'left';
+}
+
+const FR_HOVER_CARD_CONTROLLER = new InjectionToken('FrHoverCardController');
+
+class FrHoverCardContent {
+    templateRef = inject((TemplateRef));
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    alignOffset = input(0, ...(ngDevMode ? [{ debugName: "alignOffset" }] : /* istanbul ignore next */ []));
+    debugVisible = input(false, { ...(ngDevMode ? { debugName: "debugVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
+    sideOffset = input(8, ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
+    getPositions() {
+        return buildHoverCardPositions({
+            align: this.align(),
+            alignOffset: this.alignOffset(),
+            side: this.side(),
+            sideOffset: this.sideOffset(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrHoverCardContent, isStandalone: true, selector: "ng-template[frHoverCardContent]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, alignOffset: { classPropertyName: "alignOffset", publicName: "alignOffset", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["frHoverCardContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[frHoverCardContent]',
+                    exportAs: 'frHoverCardContent',
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], alignOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignOffset", required: false }] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }] } });
+class FrHoverCardPanel {
+    content = inject(FrHoverCardContent);
+    root = inject(FR_HOVER_CARD_CONTROLLER);
+    handleMouseEnter() {
+        this.root.enterInteractiveArea();
+    }
+    handleMouseLeave() {
+        this.root.leaveInteractiveArea();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrHoverCardPanel, isStandalone: true, selector: "[frHoverCardPanel]", host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.data-side": "content.side()" }, classAttribute: "frame-hover-card__content" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardPanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frHoverCardPanel]',
+                    host: {
+                        class: 'frame-hover-card__content',
+                        '[attr.data-side]': 'content.side()',
+                        '(mouseenter)': 'handleMouseEnter()',
+                        '(mouseleave)': 'handleMouseLeave()',
+                    },
+                }]
+        }] });
+
+const DEFAULT_POSITIONS = buildHoverCardPositions({
+    align: 'center',
+    alignOffset: 0,
+    side: 'bottom',
+    sideOffset: 8,
+});
+class FrHoverCardRoot {
+    openDelay = input(700, ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
+    closeDelay = input(300, ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    debugVisible = input(false, { ...(ngDevMode ? { debugName: "debugVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    openChange = output();
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    content = signal(null, ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    overlaySide = signal('bottom', ...(ngDevMode ? [{ debugName: "overlaySide" }] : /* istanbul ignore next */ []));
+    openTimer = null;
+    closeTimer = null;
+    pointerInsideCount = 0;
+    triggerElement = null;
+    positions = computed(() => this.content()?.getPositions() ?? DEFAULT_POSITIONS, ...(ngDevMode ? [{ debugName: "positions" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            if (this.defaultOpen() || this.debugVisible()) {
+                this.open();
+            }
+        });
+    }
+    registerTrigger(trigger) {
+        this.triggerElement = trigger;
+    }
+    setContent(content) {
+        this.content.set(content instanceof FrHoverCardContent ? content : null);
+    }
+    enterInteractiveArea() {
+        this.pointerInsideCount += 1;
+        this.cancelClose();
+    }
+    leaveInteractiveArea() {
+        this.pointerInsideCount = Math.max(0, this.pointerInsideCount - 1);
+        if (this.pointerInsideCount === 0) {
+            this.closeWithDelay();
+        }
+    }
+    openWithDelay() {
+        this.cancelClose();
+        this.cancelOpen();
+        const delay = Math.max(0, this.openDelay());
+        if (delay === 0) {
+            this.open();
+            return;
+        }
+        this.openTimer = setTimeout(() => this.open(), delay);
+    }
+    closeWithDelay() {
+        if (this.debugVisible()) {
+            return;
+        }
+        this.cancelOpen();
+        this.cancelClose();
+        const delay = Math.max(0, this.closeDelay());
+        if (delay === 0) {
+            this.close();
+            return;
+        }
+        this.closeTimer = setTimeout(() => this.close(), delay);
+    }
+    open() {
+        if (!this.content()) {
+            return;
+        }
+        if (!this.isOpen()) {
+            this.isOpen.set(true);
+            this.openChange.emit(true);
+            queueMicrotask(() => this.syncCustomPropertiesToOverlay());
+        }
+    }
+    close() {
+        if (this.debugVisible()) {
+            return;
+        }
+        this.cancelOpen();
+        this.cancelClose();
+        this.pointerInsideCount = 0;
+        if (this.isOpen()) {
+            this.isOpen.set(false);
+            this.openChange.emit(false);
+        }
+    }
+    handlePositionChange(event) {
+        const pair = event.connectionPair;
+        if (pair.overlayY === 'top') {
+            this.overlaySide.set('bottom');
+            return;
+        }
+        if (pair.overlayY === 'bottom') {
+            this.overlaySide.set('top');
+            return;
+        }
+        this.overlaySide.set(pair.overlayX === 'start' ? 'right' : 'left');
+    }
+    overlayPanelClasses() {
+        return ['frame-hover-card-overlay', `frame-hover-card-overlay--${this.overlaySide()}`];
+    }
+    cancelOpen() {
+        if (this.openTimer) {
+            clearTimeout(this.openTimer);
+            this.openTimer = null;
+        }
+    }
+    cancelClose() {
+        if (this.closeTimer) {
+            clearTimeout(this.closeTimer);
+            this.closeTimer = null;
+        }
+    }
+    syncCustomPropertiesToOverlay() {
+        const triggerElement = this.triggerElement;
+        const overlayPane = document.querySelector('.cdk-overlay-pane.frame-hover-card-overlay');
+        const panel = overlayPane?.querySelector('.frame-hover-card__content');
+        if (!triggerElement || !overlayPane || !panel) {
+            return;
+        }
+        const sourceStyles = getComputedStyle(triggerElement);
+        for (let index = 0; index < sourceStyles.length; index += 1) {
+            const propertyName = sourceStyles.item(index);
+            if (!propertyName.startsWith('--frame-hover-card-')) {
+                continue;
+            }
+            const propertyValue = sourceStyles.getPropertyValue(propertyName);
+            overlayPane.style.setProperty(propertyName, propertyValue);
+            panel.style.setProperty(propertyName, propertyValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardRoot, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrHoverCardRoot, isStandalone: true, selector: "frame-hover-card", inputs: { openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, debugVisible: { classPropertyName: "debugVisible", publicName: "debugVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { properties: { "attr.data-state": "isOpen() ? \"open\" : \"closed\"" }, classAttribute: "frame-hover-card" }, providers: [
+            {
+                provide: FR_HOVER_CARD_CONTROLLER,
+                useExisting: FrHoverCardRoot,
+            },
+        ], exportAs: ["frHoverCard"], ngImport: i0, template: `
+    <span cdkOverlayOrigin #origin="cdkOverlayOrigin" class="frame-hover-card__anchor">
+      <ng-content />
+    </span>
+
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="origin"
+      [cdkConnectedOverlayOpen]="isOpen()"
+      [cdkConnectedOverlayPositions]="positions()"
+      [cdkConnectedOverlayPanelClass]="overlayPanelClasses()"
+      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayViewportMargin]="12"
+      (detach)="close()"
+      (positionChange)="handlePositionChange($event)"
+    >
+      <ng-container [ngTemplateOutlet]="content()?.templateRef ?? null" />
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardRoot, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frame-hover-card',
+                    exportAs: 'frHoverCard',
+                    imports: [CdkConnectedOverlay, CdkOverlayOrigin, NgTemplateOutlet],
+                    providers: [
+                        {
+                            provide: FR_HOVER_CARD_CONTROLLER,
+                            useExisting: FrHoverCardRoot,
+                        },
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'frame-hover-card',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                    },
+                    template: `
+    <span cdkOverlayOrigin #origin="cdkOverlayOrigin" class="frame-hover-card__anchor">
+      <ng-content />
+    </span>
+
+    <ng-template
+      cdkConnectedOverlay
+      [cdkConnectedOverlayOrigin]="origin"
+      [cdkConnectedOverlayOpen]="isOpen()"
+      [cdkConnectedOverlayPositions]="positions()"
+      [cdkConnectedOverlayPanelClass]="overlayPanelClasses()"
+      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayViewportMargin]="12"
+      (detach)="close()"
+      (positionChange)="handlePositionChange($event)"
+    >
+      <ng-container [ngTemplateOutlet]="content()?.templateRef ?? null" />
+    </ng-template>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], debugVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "debugVisible", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }] } });
+
+class FrHoverCardTrigger {
+    content = input(null, { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), alias: 'frHoverCardTrigger' });
+    root = inject(FR_HOVER_CARD_CONTROLLER);
+    elementRef = inject(ElementRef);
+    constructor() {
+        this.root.registerTrigger(this.elementRef.nativeElement);
+        effect(() => {
+            const content = this.content();
+            if (content) {
+                this.root.setContent(content);
+            }
+        });
+    }
+    handleMouseEnter() {
+        this.root.setContent(this.content());
+        this.root.enterInteractiveArea();
+        this.root.openWithDelay();
+    }
+    handleMouseLeave() {
+        this.root.leaveInteractiveArea();
+    }
+    handleFocusIn() {
+        this.root.setContent(this.content());
+        this.root.openWithDelay();
+    }
+    handleFocusOut() {
+        this.root.closeWithDelay();
+    }
+    handleKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.root.close();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrHoverCardTrigger, isStandalone: true, selector: "[frHoverCardTrigger]", inputs: { content: { classPropertyName: "content", publicName: "frHoverCardTrigger", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()", "focusin": "handleFocusIn()", "focusout": "handleFocusOut()", "keydown": "handleKeydown($event)" }, properties: { "attr.aria-expanded": "root.isOpen()", "attr.data-state": "root.isOpen() ? \"open\" : \"closed\"" }, classAttribute: "frame-hover-card__trigger" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frHoverCardTrigger]',
+                    host: {
+                        class: 'frame-hover-card__trigger',
+                        '[attr.aria-expanded]': 'root.isOpen()',
+                        '[attr.data-state]': 'root.isOpen() ? "open" : "closed"',
+                        '(mouseenter)': 'handleMouseEnter()',
+                        '(mouseleave)': 'handleMouseLeave()',
+                        '(focusin)': 'handleFocusIn()',
+                        '(focusout)': 'handleFocusOut()',
+                        '(keydown)': 'handleKeydown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "frHoverCardTrigger", required: false }] }] } });
+
+const FR_HOVER_CARD_ALIGNMENTS = ['start', 'center', 'end'];
+const FR_HOVER_CARD_SIDES = ['top', 'right', 'bottom', 'left'];
+
+class FrHoverCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardModule, imports: [FrHoverCardRoot,
+            FrHoverCardContent,
+            FrHoverCardPanel,
+            FrHoverCardTrigger], exports: [FrHoverCardRoot,
+            FrHoverCardContent,
+            FrHoverCardPanel,
+            FrHoverCardTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrHoverCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrHoverCardRoot,
+                        FrHoverCardContent,
+                        FrHoverCardPanel,
+                        FrHoverCardTrigger,
+                    ],
+                    exports: [
+                        FrHoverCardRoot,
+                        FrHoverCardContent,
+                        FrHoverCardPanel,
+                        FrHoverCardTrigger,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_HOVER_CARD_ALIGNMENTS, FR_HOVER_CARD_SIDES, FrHoverCardRoot as FrHoverCard, FrHoverCardContent, FrHoverCardModule, FrHoverCardPanel, FrHoverCardTrigger };
+//# sourceMappingURL=frame-ui-ng-components-hover-card.mjs.map

package/fesm2022/frame-ui-ng-components-hover-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-hover-card.mjs","sources":["../../../projects/components/hover-card/src/hover-card.position.ts","../../../projects/components/hover-card/src/hover-card.tokens.ts","../../../projects/components/hover-card/src/hover-card.content.ts","../../../projects/components/hover-card/src/hover-card.root.ts","../../../projects/components/hover-card/src/hover-card.trigger.ts","../../../projects/components/hover-card/src/hover-card.types.ts","../../../projects/components/hover-card/hover-card.module.ts","../../../projects/components/hover-card/frame-ui-ng-components-hover-card.ts"],"sourcesContent":["import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { FrHoverCardAlignment, FrHoverCardSide } from './hover-card.types';\n\nexport function buildHoverCardPositions(options: {\n  align: FrHoverCardAlignment;\n  alignOffset: number;\n  side: FrHoverCardSide;\n  sideOffset: number;\n}): ConnectedPosition[] {\n  const primary = buildPosition(options.side, options);\n  const opposite = oppositeSide(options.side);\n  const fallback = buildPosition(opposite, {\n    align: options.align,\n    alignOffset: options.alignOffset,\n    sideOffset: options.sideOffset,\n  });\n\n  return [primary, fallback];\n}\n\nfunction buildPosition(\n  side: FrHoverCardSide,\n  options: {\n    align: FrHoverCardAlignment;\n    alignOffset: number;\n    sideOffset: number;\n  },\n): ConnectedPosition {\n  if (side === 'top' || side === 'bottom') {\n    const isBottom = side === 'bottom';\n    const offsetY = isBottom ? options.sideOffset : -options.sideOffset;\n\n    return {\n      originX: horizontalOrigin(options.align),\n      originY: isBottom ? 'bottom' : 'top',\n      overlayX: horizontalOverlay(options.align),\n      overlayY: isBottom ? 'top' : 'bottom',\n      offsetX: options.alignOffset,\n      offsetY,\n    };\n  }\n\n  const isRight = side === 'right';\n  const offsetX = isRight ? options.sideOffset : -options.sideOffset;\n\n  return {\n    originX: isRight ? 'end' : 'start',\n    originY: verticalOrigin(options.align),\n    overlayX: isRight ? 'start' : 'end',\n    overlayY: verticalOverlay(options.align),\n    offsetX,\n    offsetY: options.alignOffset,\n  };\n}\n\nfunction horizontalOrigin(align: FrHoverCardAlignment): 'center' | 'end' | 'start' {\n  return align;\n}\n\nfunction horizontalOverlay(align: FrHoverCardAlignment): 'center' | 'end' | 'start' {\n  return align;\n}\n\nfunction verticalOrigin(align: FrHoverCardAlignment): 'bottom' | 'center' | 'top' {\n  if (align === 'center') {\n    return 'center';\n  }\n\n  return align === 'end' ? 'bottom' : 'top';\n}\n\nfunction verticalOverlay(align: FrHoverCardAlignment): 'bottom' | 'center' | 'top' {\n  if (align === 'center') {\n    return 'center';\n  }\n\n  return align === 'end' ? 'bottom' : 'top';\n}\n\nfunction oppositeSide(side: FrHoverCardSide): FrHoverCardSide {\n  if (side === 'top') {\n    return 'bottom';\n  }\n\n  if (side === 'bottom') {\n    return 'top';\n  }\n\n  if (side === 'left') {\n    return 'right';\n  }\n\n  return 'left';\n}\n","import { InjectionToken } from '@angular/core';\n\nexport type FrHoverCardController = {\n  close: () => void;\n  closeWithDelay: () => void;\n  enterInteractiveArea: () => void;\n  isOpen: () => boolean;\n  leaveInteractiveArea: () => void;\n  openWithDelay: () => void;\n  registerTrigger: (trigger: HTMLElement) => void;\n  setContent: (content: unknown | null) => void;\n};\n\nexport const FR_HOVER_CARD_CONTROLLER = new InjectionToken<FrHoverCardController>('FrHoverCardController');\n","import { ConnectedPosition } from '@angular/cdk/overlay';\nimport { Directive, TemplateRef, booleanAttribute, inject, input } from '@angular/core';\n\nimport { buildHoverCardPositions } from './hover-card.position';\nimport { FR_HOVER_CARD_CONTROLLER } from './hover-card.tokens';\nimport { FrHoverCardAlignment, FrHoverCardSide } from './hover-card.types';\n\n@Directive({\n  selector: 'ng-template[frHoverCardContent]',\n  exportAs: 'frHoverCardContent',\n})\nexport class FrHoverCardContent {\n  readonly templateRef = inject(TemplateRef<unknown>);\n\n  readonly align = input<FrHoverCardAlignment>('center');\n  readonly alignOffset = input(0);\n  readonly debugVisible = input(false, { transform: booleanAttribute });\n  readonly side = input<FrHoverCardSide>('bottom');\n  readonly sideOffset = input(8);\n\n  getPositions(): ConnectedPosition[] {\n    return buildHoverCardPositions({\n      align: this.align(),\n      alignOffset: this.alignOffset(),\n      side: this.side(),\n      sideOffset: this.sideOffset(),\n    });\n  }\n}\n\n@Directive({\n  selector: '[frHoverCardPanel]',\n  host: {\n    class: 'frame-hover-card__content',\n    '[attr.data-side]': 'content.side()',\n    '(mouseenter)': 'handleMouseEnter()',\n    '(mouseleave)': 'handleMouseLeave()',\n  },\n})\nexport class FrHoverCardPanel {\n  protected readonly content = inject(FrHoverCardContent);\n  private readonly root = inject(FR_HOVER_CARD_CONTROLLER);\n\n  protected handleMouseEnter(): void {\n    this.root.enterInteractiveArea();\n  }\n\n  protected handleMouseLeave(): void {\n    this.root.leaveInteractiveArea();\n  }\n}\n","import {\n  CdkConnectedOverlay,\n  CdkOverlayOrigin,\n  ConnectedOverlayPositionChange,\n  ConnectedPosition,\n} from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { FrHoverCardContent } from './hover-card.content';\nimport { buildHoverCardPositions } from './hover-card.position';\nimport { FR_HOVER_CARD_CONTROLLER } from './hover-card.tokens';\n\nconst DEFAULT_POSITIONS: ConnectedPosition[] = buildHoverCardPositions({\n  align: 'center',\n  alignOffset: 0,\n  side: 'bottom',\n  sideOffset: 8,\n});\n\n@Component({\n  selector: 'frame-hover-card',\n  exportAs: 'frHoverCard',\n  imports: [CdkConnectedOverlay, CdkOverlayOrigin, NgTemplateOutlet],\n  providers: [\n    {\n      provide: FR_HOVER_CARD_CONTROLLER,\n      useExisting: FrHoverCardRoot,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'frame-hover-card',\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\n  },\n  template: `\n    <span cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"frame-hover-card__anchor\">\n      <ng-content />\n    </span>\n\n    <ng-template\n      cdkConnectedOverlay\n      [cdkConnectedOverlayOrigin]=\"origin\"\n      [cdkConnectedOverlayOpen]=\"isOpen()\"\n      [cdkConnectedOverlayPositions]=\"positions()\"\n      [cdkConnectedOverlayPanelClass]=\"overlayPanelClasses()\"\n      [cdkConnectedOverlayPush]=\"true\"\n      [cdkConnectedOverlayViewportMargin]=\"12\"\n      (detach)=\"close()\"\n      (positionChange)=\"handlePositionChange($event)\"\n    >\n      <ng-container [ngTemplateOutlet]=\"content()?.templateRef ?? null\" />\n    </ng-template>\n  `,\n})\nexport class FrHoverCardRoot {\n  readonly openDelay = input(700);\n  readonly closeDelay = input(300);\n  readonly defaultOpen = input(false, { transform: booleanAttribute });\n  readonly debugVisible = input(false, { transform: booleanAttribute });\n  readonly openChange = output<boolean>();\n\n  readonly isOpen = signal(false);\n  readonly content = signal<FrHoverCardContent | null>(null);\n  readonly overlaySide = signal('bottom');\n\n  private openTimer: ReturnType<typeof setTimeout> | null = null;\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private pointerInsideCount = 0;\n  private triggerElement: HTMLElement | null = null;\n\n  readonly positions = computed(() => this.content()?.getPositions() ?? DEFAULT_POSITIONS);\n\n  constructor() {\n    afterNextRender(() => {\n      if (this.defaultOpen() || this.debugVisible()) {\n        this.open();\n      }\n    });\n  }\n\n  registerTrigger(trigger: HTMLElement): void {\n    this.triggerElement = trigger;\n  }\n\n  setContent(content: unknown | null): void {\n    this.content.set(content instanceof FrHoverCardContent ? content : null);\n  }\n\n  enterInteractiveArea(): void {\n    this.pointerInsideCount += 1;\n    this.cancelClose();\n  }\n\n  leaveInteractiveArea(): void {\n    this.pointerInsideCount = Math.max(0, this.pointerInsideCount - 1);\n\n    if (this.pointerInsideCount === 0) {\n      this.closeWithDelay();\n    }\n  }\n\n  openWithDelay(): void {\n    this.cancelClose();\n    this.cancelOpen();\n\n    const delay = Math.max(0, this.openDelay());\n\n    if (delay === 0) {\n      this.open();\n      return;\n    }\n\n    this.openTimer = setTimeout(() => this.open(), delay);\n  }\n\n  closeWithDelay(): void {\n    if (this.debugVisible()) {\n      return;\n    }\n\n    this.cancelOpen();\n    this.cancelClose();\n\n    const delay = Math.max(0, this.closeDelay());\n\n    if (delay === 0) {\n      this.close();\n      return;\n    }\n\n    this.closeTimer = setTimeout(() => this.close(), delay);\n  }\n\n  open(): void {\n    if (!this.content()) {\n      return;\n    }\n\n    if (!this.isOpen()) {\n      this.isOpen.set(true);\n      this.openChange.emit(true);\n      queueMicrotask(() => this.syncCustomPropertiesToOverlay());\n    }\n  }\n\n  close(): void {\n    if (this.debugVisible()) {\n      return;\n    }\n\n    this.cancelOpen();\n    this.cancelClose();\n    this.pointerInsideCount = 0;\n\n    if (this.isOpen()) {\n      this.isOpen.set(false);\n      this.openChange.emit(false);\n    }\n  }\n\n  handlePositionChange(event: ConnectedOverlayPositionChange): void {\n    const pair = event.connectionPair;\n\n    if (pair.overlayY === 'top') {\n      this.overlaySide.set('bottom');\n      return;\n    }\n\n    if (pair.overlayY === 'bottom') {\n      this.overlaySide.set('top');\n      return;\n    }\n\n    this.overlaySide.set(pair.overlayX === 'start' ? 'right' : 'left');\n  }\n\n  overlayPanelClasses(): string[] {\n    return ['frame-hover-card-overlay', `frame-hover-card-overlay--${this.overlaySide()}`];\n  }\n\n  private cancelOpen(): void {\n    if (this.openTimer) {\n      clearTimeout(this.openTimer);\n      this.openTimer = null;\n    }\n  }\n\n  private cancelClose(): void {\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private syncCustomPropertiesToOverlay(): void {\n    const triggerElement = this.triggerElement;\n    const overlayPane = document.querySelector<HTMLElement>('.cdk-overlay-pane.frame-hover-card-overlay');\n    const panel = overlayPane?.querySelector<HTMLElement>('.frame-hover-card__content');\n\n    if (!triggerElement || !overlayPane || !panel) {\n      return;\n    }\n\n    const sourceStyles = getComputedStyle(triggerElement);\n\n    for (let index = 0; index < sourceStyles.length; index += 1) {\n      const propertyName = sourceStyles.item(index);\n\n      if (!propertyName.startsWith('--frame-hover-card-')) {\n        continue;\n      }\n\n      const propertyValue = sourceStyles.getPropertyValue(propertyName);\n      overlayPane.style.setProperty(propertyName, propertyValue);\n      panel.style.setProperty(propertyName, propertyValue);\n    }\n  }\n}\n","import { Directive, ElementRef, effect, inject, input } from '@angular/core';\n\nimport { FrHoverCardContent } from './hover-card.content';\nimport { FR_HOVER_CARD_CONTROLLER } from './hover-card.tokens';\n\n@Directive({\n  selector: '[frHoverCardTrigger]',\n  host: {\n    class: 'frame-hover-card__trigger',\n    '[attr.aria-expanded]': 'root.isOpen()',\n    '[attr.data-state]': 'root.isOpen() ? \"open\" : \"closed\"',\n    '(mouseenter)': 'handleMouseEnter()',\n    '(mouseleave)': 'handleMouseLeave()',\n    '(focusin)': 'handleFocusIn()',\n    '(focusout)': 'handleFocusOut()',\n    '(keydown)': 'handleKeydown($event)',\n  },\n})\nexport class FrHoverCardTrigger {\n  readonly content = input<FrHoverCardContent | null>(null, {\n    alias: 'frHoverCardTrigger',\n  });\n\n  protected readonly root = inject(FR_HOVER_CARD_CONTROLLER);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  constructor() {\n    this.root.registerTrigger(this.elementRef.nativeElement);\n\n    effect(() => {\n      const content = this.content();\n\n      if (content) {\n        this.root.setContent(content);\n      }\n    });\n  }\n\n  protected handleMouseEnter(): void {\n    this.root.setContent(this.content());\n    this.root.enterInteractiveArea();\n    this.root.openWithDelay();\n  }\n\n  protected handleMouseLeave(): void {\n    this.root.leaveInteractiveArea();\n  }\n\n  protected handleFocusIn(): void {\n    this.root.setContent(this.content());\n    this.root.openWithDelay();\n  }\n\n  protected handleFocusOut(): void {\n    this.root.closeWithDelay();\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      this.root.close();\n    }\n  }\n}\n","export const FR_HOVER_CARD_ALIGNMENTS = ['start', 'center', 'end'] as const;\nexport const FR_HOVER_CARD_SIDES = ['top', 'right', 'bottom', 'left'] as const;\n\nexport type FrHoverCardAlignment = (typeof FR_HOVER_CARD_ALIGNMENTS)[number];\nexport type FrHoverCardSide = (typeof FR_HOVER_CARD_SIDES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n  FrHoverCard,\n  FrHoverCardContent,\n  FrHoverCardPanel,\n  FrHoverCardTrigger,\n} from './src/hover-card';\n\n@NgModule({\n  imports: [\n    FrHoverCard,\n    FrHoverCardContent,\n    FrHoverCardPanel,\n    FrHoverCardTrigger,\n  ],\n  exports: [\n    FrHoverCard,\n    FrHoverCardContent,\n    FrHoverCardPanel,\n    FrHoverCardTrigger,\n  ],\n})\nexport class FrHoverCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["FrHoverCard"],"mappings":"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"}