@hyalo/angular 0.0.0-stage → 0.1.0

package/fesm2022/hyalo-angular-popover.mjs

@@ -0,0 +1,487 @@
+import { AriaDescriber, FocusTrapFactory } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, Injector, ViewContainerRef, booleanAttribute, effect, inject, input, model, numberAttribute, signal, untracked } from "@angular/core";
+import { hyConnectedPositions, ɵHyPresence } from "@hyalo/angular/overlay";
+import { HyFidelity, injectId } from "@hyalo/angular";
+let kit;
+function loadOverlay() {
+	kit ??= import("./hyalo-angular-popover-overlay-kit-6wPwnxln.mjs").catch((error) => {
+		kit = void 0;
+		throw error;
+	});
+	return kit;
+}
+var HyTooltipPanel = class HyTooltipPanel {
+	message = signal("", ...ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyTooltipPanel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyTooltipPanel,
+		isStandalone: true,
+		selector: "hy-tooltip-panel",
+		host: {
+			attributes: { "aria-hidden": "true" },
+			classAttribute: "hy-tooltip"
+		},
+		ngImport: i0,
+		template: `{{ message() }}`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyTooltipPanel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-tooltip-panel",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "hy-tooltip",
+				"aria-hidden": "true"
+			},
+			template: `{{ message() }}`
+		}]
+	}]
+});
+var HyTooltip = class HyTooltip {
+	injector = inject(Injector);
+	host = inject(ElementRef);
+	describer = inject(AriaDescriber);
+	overlayRef = null;
+	position = null;
+	panel = null;
+	panelEl = null;
+	presence = new ɵHyPresence();
+	showTimer;
+	hideTimer;
+	wanted = false;
+	destroyed = false;
+	message = input("", {
+		...ngDevMode ? { debugName: "message" } : /* istanbul ignore next */ {},
+		alias: "hyTooltip"
+	});
+	tooltipPlacement = input("top", ...ngDevMode ? [{ debugName: "tooltipPlacement" }] : /* istanbul ignore next */ []);
+	tooltipDelay = input(400, {
+		...ngDevMode ? { debugName: "tooltipDelay" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	tooltipDisabled = input(false, {
+		...ngDevMode ? { debugName: "tooltipDisabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	constructor() {
+		let described = "";
+		effect(() => {
+			const message = this.message();
+			if (described) this.describer.removeDescription(this.host.nativeElement, described);
+			if (message) this.describer.describe(this.host.nativeElement, message);
+			described = message;
+			if (this.panel) this.panel.message.set(message);
+		});
+		inject(DestroyRef).onDestroy(() => {
+			this.destroyed = true;
+			clearTimeout(this.showTimer);
+			clearTimeout(this.hideTimer);
+			if (described) this.describer.removeDescription(this.host.nativeElement, described);
+			this.overlayRef?.dispose();
+		});
+	}
+	onPointerEnter(event) {
+		if (event.pointerType !== "touch") this.show(this.tooltipDelay());
+	}
+	show(delay = this.tooltipDelay()) {
+		if (this.tooltipDisabled() || !this.message()) return;
+		clearTimeout(this.hideTimer);
+		clearTimeout(this.showTimer);
+		this.wanted = true;
+		loadOverlay().catch(() => void 0);
+		this.showTimer = setTimeout(() => void this.attach(), delay);
+	}
+	hide() {
+		this.wanted = false;
+		clearTimeout(this.showTimer);
+		clearTimeout(this.hideTimer);
+		const ref = this.overlayRef;
+		if (!ref?.hasAttached() || !this.panelEl) return;
+		this.presence.leave(this.panelEl, () => ref.detach());
+	}
+	scheduleHide() {
+		clearTimeout(this.showTimer);
+		this.hideTimer = setTimeout(() => this.hide(), 120);
+	}
+	async attach() {
+		const kit = await loadOverlay().catch(() => null);
+		if (!kit || !this.wanted || this.destroyed) return;
+		const { ComponentPortal, createFlexibleConnectedPositionStrategy, createOverlayRef, createRepositionScrollStrategy } = kit;
+		if (!this.overlayRef) {
+			this.position = createFlexibleConnectedPositionStrategy(this.injector, this.host).withFlexibleDimensions(false).withViewportMargin(8).withTransformOriginOn(".hy-tooltip");
+			this.overlayRef = createOverlayRef(this.injector, {
+				positionStrategy: this.position,
+				scrollStrategy: createRepositionScrollStrategy(this.injector),
+				panelClass: "hy-tooltip-pane"
+			});
+			this.overlayRef.overlayElement.addEventListener("pointerenter", () => clearTimeout(this.hideTimer));
+			this.overlayRef.overlayElement.addEventListener("pointerleave", () => this.scheduleHide());
+		}
+		if (this.overlayRef.hasAttached()) {
+			if (this.presence.leaving && this.panelEl) this.presence.enter(this.panelEl);
+			return;
+		}
+		this.position?.withPositions(hyConnectedPositions(this.tooltipPlacement()));
+		const ref = this.overlayRef.attach(new ComponentPortal(HyTooltipPanel, null, this.injector));
+		this.panel = ref.instance;
+		this.panel.message.set(this.message());
+		const el = ref.location.nativeElement;
+		this.panelEl = el;
+		this.presence.enter(el);
+		ref.onDestroy(() => {
+			this.panel = null;
+			this.panelEl = null;
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyTooltip,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyTooltip,
+		isStandalone: true,
+		selector: "[hyTooltip]",
+		inputs: {
+			message: {
+				classPropertyName: "message",
+				publicName: "hyTooltip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipPlacement: {
+				classPropertyName: "tooltipPlacement",
+				publicName: "tooltipPlacement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipDelay: {
+				classPropertyName: "tooltipDelay",
+				publicName: "tooltipDelay",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tooltipDisabled: {
+				classPropertyName: "tooltipDisabled",
+				publicName: "tooltipDisabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { listeners: {
+			"pointerenter": "onPointerEnter($event)",
+			"pointerleave": "scheduleHide()",
+			"focusin": "show(0)",
+			"focusout": "hide()",
+			"keydown.escape": "hide()"
+		} },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyTooltip,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hyTooltip]",
+			host: {
+				"(pointerenter)": "onPointerEnter($event)",
+				"(pointerleave)": "scheduleHide()",
+				"(focusin)": "show(0)",
+				"(focusout)": "hide()",
+				"(keydown.escape)": "hide()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		message: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hyTooltip",
+				required: false
+			}]
+		}],
+		tooltipPlacement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipPlacement",
+				required: false
+			}]
+		}],
+		tooltipDelay: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipDelay",
+				required: false
+			}]
+		}],
+		tooltipDisabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tooltipDisabled",
+				required: false
+			}]
+		}]
+	}
+});
+var HyPopover = class HyPopover {
+	injector = inject(Injector);
+	host = inject(ElementRef);
+	viewContainer = inject(ViewContainerRef);
+	focusTraps = inject(FocusTrapFactory);
+	fidelity = inject(HyFidelity);
+	panelId = injectId("popover");
+	overlayRef = null;
+	position = null;
+	presence = new ɵHyPresence();
+	destroyed = false;
+	content = input.required({
+		...ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {},
+		alias: "hyPopover"
+	});
+	popoverLabel = input(...ngDevMode ? [void 0, { debugName: "popoverLabel" }] : /* istanbul ignore next */ []);
+	popoverPlacement = input("bottom", ...ngDevMode ? [{ debugName: "popoverPlacement" }] : /* istanbul ignore next */ []);
+	open = model(false, {
+		...ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {},
+		alias: "popoverOpen"
+	});
+	constructor() {
+		effect(() => {
+			const open = this.open();
+			untracked(() => open ? void this.attach() : this.detach());
+		});
+		inject(DestroyRef).onDestroy(() => {
+			this.destroyed = true;
+			this.overlayRef?.dispose();
+		});
+	}
+	toggle() {
+		this.open.update((v) => !v);
+	}
+	close(restoreFocus = true) {
+		if (!this.open()) return;
+		this.open.set(false);
+		if (restoreFocus) this.host.nativeElement.focus();
+	}
+	preload() {
+		loadOverlay().catch(() => void 0);
+	}
+	async attach() {
+		const kit = await loadOverlay().catch(() => null);
+		if (this.destroyed) return;
+		if (!kit) {
+			this.open.set(false);
+			return;
+		}
+		if (!this.open()) return;
+		const { TemplatePortal, createFlexibleConnectedPositionStrategy, createOverlayRef, createRepositionScrollStrategy } = kit;
+		if (!this.overlayRef) {
+			this.position = createFlexibleConnectedPositionStrategy(this.injector, this.host).withViewportMargin(12).withPush(true).withTransformOriginOn(".hy-popover");
+			this.overlayRef = createOverlayRef(this.injector, {
+				positionStrategy: this.position,
+				scrollStrategy: createRepositionScrollStrategy(this.injector),
+				panelClass: "hy-popover-pane"
+			});
+			this.overlayRef.keydownEvents().subscribe((event) => {
+				if (event.key === "Escape") {
+					event.preventDefault();
+					this.close();
+				}
+			});
+			this.overlayRef.outsidePointerEvents().subscribe((event) => {
+				if (!this.host.nativeElement.contains(event.target)) this.close(false);
+			});
+		}
+		if (this.overlayRef.hasAttached()) {
+			if (this.presence.leaving) this.presence.enter(this.overlayRef.overlayElement);
+			return;
+		}
+		this.position?.withPositions(hyConnectedPositions(this.popoverPlacement(), 10));
+		this.overlayRef.attach(new TemplatePortal(this.content(), this.viewContainer));
+		const pane = this.overlayRef.overlayElement;
+		pane.id = this.panelId;
+		pane.setAttribute("role", "dialog");
+		const label = this.popoverLabel();
+		if (label) pane.setAttribute("aria-label", label);
+		else pane.removeAttribute("aria-label");
+		pane.classList.add("hy-glass", "hy-popover");
+		pane.dataset["material"] = this.fidelity.tier() === "low" ? "solid" : "frosted";
+		pane.addEventListener("focusout", this.onFocusOut);
+		this.presence.enter(pane);
+		const trap = this.focusTraps.create(pane);
+		trap.focusFirstTabbableElementWhenReady().then((found) => {
+			if (!found) {
+				pane.tabIndex = -1;
+				pane.focus();
+			}
+			trap.destroy();
+		});
+	}
+	detach() {
+		const ref = this.overlayRef;
+		if (!ref?.hasAttached()) return;
+		ref.overlayElement.removeEventListener("focusout", this.onFocusOut);
+		this.presence.leave(ref.overlayElement, () => ref.detach());
+	}
+	onFocusOut = (event) => {
+		const next = event.relatedTarget;
+		if (next && !this.overlayRef?.overlayElement.contains(next) && next !== this.host.nativeElement) this.close(false);
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyPopover,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyPopover,
+		isStandalone: true,
+		selector: "[hyPopover]",
+		inputs: {
+			content: {
+				classPropertyName: "content",
+				publicName: "hyPopover",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			popoverLabel: {
+				classPropertyName: "popoverLabel",
+				publicName: "popoverLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			popoverPlacement: {
+				classPropertyName: "popoverPlacement",
+				publicName: "popoverPlacement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			open: {
+				classPropertyName: "open",
+				publicName: "popoverOpen",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { open: "popoverOpenChange" },
+		host: {
+			attributes: { "aria-haspopup": "dialog" },
+			listeners: {
+				"click": "toggle()",
+				"pointerenter": "preload()",
+				"focusin": "preload()"
+			},
+			properties: {
+				"attr.aria-expanded": "open()",
+				"attr.aria-controls": "open() ? panelId : null"
+			}
+		},
+		exportAs: ["hyPopover"],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyPopover,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hyPopover]",
+			exportAs: "hyPopover",
+			host: {
+				"aria-haspopup": "dialog",
+				"[attr.aria-expanded]": "open()",
+				"[attr.aria-controls]": "open() ? panelId : null",
+				"(click)": "toggle()",
+				"(pointerenter)": "preload()",
+				"(focusin)": "preload()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		content: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hyPopover",
+				required: true
+			}]
+		}],
+		popoverLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "popoverLabel",
+				required: false
+			}]
+		}],
+		popoverPlacement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "popoverPlacement",
+				required: false
+			}]
+		}],
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "popoverOpen",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["popoverOpenChange"]
+		}]
+	}
+});
+export { HyPopover, HyTooltip, HyTooltipPanel };
+
+//# sourceMappingURL=hyalo-angular-popover.mjs.map

package/fesm2022/hyalo-angular-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-popover.mjs","names":["HyPresence","HyPresence"],"sources":["../../../projects/hyalo/popover/load-overlay.ts","../../../projects/hyalo/popover/tooltip.ts","../../../projects/hyalo/popover/popover.ts"],"sourcesContent":["/**\r\n * @internal Loads the overlay code the first time a tooltip or popover is\r\n * about to open. A page full of triggers then costs nothing until someone\r\n * hovers or clicks one, and the import resolves to the same module when the\r\n * app already uses the overlay elsewhere.\r\n */\r\nexport type HyOverlayKit = typeof import('./overlay-kit');\r\n\r\nlet kit: Promise<HyOverlayKit> | undefined;\r\n\r\n/** @internal */\r\nexport function loadOverlay(): Promise<HyOverlayKit> {\r\n  kit ??= import('./overlay-kit').catch((error: unknown) => {\r\n    // A failed chunk load should not stick; the next open tries again.\r\n    kit = undefined;\r\n    throw error;\r\n  });\r\n  return kit;\r\n}\r\n","import { AriaDescriber } from '@angular/cdk/a11y';\r\nimport type { FlexibleConnectedPositionStrategy, OverlayRef } from '@angular/cdk/overlay';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  Injector,\r\n  booleanAttribute,\r\n  effect,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  signal,\r\n} from '@angular/core';\r\nimport {\r\n  hyConnectedPositions,\r\n  type HyPlacement,\r\n  ɵHyPresence as HyPresence,\r\n} from '@hyalo/angular/overlay';\r\nimport { loadOverlay } from './load-overlay';\r\n\r\n@Component({\r\n  selector: 'hy-tooltip-panel',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'hy-tooltip', 'aria-hidden': 'true' },\r\n  template: `{{ message() }}`,\r\n})\r\nexport class HyTooltipPanel {\r\n  readonly message = signal('');\r\n}\r\n\r\n/**\r\n * A short text hint on hover or keyboard focus.\r\n *\r\n * ```html\r\n * <button hyButton iconOnly aria-label=\"Copy link\" hyTooltip=\"Copy link\">...</button>\r\n * ```\r\n *\r\n * The text is also added to the trigger's `aria-describedby` through a\r\n * hidden element, so screen readers get it without the visual tooltip. The\r\n * tooltip stays open while the pointer is over it and closes on Escape, as\r\n * WCAG 1.4.13 asks. Keep it short and never put interactive content in it;\r\n * use `hyPopover` for that.\r\n */\r\n@Directive({\r\n  selector: '[hyTooltip]',\r\n  host: {\r\n    '(pointerenter)': 'onPointerEnter($event)',\r\n    '(pointerleave)': 'scheduleHide()',\r\n    '(focusin)': 'show(0)',\r\n    '(focusout)': 'hide()',\r\n    '(keydown.escape)': 'hide()',\r\n  },\r\n})\r\nexport class HyTooltip {\r\n  private readonly injector = inject(Injector);\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly describer = inject(AriaDescriber);\r\n  private overlayRef: OverlayRef | null = null;\r\n  private position: FlexibleConnectedPositionStrategy | null = null;\r\n  private panel: HyTooltipPanel | null = null;\r\n  private panelEl: HTMLElement | null = null;\r\n  private readonly presence = new HyPresence();\r\n  private showTimer: ReturnType<typeof setTimeout> | undefined;\r\n  private hideTimer: ReturnType<typeof setTimeout> | undefined;\r\n  /** True from show() until hide(), so a late overlay load knows to stop. */\r\n  private wanted = false;\r\n  private destroyed = false;\r\n\r\n  /** The tooltip text. */\r\n  readonly message = input('', { alias: 'hyTooltip' });\r\n  /** Preferred side. Flips when there is no room. */\r\n  readonly tooltipPlacement = input<HyPlacement>('top');\r\n  /** Hover delay in milliseconds. Focus shows it right away. */\r\n  readonly tooltipDelay = input(400, { transform: numberAttribute });\r\n  readonly tooltipDisabled = input(false, { transform: booleanAttribute });\r\n\r\n  constructor() {\r\n    let described = '';\r\n    effect(() => {\r\n      const message = this.message();\r\n      if (described) this.describer.removeDescription(this.host.nativeElement, described);\r\n      if (message) this.describer.describe(this.host.nativeElement, message);\r\n      described = message;\r\n      if (this.panel) this.panel.message.set(message);\r\n    });\r\n    inject(DestroyRef).onDestroy(() => {\r\n      this.destroyed = true;\r\n      clearTimeout(this.showTimer);\r\n      clearTimeout(this.hideTimer);\r\n      if (described) this.describer.removeDescription(this.host.nativeElement, described);\r\n      this.overlayRef?.dispose();\r\n    });\r\n  }\r\n\r\n  protected onPointerEnter(event: PointerEvent): void {\r\n    if (event.pointerType !== 'touch') this.show(this.tooltipDelay());\r\n  }\r\n\r\n  /** Shows the tooltip after the given delay. */\r\n  show(delay = this.tooltipDelay()): void {\r\n    if (this.tooltipDisabled() || !this.message()) return;\r\n    clearTimeout(this.hideTimer);\r\n    clearTimeout(this.showTimer);\r\n    this.wanted = true;\r\n    // Load during the hover delay, so the tooltip is ready when it ends.\r\n    loadOverlay().catch(() => undefined);\r\n    this.showTimer = setTimeout(() => void this.attach(), delay);\r\n  }\r\n\r\n  /** Starts hiding the tooltip now. It fades out quickly. */\r\n  hide(): void {\r\n    this.wanted = false;\r\n    clearTimeout(this.showTimer);\r\n    clearTimeout(this.hideTimer);\r\n    const ref = this.overlayRef;\r\n    if (!ref?.hasAttached() || !this.panelEl) return;\r\n    this.presence.leave(this.panelEl, () => ref.detach());\r\n  }\r\n\r\n  protected scheduleHide(): void {\r\n    clearTimeout(this.showTimer);\r\n    this.hideTimer = setTimeout(() => this.hide(), 120);\r\n  }\r\n\r\n  private async attach(): Promise<void> {\r\n    const kit = await loadOverlay().catch(() => null);\r\n    if (!kit || !this.wanted || this.destroyed) return;\r\n    const {\r\n      ComponentPortal,\r\n      createFlexibleConnectedPositionStrategy,\r\n      createOverlayRef,\r\n      createRepositionScrollStrategy,\r\n    } = kit;\r\n    if (!this.overlayRef) {\r\n      this.position = createFlexibleConnectedPositionStrategy(this.injector, this.host)\r\n        .withFlexibleDimensions(false)\r\n        .withViewportMargin(8)\r\n        .withTransformOriginOn('.hy-tooltip');\r\n      this.overlayRef = createOverlayRef(this.injector, {\r\n        positionStrategy: this.position,\r\n        scrollStrategy: createRepositionScrollStrategy(this.injector),\r\n        panelClass: 'hy-tooltip-pane',\r\n      });\r\n      // Hovering the tooltip itself keeps it open.\r\n      this.overlayRef.overlayElement.addEventListener('pointerenter', () =>\r\n        clearTimeout(this.hideTimer),\r\n      );\r\n      this.overlayRef.overlayElement.addEventListener('pointerleave', () => this.scheduleHide());\r\n    }\r\n    if (this.overlayRef.hasAttached()) {\r\n      if (this.presence.leaving && this.panelEl) this.presence.enter(this.panelEl);\r\n      return;\r\n    }\r\n    // Read on every show, so a changed placement applies next time.\r\n    this.position?.withPositions(hyConnectedPositions(this.tooltipPlacement()));\r\n    const ref = this.overlayRef.attach(new ComponentPortal(HyTooltipPanel, null, this.injector));\r\n    this.panel = ref.instance;\r\n    this.panel.message.set(this.message());\r\n    const el = ref.location.nativeElement as HTMLElement;\r\n    this.panelEl = el;\r\n    this.presence.enter(el);\r\n    ref.onDestroy(() => {\r\n      this.panel = null;\r\n      this.panelEl = null;\r\n    });\r\n  }\r\n}\r\n","import { FocusTrapFactory } from '@angular/cdk/a11y';\r\nimport type { FlexibleConnectedPositionStrategy, OverlayRef } from '@angular/cdk/overlay';\r\nimport {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  Injector,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n  inject,\r\n  input,\r\n  model,\r\n  effect,\r\n  untracked,\r\n} from '@angular/core';\r\nimport { HyFidelity, injectId } from '@hyalo/angular';\r\nimport {\r\n  hyConnectedPositions,\r\n  type HyPlacement,\r\n  ɵHyPresence as HyPresence,\r\n} from '@hyalo/angular/overlay';\r\nimport { loadOverlay } from './load-overlay';\r\n\r\n/**\r\n * A non-modal glass panel anchored to a trigger, for content that does not\r\n * fit in a tooltip: a short form, a menu of links, details.\r\n *\r\n * ```html\r\n * <button hyButton variant=\"glass\" [hyPopover]=\"share\" popoverLabel=\"Share\">Share</button>\r\n * <ng-template #share>\r\n *   <a href=\"...\">Copy link</a>\r\n * </ng-template>\r\n * ```\r\n *\r\n * Click or Enter toggles it. On open, focus moves to the first focusable\r\n * element inside. Escape closes it and returns focus to the trigger, and so\r\n * does clicking outside or tabbing out of it.\r\n */\r\n@Directive({\r\n  selector: '[hyPopover]',\r\n  exportAs: 'hyPopover',\r\n  host: {\r\n    'aria-haspopup': 'dialog',\r\n    '[attr.aria-expanded]': 'open()',\r\n    '[attr.aria-controls]': 'open() ? panelId : null',\r\n    '(click)': 'toggle()',\r\n    // Fetch the overlay code as soon as the user heads for the trigger.\r\n    '(pointerenter)': 'preload()',\r\n    '(focusin)': 'preload()',\r\n  },\r\n})\r\nexport class HyPopover {\r\n  private readonly injector = inject(Injector);\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly viewContainer = inject(ViewContainerRef);\r\n  private readonly focusTraps = inject(FocusTrapFactory);\r\n  private readonly fidelity = inject(HyFidelity);\r\n  protected readonly panelId = injectId('popover');\r\n  private overlayRef: OverlayRef | null = null;\r\n  private position: FlexibleConnectedPositionStrategy | null = null;\r\n  private readonly presence = new HyPresence();\r\n  private destroyed = false;\r\n\r\n  /** The content. */\r\n  readonly content = input.required<TemplateRef<unknown>>({ alias: 'hyPopover' });\r\n  /** Accessible name of the panel. */\r\n  readonly popoverLabel = input<string>();\r\n  /** Preferred side. Flips when there is no room. */\r\n  readonly popoverPlacement = input<HyPlacement>('bottom');\r\n  /** Whether the panel is open. Two-way bindable as `[(popoverOpen)]`. */\r\n  readonly open = model(false, { alias: 'popoverOpen' });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const open = this.open();\r\n      untracked(() => (open ? void this.attach() : this.detach()));\r\n    });\r\n    inject(DestroyRef).onDestroy(() => {\r\n      this.destroyed = true;\r\n      this.overlayRef?.dispose();\r\n    });\r\n  }\r\n\r\n  toggle(): void {\r\n    this.open.update((v) => !v);\r\n  }\r\n\r\n  /** Closes the panel, optionally moving focus back to the trigger. */\r\n  close(restoreFocus = true): void {\r\n    if (!this.open()) return;\r\n    this.open.set(false);\r\n    if (restoreFocus) this.host.nativeElement.focus();\r\n  }\r\n\r\n  protected preload(): void {\r\n    loadOverlay().catch(() => undefined);\r\n  }\r\n\r\n  private async attach(): Promise<void> {\r\n    const kit = await loadOverlay().catch(() => null);\r\n    if (this.destroyed) return;\r\n    if (!kit) {\r\n      // Without the overlay code there is no panel, so do not claim one.\r\n      this.open.set(false);\r\n      return;\r\n    }\r\n    // It may have been closed again while the code loaded.\r\n    if (!this.open()) return;\r\n    const {\r\n      TemplatePortal,\r\n      createFlexibleConnectedPositionStrategy,\r\n      createOverlayRef,\r\n      createRepositionScrollStrategy,\r\n    } = kit;\r\n    if (!this.overlayRef) {\r\n      this.position = createFlexibleConnectedPositionStrategy(this.injector, this.host)\r\n        .withViewportMargin(12)\r\n        .withPush(true)\r\n        // The panel grows out of its trigger, not out of its own centre.\r\n        .withTransformOriginOn('.hy-popover');\r\n      this.overlayRef = createOverlayRef(this.injector, {\r\n        positionStrategy: this.position,\r\n        scrollStrategy: createRepositionScrollStrategy(this.injector),\r\n        panelClass: 'hy-popover-pane',\r\n      });\r\n      this.overlayRef.keydownEvents().subscribe((event) => {\r\n        if (event.key === 'Escape') {\r\n          event.preventDefault();\r\n          this.close();\r\n        }\r\n      });\r\n      this.overlayRef.outsidePointerEvents().subscribe((event) => {\r\n        if (!this.host.nativeElement.contains(event.target as Node)) this.close(false);\r\n      });\r\n    }\r\n    if (this.overlayRef.hasAttached()) {\r\n      // Reopened while fading out: turn the exit around.\r\n      if (this.presence.leaving) this.presence.enter(this.overlayRef.overlayElement);\r\n      return;\r\n    }\r\n    // Read on every open, so a changed placement applies next time.\r\n    this.position?.withPositions(hyConnectedPositions(this.popoverPlacement(), 10));\r\n    this.overlayRef.attach(new TemplatePortal(this.content(), this.viewContainer));\r\n\r\n    const pane = this.overlayRef.overlayElement;\r\n    pane.id = this.panelId;\r\n    pane.setAttribute('role', 'dialog');\r\n    const label = this.popoverLabel();\r\n    if (label) pane.setAttribute('aria-label', label);\r\n    else pane.removeAttribute('aria-label');\r\n    pane.classList.add('hy-glass', 'hy-popover');\r\n    pane.dataset['material'] = this.fidelity.tier() === 'low' ? 'solid' : 'frosted';\r\n    pane.addEventListener('focusout', this.onFocusOut);\r\n    this.presence.enter(pane);\r\n\r\n    const trap = this.focusTraps.create(pane);\r\n    void trap.focusFirstTabbableElementWhenReady().then((found) => {\r\n      if (!found) {\r\n        pane.tabIndex = -1;\r\n        pane.focus();\r\n      }\r\n      trap.destroy();\r\n    });\r\n  }\r\n\r\n  private detach(): void {\r\n    const ref = this.overlayRef;\r\n    if (!ref?.hasAttached()) return;\r\n    ref.overlayElement.removeEventListener('focusout', this.onFocusOut);\r\n    this.presence.leave(ref.overlayElement, () => ref.detach());\r\n  }\r\n\r\n  private readonly onFocusOut = (event: FocusEvent): void => {\r\n    const next = event.relatedTarget as Node | null;\r\n    if (\r\n      next &&\r\n      !this.overlayRef?.overlayElement.contains(next) &&\r\n      next !== this.host.nativeElement\r\n    ) {\r\n      this.close(false);\r\n    }\r\n  };\r\n}\r\n"],"mappings":"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"}