@ojiepermana/angular 22.1.14 → 22.2.0

package/fesm2022/ojiepermana-angular-component-hover-card.mjs

@@ -1,277 +1,486 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, input, forwardRef, Component, inject, TemplateRef, Directive, ViewContainerRef, ElementRef, DestroyRef, output, signal } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { connectedPositionFor, oppositeSide, overlayDismissals } from '@ojiepermana/angular/component/utils/overlay';
-
-const HOVER_CARD_DEFAULTS = new InjectionToken('HOVER_CARD_DEFAULTS');
-class HoverCardComponent {
-    side = input('bottom', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
-    align = input('center', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    sideOffset = input(8, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
-    openDelay = input(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
-    closeDelay = input(100, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: HoverCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: HoverCardComponent, isStandalone: true, selector: "HoverCard", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, providers: [{ provide: HOVER_CARD_DEFAULTS, useExisting: forwardRef(() => HoverCardComponent) }], ngImport: i0, template: '<ng-content />', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: HoverCardComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'HoverCard',
-                    providers: [{ provide: HOVER_CARD_DEFAULTS, useExisting: forwardRef(() => HoverCardComponent) }],
-                    host: {
-                        class: 'contents',
-                    },
-                    template: '<ng-content />',
-                }]
-        }], propDecorators: { side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }] } });
-
-class HoverCardContentDirective {
-    template = inject(TemplateRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: HoverCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: HoverCardContentDirective, isStandalone: true, selector: "ng-template[HoverCardContent]", exportAs: ["HoverCardContent"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: HoverCardContentDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'ng-template[HoverCardContent]',
-                    exportAs: 'HoverCardContent',
-                }]
-        }] });
-
-// Hover cards are visual preview content (Radix-style): the trigger keeps its
-// own semantics and must NOT advertise aria-haspopup="dialog" for content that
-// is not a dialog.
-class HoverCardTriggerDirective {
-    overlay = inject(Overlay);
-    vcr = inject(ViewContainerRef);
-    el = inject(ElementRef);
-    destroyRef = inject(DestroyRef);
-    defaults = inject(HOVER_CARD_DEFAULTS, { optional: true });
-    HoverCardTrigger = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "HoverCardTrigger" }] : /* istanbul ignore next */ []));
-    side = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []));
-    align = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    sideOffset = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []));
-    openDelay = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []));
-    closeDelay = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []));
-    disabled = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    openedChange = output();
-    isOpen = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
-    overlayRef = null;
-    openTimeoutId = null;
-    closeTimeoutId = null;
-    isTriggerHovered = false;
-    isContentHovered = false;
-    isTriggerFocused = false;
-    isContentFocused = false;
-    constructor() {
-        this.destroyRef.onDestroy(() => {
-            this.clearOpenTimeout();
-            this.clearCloseTimeout();
-            this.close(false);
-        });
-    }
-    handleTriggerPointerEnter() {
-        if (this.disabled()) {
-            return;
-        }
-        this.isTriggerHovered = true;
-        this.clearCloseTimeout();
-        this.scheduleOpen();
-    }
-    handleTriggerPointerLeave(event) {
-        this.isTriggerHovered = false;
-        if (this.relatedTargetInsideContent(event.relatedTarget)) {
-            return;
-        }
-        this.scheduleClose();
-    }
-    handleTriggerFocusIn() {
-        if (this.disabled()) {
-            return;
-        }
-        this.isTriggerFocused = true;
-        this.clearCloseTimeout();
-        this.scheduleOpen();
-    }
-    handleTriggerFocusOut(event) {
-        this.isTriggerFocused = false;
-        if (this.relatedTargetInsideContent(event.relatedTarget)) {
-            return;
-        }
-        this.scheduleClose();
-    }
-    open() {
-        if (this.isOpen() || this.disabled()) {
-            return;
-        }
-        const side = this.side() ?? this.defaults?.side() ?? 'bottom';
-        const align = this.align() ?? this.defaults?.align() ?? 'center';
-        const sideOffset = this.sideOffset() ?? this.defaults?.sideOffset() ?? 8;
-        const primary = connectedPositionFor(side, align, sideOffset);
-        const fallback = connectedPositionFor(oppositeSide(side), align, sideOffset);
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(this.el)
-            .withPositions([primary, fallback])
-            .withPush(true)
-            .withViewportMargin(8)
-            .withFlexibleDimensions(false);
-        this.overlayRef = this.overlay.create({
-            positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-            hasBackdrop: false,
-            panelClass: 'hover-card-panel',
-        });
-        const portal = new TemplatePortal(this.HoverCardTrigger().template, this.vcr);
-        this.overlayRef.attach(portal);
-        this.bindOverlayInteractions();
-        overlayDismissals(this.overlayRef, this.el.nativeElement)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(() => this.close());
-        this.isOpen.set(true);
-        this.openedChange.emit(true);
-    }
-    close(emitOpenedChange = true) {
-        this.clearOpenTimeout();
-        this.clearCloseTimeout();
-        if (!this.isOpen()) {
-            return;
-        }
-        const overlayRef = this.overlayRef;
-        this.unbindOverlayInteractions();
-        this.overlayRef = null;
-        this.isContentHovered = false;
-        this.isContentFocused = false;
-        this.isOpen.set(false);
-        overlayRef?.dispose();
-        if (emitOpenedChange) {
-            this.openedChange.emit(false);
-        }
-    }
-    bindOverlayInteractions() {
-        const overlayElement = this.overlayRef?.overlayElement;
-        if (!overlayElement) {
-            return;
-        }
-        overlayElement.addEventListener('pointerenter', this.onContentPointerEnter);
-        overlayElement.addEventListener('pointerleave', this.onContentPointerLeave);
-        overlayElement.addEventListener('focusin', this.onContentFocusIn);
-        overlayElement.addEventListener('focusout', this.onContentFocusOut);
-    }
-    unbindOverlayInteractions() {
-        const overlayElement = this.overlayRef?.overlayElement;
-        if (!overlayElement) {
-            return;
-        }
-        overlayElement.removeEventListener('pointerenter', this.onContentPointerEnter);
-        overlayElement.removeEventListener('pointerleave', this.onContentPointerLeave);
-        overlayElement.removeEventListener('focusin', this.onContentFocusIn);
-        overlayElement.removeEventListener('focusout', this.onContentFocusOut);
-    }
-    onContentPointerEnter = () => {
-        this.isContentHovered = true;
-        this.clearCloseTimeout();
-    };
-    onContentPointerLeave = (event) => {
-        this.isContentHovered = false;
-        if (this.el.nativeElement.contains(event.relatedTarget)) {
-            return;
-        }
-        this.scheduleClose();
-    };
-    onContentFocusIn = () => {
-        this.isContentFocused = true;
-        this.clearCloseTimeout();
-    };
-    onContentFocusOut = (event) => {
-        this.isContentFocused = false;
-        if (this.el.nativeElement.contains(event.relatedTarget)) {
-            return;
-        }
-        this.scheduleClose();
-    };
-    scheduleOpen() {
-        this.clearCloseTimeout();
-        if (this.isOpen()) {
-            return;
-        }
-        this.clearOpenTimeout();
-        this.openTimeoutId = window.setTimeout(() => {
-            this.openTimeoutId = null;
-            if (this.disabled() || (!this.isTriggerHovered && !this.isTriggerFocused)) {
-                return;
-            }
-            this.open();
-        }, this.openDelay() ?? this.defaults?.openDelay() ?? 100);
-    }
-    scheduleClose() {
-        this.clearOpenTimeout();
-        if (!this.isOpen()) {
-            return;
-        }
-        this.clearCloseTimeout();
-        this.closeTimeoutId = window.setTimeout(() => {
-            this.closeTimeoutId = null;
-            if (this.isTriggerHovered ||
-                this.isContentHovered ||
-                this.isTriggerFocused ||
-                this.isContentFocused) {
-                return;
-            }
-            this.close();
-        }, this.closeDelay() ?? this.defaults?.closeDelay() ?? 100);
-    }
-    clearOpenTimeout() {
-        if (this.openTimeoutId !== null) {
-            window.clearTimeout(this.openTimeoutId);
-            this.openTimeoutId = null;
-        }
-    }
-    clearCloseTimeout() {
-        if (this.closeTimeoutId !== null) {
-            window.clearTimeout(this.closeTimeoutId);
-            this.closeTimeoutId = null;
-        }
-    }
-    relatedTargetInsideContent(relatedTarget) {
-        return this.overlayRef?.overlayElement.contains(relatedTarget) ?? false;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: HoverCardTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: HoverCardTriggerDirective, isStandalone: true, selector: "[HoverCardTrigger]", inputs: { HoverCardTrigger: { classPropertyName: "HoverCardTrigger", publicName: "HoverCardTrigger", isSignal: true, isRequired: true, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, sideOffset: { classPropertyName: "sideOffset", publicName: "sideOffset", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChange: "openedChange" }, host: { listeners: { "pointerenter": "handleTriggerPointerEnter()", "pointerleave": "handleTriggerPointerLeave($event)", "focusin": "handleTriggerFocusIn()", "focusout": "handleTriggerFocusOut($event)", "keydown.escape": "close()" }, properties: { "attr.data-state": "isOpen() ? \"open\" : \"closed\"" } }, exportAs: ["HoverCardTrigger"], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: HoverCardTriggerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[HoverCardTrigger]',
-                    exportAs: 'HoverCardTrigger',
-                    host: {
-                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
-                        '(pointerenter)': 'handleTriggerPointerEnter()',
-                        '(pointerleave)': 'handleTriggerPointerLeave($event)',
-                        '(focusin)': 'handleTriggerFocusIn()',
-                        '(focusout)': 'handleTriggerFocusOut($event)',
-                        '(keydown.escape)': 'close()',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { HoverCardTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "HoverCardTrigger", required: true }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], sideOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideOffset", required: false }] }], openDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "openDelay", required: false }] }], closeDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeDelay", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], openedChange: [{ type: i0.Output, args: ["openedChange"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { HOVER_CARD_DEFAULTS, HoverCardComponent, HoverCardContentDirective, HoverCardTriggerDirective };
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, Directive, ElementRef, InjectionToken, TemplateRef, ViewContainerRef, forwardRef, inject, input, output, signal } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
+import { TemplatePortal } from "@angular/cdk/portal";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { connectedPositionFor, oppositeSide, overlayDismissals } from "@ojiepermana/angular/component/utils/overlay";
+const HOVER_CARD_DEFAULTS = new InjectionToken("HOVER_CARD_DEFAULTS");
+var HoverCardComponent = class HoverCardComponent {
+	side = input("bottom", ...ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []);
+	align = input("center", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
+	sideOffset = input(8, ...ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []);
+	openDelay = input(100, ...ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []);
+	closeDelay = input(100, ...ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: HoverCardComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: HoverCardComponent,
+		isStandalone: true,
+		selector: "HoverCard",
+		inputs: {
+			side: {
+				classPropertyName: "side",
+				publicName: "side",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sideOffset: {
+				classPropertyName: "sideOffset",
+				publicName: "sideOffset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			openDelay: {
+				classPropertyName: "openDelay",
+				publicName: "openDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeDelay: {
+				classPropertyName: "closeDelay",
+				publicName: "closeDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "contents" },
+		providers: [{
+			provide: HOVER_CARD_DEFAULTS,
+			useExisting: forwardRef(() => HoverCardComponent)
+		}],
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: HoverCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "HoverCard",
+			providers: [{
+				provide: HOVER_CARD_DEFAULTS,
+				useExisting: forwardRef(() => HoverCardComponent)
+			}],
+			host: { class: "contents" },
+			template: "<ng-content />"
+		}]
+	}],
+	propDecorators: {
+		side: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "side",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		sideOffset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sideOffset",
+				required: false
+			}]
+		}],
+		openDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "openDelay",
+				required: false
+			}]
+		}],
+		closeDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeDelay",
+				required: false
+			}]
+		}]
+	}
+});
+var HoverCardContentDirective = class HoverCardContentDirective {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: HoverCardContentDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: HoverCardContentDirective,
+		isStandalone: true,
+		selector: "ng-template[HoverCardContent]",
+		exportAs: ["HoverCardContent"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: HoverCardContentDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ng-template[HoverCardContent]",
+			exportAs: "HoverCardContent"
+		}]
+	}]
+});
+var HoverCardTriggerDirective = class HoverCardTriggerDirective {
+	overlay = inject(Overlay);
+	vcr = inject(ViewContainerRef);
+	el = inject(ElementRef);
+	destroyRef = inject(DestroyRef);
+	defaults = inject(HOVER_CARD_DEFAULTS, { optional: true });
+	HoverCardTrigger = input.required(...ngDevMode ? [{ debugName: "HoverCardTrigger" }] : /* istanbul ignore next */ []);
+	side = input(void 0, ...ngDevMode ? [{ debugName: "side" }] : /* istanbul ignore next */ []);
+	align = input(void 0, ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
+	sideOffset = input(void 0, ...ngDevMode ? [{ debugName: "sideOffset" }] : /* istanbul ignore next */ []);
+	openDelay = input(void 0, ...ngDevMode ? [{ debugName: "openDelay" }] : /* istanbul ignore next */ []);
+	closeDelay = input(void 0, ...ngDevMode ? [{ debugName: "closeDelay" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	openedChange = output();
+	isOpen = signal(false, ...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+	overlayRef = null;
+	openTimeoutId = null;
+	closeTimeoutId = null;
+	isTriggerHovered = false;
+	isContentHovered = false;
+	isTriggerFocused = false;
+	isContentFocused = false;
+	constructor() {
+		this.destroyRef.onDestroy(() => {
+			this.clearOpenTimeout();
+			this.clearCloseTimeout();
+			this.close(false);
+		});
+	}
+	handleTriggerPointerEnter() {
+		if (this.disabled()) return;
+		this.isTriggerHovered = true;
+		this.clearCloseTimeout();
+		this.scheduleOpen();
+	}
+	handleTriggerPointerLeave(event) {
+		this.isTriggerHovered = false;
+		if (this.relatedTargetInsideContent(event.relatedTarget)) return;
+		this.scheduleClose();
+	}
+	handleTriggerFocusIn() {
+		if (this.disabled()) return;
+		this.isTriggerFocused = true;
+		this.clearCloseTimeout();
+		this.scheduleOpen();
+	}
+	handleTriggerFocusOut(event) {
+		this.isTriggerFocused = false;
+		if (this.relatedTargetInsideContent(event.relatedTarget)) return;
+		this.scheduleClose();
+	}
+	open() {
+		if (this.isOpen() || this.disabled()) return;
+		const side = this.side() ?? this.defaults?.side() ?? "bottom";
+		const align = this.align() ?? this.defaults?.align() ?? "center";
+		const sideOffset = this.sideOffset() ?? this.defaults?.sideOffset() ?? 8;
+		const primary = connectedPositionFor(side, align, sideOffset);
+		const fallback = connectedPositionFor(oppositeSide(side), align, sideOffset);
+		const positionStrategy = this.overlay.position().flexibleConnectedTo(this.el).withPositions([primary, fallback]).withPush(true).withViewportMargin(8).withFlexibleDimensions(false);
+		this.overlayRef = this.overlay.create({
+			positionStrategy,
+			scrollStrategy: this.overlay.scrollStrategies.reposition(),
+			hasBackdrop: false,
+			panelClass: "hover-card-panel"
+		});
+		const portal = new TemplatePortal(this.HoverCardTrigger().template, this.vcr);
+		this.overlayRef.attach(portal);
+		this.bindOverlayInteractions();
+		overlayDismissals(this.overlayRef, this.el.nativeElement).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.close());
+		this.isOpen.set(true);
+		this.openedChange.emit(true);
+	}
+	close(emitOpenedChange = true) {
+		this.clearOpenTimeout();
+		this.clearCloseTimeout();
+		if (!this.isOpen()) return;
+		const overlayRef = this.overlayRef;
+		this.unbindOverlayInteractions();
+		this.overlayRef = null;
+		this.isContentHovered = false;
+		this.isContentFocused = false;
+		this.isOpen.set(false);
+		overlayRef?.dispose();
+		if (emitOpenedChange) this.openedChange.emit(false);
+	}
+	bindOverlayInteractions() {
+		const overlayElement = this.overlayRef?.overlayElement;
+		if (!overlayElement) return;
+		overlayElement.addEventListener("pointerenter", this.onContentPointerEnter);
+		overlayElement.addEventListener("pointerleave", this.onContentPointerLeave);
+		overlayElement.addEventListener("focusin", this.onContentFocusIn);
+		overlayElement.addEventListener("focusout", this.onContentFocusOut);
+	}
+	unbindOverlayInteractions() {
+		const overlayElement = this.overlayRef?.overlayElement;
+		if (!overlayElement) return;
+		overlayElement.removeEventListener("pointerenter", this.onContentPointerEnter);
+		overlayElement.removeEventListener("pointerleave", this.onContentPointerLeave);
+		overlayElement.removeEventListener("focusin", this.onContentFocusIn);
+		overlayElement.removeEventListener("focusout", this.onContentFocusOut);
+	}
+	onContentPointerEnter = () => {
+		this.isContentHovered = true;
+		this.clearCloseTimeout();
+	};
+	onContentPointerLeave = (event) => {
+		this.isContentHovered = false;
+		if (this.el.nativeElement.contains(event.relatedTarget)) return;
+		this.scheduleClose();
+	};
+	onContentFocusIn = () => {
+		this.isContentFocused = true;
+		this.clearCloseTimeout();
+	};
+	onContentFocusOut = (event) => {
+		this.isContentFocused = false;
+		if (this.el.nativeElement.contains(event.relatedTarget)) return;
+		this.scheduleClose();
+	};
+	scheduleOpen() {
+		this.clearCloseTimeout();
+		if (this.isOpen()) return;
+		this.clearOpenTimeout();
+		this.openTimeoutId = window.setTimeout(() => {
+			this.openTimeoutId = null;
+			if (this.disabled() || !this.isTriggerHovered && !this.isTriggerFocused) return;
+			this.open();
+		}, this.openDelay() ?? this.defaults?.openDelay() ?? 100);
+	}
+	scheduleClose() {
+		this.clearOpenTimeout();
+		if (!this.isOpen()) return;
+		this.clearCloseTimeout();
+		this.closeTimeoutId = window.setTimeout(() => {
+			this.closeTimeoutId = null;
+			if (this.isTriggerHovered || this.isContentHovered || this.isTriggerFocused || this.isContentFocused) return;
+			this.close();
+		}, this.closeDelay() ?? this.defaults?.closeDelay() ?? 100);
+	}
+	clearOpenTimeout() {
+		if (this.openTimeoutId !== null) {
+			window.clearTimeout(this.openTimeoutId);
+			this.openTimeoutId = null;
+		}
+	}
+	clearCloseTimeout() {
+		if (this.closeTimeoutId !== null) {
+			window.clearTimeout(this.closeTimeoutId);
+			this.closeTimeoutId = null;
+		}
+	}
+	relatedTargetInsideContent(relatedTarget) {
+		return this.overlayRef?.overlayElement.contains(relatedTarget) ?? false;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: HoverCardTriggerDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: HoverCardTriggerDirective,
+		isStandalone: true,
+		selector: "[HoverCardTrigger]",
+		inputs: {
+			HoverCardTrigger: {
+				classPropertyName: "HoverCardTrigger",
+				publicName: "HoverCardTrigger",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			side: {
+				classPropertyName: "side",
+				publicName: "side",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sideOffset: {
+				classPropertyName: "sideOffset",
+				publicName: "sideOffset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			openDelay: {
+				classPropertyName: "openDelay",
+				publicName: "openDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeDelay: {
+				classPropertyName: "closeDelay",
+				publicName: "closeDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { openedChange: "openedChange" },
+		host: {
+			listeners: {
+				"pointerenter": "handleTriggerPointerEnter()",
+				"pointerleave": "handleTriggerPointerLeave($event)",
+				"focusin": "handleTriggerFocusIn()",
+				"focusout": "handleTriggerFocusOut($event)",
+				"keydown.escape": "close()"
+			},
+			properties: { "attr.data-state": "isOpen() ? \"open\" : \"closed\"" }
+		},
+		exportAs: ["HoverCardTrigger"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: HoverCardTriggerDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[HoverCardTrigger]",
+			exportAs: "HoverCardTrigger",
+			host: {
+				"[attr.data-state]": "isOpen() ? \"open\" : \"closed\"",
+				"(pointerenter)": "handleTriggerPointerEnter()",
+				"(pointerleave)": "handleTriggerPointerLeave($event)",
+				"(focusin)": "handleTriggerFocusIn()",
+				"(focusout)": "handleTriggerFocusOut($event)",
+				"(keydown.escape)": "close()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		HoverCardTrigger: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "HoverCardTrigger",
+				required: true
+			}]
+		}],
+		side: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "side",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		sideOffset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sideOffset",
+				required: false
+			}]
+		}],
+		openDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "openDelay",
+				required: false
+			}]
+		}],
+		closeDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeDelay",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		openedChange: [{
+			type: i0.Output,
+			args: ["openedChange"]
+		}]
+	}
+});
+export { HOVER_CARD_DEFAULTS, HoverCardComponent, HoverCardContentDirective, HoverCardTriggerDirective };