@agorapulse/ui-components 22.0.31 → 22.0.33

package/fesm2022/agorapulse-ui-components-floating.mjs

@@ -0,0 +1,451 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
+import { inject, ElementRef, ViewContainerRef, signal, DestroyRef, TemplateRef } from '@angular/core';
+import { offset, flip, shift, computePosition, autoUpdate } from '@floating-ui/dom';
+import { filter, take } from 'rxjs/operators';
+
+/**
+ * The placement derived when `placement` is unset. Reads the **configured** anchor mode, not the
+ * resolved one: a keyboard opening falls back to the trigger, and if the alignment followed, the
+ * component would change shape between mouse and keyboard.
+ */
+function defaultPlacementFor(anchor) {
+    return anchor === 'trigger' ? 'bottom-start' : 'bottom';
+}
+/**
+ * `'pointer'` is a hybrid whose zero dimension is the **cross-axis** one; a lateral panel built
+ * from a fully point-like anchor would sit inside its own trigger. `'pointer-free'` is the point
+ * itself. Both fall back to the trigger when there is no click.
+ *
+ * @param vertical The opening axis. Invariant under the flip, which only swaps the main axis.
+ */
+function resolveAnchorRect(anchor, triggerRect, vertical, clickPoint) {
+    if (anchor === 'trigger' || !clickPoint) {
+        return triggerRect;
+    }
+    if (anchor === 'pointer-free') {
+        return { x: clickPoint.x, y: clickPoint.y, width: 0, height: 0 };
+    }
+    return vertical
+        ? { x: clickPoint.x, y: triggerRect.y, width: 0, height: triggerRect.height }
+        : { x: triggerRect.x, y: clickPoint.y, width: triggerRect.width, height: 0 };
+}
+/**
+ * A keyboard-synthesised click carries `detail: 0` and `clientX: 0`, which without this guard puts
+ * the pointer anchor in the screen's top-left corner.
+ */
+function clickPointOf(event) {
+    return event && event.detail > 0 ? { x: event.clientX, y: event.clientY } : undefined;
+}
+/**
+ * A ratio names a place on the trigger where a viewport coordinate names a place in the window,
+ * which is what makes a pointer anchor survive scrolling, resizing and shifting. `undefined` for a
+ * trigger with no area, so the anchor falls back to the element rather than divide by zero.
+ */
+function resolveClickRatio(triggerRect, clickPoint) {
+    if (!clickPoint || triggerRect.width <= 0 || triggerRect.height <= 0) {
+        return undefined;
+    }
+    return {
+        x: (clickPoint.x - triggerRect.x) / triggerRect.width,
+        y: (clickPoint.y - triggerRect.y) / triggerRect.height,
+    };
+}
+/** The inverse: the viewport point this ratio names within a **fresh** trigger rect. */
+function pointFromRatio(triggerRect, ratio) {
+    if (!ratio) {
+        return undefined;
+    }
+    return {
+        x: triggerRect.x + ratio.x * triggerRect.width,
+        y: triggerRect.y + ratio.y * triggerRect.height,
+    };
+}
+
+/**
+ * Whole pixels, to match the panel's rounded translate and to stop the hiding test flickering on
+ * sub-pixel noise.
+ */
+function roundRect(rect) {
+    return {
+        x: Math.round(rect.x),
+        y: Math.round(rect.y),
+        width: Math.round(rect.width),
+        height: Math.round(rect.height),
+    };
+}
+function overlaps(a, b) {
+    return a.x < b.x + b.width && b.x < a.x + a.width && a.y < b.y + b.height && b.y < a.y + a.height;
+}
+
+function sideOf(placement) {
+    return placement.split('-')[0];
+}
+function isVertical(placement) {
+    const side = sideOf(placement);
+    return side === 'top' || side === 'bottom';
+}
+
+/**
+ * The arrow drawing's dimensions, shared by the offset computation, the CSS insets and the
+ * stylesheet. The mask's `path` in `_floating-arrow.scss` encodes them too and cannot follow a
+ * variable, so changing either number here means redrawing that SVG.
+ */
+const ARROW_WIDTH = 16;
+const ARROW_HEIGHT = 8;
+
+/** The surface's own corner radius, which the tip must not encroach on. */
+const RADIUS = 4;
+/**
+ * Three rules, in order:
+ *
+ * 1. Aim at the centre of the **anchor ∩ panel intersection**, never the anchor's own centre —
+ *    `apArrow` documents why this diverges from Floating UI.
+ * 2. In `'pointer'` mode, aim at the click, falling back to rule 1 — discontinuously, as the
+ *    plates specify — when the click lands outside the panel.
+ * 3. Clamp to leave the corner radius clear. Below `arrow + 2 × radius` = 24px the range inverts,
+ *    and the arrow is centred outright.
+ *
+ * The flags say which rule applied, so the generated plate cases can assert the path taken.
+ */
+function resolveArrowOffset(input) {
+    const vertical = isVertical(input.side);
+    const panel = input.floatingRect;
+    const anchor = input.anchorRect;
+    const panelStart = vertical ? panel.x : panel.y;
+    const panelEnd = panelStart + (vertical ? panel.width : panel.height);
+    const size = vertical ? panel.width : panel.height;
+    const anchorStart = vertical ? anchor.x : anchor.y;
+    const anchorEnd = anchorStart + (vertical ? anchor.width : anchor.height);
+    const click = input.clickPoint ? (vertical ? input.clickPoint.x : input.clickPoint.y) : undefined;
+    const aimsAtPointer = input.targetMode === 'pointer' && click !== undefined && click >= panelStart && click <= panelEnd;
+    let target;
+    let fellBack = false;
+    if (aimsAtPointer && click !== undefined) {
+        target = click;
+    }
+    else {
+        fellBack = input.targetMode === 'pointer';
+        const from = Math.max(panelStart, anchorStart);
+        const to = Math.min(panelEnd, anchorEnd);
+        target = to >= from ? (from + to) / 2 : (panelStart + panelEnd) / 2;
+    }
+    const raw = target - panelStart - ARROW_WIDTH / 2;
+    const low = RADIUS;
+    const high = size - ARROW_WIDTH - RADIUS;
+    if (high < low) {
+        return { offset: (size - ARROW_WIDTH) / 2, clamped: false, fellBack, centered: true };
+    }
+    const offset = Math.max(low, Math.min(high, raw));
+    return { offset, clamped: Math.abs(offset - raw) > 0.5, fellBack, centered: false };
+}
+
+const OPPOSITE = {
+    top: 'bottom',
+    bottom: 'top',
+    left: 'right',
+    right: 'left',
+};
+/**
+ * The panel edge an arrow sits on: a panel placed `bottom` hangs below its anchor, so its tip is on
+ * its top edge. Give it the **resolved** placement, or a flipped panel grows its arrow away.
+ */
+function arrowSideFor(placement) {
+    return OPPOSITE[sideOf(placement)];
+}
+/** One pixel of overlap, or a sub-pixel seam opens at the joint. */
+const OVERLAP = 1;
+/** How far it stands out on the main axis, measured from the panel's edge. */
+const MAIN_INSET = ARROW_HEIGHT - OVERLAP;
+/**
+ * The same laterally. A ±90° rotation turns about the box's centre, so the unrotated box is pushed
+ * out by half its width less the half height it gains back, for the footprint to clear by `MAIN_INSET`.
+ */
+const SIDE_INSET = ARROW_WIDTH / 2 + ARROW_HEIGHT / 2 - OVERLAP;
+/** Compensation for that same rotation centre, on the cross axis. */
+const CROSS_SHIFT = (ARROW_WIDTH - ARROW_HEIGHT) / 2;
+/**
+ * The insets and rotation `_floating-arrow.scss` reads off the pane. The rotation-centre
+ * compensation lives here rather than in the stylesheet, where it could not be tested.
+ *
+ * @param side The panel edge the arrow sits on — the **resolved** side, not the wanted one.
+ * @param offset The offset from the panel's start edge, along the cross axis.
+ */
+function resolveArrowPlacement(side, offset) {
+    const auto = 'auto';
+    if (side === 'top') {
+        return { top: `${-MAIN_INSET}px`, right: auto, bottom: auto, left: `${offset}px`, rotate: '0deg' };
+    }
+    if (side === 'bottom') {
+        return { top: auto, right: auto, bottom: `${-MAIN_INSET}px`, left: `${offset}px`, rotate: '180deg' };
+    }
+    const cross = `${offset + CROSS_SHIFT}px`;
+    return side === 'left'
+        ? { top: cross, right: auto, bottom: auto, left: `${-SIDE_INSET}px`, rotate: '-90deg' }
+        : { top: cross, right: `${-SIDE_INSET}px`, bottom: auto, left: auto, rotate: '90deg' };
+}
+
+const AP_ARROW = 'apArrow';
+/**
+ * Replaces Floating UI's `arrow`, which aims at the centre of the *reference*: on a 280px trigger
+ * with a 100px panel that centre is out of reach and the tip clamps to a corner at 80, where the
+ * intersection's centre is 42 (plate 22). {@link resolveArrowOffset} holds the rule.
+ *
+ * Must run last, after `shift`, since it reads the panel's final position.
+ */
+function apArrow(options) {
+    return {
+        name: AP_ARROW,
+        options,
+        fn(state) {
+            // Both rects come from Floating UI, in one space. Measuring the pane here would not.
+            const anchorRect = roundRect(state.rects.reference);
+            const floatingRect = roundRect({
+                x: state.x,
+                y: state.y,
+                width: state.rects.floating.width,
+                height: state.rects.floating.height,
+            });
+            const { offset } = resolveArrowOffset({
+                side: arrowSideFor(state.placement),
+                anchorRect,
+                floatingRect,
+                targetMode: options.targetMode,
+                clickPoint: clickPointIn(anchorRect, options),
+            });
+            const data = {
+                offset,
+                side: arrowSideFor(state.placement),
+                hidden: overlaps(floatingRect, anchorRect),
+            };
+            return { data };
+        },
+    };
+}
+/**
+ * In the pointer modes the reference **is** the click, so its origin is the point. Its coordinate
+ * on the main axis is the trigger's and goes unread: the offset only ever reads the cross axis.
+ */
+function clickPointIn(anchorRect, { anchorMode, clickRatio }) {
+    if (!clickRatio) {
+        return undefined;
+    }
+    if (anchorMode !== 'trigger') {
+        return { x: anchorRect.x, y: anchorRect.y };
+    }
+    return {
+        x: anchorRect.x + clickRatio.x * anchorRect.width,
+        y: anchorRect.y + clickRatio.y * anchorRect.height,
+    };
+}
+
+/**
+ * Set on the pane when an arrow is asked for. The drawing is global CSS because the pane belongs to
+ * no component's DOM, so no encapsulated stylesheet can reach it.
+ */
+const ARROW_CLASS = 'ap-floating-arrow';
+/**
+ * Written on the first computation only: `getComputedStyle` forces a style recalculation, and the
+ * update cycle runs on every scroll of every scrollable ancestor.
+ *
+ * **A contract for panels that ask for an arrow**: the pane's first element child must be the
+ * styled surface, not a wrapper around it. The arrow's colour is lifted off that element, and the
+ * stylesheet neutralises its shadow — a wrapper yields a transparent tip and two shadows at the
+ * joint.
+ *
+ * Only CSS knows which element carries a background, so this is checked in a browser, never in a
+ * unit test.
+ *
+ * @returns whether the surface was there to read, so the caller can retry on the next pass.
+ */
+function writeArrowInvariants(pane) {
+    pane.style.setProperty('--ap-floating-arrow-width', `${ARROW_WIDTH}px`);
+    pane.style.setProperty('--ap-floating-arrow-height', `${ARROW_HEIGHT}px`);
+    const surface = pane.firstElementChild;
+    if (!surface) {
+        return false;
+    }
+    pane.style.setProperty('--ap-arrow-background', getComputedStyle(surface).backgroundColor);
+    return true;
+}
+/** The half that moves with the panel. */
+function writeArrowStyles(pane, arrow) {
+    const placement = resolveArrowPlacement(arrow.side, arrow.offset);
+    pane.style.setProperty('--ap-arrow-top', placement.top);
+    pane.style.setProperty('--ap-arrow-right', placement.right);
+    pane.style.setProperty('--ap-arrow-bottom', placement.bottom);
+    pane.style.setProperty('--ap-arrow-left', placement.left);
+    pane.style.setProperty('--ap-arrow-rotate', placement.rotate);
+    pane.style.setProperty('--ap-arrow-visibility', arrow.hidden ? 'hidden' : 'visible');
+}
+
+/** gap (4) + arrow length (8). */
+const MAIN_OFFSET = 12;
+const VIEWPORT_MARGIN = 8;
+function toRect(source) {
+    const rect = source.getBoundingClientRect();
+    return roundRect({ x: rect.left, y: rect.top, width: rect.width, height: rect.height });
+}
+function createFloatingOverlay() {
+    const elementRef = inject(ElementRef);
+    const overlay = inject(Overlay);
+    const viewContainerRef = inject(ViewContainerRef);
+    let _overlayRef = null;
+    let stopAutoUpdate = null;
+    let reposition = null;
+    let anchorState = null;
+    const isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    inject(DestroyRef).onDestroy(() => close());
+    /**
+     * Opens the floating on a `TemplateRef`, attached as is, or on a component whose `ComponentRef`
+     * is handed back, typed on the component, so the caller can set its inputs.
+     *
+     * The position keeps itself current, so inputs set after this returns need no refresh.
+     */
+    function open(content, triggerElement, config, event) {
+        if (isOpen())
+            return null;
+        const target = triggerElement ?? elementRef.nativeElement;
+        const mode = config?.anchor ?? 'trigger';
+        const placement = config?.placement ?? defaultPlacementFor(mode);
+        anchorState = captureAnchor(target, mode, placement, event);
+        disposeOverlay();
+        _overlayRef = createOverlay(config);
+        const pane = _overlayRef.overlayElement;
+        // Floating UI's coordinates are viewport-relative; the CDK's `absolute` would misread them.
+        pane.style.position = 'fixed';
+        pane.style.left = '0';
+        pane.style.top = '0';
+        const panelRef = attachContent(content);
+        isOpen.set(true);
+        if (config?.arrow === true) {
+            // On opening, so the pane carries the single silhouette's shadow before the first frame.
+            pane.classList.add(ARROW_CLASS);
+        }
+        watchPosition(pane, placement, config);
+        watchDismissal(target, config);
+        return panelRef;
+    }
+    function captureAnchor(target, mode, placement, event) {
+        return { target, mode, vertical: isVertical(placement), ratio: resolveClickRatio(toRect(target), clickPointOf(event)) };
+    }
+    /**
+     * The reference **is** the anchor in all three modes, which is what lets the arrow read
+     * `rects.reference` rather than rebuild it. `contextElement` is load-bearing: without it
+     * `autoUpdate` cannot find the scrollable ancestors of an anchor that has no DOM node.
+     */
+    function toReference(state) {
+        if (state.mode === 'trigger' || !state.ratio) {
+            return state.target;
+        }
+        return {
+            contextElement: state.target,
+            getBoundingClientRect: () => {
+                const trigger = toRect(state.target);
+                const rect = resolveAnchorRect(state.mode, trigger, state.vertical, pointFromRatio(trigger, state.ratio));
+                return new DOMRect(rect.x, rect.y, rect.width, rect.height);
+            },
+        };
+    }
+    function createOverlay(config) {
+        return overlay.create({
+            hasBackdrop: config?.showBackdrop ?? false,
+            backdropClass: '',
+            panelClass: config?.panelClass ?? '',
+            // No scroll strategy: `autoUpdate` owns the update cycle, and the CDK's default is a no-op.
+            usePopover: false,
+        });
+    }
+    function attachContent(content) {
+        if (!_overlayRef)
+            return null;
+        if (content instanceof TemplateRef) {
+            _overlayRef.attach(new TemplatePortal(content, viewContainerRef));
+            return null;
+        }
+        return _overlayRef.attach(new ComponentPortal(content, viewContainerRef));
+    }
+    /**
+     * `autoUpdate` is the whole update cycle: scrollable ancestors of both boxes, the viewport,
+     * both boxes' own resizing, and layout shifts. Nothing else here watches anything.
+     */
+    function watchPosition(pane, placement, config) {
+        const state = anchorState;
+        if (!state)
+            return;
+        const reference = toReference(state);
+        const middleware = [
+            offset(MAIN_OFFSET),
+            flip({ crossAxis: false, flipAlignment: false, padding: VIEWPORT_MARGIN }),
+            shift({ padding: VIEWPORT_MARGIN }),
+        ];
+        if (config?.arrow === true) {
+            middleware.push(apArrow({ targetMode: config.arrowTarget ?? 'anchor', anchorMode: state.mode, clickRatio: state.ratio }));
+        }
+        let invariantsWritten = false;
+        reposition = () => {
+            void computePosition(reference, pane, { strategy: 'fixed', placement, middleware }).then(position => {
+                // Whole pixels: a fractional translate blurs text on a non-retina screen.
+                pane.style.transform = `translate(${Math.round(position.x)}px, ${Math.round(position.y)}px)`;
+                const arrow = position.middlewareData[AP_ARROW];
+                if (arrow) {
+                    invariantsWritten = invariantsWritten || writeArrowInvariants(pane);
+                    writeArrowStyles(pane, arrow);
+                }
+            });
+        };
+        stopAutoUpdate = autoUpdate(reference, pane, reposition);
+    }
+    function watchDismissal(target, config) {
+        if (!_overlayRef)
+            return;
+        const closeHandler = config?.onClose ?? (() => close());
+        const outsideHandler = config?.onOutsideClick ?? closeHandler;
+        const escapeHandler = config?.onEscape ?? closeHandler;
+        const ownsGesture = (node) => target.contains(node) || (config?.additionalTriggers?.() ?? []).some(element => element.contains(node));
+        _overlayRef
+            .outsidePointerEvents()
+            .pipe(filter(pointerEvent => !(pointerEvent.target instanceof Node && ownsGesture(pointerEvent.target))), take(1))
+            .subscribe(() => outsideHandler());
+        _overlayRef
+            .keydownEvents()
+            .pipe(filter(keyEvent => keyEvent.key === 'Escape'), take(1))
+            .subscribe(() => escapeHandler());
+    }
+    /** The observers never outlive their overlay: they would reposition it after its destruction. */
+    function disposeOverlay() {
+        stopAutoUpdate?.();
+        stopAutoUpdate = null;
+        reposition = null;
+        _overlayRef?.dispose();
+        _overlayRef = null;
+    }
+    function close() {
+        if (!isOpen())
+            return;
+        anchorState = null;
+        disposeOverlay();
+        isOpen.set(false);
+    }
+    /** Recomputes now. For a caller that knows the geometry changed before any observer can see it. */
+    function updatePosition() {
+        reposition?.();
+    }
+    return {
+        get overlayRef() {
+            return _overlayRef;
+        },
+        isOpen: isOpen.asReadonly(),
+        open,
+        close,
+        updatePosition,
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { apArrow, arrowSideFor, createFloatingOverlay, defaultPlacementFor, isVertical, resolveAnchorRect, resolveArrowOffset, resolveArrowPlacement, sideOf };
+//# sourceMappingURL=agorapulse-ui-components-floating.mjs.map

package/fesm2022/agorapulse-ui-components-floating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-floating.mjs","sources":["../../../libs/ui-components/floating/src/anchor.ts","../../../libs/ui-components/floating/src/rect.ts","../../../libs/ui-components/floating/src/placement.ts","../../../libs/ui-components/floating/src/arrow/arrow-geometry.ts","../../../libs/ui-components/floating/src/arrow/arrow-offset.ts","../../../libs/ui-components/floating/src/arrow/arrow-placement.ts","../../../libs/ui-components/floating/src/arrow/ap-arrow.middleware.ts","../../../libs/ui-components/floating/src/arrow/arrow-styles.ts","../../../libs/ui-components/floating/src/floating-overlay.helper.ts","../../../libs/ui-components/floating/src/agorapulse-ui-components-floating.ts"],"sourcesContent":["import { FloatingPlacement } from './placement';\nimport { FloatingRect } from './rect';\n\n/** What the panel connects to. */\nexport type FloatingAnchorMode = 'trigger' | 'pointer' | 'pointer-free';\n\n/**\n * The placement derived when `placement` is unset. Reads the **configured** anchor mode, not the\n * resolved one: a keyboard opening falls back to the trigger, and if the alignment followed, the\n * component would change shape between mouse and keyboard.\n */\nexport function defaultPlacementFor(anchor: FloatingAnchorMode): FloatingPlacement {\n    return anchor === 'trigger' ? 'bottom-start' : 'bottom';\n}\n\n/**\n * `'pointer'` is a hybrid whose zero dimension is the **cross-axis** one; a lateral panel built\n * from a fully point-like anchor would sit inside its own trigger. `'pointer-free'` is the point\n * itself. Both fall back to the trigger when there is no click.\n *\n * @param vertical The opening axis. Invariant under the flip, which only swaps the main axis.\n */\nexport function resolveAnchorRect(\n    anchor: FloatingAnchorMode,\n    triggerRect: FloatingRect,\n    vertical: boolean,\n    clickPoint?: { x: number; y: number }\n): FloatingRect {\n    if (anchor === 'trigger' || !clickPoint) {\n        return triggerRect;\n    }\n\n    if (anchor === 'pointer-free') {\n        return { x: clickPoint.x, y: clickPoint.y, width: 0, height: 0 };\n    }\n\n    return vertical\n        ? { x: clickPoint.x, y: triggerRect.y, width: 0, height: triggerRect.height }\n        : { x: triggerRect.x, y: clickPoint.y, width: triggerRect.width, height: 0 };\n}\n\n/**\n * A keyboard-synthesised click carries `detail: 0` and `clientX: 0`, which without this guard puts\n * the pointer anchor in the screen's top-left corner.\n */\nexport function clickPointOf(event?: MouseEvent): { x: number; y: number } | undefined {\n    return event && event.detail > 0 ? { x: event.clientX, y: event.clientY } : undefined;\n}\n\n/** A point expressed as a proportion of the trigger, on each axis. */\nexport interface ClickRatio {\n    x: number;\n    y: number;\n}\n\n/**\n * A ratio names a place on the trigger where a viewport coordinate names a place in the window,\n * which is what makes a pointer anchor survive scrolling, resizing and shifting. `undefined` for a\n * trigger with no area, so the anchor falls back to the element rather than divide by zero.\n */\nexport function resolveClickRatio(triggerRect: FloatingRect, clickPoint?: { x: number; y: number }): ClickRatio | undefined {\n    if (!clickPoint || triggerRect.width <= 0 || triggerRect.height <= 0) {\n        return undefined;\n    }\n\n    return {\n        x: (clickPoint.x - triggerRect.x) / triggerRect.width,\n        y: (clickPoint.y - triggerRect.y) / triggerRect.height,\n    };\n}\n\n/** The inverse: the viewport point this ratio names within a **fresh** trigger rect. */\nexport function pointFromRatio(triggerRect: FloatingRect, ratio?: ClickRatio): { x: number; y: number } | undefined {\n    if (!ratio) {\n        return undefined;\n    }\n\n    return {\n        x: triggerRect.x + ratio.x * triggerRect.width,\n        y: triggerRect.y + ratio.y * triggerRect.height,\n    };\n}\n","/** A minimal rect — neither `DOMRect` nor any DOM dependency, so the pure units stay pure. */\nexport interface FloatingRect {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n}\n\n/**\n * Whole pixels, to match the panel's rounded translate and to stop the hiding test flickering on\n * sub-pixel noise.\n */\nexport function roundRect(rect: FloatingRect): FloatingRect {\n    return {\n        x: Math.round(rect.x),\n        y: Math.round(rect.y),\n        width: Math.round(rect.width),\n        height: Math.round(rect.height),\n    };\n}\n\nexport function overlaps(a: FloatingRect, b: FloatingRect): boolean {\n    return a.x < b.x + b.width && b.x < a.x + a.width && a.y < b.y + b.height && b.y < a.y + a.height;\n}\n","import { Placement, Side } from '@floating-ui/dom';\n\n/**\n * The twelve placements, aliased from Floating UI rather than redeclared. The trade-off: this puts\n * `@floating-ui/dom` in our **public** type surface, so its next major would move our types too.\n *\n * There is no `'auto'`; an unset placement is derived by `defaultPlacementFor`.\n */\nexport type FloatingPlacement = Placement;\n\n/** The four opening sides. Floating UI's `Side`, for the same reason. */\nexport type FloatingSide = Side;\n\nexport function sideOf(placement: FloatingPlacement): FloatingSide {\n    return placement.split('-')[0] as FloatingSide;\n}\n\nexport function isVertical(placement: FloatingPlacement): boolean {\n    const side = sideOf(placement);\n    return side === 'top' || side === 'bottom';\n}\n","/**\n * The arrow drawing's dimensions, shared by the offset computation, the CSS insets and the\n * stylesheet. The mask's `path` in `_floating-arrow.scss` encodes them too and cannot follow a\n * variable, so changing either number here means redrawing that SVG.\n */\nexport const ARROW_WIDTH = 16;\nexport const ARROW_HEIGHT = 8;\n","import { FloatingSide, isVertical } from '../placement';\nimport { FloatingRect } from '../rect';\nimport { ARROW_WIDTH } from './arrow-geometry';\n\nexport interface ArrowOffsetInput {\n    /** The side of the panel the arrow sits on — the **resolved** side, not the wanted one. */\n    side: FloatingSide;\n    anchorRect: FloatingRect;\n    floatingRect: FloatingRect;\n    /** `'anchor'` aims at the anchor ∩ panel intersection's centre, `'pointer'` at the click. */\n    targetMode: 'anchor' | 'pointer';\n    clickPoint?: { x: number; y: number };\n}\n\nexport interface ArrowOffsetResult {\n    /** The arrow's offset from the panel's start edge, along the cross axis. */\n    offset: number;\n    clamped: boolean;\n    /** The click fell outside the panel, so the intersection centre was used instead. */\n    fellBack: boolean;\n    /** The panel is too narrow: the clamp range inverts and the arrow is centred outright. */\n    centered: boolean;\n}\n\n/** The surface's own corner radius, which the tip must not encroach on. */\nconst RADIUS = 4;\n\n/**\n * Three rules, in order:\n *\n * 1. Aim at the centre of the **anchor ∩ panel intersection**, never the anchor's own centre —\n *    `apArrow` documents why this diverges from Floating UI.\n * 2. In `'pointer'` mode, aim at the click, falling back to rule 1 — discontinuously, as the\n *    plates specify — when the click lands outside the panel.\n * 3. Clamp to leave the corner radius clear. Below `arrow + 2 × radius` = 24px the range inverts,\n *    and the arrow is centred outright.\n *\n * The flags say which rule applied, so the generated plate cases can assert the path taken.\n */\nexport function resolveArrowOffset(input: ArrowOffsetInput): ArrowOffsetResult {\n    const vertical = isVertical(input.side);\n    const panel = input.floatingRect;\n    const anchor = input.anchorRect;\n\n    const panelStart = vertical ? panel.x : panel.y;\n    const panelEnd = panelStart + (vertical ? panel.width : panel.height);\n    const size = vertical ? panel.width : panel.height;\n    const anchorStart = vertical ? anchor.x : anchor.y;\n    const anchorEnd = anchorStart + (vertical ? anchor.width : anchor.height);\n    const click = input.clickPoint ? (vertical ? input.clickPoint.x : input.clickPoint.y) : undefined;\n\n    const aimsAtPointer = input.targetMode === 'pointer' && click !== undefined && click >= panelStart && click <= panelEnd;\n\n    let target: number;\n    let fellBack = false;\n    if (aimsAtPointer && click !== undefined) {\n        target = click;\n    } else {\n        fellBack = input.targetMode === 'pointer';\n        const from = Math.max(panelStart, anchorStart);\n        const to = Math.min(panelEnd, anchorEnd);\n        target = to >= from ? (from + to) / 2 : (panelStart + panelEnd) / 2;\n    }\n\n    const raw = target - panelStart - ARROW_WIDTH / 2;\n    const low = RADIUS;\n    const high = size - ARROW_WIDTH - RADIUS;\n\n    if (high < low) {\n        return { offset: (size - ARROW_WIDTH) / 2, clamped: false, fellBack, centered: true };\n    }\n\n    const offset = Math.max(low, Math.min(high, raw));\n    return { offset, clamped: Math.abs(offset - raw) > 0.5, fellBack, centered: false };\n}\n","import { FloatingPlacement, FloatingSide, sideOf } from '../placement';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './arrow-geometry';\n\nconst OPPOSITE: Record<FloatingSide, FloatingSide> = {\n    top: 'bottom',\n    bottom: 'top',\n    left: 'right',\n    right: 'left',\n};\n\n/**\n * The panel edge an arrow sits on: a panel placed `bottom` hangs below its anchor, so its tip is on\n * its top edge. Give it the **resolved** placement, or a flipped panel grows its arrow away.\n */\nexport function arrowSideFor(placement: FloatingPlacement): FloatingSide {\n    return OPPOSITE[sideOf(placement)];\n}\n\n/** Ready-to-use CSS values, `'auto'` for the sides that do not apply. */\nexport interface ArrowPlacement {\n    top: string;\n    right: string;\n    bottom: string;\n    left: string;\n    rotate: string;\n}\n\n/** One pixel of overlap, or a sub-pixel seam opens at the joint. */\nconst OVERLAP = 1;\n\n/** How far it stands out on the main axis, measured from the panel's edge. */\nconst MAIN_INSET = ARROW_HEIGHT - OVERLAP;\n\n/**\n * The same laterally. A ±90° rotation turns about the box's centre, so the unrotated box is pushed\n * out by half its width less the half height it gains back, for the footprint to clear by `MAIN_INSET`.\n */\nconst SIDE_INSET = ARROW_WIDTH / 2 + ARROW_HEIGHT / 2 - OVERLAP;\n\n/** Compensation for that same rotation centre, on the cross axis. */\nconst CROSS_SHIFT = (ARROW_WIDTH - ARROW_HEIGHT) / 2;\n\n/**\n * The insets and rotation `_floating-arrow.scss` reads off the pane. The rotation-centre\n * compensation lives here rather than in the stylesheet, where it could not be tested.\n *\n * @param side The panel edge the arrow sits on — the **resolved** side, not the wanted one.\n * @param offset The offset from the panel's start edge, along the cross axis.\n */\nexport function resolveArrowPlacement(side: FloatingSide, offset: number): ArrowPlacement {\n    const auto = 'auto';\n\n    if (side === 'top') {\n        return { top: `${-MAIN_INSET}px`, right: auto, bottom: auto, left: `${offset}px`, rotate: '0deg' };\n    }\n\n    if (side === 'bottom') {\n        return { top: auto, right: auto, bottom: `${-MAIN_INSET}px`, left: `${offset}px`, rotate: '180deg' };\n    }\n\n    const cross = `${offset + CROSS_SHIFT}px`;\n\n    return side === 'left'\n        ? { top: cross, right: auto, bottom: auto, left: `${-SIDE_INSET}px`, rotate: '-90deg' }\n        : { top: cross, right: `${-SIDE_INSET}px`, bottom: auto, left: auto, rotate: '90deg' };\n}\n","import { Middleware, MiddlewareState } from '@floating-ui/dom';\nimport { ClickRatio, FloatingAnchorMode } from '../anchor';\nimport { FloatingSide } from '../placement';\nimport { FloatingRect, overlaps, roundRect } from '../rect';\nimport { resolveArrowOffset } from './arrow-offset';\nimport { arrowSideFor } from './arrow-placement';\n\nexport interface ApArrowOptions {\n    /** What the tip aims at — see {@link resolveArrowOffset}. */\n    targetMode: 'anchor' | 'pointer';\n    /** The configured anchor mode. Decides how the click is recovered from the reference rect. */\n    anchorMode: FloatingAnchorMode;\n    /** The clicked point as a proportion of the trigger. Absent on a keyboard opening. */\n    clickRatio?: ClickRatio;\n}\n\n/** What the middleware leaves in `middlewareData.apArrow`. */\nexport interface ApArrowData {\n    /** The arrow's offset from the panel's start edge, along the cross axis. */\n    offset: number;\n    /** The side of the panel the arrow sits on — read from the **resolved** placement. */\n    side: FloatingSide;\n    /** The panel covers its **anchor** — in the POI mode the trigger may be covered on purpose. */\n    hidden: boolean;\n}\n\nexport const AP_ARROW = 'apArrow';\n\n/**\n * Replaces Floating UI's `arrow`, which aims at the centre of the *reference*: on a 280px trigger\n * with a 100px panel that centre is out of reach and the tip clamps to a corner at 80, where the\n * intersection's centre is 42 (plate 22). {@link resolveArrowOffset} holds the rule.\n *\n * Must run last, after `shift`, since it reads the panel's final position.\n */\nexport function apArrow(options: ApArrowOptions): Middleware {\n    return {\n        name: AP_ARROW,\n        options,\n        fn(state: MiddlewareState) {\n            // Both rects come from Floating UI, in one space. Measuring the pane here would not.\n            const anchorRect = roundRect(state.rects.reference);\n            const floatingRect = roundRect({\n                x: state.x,\n                y: state.y,\n                width: state.rects.floating.width,\n                height: state.rects.floating.height,\n            });\n\n            const { offset } = resolveArrowOffset({\n                side: arrowSideFor(state.placement),\n                anchorRect,\n                floatingRect,\n                targetMode: options.targetMode,\n                clickPoint: clickPointIn(anchorRect, options),\n            });\n\n            const data: ApArrowData = {\n                offset,\n                side: arrowSideFor(state.placement),\n                hidden: overlaps(floatingRect, anchorRect),\n            };\n            return { data };\n        },\n    };\n}\n\n/**\n * In the pointer modes the reference **is** the click, so its origin is the point. Its coordinate\n * on the main axis is the trigger's and goes unread: the offset only ever reads the cross axis.\n */\nfunction clickPointIn(anchorRect: FloatingRect, { anchorMode, clickRatio }: ApArrowOptions): { x: number; y: number } | undefined {\n    if (!clickRatio) {\n        return undefined;\n    }\n    if (anchorMode !== 'trigger') {\n        return { x: anchorRect.x, y: anchorRect.y };\n    }\n    return {\n        x: anchorRect.x + clickRatio.x * anchorRect.width,\n        y: anchorRect.y + clickRatio.y * anchorRect.height,\n    };\n}\n","import { ApArrowData } from './ap-arrow.middleware';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from './arrow-geometry';\nimport { resolveArrowPlacement } from './arrow-placement';\n\n/**\n * Set on the pane when an arrow is asked for. The drawing is global CSS because the pane belongs to\n * no component's DOM, so no encapsulated stylesheet can reach it.\n */\nexport const ARROW_CLASS = 'ap-floating-arrow';\n\n/**\n * Written on the first computation only: `getComputedStyle` forces a style recalculation, and the\n * update cycle runs on every scroll of every scrollable ancestor.\n *\n * **A contract for panels that ask for an arrow**: the pane's first element child must be the\n * styled surface, not a wrapper around it. The arrow's colour is lifted off that element, and the\n * stylesheet neutralises its shadow — a wrapper yields a transparent tip and two shadows at the\n * joint.\n *\n * Only CSS knows which element carries a background, so this is checked in a browser, never in a\n * unit test.\n *\n * @returns whether the surface was there to read, so the caller can retry on the next pass.\n */\nexport function writeArrowInvariants(pane: HTMLElement): boolean {\n    pane.style.setProperty('--ap-floating-arrow-width', `${ARROW_WIDTH}px`);\n    pane.style.setProperty('--ap-floating-arrow-height', `${ARROW_HEIGHT}px`);\n\n    const surface = pane.firstElementChild;\n    if (!surface) {\n        return false;\n    }\n\n    pane.style.setProperty('--ap-arrow-background', getComputedStyle(surface).backgroundColor);\n    return true;\n}\n\n/** The half that moves with the panel. */\nexport function writeArrowStyles(pane: HTMLElement, arrow: ApArrowData): void {\n    const placement = resolveArrowPlacement(arrow.side, arrow.offset);\n\n    pane.style.setProperty('--ap-arrow-top', placement.top);\n    pane.style.setProperty('--ap-arrow-right', placement.right);\n    pane.style.setProperty('--ap-arrow-bottom', placement.bottom);\n    pane.style.setProperty('--ap-arrow-left', placement.left);\n    pane.style.setProperty('--ap-arrow-rotate', placement.rotate);\n    pane.style.setProperty('--ap-arrow-visibility', arrow.hidden ? 'hidden' : 'visible');\n}\n","import { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { ComponentRef, DestroyRef, ElementRef, inject, signal, TemplateRef, Type, ViewContainerRef } from '@angular/core';\nimport { autoUpdate, computePosition, flip, offset, shift, VirtualElement } from '@floating-ui/dom';\nimport { filter, take } from 'rxjs/operators';\nimport {\n    clickPointOf,\n    ClickRatio,\n    defaultPlacementFor,\n    FloatingAnchorMode,\n    pointFromRatio,\n    resolveAnchorRect,\n    resolveClickRatio,\n} from './anchor';\nimport { AP_ARROW, apArrow, ApArrowData } from './arrow/ap-arrow.middleware';\nimport { ARROW_CLASS, writeArrowInvariants, writeArrowStyles } from './arrow/arrow-styles';\nimport { FloatingPlacement, isVertical } from './placement';\nimport { FloatingRect, roundRect } from './rect';\n\nexport interface FloatingOverlayConfig {\n    /** Unset means derived from `anchor`. There is no `'auto'` value. */\n    placement?: FloatingPlacement;\n    anchor?: FloatingAnchorMode;\n    arrow?: boolean;\n    arrowTarget?: 'anchor' | 'pointer';\n    showBackdrop?: boolean;\n    panelClass?: string | string[];\n    /** Fallback for the two handlers below. */\n    onClose?: () => void;\n    /** Escape, which always closes. Unset means `onClose`. */\n    onEscape?: () => void;\n    /** Outside click. Unset means `onClose`. */\n    onOutsideClick?: () => void;\n    /**\n     * Elements that carry their own toggle, so a click on them is not \"the outside\". Read on every\n     * event, since the list may change while the floating is open.\n     *\n     * Without this, the CDK's capture-phase dispatcher closes before a secondary trigger sees the\n     * click, that trigger reopens, and the toggle never closes again.\n     */\n    additionalTriggers?: () => readonly HTMLElement[];\n}\n\n/** gap (4) + arrow length (8). */\nconst MAIN_OFFSET = 12;\n\nconst VIEWPORT_MARGIN = 8;\n\ninterface Measurable {\n    getBoundingClientRect: () => { left: number; top: number; width: number; height: number };\n}\n\nfunction toRect(source: Measurable): FloatingRect {\n    const rect = source.getBoundingClientRect();\n    return roundRect({ x: rect.left, y: rect.top, width: rect.width, height: rect.height });\n}\n\ninterface AnchorState {\n    target: HTMLElement;\n    mode: FloatingAnchorMode;\n    /** The opening axis. Invariant under the flip, which only swaps the main axis. */\n    vertical: boolean;\n    /** The click as a proportion of the trigger, so it survives scrolling, resizing and shifting. */\n    ratio?: ClickRatio;\n}\n\nexport function createFloatingOverlay() {\n    const elementRef = inject(ElementRef);\n    const overlay = inject(Overlay);\n    const viewContainerRef = inject(ViewContainerRef);\n\n    let _overlayRef: OverlayRef | null = null;\n    let stopAutoUpdate: (() => void) | null = null;\n    let reposition: (() => void) | null = null;\n    let anchorState: AnchorState | null = null;\n    const isOpen = signal(false);\n\n    inject(DestroyRef).onDestroy(() => close());\n\n    /**\n     * Opens the floating on a `TemplateRef`, attached as is, or on a component whose `ComponentRef`\n     * is handed back, typed on the component, so the caller can set its inputs.\n     *\n     * The position keeps itself current, so inputs set after this returns need no refresh.\n     */\n    function open<T = unknown>(\n        content: TemplateRef<unknown> | Type<T>,\n        triggerElement?: HTMLElement,\n        config?: FloatingOverlayConfig,\n        event?: MouseEvent\n    ): ComponentRef<T> | null {\n        if (isOpen()) return null;\n\n        const target = triggerElement ?? elementRef.nativeElement;\n        const mode = config?.anchor ?? 'trigger';\n        const placement = config?.placement ?? defaultPlacementFor(mode);\n\n        anchorState = captureAnchor(target, mode, placement, event);\n\n        disposeOverlay();\n        _overlayRef = createOverlay(config);\n        const pane = _overlayRef.overlayElement;\n        // Floating UI's coordinates are viewport-relative; the CDK's `absolute` would misread them.\n        pane.style.position = 'fixed';\n        pane.style.left = '0';\n        pane.style.top = '0';\n\n        const panelRef = attachContent(content);\n        isOpen.set(true);\n\n        if (config?.arrow === true) {\n            // On opening, so the pane carries the single silhouette's shadow before the first frame.\n            pane.classList.add(ARROW_CLASS);\n        }\n\n        watchPosition(pane, placement, config);\n        watchDismissal(target, config);\n\n        return panelRef;\n    }\n\n    function captureAnchor(target: HTMLElement, mode: FloatingAnchorMode, placement: FloatingPlacement, event?: MouseEvent): AnchorState {\n        return { target, mode, vertical: isVertical(placement), ratio: resolveClickRatio(toRect(target), clickPointOf(event)) };\n    }\n\n    /**\n     * The reference **is** the anchor in all three modes, which is what lets the arrow read\n     * `rects.reference` rather than rebuild it. `contextElement` is load-bearing: without it\n     * `autoUpdate` cannot find the scrollable ancestors of an anchor that has no DOM node.\n     */\n    function toReference(state: AnchorState): HTMLElement | VirtualElement {\n        if (state.mode === 'trigger' || !state.ratio) {\n            return state.target;\n        }\n\n        return {\n            contextElement: state.target,\n            getBoundingClientRect: () => {\n                const trigger = toRect(state.target);\n                const rect = resolveAnchorRect(state.mode, trigger, state.vertical, pointFromRatio(trigger, state.ratio));\n                return new DOMRect(rect.x, rect.y, rect.width, rect.height);\n            },\n        };\n    }\n\n    function createOverlay(config?: FloatingOverlayConfig): OverlayRef {\n        return overlay.create({\n            hasBackdrop: config?.showBackdrop ?? false,\n            backdropClass: '',\n            panelClass: config?.panelClass ?? '',\n            // No scroll strategy: `autoUpdate` owns the update cycle, and the CDK's default is a no-op.\n            usePopover: false,\n        });\n    }\n\n    function attachContent<T>(content: TemplateRef<unknown> | Type<T>): ComponentRef<T> | null {\n        if (!_overlayRef) return null;\n        if (content instanceof TemplateRef) {\n            _overlayRef.attach(new TemplatePortal(content, viewContainerRef));\n            return null;\n        }\n        return _overlayRef.attach(new ComponentPortal(content, viewContainerRef));\n    }\n\n    /**\n     * `autoUpdate` is the whole update cycle: scrollable ancestors of both boxes, the viewport,\n     * both boxes' own resizing, and layout shifts. Nothing else here watches anything.\n     */\n    function watchPosition(pane: HTMLElement, placement: FloatingPlacement, config?: FloatingOverlayConfig): void {\n        const state = anchorState;\n        if (!state) return;\n        const reference = toReference(state);\n\n        const middleware = [\n            offset(MAIN_OFFSET),\n            flip({ crossAxis: false, flipAlignment: false, padding: VIEWPORT_MARGIN }),\n            shift({ padding: VIEWPORT_MARGIN }),\n        ];\n        if (config?.arrow === true) {\n            middleware.push(apArrow({ targetMode: config.arrowTarget ?? 'anchor', anchorMode: state.mode, clickRatio: state.ratio }));\n        }\n\n        let invariantsWritten = false;\n\n        reposition = () => {\n            void computePosition(reference, pane, { strategy: 'fixed', placement, middleware }).then(position => {\n                // Whole pixels: a fractional translate blurs text on a non-retina screen.\n                pane.style.transform = `translate(${Math.round(position.x)}px, ${Math.round(position.y)}px)`;\n                const arrow: ApArrowData | undefined = position.middlewareData[AP_ARROW];\n                if (arrow) {\n                    invariantsWritten = invariantsWritten || writeArrowInvariants(pane);\n                    writeArrowStyles(pane, arrow);\n                }\n            });\n        };\n\n        stopAutoUpdate = autoUpdate(reference, pane, reposition);\n    }\n\n    function watchDismissal(target: HTMLElement, config?: FloatingOverlayConfig): void {\n        if (!_overlayRef) return;\n\n        const closeHandler = config?.onClose ?? (() => close());\n        const outsideHandler = config?.onOutsideClick ?? closeHandler;\n        const escapeHandler = config?.onEscape ?? closeHandler;\n\n        const ownsGesture = (node: Node): boolean =>\n            target.contains(node) || (config?.additionalTriggers?.() ?? []).some(element => element.contains(node));\n\n        _overlayRef\n            .outsidePointerEvents()\n            .pipe(\n                filter(pointerEvent => !(pointerEvent.target instanceof Node && ownsGesture(pointerEvent.target))),\n                take(1)\n            )\n            .subscribe(() => outsideHandler());\n\n        _overlayRef\n            .keydownEvents()\n            .pipe(\n                filter(keyEvent => keyEvent.key === 'Escape'),\n                take(1)\n            )\n            .subscribe(() => escapeHandler());\n    }\n\n    /** The observers never outlive their overlay: they would reposition it after its destruction. */\n    function disposeOverlay(): void {\n        stopAutoUpdate?.();\n        stopAutoUpdate = null;\n        reposition = null;\n        _overlayRef?.dispose();\n        _overlayRef = null;\n    }\n\n    function close(): void {\n        if (!isOpen()) return;\n\n        anchorState = null;\n        disposeOverlay();\n        isOpen.set(false);\n    }\n\n    /** Recomputes now. For a caller that knows the geometry changed before any observer can see it. */\n    function updatePosition(): void {\n        reposition?.();\n    }\n\n    return {\n        get overlayRef() {\n            return _overlayRef;\n        },\n        isOpen: isOpen.asReadonly(),\n        open,\n        close,\n        updatePosition,\n    };\n}\n\nexport type FloatingOverlayInstance = ReturnType<typeof createFloatingOverlay>;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/agorapulse-ui-components-popover.mjs

@@ -0,0 +1,200 @@
+import { CloseButtonComponent } from '@agorapulse/ui-components/close-button';
+import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, output, computed, ChangeDetectionStrategy, Component, inject, ElementRef, Directive } from '@angular/core';
+import { createFloatingOverlay } from '@agorapulse/ui-components/floating';
+
+/**
+ * The `role="dialog"` surface, its optional header and its focus trap. Instantiated by the popover
+ * directive, never by a consumer.
+ *
+ * Focus is the CDK's: `cdkTrapFocus` confines Tab, `autoCapture` focuses on open and restores the
+ * trigger on destruction. The cost is that Tab cannot leave the panel — Escape or the button do.
+ */
+class PopoverPanelComponent {
+    static nextId = 0;
+    /** The consumer's content. Always a template: the directive sits on the trigger, not here. */
+    content = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+    /** Mirrors the popover's heading, and gives the dialog its accessible name. */
+    heading = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "heading" }] : /* istanbul ignore next */ []));
+    /** Mirrors the popover's input of the same name. */
+    closable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
+    /** Mirrors the popover's backdrop, which is what makes the page genuinely inert. */
+    backdrop = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "backdrop" }] : /* istanbul ignore next */ []));
+    /** Mirrors the popover's, and names the dialog when there is no heading. */
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    closeAriaLabel = input('Close', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []));
+    /** Set by the directive, which needs it for the trigger's `aria-controls`. */
+    panelId = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    /**
+     * The id of the element that names the dialog when nothing else does — the trigger, set by the
+     * directive. An id rather than its text, so the name is computed on the live DOM: that follows a
+     * label that changes, and reads a trigger whose own name is an `aria-label`.
+     */
+    fallbackLabelId = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "fallbackLabelId" }] : /* istanbul ignore next */ []));
+    closed = output();
+    headingId = `ap-popover-heading-${PopoverPanelComponent.nextId++}`;
+    /** A dialog must be named. The heading does it, failing that the trigger. */
+    labelledBy = computed(() => {
+        if (this.heading()) {
+            return this.headingId;
+        }
+        return this.ariaLabel() ? null : (this.fallbackLabelId() ?? null);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    label = computed(() => (this.heading() ? null : (this.ariaLabel() ?? null)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: PopoverPanelComponent, isStandalone: true, selector: "ap-popover-panel", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, backdrop: { classPropertyName: "backdrop", publicName: "backdrop", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, closeAriaLabel: { classPropertyName: "closeAriaLabel", publicName: "closeAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, fallbackLabelId: { classPropertyName: "fallbackLabelId", publicName: "fallbackLabelId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\">\n    <div\n        class=\"ap-popover__panel\"\n        role=\"dialog\"\n        tabindex=\"-1\"\n        cdkFocusInitial\n        [id]=\"panelId()\"\n        [attr.aria-modal]=\"backdrop() || null\"\n        [attr.aria-labelledby]=\"labelledBy()\"\n        [attr.aria-label]=\"label()\">\n        @if (heading() || closable()) {\n            <div class=\"ap-popover__header\">\n                @if (heading()) {\n                    <h2\n                        class=\"ap-popover__heading\"\n                        [id]=\"headingId\">\n                        {{ heading() }}\n                    </h2>\n                }\n                @if (closable()) {\n                    <ap-close-button\n                        [ariaLabel]=\"closeAriaLabel()\"\n                        (closed)=\"closed.emit()\" />\n                }\n            </div>\n        }\n        <ng-container [ngTemplateOutlet]=\"content()\" />\n    </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;background-color:var(--comp-popover-background-color);border-radius:var(--comp-popover-border-radius);box-shadow:var(--comp-popover-box-shadow);padding:var(--comp-popover-padding)}.ap-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--comp-popover-header-gap);margin-bottom:var(--comp-popover-header-margin-bottom)}.ap-popover__heading{margin:0;color:var(--comp-popover-heading-color);font-family:var(--comp-popover-heading-font-family);font-size:var(--comp-popover-heading-size);font-weight:var(--comp-popover-heading-weight);line-height:var(--comp-popover-heading-line-height)}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: CloseButtonComponent, selector: "ap-close-button", inputs: ["disabled", "ariaLabel", "dataTest"], outputs: ["closed"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverPanelComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-popover-panel', imports: [CdkTrapFocus, CloseButtonComponent, NgTemplateOutlet], template: "<div\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\">\n    <div\n        class=\"ap-popover__panel\"\n        role=\"dialog\"\n        tabindex=\"-1\"\n        cdkFocusInitial\n        [id]=\"panelId()\"\n        [attr.aria-modal]=\"backdrop() || null\"\n        [attr.aria-labelledby]=\"labelledBy()\"\n        [attr.aria-label]=\"label()\">\n        @if (heading() || closable()) {\n            <div class=\"ap-popover__header\">\n                @if (heading()) {\n                    <h2\n                        class=\"ap-popover__heading\"\n                        [id]=\"headingId\">\n                        {{ heading() }}\n                    </h2>\n                }\n                @if (closable()) {\n                    <ap-close-button\n                        [ariaLabel]=\"closeAriaLabel()\"\n                        (closed)=\"closed.emit()\" />\n                }\n            </div>\n        }\n        <ng-container [ngTemplateOutlet]=\"content()\" />\n    </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;background-color:var(--comp-popover-background-color);border-radius:var(--comp-popover-border-radius);box-shadow:var(--comp-popover-box-shadow);padding:var(--comp-popover-padding)}.ap-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--comp-popover-header-gap);margin-bottom:var(--comp-popover-header-margin-bottom)}.ap-popover__heading{margin:0;color:var(--comp-popover-heading-color);font-family:var(--comp-popover-heading-font-family);font-size:var(--comp-popover-heading-size);font-weight:var(--comp-popover-heading-weight);line-height:var(--comp-popover-heading-line-height)}\n"] }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], backdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdrop", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], closeAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeAriaLabel", required: false }] }], panelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelId", required: false }] }], fallbackLabelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackLabelId", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+/**
+ * A click-triggered interactive panel: `role="dialog"`, managed focus, Escape, optional backdrop.
+ * A tooltip is the opposite — descriptive, hover-triggered, and never focusable.
+ *
+ * Sits on the **trigger**, so it owns the trigger's ARIA and the content is always a `TemplateRef`.
+ * Inputs are prefixed one by one rather than bundled: an inline config object would be recreated on
+ * every change-detection cycle and thrash the overlay.
+ *
+ * @example
+ * <button [apPopover]="shareTpl" apPopoverHeading="Share">Share</button>
+ * <ng-template #shareTpl>…</ng-template>
+ */
+class PopoverDirective {
+    static nextId = 0;
+    instanceId = PopoverDirective.nextId++;
+    floating = createFloatingOverlay();
+    triggerElement = inject(ElementRef);
+    panelRef = null;
+    /** The panel's content. */
+    apPopover = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopover" }] : /* istanbul ignore next */ []));
+    /** Unset means derived from the anchor mode. There is no `'auto'` value. */
+    apPopoverPlacement = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "apPopoverPlacement" }] : /* istanbul ignore next */ []));
+    apPopoverAnchor = input('trigger', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopoverAnchor" }] : /* istanbul ignore next */ []));
+    apPopoverArrow = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopoverArrow" }] : /* istanbul ignore next */ []));
+    apPopoverArrowTarget = input('anchor', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopoverArrowTarget" }] : /* istanbul ignore next */ []));
+    /** Shows a close button — and, by doing so, makes it *the* way to close: no more outside click. */
+    apPopoverClosable = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopoverClosable" }] : /* istanbul ignore next */ []));
+    /** Blocks the page behind. Non-modal by default — that is the point of a popover. */
+    apPopoverBackdrop = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopoverBackdrop" }] : /* istanbul ignore next */ []));
+    /** Optional heading. When set, it becomes the dialog's accessible name. */
+    apPopoverHeading = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "apPopoverHeading" }] : /* istanbul ignore next */ []));
+    /** Accessible name used when there is no heading. */
+    apPopoverAriaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "apPopoverAriaLabel" }] : /* istanbul ignore next */ []));
+    /** An input rather than a hard-coded string: several of the DS's own labels read badly. */
+    apPopoverCloseAriaLabel = input('Close', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "apPopoverCloseAriaLabel" }] : /* istanbul ignore next */ []));
+    apPopoverPanelClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "apPopoverPanelClass" }] : /* istanbul ignore next */ []));
+    isOpen = this.floating.isOpen;
+    panelId = `ap-popover-${this.instanceId}`;
+    open(event) {
+        if (this.isOpen())
+            return;
+        this.panelRef = this.floating.open(PopoverPanelComponent, this.triggerElement.nativeElement, {
+            placement: this.apPopoverPlacement(),
+            anchor: this.apPopoverAnchor(),
+            arrow: this.apPopoverArrow(),
+            arrowTarget: this.apPopoverArrowTarget(),
+            showBackdrop: this.apPopoverBackdrop(),
+            panelClass: this.apPopoverPanelClass(),
+            // Escape always closes: APG requires it of a dialog. An outside click does not.
+            onEscape: () => this.close(),
+            onOutsideClick: () => {
+                if (!this.apPopoverClosable()) {
+                    this.close();
+                }
+            },
+        }, event);
+        this.panelRef?.setInput('content', this.apPopover());
+        this.panelRef?.setInput('panelId', this.panelId);
+        this.panelRef?.setInput('heading', this.apPopoverHeading());
+        this.panelRef?.setInput('closable', this.apPopoverClosable());
+        this.panelRef?.setInput('backdrop', this.apPopoverBackdrop());
+        this.panelRef?.setInput('ariaLabel', this.apPopoverAriaLabel());
+        this.panelRef?.setInput('closeAriaLabel', this.apPopoverCloseAriaLabel());
+        this.panelRef?.setInput('fallbackLabelId', this.ensureTriggerId());
+        this.panelRef?.instance.closed.subscribe(() => this.close());
+        // Render before repositioning: `attach()` measured an unevaluated template, so the first
+        // position is for an empty box and the panel jumps once the content lands.
+        this.panelRef?.changeDetectorRef.detectChanges();
+        this.floating.updatePosition();
+    }
+    /** The dialog falls back to being named by its trigger, and `aria-labelledby` needs an id to point at. */
+    ensureTriggerId() {
+        const trigger = this.triggerElement.nativeElement;
+        if (!trigger.id) {
+            trigger.id = `ap-popover-trigger-${this.instanceId}`;
+        }
+        this.warnWhenNameless(trigger);
+        return trigger.id;
+    }
+    /** The residual case the fallback cannot cover: a trigger that names nothing either. */
+    warnWhenNameless(trigger) {
+        const hasOwnName = Boolean(this.apPopoverHeading()) || Boolean(this.apPopoverAriaLabel());
+        // An icon-only trigger has no text but may carry an `aria-label`, which names it just as well.
+        const triggerNamesIt = Boolean(trigger.textContent?.trim()) || Boolean(trigger.getAttribute('aria-label'));
+        if (hasOwnName || triggerNamesIt) {
+            return;
+        }
+        console.warn(`[Popover] The dialog opened by #${trigger.id} has no accessible name: it has neither a ` +
+            'heading nor an aria-label, and its trigger has no text. Set apPopoverHeading or apPopoverAriaLabel.');
+    }
+    close() {
+        this.panelRef = null;
+        this.floating.close();
+    }
+    toggle(event) {
+        if (this.isOpen()) {
+            this.close();
+        }
+        else {
+            this.open(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.5", type: PopoverDirective, isStandalone: true, selector: "[apPopover]", inputs: { apPopover: { classPropertyName: "apPopover", publicName: "apPopover", isSignal: true, isRequired: true, transformFunction: null }, apPopoverPlacement: { classPropertyName: "apPopoverPlacement", publicName: "apPopoverPlacement", isSignal: true, isRequired: false, transformFunction: null }, apPopoverAnchor: { classPropertyName: "apPopoverAnchor", publicName: "apPopoverAnchor", isSignal: true, isRequired: false, transformFunction: null }, apPopoverArrow: { classPropertyName: "apPopoverArrow", publicName: "apPopoverArrow", isSignal: true, isRequired: false, transformFunction: null }, apPopoverArrowTarget: { classPropertyName: "apPopoverArrowTarget", publicName: "apPopoverArrowTarget", isSignal: true, isRequired: false, transformFunction: null }, apPopoverClosable: { classPropertyName: "apPopoverClosable", publicName: "apPopoverClosable", isSignal: true, isRequired: false, transformFunction: null }, apPopoverBackdrop: { classPropertyName: "apPopoverBackdrop", publicName: "apPopoverBackdrop", isSignal: true, isRequired: false, transformFunction: null }, apPopoverHeading: { classPropertyName: "apPopoverHeading", publicName: "apPopoverHeading", isSignal: true, isRequired: false, transformFunction: null }, apPopoverAriaLabel: { classPropertyName: "apPopoverAriaLabel", publicName: "apPopoverAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, apPopoverCloseAriaLabel: { classPropertyName: "apPopoverCloseAriaLabel", publicName: "apPopoverCloseAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, apPopoverPanelClass: { classPropertyName: "apPopoverPanelClass", publicName: "apPopoverPanelClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "toggle($event)" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "isOpen()", "attr.aria-controls": "isOpen() ? panelId : null" } }, exportAs: ["apPopover"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apPopover]',
+                    exportAs: 'apPopover',
+                    host: {
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.aria-expanded]': 'isOpen()',
+                        // Only while open: pointing `aria-controls` at an id that does not exist yet is invalid.
+                        '[attr.aria-controls]': 'isOpen() ? panelId : null',
+                        '(click)': 'toggle($event)',
+                    },
+                }]
+        }], propDecorators: { apPopover: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopover", required: true }] }], apPopoverPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverPlacement", required: false }] }], apPopoverAnchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverAnchor", required: false }] }], apPopoverArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverArrow", required: false }] }], apPopoverArrowTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverArrowTarget", required: false }] }], apPopoverClosable: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverClosable", required: false }] }], apPopoverBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverBackdrop", required: false }] }], apPopoverHeading: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverHeading", required: false }] }], apPopoverAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverAriaLabel", required: false }] }], apPopoverCloseAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverCloseAriaLabel", required: false }] }], apPopoverPanelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "apPopoverPanelClass", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PopoverDirective, PopoverPanelComponent };
+//# sourceMappingURL=agorapulse-ui-components-popover.mjs.map

package/fesm2022/agorapulse-ui-components-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-popover.mjs","sources":["../../../libs/ui-components/popover/src/popover-panel/popover-panel.component.ts","../../../libs/ui-components/popover/src/popover-panel/popover-panel.component.html","../../../libs/ui-components/popover/src/popover.directive.ts","../../../libs/ui-components/popover/src/agorapulse-ui-components-popover.ts"],"sourcesContent":["import { CloseButtonComponent } from '@agorapulse/ui-components/close-button';\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input, output, TemplateRef } from '@angular/core';\n\n/**\n * The `role=\"dialog\"` surface, its optional header and its focus trap. Instantiated by the popover\n * directive, never by a consumer.\n *\n * Focus is the CDK's: `cdkTrapFocus` confines Tab, `autoCapture` focuses on open and restores the\n * trigger on destruction. The cost is that Tab cannot leave the panel — Escape or the button do.\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-popover-panel',\n    imports: [CdkTrapFocus, CloseButtonComponent, NgTemplateOutlet],\n    templateUrl: 'popover-panel.component.html',\n    styleUrls: ['popover-panel.component.scss'],\n})\nexport class PopoverPanelComponent {\n    private static nextId = 0;\n\n    /** The consumer's content. Always a template: the directive sits on the trigger, not here. */\n    readonly content = input.required<TemplateRef<unknown>>();\n\n    /** Mirrors the popover's heading, and gives the dialog its accessible name. */\n    readonly heading = input<string>();\n\n    /** Mirrors the popover's input of the same name. */\n    readonly closable = input<boolean>(false);\n\n    /** Mirrors the popover's backdrop, which is what makes the page genuinely inert. */\n    readonly backdrop = input<boolean>(false);\n\n    /** Mirrors the popover's, and names the dialog when there is no heading. */\n    readonly ariaLabel = input<string>();\n\n    readonly closeAriaLabel = input<string>('Close');\n\n    /** Set by the directive, which needs it for the trigger's `aria-controls`. */\n    readonly panelId = input<string>('');\n\n    /**\n     * The id of the element that names the dialog when nothing else does — the trigger, set by the\n     * directive. An id rather than its text, so the name is computed on the live DOM: that follows a\n     * label that changes, and reads a trigger whose own name is an `aria-label`.\n     */\n    readonly fallbackLabelId = input<string>();\n\n    readonly closed = output<void>();\n\n    protected readonly headingId = `ap-popover-heading-${PopoverPanelComponent.nextId++}`;\n\n    /** A dialog must be named. The heading does it, failing that the trigger. */\n    protected readonly labelledBy = computed<string | null>(() => {\n        if (this.heading()) {\n            return this.headingId;\n        }\n        return this.ariaLabel() ? null : (this.fallbackLabelId() ?? null);\n    });\n\n    protected readonly label = computed<string | null>(() => (this.heading() ? null : (this.ariaLabel() ?? null)));\n}\n","<div\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\">\n    <div\n        class=\"ap-popover__panel\"\n        role=\"dialog\"\n        tabindex=\"-1\"\n        cdkFocusInitial\n        [id]=\"panelId()\"\n        [attr.aria-modal]=\"backdrop() || null\"\n        [attr.aria-labelledby]=\"labelledBy()\"\n        [attr.aria-label]=\"label()\">\n        @if (heading() || closable()) {\n            <div class=\"ap-popover__header\">\n                @if (heading()) {\n                    <h2\n                        class=\"ap-popover__heading\"\n                        [id]=\"headingId\">\n                        {{ heading() }}\n                    </h2>\n                }\n                @if (closable()) {\n                    <ap-close-button\n                        [ariaLabel]=\"closeAriaLabel()\"\n                        (closed)=\"closed.emit()\" />\n                }\n            </div>\n        }\n        <ng-container [ngTemplateOutlet]=\"content()\" />\n    </div>\n</div>\n","import { createFloatingOverlay, FloatingAnchorMode, FloatingPlacement } from '@agorapulse/ui-components/floating';\nimport { ComponentRef, Directive, ElementRef, inject, input, TemplateRef } from '@angular/core';\nimport { PopoverPanelComponent } from './popover-panel/popover-panel.component';\n\n/**\n * A click-triggered interactive panel: `role=\"dialog\"`, managed focus, Escape, optional backdrop.\n * A tooltip is the opposite — descriptive, hover-triggered, and never focusable.\n *\n * Sits on the **trigger**, so it owns the trigger's ARIA and the content is always a `TemplateRef`.\n * Inputs are prefixed one by one rather than bundled: an inline config object would be recreated on\n * every change-detection cycle and thrash the overlay.\n *\n * @example\n * <button [apPopover]=\"shareTpl\" apPopoverHeading=\"Share\">Share</button>\n * <ng-template #shareTpl>…</ng-template>\n */\n@Directive({\n    selector: '[apPopover]',\n    exportAs: 'apPopover',\n    host: {\n        '[attr.aria-haspopup]': '\"dialog\"',\n        '[attr.aria-expanded]': 'isOpen()',\n        // Only while open: pointing `aria-controls` at an id that does not exist yet is invalid.\n        '[attr.aria-controls]': 'isOpen() ? panelId : null',\n        '(click)': 'toggle($event)',\n    },\n})\nexport class PopoverDirective {\n    private static nextId = 0;\n\n    private readonly instanceId = PopoverDirective.nextId++;\n    private readonly floating = createFloatingOverlay();\n    private readonly triggerElement = inject<ElementRef<HTMLElement>>(ElementRef);\n    private panelRef: ComponentRef<PopoverPanelComponent> | null = null;\n\n    /** The panel's content. */\n    readonly apPopover = input.required<TemplateRef<unknown>>();\n\n    /** Unset means derived from the anchor mode. There is no `'auto'` value. */\n    readonly apPopoverPlacement = input<FloatingPlacement>();\n    readonly apPopoverAnchor = input<FloatingAnchorMode>('trigger');\n    readonly apPopoverArrow = input<boolean>(false);\n    readonly apPopoverArrowTarget = input<'anchor' | 'pointer'>('anchor');\n\n    /** Shows a close button — and, by doing so, makes it *the* way to close: no more outside click. */\n    readonly apPopoverClosable = input<boolean>(false);\n\n    /** Blocks the page behind. Non-modal by default — that is the point of a popover. */\n    readonly apPopoverBackdrop = input<boolean>(false);\n\n    /** Optional heading. When set, it becomes the dialog's accessible name. */\n    readonly apPopoverHeading = input<string>();\n\n    /** Accessible name used when there is no heading. */\n    readonly apPopoverAriaLabel = input<string>();\n\n    /** An input rather than a hard-coded string: several of the DS's own labels read badly. */\n    readonly apPopoverCloseAriaLabel = input<string>('Close');\n\n    readonly apPopoverPanelClass = input<string | string[]>();\n\n    readonly isOpen = this.floating.isOpen;\n\n    protected readonly panelId = `ap-popover-${this.instanceId}`;\n\n    open(event?: MouseEvent): void {\n        if (this.isOpen()) return;\n\n        this.panelRef = this.floating.open(\n            PopoverPanelComponent,\n            this.triggerElement.nativeElement,\n            {\n                placement: this.apPopoverPlacement(),\n                anchor: this.apPopoverAnchor(),\n                arrow: this.apPopoverArrow(),\n                arrowTarget: this.apPopoverArrowTarget(),\n                showBackdrop: this.apPopoverBackdrop(),\n                panelClass: this.apPopoverPanelClass(),\n                // Escape always closes: APG requires it of a dialog. An outside click does not.\n                onEscape: () => this.close(),\n                onOutsideClick: () => {\n                    if (!this.apPopoverClosable()) {\n                        this.close();\n                    }\n                },\n            },\n            event\n        );\n\n        this.panelRef?.setInput('content', this.apPopover());\n        this.panelRef?.setInput('panelId', this.panelId);\n        this.panelRef?.setInput('heading', this.apPopoverHeading());\n        this.panelRef?.setInput('closable', this.apPopoverClosable());\n        this.panelRef?.setInput('backdrop', this.apPopoverBackdrop());\n        this.panelRef?.setInput('ariaLabel', this.apPopoverAriaLabel());\n        this.panelRef?.setInput('closeAriaLabel', this.apPopoverCloseAriaLabel());\n        this.panelRef?.setInput('fallbackLabelId', this.ensureTriggerId());\n        this.panelRef?.instance.closed.subscribe(() => this.close());\n\n        // Render before repositioning: `attach()` measured an unevaluated template, so the first\n        // position is for an empty box and the panel jumps once the content lands.\n        this.panelRef?.changeDetectorRef.detectChanges();\n        this.floating.updatePosition();\n    }\n\n    /** The dialog falls back to being named by its trigger, and `aria-labelledby` needs an id to point at. */\n    private ensureTriggerId(): string {\n        const trigger = this.triggerElement.nativeElement;\n        if (!trigger.id) {\n            trigger.id = `ap-popover-trigger-${this.instanceId}`;\n        }\n\n        this.warnWhenNameless(trigger);\n        return trigger.id;\n    }\n\n    /** The residual case the fallback cannot cover: a trigger that names nothing either. */\n    private warnWhenNameless(trigger: HTMLElement): void {\n        const hasOwnName = Boolean(this.apPopoverHeading()) || Boolean(this.apPopoverAriaLabel());\n        // An icon-only trigger has no text but may carry an `aria-label`, which names it just as well.\n        const triggerNamesIt = Boolean(trigger.textContent?.trim()) || Boolean(trigger.getAttribute('aria-label'));\n        if (hasOwnName || triggerNamesIt) {\n            return;\n        }\n\n        console.warn(\n            `[Popover] The dialog opened by #${trigger.id} has no accessible name: it has neither a ` +\n                'heading nor an aria-label, and its trigger has no text. Set apPopoverHeading or apPopoverAriaLabel.'\n        );\n    }\n\n    close(): void {\n        this.panelRef = null;\n        this.floating.close();\n    }\n\n    toggle(event?: MouseEvent): void {\n        if (this.isOpen()) {\n            this.close();\n        } else {\n            this.open(event);\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/agorapulse-ui-components.mjs

@@ -41,6 +41,7 @@ export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective }
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { MAT_TABS_CONFIG } from '@angular/material/tabs';
+export { PopoverDirective } from '@agorapulse/ui-components/popover';
 export { DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 export { ActionDropdownComponent, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';
 export { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';

package/fesm2022/agorapulse-ui-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components.mjs","sources":["../../../libs/ui-components/src/lib/agorapulse-ui-components.module.ts","../../../libs/ui-components/index.ts","../../../libs/ui-components/agorapulse-ui-components.ts"],"sourcesContent":["// Modules\nimport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nimport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nimport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nimport { DatepickerComponent } from '@agorapulse/ui-components/datepicker';\nimport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n} from '@agorapulse/ui-components/directives';\nimport { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';\nimport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nimport { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';\nimport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nimport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nimport { ModalComponent } from '@agorapulse/ui-components/modal';\nimport { DayDisabledPipe, NeoDatepickerComponent } from '@agorapulse/ui-components/neo-datepicker';\nimport { NotificationComponent } from '@agorapulse/ui-components/notification';\nimport { PaginatorButtonComponent, PaginatorComponent } from '@agorapulse/ui-components/paginator';\nimport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nimport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\nimport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nimport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nimport { StepperComponent } from '@agorapulse/ui-components/stepper';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { NgModule } from '@angular/core';\nimport { MAT_TABS_CONFIG } from '@angular/material/tabs';\n\n/**\n * @deprecated for better tree-shaking, use standalone component import instead\n */\n@NgModule({\n    declarations: [],\n    imports: [\n        // Components\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        DotStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelListComponent,\n        LabelsSelectorComponent,\n        NeoDatepickerComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Directives\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TooltipDirective,\n        AddCommentComponent,\n        AutosizeTextareaDirective,\n        // Pipes\n        DayDisabledPipe,\n    ],\n    exports: [\n        // Components\n        AddCommentComponent,\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        NeoDatepickerComponent,\n        DotStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelComponent,\n        LabelListComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelsSelectorComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Pipes\n        DayDisabledPipe,\n        // Directives\n        AutosizeTextareaDirective,\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TooltipDirective,\n        // Modules\n        PopmenuModule,\n    ],\n    providers: [\n        // Disable ripple effect\n        // {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true}},\n        // Disable tabs animation\n        { provide: MAT_TABS_CONFIG, useValue: { animationDuration: '0ms' } },\n    ],\n})\nexport class AgorapulseUiComponentsModule {}\n","/*\n * Public API Surface of ui\n */\n\n// Module\nexport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\nexport { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';\n\n// Directive\nexport {\n    AutosizeTextareaDirective,\n    CheckboxDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n} from '@agorapulse/ui-components/directives';\nexport { PopmenuDirective } from '@agorapulse/ui-components/popmenu';\nexport { TooltipDirective, TooltipExternalTriggerDirective } from '@agorapulse/ui-components/tooltip';\n\n// Dropdown base\nexport { DropdownOverlay, DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';\n\n// Component\nexport { ActionDropdownComponent, ActionDropdownItem, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';\nexport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nexport { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';\nexport { AvatarComponent, AvatarItem } from '@agorapulse/ui-components/avatar';\nexport { BadgeComponent } from '@agorapulse/ui-components/badge';\nexport { ButtonComponent } from '@agorapulse/ui-components/button';\nexport { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nexport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nexport { CounterComponent } from '@agorapulse/ui-components/counter';\nexport { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from '@agorapulse/ui-components/datepicker';\nexport { DateRangePickerComponent, DateRangePickerPreset, defaultDateRangePickerPresets } from '@agorapulse/ui-components/date-range-picker';\nexport { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';\nexport { IconButtonComponent } from '@agorapulse/ui-components/icon-button';\nexport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nexport { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';\nexport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nexport { InputComponent } from '@agorapulse/ui-components/legacy/input';\nexport { SelectComponent } from '@agorapulse/ui-components/legacy/select';\nexport { TextareaComponent } from '@agorapulse/ui-components/legacy/textarea';\nexport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nexport { ModalComponent, ModalConfig } from '@agorapulse/ui-components/modal';\nexport { NavSelectorComponent } from '@agorapulse/ui-components/nav-selector';\nexport {\n    DayDisabledPipe,\n    NeoDatePickerLocale,\n    NeoDatePickerMode,\n    NeoDatePickerStartsOn,\n    NeoDatepickerComponent,\n} from '@agorapulse/ui-components/neo-datepicker';\nexport { NotificationComponent } from '@agorapulse/ui-components/notification';\nexport { PaginatorButtonComponent, PaginatorComponent } from '@agorapulse/ui-components/paginator';\nexport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nexport { PopmenuComponent } from '@agorapulse/ui-components/popmenu';\nexport { RadioComponent } from '@agorapulse/ui-components/radio';\nexport { RadioButtonCardComponent } from '@agorapulse/ui-components/radio-button-card';\nexport { SegmentedControlComponent, SegmentedControlOption } from '@agorapulse/ui-components/segmented-control';\nexport {\n    SelectionDropdownComponent,\n    SelectionDropdownItem,\n    SelectionDropdownTriggerDirective,\n} from '@agorapulse/ui-components/selection-dropdown';\nexport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nexport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nexport { SocialButtonComponent } from '@agorapulse/ui-components/social-button';\nexport { StatusComponent } from '@agorapulse/ui-components/status';\nexport { StatusCardActor, StatusCardComponent } from '@agorapulse/ui-components/status-card';\nexport { StepperComponent } from '@agorapulse/ui-components/stepper';\nexport { TagComponent } from '@agorapulse/ui-components/tag';\nexport { ToggleComponent } from '@agorapulse/ui-components/toggle';\n\n// Service\nexport { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';\n\n// Model\nexport { ConfirmModalTexts } from '@agorapulse/ui-components/confirm-modal';\nexport * from '@agorapulse/ui-components/filter-dropdown';\nexport {\n    CodeStatus,\n    SnackbarTypeValues,\n    SnackbarsThreadBase,\n    externalSnackbarTypeAllowed,\n    generateCodeStatus,\n} from '@agorapulse/ui-components/snackbars-thread';\nexport { Step } from '@agorapulse/ui-components/stepper';\nexport { CustomTooltipAvatarItem, CustomTooltipPresentationItem, CustomTooltipType } from '@agorapulse/ui-components/tooltip';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components.mjs","sources":["../../../libs/ui-components/src/lib/agorapulse-ui-components.module.ts","../../../libs/ui-components/index.ts","../../../libs/ui-components/agorapulse-ui-components.ts"],"sourcesContent":["// Modules\nimport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nimport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nimport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nimport { DatepickerComponent } from '@agorapulse/ui-components/datepicker';\nimport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n} from '@agorapulse/ui-components/directives';\nimport { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';\nimport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nimport { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';\nimport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nimport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nimport { ModalComponent } from '@agorapulse/ui-components/modal';\nimport { DayDisabledPipe, NeoDatepickerComponent } from '@agorapulse/ui-components/neo-datepicker';\nimport { NotificationComponent } from '@agorapulse/ui-components/notification';\nimport { PaginatorButtonComponent, PaginatorComponent } from '@agorapulse/ui-components/paginator';\nimport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nimport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\nimport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nimport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nimport { StepperComponent } from '@agorapulse/ui-components/stepper';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { NgModule } from '@angular/core';\nimport { MAT_TABS_CONFIG } from '@angular/material/tabs';\n\n/**\n * @deprecated for better tree-shaking, use standalone component import instead\n */\n@NgModule({\n    declarations: [],\n    imports: [\n        // Components\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        DotStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelListComponent,\n        LabelsSelectorComponent,\n        NeoDatepickerComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Directives\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TooltipDirective,\n        AddCommentComponent,\n        AutosizeTextareaDirective,\n        // Pipes\n        DayDisabledPipe,\n    ],\n    exports: [\n        // Components\n        AddCommentComponent,\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        NeoDatepickerComponent,\n        DotStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelComponent,\n        LabelListComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelsSelectorComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Pipes\n        DayDisabledPipe,\n        // Directives\n        AutosizeTextareaDirective,\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TooltipDirective,\n        // Modules\n        PopmenuModule,\n    ],\n    providers: [\n        // Disable ripple effect\n        // {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true}},\n        // Disable tabs animation\n        { provide: MAT_TABS_CONFIG, useValue: { animationDuration: '0ms' } },\n    ],\n})\nexport class AgorapulseUiComponentsModule {}\n","/*\n * Public API Surface of ui\n */\n\n// Module\nexport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\nexport { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';\n\n// Directive\nexport {\n    AutosizeTextareaDirective,\n    CheckboxDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n} from '@agorapulse/ui-components/directives';\nexport { PopmenuDirective } from '@agorapulse/ui-components/popmenu';\nexport { PopoverDirective } from '@agorapulse/ui-components/popover';\nexport { TooltipDirective, TooltipExternalTriggerDirective } from '@agorapulse/ui-components/tooltip';\n\n// Floating\nexport type { FloatingAnchorMode, FloatingPlacement, FloatingSide } from '@agorapulse/ui-components/floating';\n\n// Dropdown base\nexport { DropdownOverlay, DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';\n\n// Component\nexport { ActionDropdownComponent, ActionDropdownItem, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';\nexport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nexport { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';\nexport { AvatarComponent, AvatarItem } from '@agorapulse/ui-components/avatar';\nexport { BadgeComponent } from '@agorapulse/ui-components/badge';\nexport { ButtonComponent } from '@agorapulse/ui-components/button';\nexport { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nexport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nexport { CounterComponent } from '@agorapulse/ui-components/counter';\nexport {\n    DateRangePickerComponent,\n    DateRangePickerPreset,\n    defaultDateRangePickerPresets,\n} from '@agorapulse/ui-components/date-range-picker';\nexport { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from '@agorapulse/ui-components/datepicker';\nexport { DotStepperComponent } from '@agorapulse/ui-components/dot-stepper';\nexport { IconButtonComponent } from '@agorapulse/ui-components/icon-button';\nexport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nexport { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';\nexport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nexport { InputComponent } from '@agorapulse/ui-components/legacy/input';\nexport { SelectComponent } from '@agorapulse/ui-components/legacy/select';\nexport { TextareaComponent } from '@agorapulse/ui-components/legacy/textarea';\nexport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nexport { ModalComponent, ModalConfig } from '@agorapulse/ui-components/modal';\nexport { NavSelectorComponent } from '@agorapulse/ui-components/nav-selector';\nexport {\n    DayDisabledPipe,\n    NeoDatePickerLocale,\n    NeoDatePickerMode,\n    NeoDatePickerStartsOn,\n    NeoDatepickerComponent,\n} from '@agorapulse/ui-components/neo-datepicker';\nexport { NotificationComponent } from '@agorapulse/ui-components/notification';\nexport { PaginatorButtonComponent, PaginatorComponent } from '@agorapulse/ui-components/paginator';\nexport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nexport { PopmenuComponent } from '@agorapulse/ui-components/popmenu';\nexport { RadioComponent } from '@agorapulse/ui-components/radio';\nexport { RadioButtonCardComponent } from '@agorapulse/ui-components/radio-button-card';\nexport { SegmentedControlComponent, SegmentedControlOption } from '@agorapulse/ui-components/segmented-control';\nexport {\n    SelectionDropdownComponent,\n    SelectionDropdownItem,\n    SelectionDropdownTriggerDirective,\n} from '@agorapulse/ui-components/selection-dropdown';\nexport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nexport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nexport { SocialButtonComponent } from '@agorapulse/ui-components/social-button';\nexport { StatusComponent } from '@agorapulse/ui-components/status';\nexport { StatusCardActor, StatusCardComponent } from '@agorapulse/ui-components/status-card';\nexport { StepperComponent } from '@agorapulse/ui-components/stepper';\nexport { TagComponent } from '@agorapulse/ui-components/tag';\nexport { ToggleComponent } from '@agorapulse/ui-components/toggle';\n\n// Service\nexport { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';\n\n// Model\nexport { ConfirmModalTexts } from '@agorapulse/ui-components/confirm-modal';\nexport * from '@agorapulse/ui-components/filter-dropdown';\nexport {\n    CodeStatus,\n    SnackbarTypeValues,\n    SnackbarsThreadBase,\n    externalSnackbarTypeAllowed,\n    generateCodeStatus,\n} from '@agorapulse/ui-components/snackbars-thread';\nexport { Step } from '@agorapulse/ui-components/stepper';\nexport { CustomTooltipAvatarItem, CustomTooltipPresentationItem, CustomTooltipType } from '@agorapulse/ui-components/tooltip';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "22.0.31",
+  "version": "22.0.33",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -20,6 +20,7 @@
     "@angular/core": "^22.0.0",
     "@angular/material": "^22.0.0",
     "@angular/animations": "^22.0.0",
+    "@floating-ui/dom": "^1.8.0",
     "@ng-select/ng-select": "^23.0.0",
     "@agorapulse/ngx-daterangepicker-material": "^6.0.5",
     "dayjs": "^1.11.6",
@@ -108,6 +109,10 @@
       "types": "./types/agorapulse-ui-components-filter-dropdown.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-filter-dropdown.mjs"
     },
+    "./floating": {
+      "types": "./types/agorapulse-ui-components-floating.d.ts",
+      "default": "./fesm2022/agorapulse-ui-components-floating.mjs"
+    },
     "./form-field": {
       "types": "./types/agorapulse-ui-components-form-field.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-form-field.mjs"
@@ -196,6 +201,10 @@
       "types": "./types/agorapulse-ui-components-popmenu.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-popmenu.mjs"
     },
+    "./popover": {
+      "types": "./types/agorapulse-ui-components-popover.d.ts",
+      "default": "./fesm2022/agorapulse-ui-components-popover.mjs"
+    },
     "./providers": {
       "types": "./types/agorapulse-ui-components-providers.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-providers.mjs"

package/types/agorapulse-ui-components-floating.d.ts

@@ -0,0 +1,167 @@
+import { Side, Placement, Middleware } from '@floating-ui/dom';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Type, ComponentRef } from '@angular/core';
+import { OverlayRef } from '@angular/cdk/overlay';
+
+/**
+ * The twelve placements, aliased from Floating UI rather than redeclared. The trade-off: this puts
+ * `@floating-ui/dom` in our **public** type surface, so its next major would move our types too.
+ *
+ * There is no `'auto'`; an unset placement is derived by `defaultPlacementFor`.
+ */
+type FloatingPlacement = Placement;
+/** The four opening sides. Floating UI's `Side`, for the same reason. */
+type FloatingSide = Side;
+declare function sideOf(placement: FloatingPlacement): FloatingSide;
+declare function isVertical(placement: FloatingPlacement): boolean;
+
+/** A minimal rect — neither `DOMRect` nor any DOM dependency, so the pure units stay pure. */
+interface FloatingRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+/** What the panel connects to. */
+type FloatingAnchorMode = 'trigger' | 'pointer' | 'pointer-free';
+/**
+ * The placement derived when `placement` is unset. Reads the **configured** anchor mode, not the
+ * resolved one: a keyboard opening falls back to the trigger, and if the alignment followed, the
+ * component would change shape between mouse and keyboard.
+ */
+declare function defaultPlacementFor(anchor: FloatingAnchorMode): FloatingPlacement;
+/**
+ * `'pointer'` is a hybrid whose zero dimension is the **cross-axis** one; a lateral panel built
+ * from a fully point-like anchor would sit inside its own trigger. `'pointer-free'` is the point
+ * itself. Both fall back to the trigger when there is no click.
+ *
+ * @param vertical The opening axis. Invariant under the flip, which only swaps the main axis.
+ */
+declare function resolveAnchorRect(anchor: FloatingAnchorMode, triggerRect: FloatingRect, vertical: boolean, clickPoint?: {
+    x: number;
+    y: number;
+}): FloatingRect;
+/** A point expressed as a proportion of the trigger, on each axis. */
+interface ClickRatio {
+    x: number;
+    y: number;
+}
+
+interface ApArrowOptions {
+    /** What the tip aims at — see {@link resolveArrowOffset}. */
+    targetMode: 'anchor' | 'pointer';
+    /** The configured anchor mode. Decides how the click is recovered from the reference rect. */
+    anchorMode: FloatingAnchorMode;
+    /** The clicked point as a proportion of the trigger. Absent on a keyboard opening. */
+    clickRatio?: ClickRatio;
+}
+/** What the middleware leaves in `middlewareData.apArrow`. */
+interface ApArrowData {
+    /** The arrow's offset from the panel's start edge, along the cross axis. */
+    offset: number;
+    /** The side of the panel the arrow sits on — read from the **resolved** placement. */
+    side: FloatingSide;
+    /** The panel covers its **anchor** — in the POI mode the trigger may be covered on purpose. */
+    hidden: boolean;
+}
+/**
+ * Replaces Floating UI's `arrow`, which aims at the centre of the *reference*: on a 280px trigger
+ * with a 100px panel that centre is out of reach and the tip clamps to a corner at 80, where the
+ * intersection's centre is 42 (plate 22). {@link resolveArrowOffset} holds the rule.
+ *
+ * Must run last, after `shift`, since it reads the panel's final position.
+ */
+declare function apArrow(options: ApArrowOptions): Middleware;
+
+interface ArrowOffsetInput {
+    /** The side of the panel the arrow sits on — the **resolved** side, not the wanted one. */
+    side: FloatingSide;
+    anchorRect: FloatingRect;
+    floatingRect: FloatingRect;
+    /** `'anchor'` aims at the anchor ∩ panel intersection's centre, `'pointer'` at the click. */
+    targetMode: 'anchor' | 'pointer';
+    clickPoint?: {
+        x: number;
+        y: number;
+    };
+}
+interface ArrowOffsetResult {
+    /** The arrow's offset from the panel's start edge, along the cross axis. */
+    offset: number;
+    clamped: boolean;
+    /** The click fell outside the panel, so the intersection centre was used instead. */
+    fellBack: boolean;
+    /** The panel is too narrow: the clamp range inverts and the arrow is centred outright. */
+    centered: boolean;
+}
+/**
+ * Three rules, in order:
+ *
+ * 1. Aim at the centre of the **anchor ∩ panel intersection**, never the anchor's own centre —
+ *    `apArrow` documents why this diverges from Floating UI.
+ * 2. In `'pointer'` mode, aim at the click, falling back to rule 1 — discontinuously, as the
+ *    plates specify — when the click lands outside the panel.
+ * 3. Clamp to leave the corner radius clear. Below `arrow + 2 × radius` = 24px the range inverts,
+ *    and the arrow is centred outright.
+ *
+ * The flags say which rule applied, so the generated plate cases can assert the path taken.
+ */
+declare function resolveArrowOffset(input: ArrowOffsetInput): ArrowOffsetResult;
+
+/**
+ * The panel edge an arrow sits on: a panel placed `bottom` hangs below its anchor, so its tip is on
+ * its top edge. Give it the **resolved** placement, or a flipped panel grows its arrow away.
+ */
+declare function arrowSideFor(placement: FloatingPlacement): FloatingSide;
+/** Ready-to-use CSS values, `'auto'` for the sides that do not apply. */
+interface ArrowPlacement {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+    rotate: string;
+}
+/**
+ * The insets and rotation `_floating-arrow.scss` reads off the pane. The rotation-centre
+ * compensation lives here rather than in the stylesheet, where it could not be tested.
+ *
+ * @param side The panel edge the arrow sits on — the **resolved** side, not the wanted one.
+ * @param offset The offset from the panel's start edge, along the cross axis.
+ */
+declare function resolveArrowPlacement(side: FloatingSide, offset: number): ArrowPlacement;
+
+interface FloatingOverlayConfig {
+    /** Unset means derived from `anchor`. There is no `'auto'` value. */
+    placement?: FloatingPlacement;
+    anchor?: FloatingAnchorMode;
+    arrow?: boolean;
+    arrowTarget?: 'anchor' | 'pointer';
+    showBackdrop?: boolean;
+    panelClass?: string | string[];
+    /** Fallback for the two handlers below. */
+    onClose?: () => void;
+    /** Escape, which always closes. Unset means `onClose`. */
+    onEscape?: () => void;
+    /** Outside click. Unset means `onClose`. */
+    onOutsideClick?: () => void;
+    /**
+     * Elements that carry their own toggle, so a click on them is not "the outside". Read on every
+     * event, since the list may change while the floating is open.
+     *
+     * Without this, the CDK's capture-phase dispatcher closes before a secondary trigger sees the
+     * click, that trigger reopens, and the toggle never closes again.
+     */
+    additionalTriggers?: () => readonly HTMLElement[];
+}
+declare function createFloatingOverlay(): {
+    readonly overlayRef: OverlayRef | null;
+    isOpen: _angular_core.Signal<boolean>;
+    open: <T = unknown>(content: TemplateRef<unknown> | Type<T>, triggerElement?: HTMLElement, config?: FloatingOverlayConfig, event?: MouseEvent) => ComponentRef<T> | null;
+    close: () => void;
+    updatePosition: () => void;
+};
+type FloatingOverlayInstance = ReturnType<typeof createFloatingOverlay>;
+
+export { apArrow, arrowSideFor, createFloatingOverlay, defaultPlacementFor, isVertical, resolveAnchorRect, resolveArrowOffset, resolveArrowPlacement, sideOf };
+export type { ApArrowData, ApArrowOptions, ArrowOffsetInput, ArrowOffsetResult, ArrowPlacement, FloatingAnchorMode, FloatingOverlayConfig, FloatingOverlayInstance, FloatingPlacement, FloatingRect, FloatingSide };

package/types/agorapulse-ui-components-popover.d.ts

@@ -0,0 +1,92 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as _floating_ui_utils from '@floating-ui/utils';
+import { FloatingAnchorMode } from '@agorapulse/ui-components/floating';
+
+/**
+ * The `role="dialog"` surface, its optional header and its focus trap. Instantiated by the popover
+ * directive, never by a consumer.
+ *
+ * Focus is the CDK's: `cdkTrapFocus` confines Tab, `autoCapture` focuses on open and restores the
+ * trigger on destruction. The cost is that Tab cannot leave the panel — Escape or the button do.
+ */
+declare class PopoverPanelComponent {
+    private static nextId;
+    /** The consumer's content. Always a template: the directive sits on the trigger, not here. */
+    readonly content: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /** Mirrors the popover's heading, and gives the dialog its accessible name. */
+    readonly heading: _angular_core.InputSignal<string | undefined>;
+    /** Mirrors the popover's input of the same name. */
+    readonly closable: _angular_core.InputSignal<boolean>;
+    /** Mirrors the popover's backdrop, which is what makes the page genuinely inert. */
+    readonly backdrop: _angular_core.InputSignal<boolean>;
+    /** Mirrors the popover's, and names the dialog when there is no heading. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly closeAriaLabel: _angular_core.InputSignal<string>;
+    /** Set by the directive, which needs it for the trigger's `aria-controls`. */
+    readonly panelId: _angular_core.InputSignal<string>;
+    /**
+     * The id of the element that names the dialog when nothing else does — the trigger, set by the
+     * directive. An id rather than its text, so the name is computed on the live DOM: that follows a
+     * label that changes, and reads a trigger whose own name is an `aria-label`.
+     */
+    readonly fallbackLabelId: _angular_core.InputSignal<string | undefined>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    protected readonly headingId: string;
+    /** A dialog must be named. The heading does it, failing that the trigger. */
+    protected readonly labelledBy: _angular_core.Signal<string | null>;
+    protected readonly label: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverPanelComponent, "ap-popover-panel", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; "fallbackLabelId": { "alias": "fallbackLabelId"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+}
+
+/**
+ * A click-triggered interactive panel: `role="dialog"`, managed focus, Escape, optional backdrop.
+ * A tooltip is the opposite — descriptive, hover-triggered, and never focusable.
+ *
+ * Sits on the **trigger**, so it owns the trigger's ARIA and the content is always a `TemplateRef`.
+ * Inputs are prefixed one by one rather than bundled: an inline config object would be recreated on
+ * every change-detection cycle and thrash the overlay.
+ *
+ * @example
+ * <button [apPopover]="shareTpl" apPopoverHeading="Share">Share</button>
+ * <ng-template #shareTpl>…</ng-template>
+ */
+declare class PopoverDirective {
+    private static nextId;
+    private readonly instanceId;
+    private readonly floating;
+    private readonly triggerElement;
+    private panelRef;
+    /** The panel's content. */
+    readonly apPopover: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /** Unset means derived from the anchor mode. There is no `'auto'` value. */
+    readonly apPopoverPlacement: _angular_core.InputSignal<_floating_ui_utils.Placement | undefined>;
+    readonly apPopoverAnchor: _angular_core.InputSignal<FloatingAnchorMode>;
+    readonly apPopoverArrow: _angular_core.InputSignal<boolean>;
+    readonly apPopoverArrowTarget: _angular_core.InputSignal<"anchor" | "pointer">;
+    /** Shows a close button — and, by doing so, makes it *the* way to close: no more outside click. */
+    readonly apPopoverClosable: _angular_core.InputSignal<boolean>;
+    /** Blocks the page behind. Non-modal by default — that is the point of a popover. */
+    readonly apPopoverBackdrop: _angular_core.InputSignal<boolean>;
+    /** Optional heading. When set, it becomes the dialog's accessible name. */
+    readonly apPopoverHeading: _angular_core.InputSignal<string | undefined>;
+    /** Accessible name used when there is no heading. */
+    readonly apPopoverAriaLabel: _angular_core.InputSignal<string | undefined>;
+    /** An input rather than a hard-coded string: several of the DS's own labels read badly. */
+    readonly apPopoverCloseAriaLabel: _angular_core.InputSignal<string>;
+    readonly apPopoverPanelClass: _angular_core.InputSignal<string | string[] | undefined>;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly panelId: string;
+    open(event?: MouseEvent): void;
+    /** The dialog falls back to being named by its trigger, and `aria-labelledby` needs an id to point at. */
+    private ensureTriggerId;
+    /** The residual case the fallback cannot cover: a trigger that names nothing either. */
+    private warnWhenNameless;
+    close(): void;
+    toggle(event?: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverDirective, "[apPopover]", ["apPopover"], { "apPopover": { "alias": "apPopover"; "required": true; "isSignal": true; }; "apPopoverPlacement": { "alias": "apPopoverPlacement"; "required": false; "isSignal": true; }; "apPopoverAnchor": { "alias": "apPopoverAnchor"; "required": false; "isSignal": true; }; "apPopoverArrow": { "alias": "apPopoverArrow"; "required": false; "isSignal": true; }; "apPopoverArrowTarget": { "alias": "apPopoverArrowTarget"; "required": false; "isSignal": true; }; "apPopoverClosable": { "alias": "apPopoverClosable"; "required": false; "isSignal": true; }; "apPopoverBackdrop": { "alias": "apPopoverBackdrop"; "required": false; "isSignal": true; }; "apPopoverHeading": { "alias": "apPopoverHeading"; "required": false; "isSignal": true; }; "apPopoverAriaLabel": { "alias": "apPopoverAriaLabel"; "required": false; "isSignal": true; }; "apPopoverCloseAriaLabel": { "alias": "apPopoverCloseAriaLabel"; "required": false; "isSignal": true; }; "apPopoverPanelClass": { "alias": "apPopoverPanelClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { PopoverDirective, PopoverPanelComponent };

package/types/agorapulse-ui-components.d.ts

@@ -39,6 +39,8 @@ import * as i18 from '@agorapulse/ui-components/tooltip';
 export { CustomTooltipAvatarItem, CustomTooltipPresentationItem, CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective } from '@agorapulse/ui-components/tooltip';
 import * as i19 from '@agorapulse/ui-components/add-comment';
 export { AddCommentComponent } from '@agorapulse/ui-components/add-comment';
+export { PopoverDirective } from '@agorapulse/ui-components/popover';
+export { FloatingAnchorMode, FloatingPlacement, FloatingSide } from '@agorapulse/ui-components/floating';
 export { DropdownOverlay, DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 export { ActionDropdownComponent, ActionDropdownItem, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';
 export { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';