@agorapulse/ui-components 22.0.32 → 22.0.33

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.32",
+  "version": "22.0.33",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -201,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-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';