@agorapulse/ui-components 20.3.40 → 20.3.42

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

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-selection-dropdown.mjs","sources":["../../../libs/ui-components/selection-dropdown/src/selection-dropdown-trigger.directive.ts","../../../libs/ui-components/selection-dropdown/src/selection-dropdown.component.ts","../../../libs/ui-components/selection-dropdown/src/selection-dropdown.component.html","../../../libs/ui-components/selection-dropdown/src/agorapulse-ui-components-selection-dropdown.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, inject, input } from '@angular/core';\nimport { SelectionDropdownComponent } from './selection-dropdown.component';\n\n/**\n * Directive that turns any element into a trigger for a SelectionDropdown component.\n * Handles click and keyboard interactions to open/close the dropdown.\n */\n@Directive({\n    selector: '[apSelectionDropdownTrigger]',\n})\nexport class SelectionDropdownTriggerDirective {\n    private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    /** Reference to the SelectionDropdown component that this trigger controls */\n    apSelectionDropdownTrigger = input.required<SelectionDropdownComponent>();\n\n    /** Handles click events to toggle the dropdown */\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const selectionDropdown = this.apSelectionDropdownTrigger();\n        if (selectionDropdown) {\n            selectionDropdown.toggle(this.elementRef.nativeElement);\n        }\n    }\n\n    /** Handles keyboard events for accessibility (Enter, Space, Arrow Down, Escape) */\n    @HostListener('keydown', ['$event'])\n    onKeyDown(event: KeyboardEvent): void {\n        const selectionDropdown = this.apSelectionDropdownTrigger();\n        if (selectionDropdown) {\n            switch (event.key) {\n                case 'Enter':\n                case 'ArrowDown':\n                    event.preventDefault();\n                    selectionDropdown.open(this.elementRef.nativeElement);\n                    break;\n\n                case 'Escape':\n                    event.preventDefault();\n                    selectionDropdown.close();\n                    break;\n            }\n        }\n    }\n}\n","import { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nimport { InputSearchComponent } from '@agorapulse/ui-components/input-search';\nimport { UI_COMPONENTS_SYMBOLS } from '@agorapulse/ui-components/providers';\nimport { DropdownItemMultipleOneLineComponent } from '@agorapulse/ui-components/select';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport { ConnectedPosition, FlexibleConnectedPositionStrategy, Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    linkedSignal,\n    OnDestroy,\n    output,\n    signal,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { debounceTime, distinctUntilChanged, Subject, take, takeUntil } from 'rxjs';\n\nexport interface SelectionDropdownItem {\n    /** Unique HTML ID for the item */\n    htmlId: string;\n    /** Display text for the item */\n    text: string;\n    /** Whether the item is selected */\n    selected: boolean;\n    /** Whether the item is disabled and non-interactive */\n    disabled?: boolean;\n    /** Avatar URL to display */\n    avatarUrl?: string;\n    /** Symbol ID to display */\n    symbolId?: string;\n    /** Tooltip text displayed when item is disabled */\n    disabledTooltip?: string;\n    /** Text displayed in a badge next to the item */\n    badgeText?: string;\n    /** Whether the feature is locked */\n    isFeatureLocked?: boolean;\n    /** Whether avatar should be rounded */\n    roundedAvatar?: boolean;\n    /** Avatar network type */\n    network?: any;\n    /** Symbol color */\n    symbolColor?: string;\n    /** Symbol tooltip text */\n    symbolTooltipText?: string;\n    /** Group label - items with the same groupLabel will be grouped together */\n    groupLabel?: string;\n}\n\n/**\n * A dropdown component that displays a list of selectable items with checkboxes,\n * badges, tooltips, and keyboard navigation.\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-selection-dropdown',\n    templateUrl: './selection-dropdown.component.html',\n    styleUrls: ['./selection-dropdown.component.scss'],\n    imports: [\n        CheckboxComponent,\n        DropdownItemMultipleOneLineComponent,\n        FormsModule,\n        InputSearchComponent,\n        SymbolComponent,\n        TooltipDirective,\n    ],\n})\nexport class SelectionDropdownComponent implements OnDestroy {\n    private readonly elementRef = inject(ElementRef);\n    private readonly overlay = inject(Overlay);\n    private readonly positionBuilder = inject(OverlayPositionBuilder);\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    private readonly viewContainerRef = inject(ViewContainerRef);\n\n    selectionDropdownTemplate = viewChild<TemplateRef<unknown>>('selectionDropdownTemplate');\n    trigger = contentChild<TemplateRef<unknown>>('trigger');\n\n    /** ID for the header button */\n    headerButtonId = input<string>();\n    /** ID for the footer button */\n    footerButtonId = input<string>();\n    /** Array of items to display in the dropdown menu */\n    items = input<SelectionDropdownItem[]>([]);\n    /** Whether the dropdown is disabled and cannot be opened */\n    disabled = input(false);\n    /** Whether to show a backdrop that closes the dropdown when clicked */\n    showBackdrop = input(true);\n    /** Default position for the dropdown relative to the trigger element */\n    defaultPosition = input<'right' | 'left'>('right');\n    /** Title to display in the header */\n    title = input<string>();\n    /** Text for the footer button */\n    footerButtonText = input<string>();\n    /** Symbol ID for the footer button */\n    footerButtonSymbolId = input<string>();\n    /** Text for the header button */\n    headerButtonText = input<string>();\n    /** Symbol ID for the header button */\n    headerButtonSymbolId = input<string>();\n    /** Placeholder text for the search input */\n    searchPlaceholderText = input('Search');\n    /** Text to display when no search results are found */\n    noSearchResultsText = input('No results found');\n\n    /** Emits when a dropdown item selection changes */\n    selectionChange = output<SelectionDropdownItem[]>();\n    /** Emits when the dropdown menu is opened */\n    opened = output<void>();\n    /** Emits when the dropdown menu is closed */\n    closed = output<void>();\n    /** Emits when the footer button is clicked */\n    footerButtonClick = output<void>();\n    /** Emits when the header button is clicked */\n    headerButtonClick = output<void>();\n    /** Emits when the search input is changed */\n    searchInputChange = output<string>();\n\n    private overlayRef: OverlayRef | null = null;\n    private portal: TemplatePortal<unknown> | null = null;\n\n    private readonly destroy$ = new Subject<void>();\n    private readonly searchTermSubject = new Subject<string>();\n\n    private readonly internalItems = linkedSignal(() => this.items());\n\n    protected readonly isOpen = signal(false);\n    protected searchTerm = '';\n    protected readonly filteredItems = signal<SelectionDropdownItem[]>([]);\n    protected readonly initiallySelectedItems = signal<SelectionDropdownItem[]>([]);\n\n    // Computed properties for template usage\n    protected readonly selectedItems = computed(() => {\n        const initiallySelectedIds = this.initiallySelectedItems().map(item => item.htmlId);\n        return this.filteredItems().filter(item => initiallySelectedIds.includes(item.htmlId));\n    });\n\n    protected readonly unselectedItems = computed(() => {\n        const initiallySelectedIds = this.initiallySelectedItems().map(item => item.htmlId);\n        return this.filteredItems().filter(item => !initiallySelectedIds.includes(item.htmlId));\n    });\n\n    protected readonly groupLabels = computed(() => {\n        const groupLabels = this.unselectedItems()\n            .map(item => item.groupLabel)\n            .filter((label): label is string => !!label);\n        return [...new Set(groupLabels)];\n    });\n\n    protected readonly ungroupedItems = computed(() => {\n        return this.unselectedItems().filter(item => !item.groupLabel);\n    });\n\n    // Computed maps for template optimization\n    protected readonly groupSelectionStates = computed(() => {\n        const states: Record<string, 'selected' | 'partial' | 'unselected'> = {};\n        for (const groupLabel of this.groupLabels()) {\n            const groupItems = this.filteredItems().filter(item => item.groupLabel === groupLabel);\n            const selectableItems = groupItems.filter(item => !item.disabled && !item.isFeatureLocked);\n\n            if (selectableItems.length === 0) {\n                states[groupLabel] = 'unselected';\n            } else {\n                const selectedCount = selectableItems.filter(item => item.selected).length;\n                if (selectedCount === 0) states[groupLabel] = 'unselected';\n                else if (selectedCount === selectableItems.length) states[groupLabel] = 'selected';\n                else states[groupLabel] = 'partial';\n            }\n        }\n        return states;\n    });\n\n    protected readonly groupItemsMap = computed(() => {\n        const map: Record<string, SelectionDropdownItem[]> = {};\n        for (const groupLabel of this.groupLabels()) {\n            map[groupLabel] = this.unselectedItems().filter(item => item.groupLabel === groupLabel);\n        }\n        return map;\n    });\n\n    constructor() {\n        this.symbolRegistry.withSymbols(...(inject(UI_COMPONENTS_SYMBOLS, { optional: true })?.flat() ?? []));\n\n        // Set up debounced search\n        this.searchTermSubject.pipe(debounceTime(100), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(term => {\n            const items = this.internalItems();\n            this.updateFilteredItems(term?.toLowerCase() ?? '', items);\n        });\n\n        // Initialize filtered items when items change\n        effect(() => {\n            const items = this.internalItems();\n            if (!this.searchTerm) {\n                this.filteredItems.set(items);\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    /** Opens the dropdown menu at the specified trigger element or component's element */\n    open(triggerElement?: HTMLElement): void {\n        const selectionDropdownTemplate = this.selectionDropdownTemplate();\n\n        if (this.disabled() || this.isOpen() || !selectionDropdownTemplate) {\n            return;\n        }\n\n        // Capture initially selected items as a static snapshot\n        const selectedItems = this.internalItems().filter(item => item.selected);\n        this.initiallySelectedItems.set(selectedItems);\n\n        const target = triggerElement || this.elementRef.nativeElement;\n\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n        }\n\n        const positionStrategy = this.createPositionStrategy(target);\n\n        this.overlayRef = this.overlay.create({\n            positionStrategy,\n            hasBackdrop: this.showBackdrop(),\n            backdropClass: '',\n            panelClass: '',\n            scrollStrategy: this.overlay.scrollStrategies.reposition(),\n        });\n\n        this.portal = new TemplatePortal(selectionDropdownTemplate, this.viewContainerRef);\n        this.overlayRef.attach(this.portal);\n\n        this.isOpen.set(true);\n        this.opened.emit();\n\n        this.overlayRef\n            .backdropClick()\n            .pipe(take(1))\n            .subscribe(() => {\n                this.close();\n            });\n    }\n\n    /** Closes the dropdown menu and cleans up overlay resources */\n    close(): void {\n        if (!this.isOpen()) {\n            return;\n        }\n\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n            this.overlayRef = null;\n        }\n\n        this.portal = null;\n        this.isOpen.set(false);\n        this.initiallySelectedItems.set([]); // Clear the snapshot\n        this.closed.emit();\n    }\n\n    /** Toggles the dropdown menu open or closed state */\n    toggle(triggerElement?: HTMLElement): void {\n        if (this.isOpen()) {\n            this.close();\n        } else {\n            this.open(triggerElement);\n        }\n    }\n\n    /** Handles item toggle events, updating selection and emitting changes */\n    onItemToggle(item: SelectionDropdownItem, checked: boolean): void {\n        if (item.disabled || item.isFeatureLocked) {\n            return;\n        }\n\n        const updatedItems = this.internalItems().map(i => (i.htmlId === item.htmlId ? { ...i, selected: checked } : i));\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n\n        // Update the state of the filtered item that has been selected\n        this.filteredItems.update(items => items.map(filteredItem => filteredItem.htmlId === item.htmlId ? { ...filteredItem, selected: checked } : filteredItem));\n    }\n\n    /** Handles footer button clicks */\n    onFooterButtonClick(): void {\n        this.footerButtonClick.emit();\n    }\n\n    /** Handles footer button keyboard events */\n    onFooterButtonKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            this.footerButtonClick.emit();\n        }\n    }\n\n    /** Handles header button clicks */\n    onHeaderButtonClick(): void {\n        this.headerButtonClick.emit();\n    }\n\n    /** Handles header button keyboard events */\n    onHeaderButtonKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            this.headerButtonClick.emit();\n        }\n    }\n\n    /** Handles search input changes */\n    onSearchTermChange(): void {\n        this.searchTermSubject.next(this.searchTerm);\n        this.searchInputChange.emit(this.searchTerm);\n    }\n\n    /** Handles group toggle events, selecting/deselecting all items within the group */\n    onGroupToggle(groupLabel: string, checked: boolean): void {\n        if (typeof checked !== 'boolean') {\n            return;\n        }\n        const updatedItems = this.internalItems().map(item => {\n            if (item.groupLabel === groupLabel && !item.disabled && !item.isFeatureLocked) {\n                return { ...item, selected: checked };\n            }\n            return item;\n        });\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n    }\n\n    /** Updates the filtered items based on search term */\n    private updateFilteredItems(searchTerm: string, items: SelectionDropdownItem[]): void {\n        if (!searchTerm) {\n            this.filteredItems.set(items);\n            return;\n        }\n\n        const filtered = items.filter(item => item.text.toLowerCase().includes(searchTerm));\n        this.filteredItems.set(filtered);\n    }\n\n    /** Creates positioning strategy for the overlay based on trigger element and default position */\n    private createPositionStrategy(target: HTMLElement): FlexibleConnectedPositionStrategy {\n        const defaultPosition = this.defaultPosition();\n        const gap = 4;\n\n        const positions: ConnectedPosition[] =\n            defaultPosition === 'right'\n                ? [\n                      // Bottom-right (default) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'bottom',\n                          overlayX: 'start',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Bottom-left (if not enough space on right) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'bottom',\n                          overlayX: 'end',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Top-right (if not enough space below) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'top',\n                          overlayX: 'start',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                      // Top-left (if not enough space below and on right) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'top',\n                          overlayX: 'end',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                  ]\n                : [\n                      // Bottom-left (default) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'bottom',\n                          overlayX: 'end',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Bottom-right (if not enough space on left) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'bottom',\n                          overlayX: 'start',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Top-left (if not enough space below) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'top',\n                          overlayX: 'end',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                      // Top-right (if not enough space below and on left) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'top',\n                          overlayX: 'start',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                  ];\n\n        return this.positionBuilder\n            .flexibleConnectedTo(target)\n            .withPositions(positions)\n            .withFlexibleDimensions(true)\n            .withPush(true)\n            .withGrowAfterOpen(true)\n            .withViewportMargin(8);\n    }\n}\n","<ng-template #selectionDropdownTemplate>\n    <div class=\"ap-selection-dropdown__content\">\n        <!-- Header -->\n        <div class=\"ap-selection-dropdown__header\">\n            <div class=\"ap-selection-dropdown__header-top\">\n                @if (title()) {\n                    <h3 class=\"ap-selection-dropdown__title\">\n                        {{ title() }}\n                    </h3>\n                }\n                @if (headerButtonText()) {\n                    <a\n                        class=\"standalone\"\n                        role=\"link\"\n                        tabindex=\"0\"\n                        [id]=\"headerButtonId()\"\n                        (click)=\"onHeaderButtonClick()\"\n                        (keydown)=\"onHeaderButtonKeydown($event)\">\n                        <ap-symbol [symbolId]=\"headerButtonSymbolId()\" />\n                        {{ headerButtonText() }}\n                    </a>\n                }\n            </div>\n            <ap-input-search\n                [placeholder]=\"searchPlaceholderText()\"\n                [clearable]=\"true\"\n                [(ngModel)]=\"searchTerm\"\n                (ngModelChange)=\"onSearchTermChange()\" />\n        </div>\n\n        <!-- Selection dropdown items -->\n        <div class=\"ap-selection-dropdown__items\">\n            @if (filteredItems().length === 0 && searchTerm) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else {\n                <!-- Selected items section (at the top) -->\n                @if (selectedItems().length > 0) {\n                    <div class=\"ap-selection-dropdown__selected-section\">\n                        @for (item of selectedItems(); track item.htmlId) {\n                            <div [apTooltip]=\"item.disabledTooltip\">\n                                <button\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    aria-hidden=\"true\"\n                                    class=\"ap-selection-dropdown__item-button\"\n                                    [class.ap-selection-dropdown__item-button--disabled]=\"item.disabled || item.isFeatureLocked\"\n                                    (click)=\"onItemToggle(item, !item.selected)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [htmlId]=\"item.htmlId\"\n                                        [disabled]=\"item.disabled || false\"\n                                        [avatarUrl]=\"item.avatarUrl\"\n                                        [symbolId]=\"item.symbolId\"\n                                        [badgeText]=\"item.badgeText\"\n                                        [isFeatureLocked]=\"item.isFeatureLocked || false\"\n                                        [roundedAvatar]=\"!!item.roundedAvatar\"\n                                        [network]=\"item.network\"\n                                        [symbolColor]=\"item.symbolColor\"\n                                        [symbolTooltipText]=\"item.symbolTooltipText\" />\n                                </button>\n                            </div>\n                        }\n                    </div>\n                }\n\n                <!-- Ungrouped unselected items -->\n                @for (item of ungroupedItems(); track item.htmlId) {\n                    <div [apTooltip]=\"item.disabledTooltip\">\n                        <button\n                            type=\"button\"\n                            tabindex=\"-1\"\n                            aria-hidden=\"true\"\n                            class=\"ap-selection-dropdown__item-button\"\n                            [class.ap-selection-dropdown__item-button--disabled]=\"item.disabled || item.isFeatureLocked\"\n                            (click)=\"onItemToggle(item, !item.selected)\">\n                            <ap-dropdown-item-multiple-one-line\n                                class=\"ap-selection-dropdown__item\"\n                                [text]=\"item.text\"\n                                [selected]=\"item.selected\"\n                                [htmlId]=\"item.htmlId\"\n                                [disabled]=\"item.disabled || false\"\n                                [avatarUrl]=\"item.avatarUrl\"\n                                [symbolId]=\"item.symbolId\"\n                                [badgeText]=\"item.badgeText\"\n                                [isFeatureLocked]=\"item.isFeatureLocked || false\"\n                                [roundedAvatar]=\"!!item.roundedAvatar\"\n                                [network]=\"item.network\"\n                                [symbolColor]=\"item.symbolColor\"\n                                [symbolTooltipText]=\"item.symbolTooltipText\" />\n                        </button>\n                    </div>\n                }\n\n                <!-- Groups -->\n                @for (groupLabel of groupLabels(); track groupLabel) {\n                    <div class=\"ap-selection-dropdown__group\">\n                        <!-- Group header with checkbox -->\n                        <div class=\"ap-selection-dropdown__group-header\">\n                            <div class=\"ap-selection-dropdown__group-label\">\n                                <ap-checkbox\n                                    [name]=\"groupLabel\"\n                                    [checked]=\"groupSelectionStates()[groupLabel] === 'selected'\"\n                                    [indeterminate]=\"groupSelectionStates()[groupLabel] === 'partial'\"\n                                    (change)=\"onGroupToggle(groupLabel, $event)\">\n                                    {{ groupLabel }}\n                                </ap-checkbox>\n                            </div>\n                        </div>\n\n                        <!-- Group items -->\n                        @for (item of groupItemsMap()[groupLabel]; track item.htmlId) {\n                            <div [apTooltip]=\"item.disabledTooltip\">\n                                <button\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    aria-hidden=\"true\"\n                                    class=\"ap-selection-dropdown__item-button\"\n                                    [class.ap-selection-dropdown__item-button--disabled]=\"item.disabled || item.isFeatureLocked\"\n                                    (click)=\"onItemToggle(item, !item.selected)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item ap-selection-dropdown__item--grouped\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [htmlId]=\"item.htmlId\"\n                                        [disabled]=\"item.disabled || false\"\n                                        [avatarUrl]=\"item.avatarUrl\"\n                                        [symbolId]=\"item.symbolId\"\n                                        [badgeText]=\"item.badgeText\"\n                                        [isFeatureLocked]=\"item.isFeatureLocked || false\"\n                                        [roundedAvatar]=\"!!item.roundedAvatar\"\n                                        [network]=\"item.network\"\n                                        [symbolColor]=\"item.symbolColor\"\n                                        [symbolTooltipText]=\"item.symbolTooltipText\" />\n                                </button>\n                            </div>\n                        }\n                    </div>\n                }\n            }\n        </div>\n\n        <!-- Footer -->\n        @if (footerButtonText()) {\n            <div class=\"ap-selection-dropdown__footer\">\n                <a\n                    class=\"standalone\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    [id]=\"footerButtonId()\"\n                    (click)=\"onFooterButtonClick()\"\n                    (keydown)=\"onFooterButtonKeydown($event)\">\n                    <ap-symbol [symbolId]=\"footerButtonSymbolId()\" />\n                    {{ footerButtonText() }}\n                </a>\n            </div>\n        }\n    </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-selection-dropdown.mjs","sources":["../../../libs/ui-components/selection-dropdown/src/selection-dropdown-trigger.directive.ts","../../../libs/ui-components/selection-dropdown/src/selection-dropdown.component.ts","../../../libs/ui-components/selection-dropdown/src/selection-dropdown.component.html","../../../libs/ui-components/selection-dropdown/src/agorapulse-ui-components-selection-dropdown.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, inject, input } from '@angular/core';\nimport { SelectionDropdownComponent } from './selection-dropdown.component';\n\n/**\n * Directive that turns any element into a trigger for a SelectionDropdown component.\n * Handles click and keyboard interactions to open/close the dropdown.\n */\n@Directive({\n    selector: '[apSelectionDropdownTrigger]',\n})\nexport class SelectionDropdownTriggerDirective {\n    private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    /** Reference to the SelectionDropdown component that this trigger controls */\n    apSelectionDropdownTrigger = input.required<SelectionDropdownComponent>();\n\n    /** Handles click events to toggle the dropdown */\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const selectionDropdown = this.apSelectionDropdownTrigger();\n        if (selectionDropdown) {\n            selectionDropdown.toggle(this.elementRef.nativeElement);\n        }\n    }\n\n    /** Handles keyboard events for accessibility (Enter, Space, Arrow Down, Escape) */\n    @HostListener('keydown', ['$event'])\n    onKeyDown(event: KeyboardEvent): void {\n        const selectionDropdown = this.apSelectionDropdownTrigger();\n        if (selectionDropdown) {\n            switch (event.key) {\n                case 'Enter':\n                case 'ArrowDown':\n                    event.preventDefault();\n                    selectionDropdown.open(this.elementRef.nativeElement);\n                    break;\n\n                case 'Escape':\n                    event.preventDefault();\n                    selectionDropdown.close();\n                    break;\n            }\n        }\n    }\n}\n","import { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nimport { InputSearchComponent } from '@agorapulse/ui-components/input-search';\nimport { UI_COMPONENTS_SYMBOLS } from '@agorapulse/ui-components/providers';\nimport { DropdownItemMultipleOneLineComponent } from '@agorapulse/ui-components/select';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport { ConnectedPosition, FlexibleConnectedPositionStrategy, Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    linkedSignal,\n    OnDestroy,\n    output,\n    signal,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { debounceTime, distinctUntilChanged, Subject, take, takeUntil } from 'rxjs';\n\nexport interface SelectionDropdownItem {\n    /** Unique HTML ID for the item */\n    htmlId: string;\n    /** Display text for the item */\n    text: string;\n    /** Whether the item is selected */\n    selected: boolean;\n    /** Whether the item is disabled and non-interactive */\n    disabled?: boolean;\n    /** Avatar URL to display */\n    avatarUrl?: string;\n    /** Symbol ID to display */\n    symbolId?: string;\n    /** Tooltip text displayed when item is disabled */\n    disabledTooltip?: string;\n    /** Text displayed in a badge next to the item */\n    badgeText?: string;\n    /** Whether the feature is locked */\n    isFeatureLocked?: boolean;\n    /** Whether avatar should be rounded */\n    roundedAvatar?: boolean;\n    /** Avatar network type */\n    network?: any;\n    /** Symbol color */\n    symbolColor?: string;\n    /** Symbol tooltip text */\n    symbolTooltipText?: string;\n    /** Group label - items with the same groupLabel will be grouped together */\n    groupLabel?: string;\n}\n\n/**\n * A dropdown component that displays a list of selectable items with checkboxes,\n * badges, tooltips, and keyboard navigation.\n */\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-selection-dropdown',\n    templateUrl: './selection-dropdown.component.html',\n    styleUrls: ['./selection-dropdown.component.scss'],\n    imports: [\n        CheckboxComponent,\n        DropdownItemMultipleOneLineComponent,\n        FormsModule,\n        InputSearchComponent,\n        SymbolComponent,\n        TooltipDirective,\n    ],\n})\nexport class SelectionDropdownComponent implements OnDestroy {\n    private readonly elementRef = inject(ElementRef);\n    private readonly overlay = inject(Overlay);\n    private readonly positionBuilder = inject(OverlayPositionBuilder);\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    private readonly viewContainerRef = inject(ViewContainerRef);\n\n    selectionDropdownTemplate = viewChild<TemplateRef<unknown>>('selectionDropdownTemplate');\n    trigger = contentChild<TemplateRef<unknown>>('trigger');\n\n    /** ID for the header button */\n    headerButtonId = input<string>();\n    /** ID for the footer button */\n    footerButtonId = input<string>();\n    /** Array of items to display in the dropdown menu */\n    items = input<SelectionDropdownItem[]>([]);\n    /** Whether the dropdown is disabled and cannot be opened */\n    disabled = input(false);\n    /** Whether to show a backdrop that closes the dropdown when clicked */\n    showBackdrop = input(true);\n    /** Default position for the dropdown relative to the trigger element */\n    defaultPosition = input<'right' | 'left'>('right');\n    /** Title to display in the header */\n    title = input<string>();\n    /** Text for the footer button */\n    footerButtonText = input<string>();\n    /** Symbol ID for the footer button */\n    footerButtonSymbolId = input<string>();\n    /** Text for the header button */\n    headerButtonText = input<string>();\n    /** Symbol ID for the header button */\n    headerButtonSymbolId = input<string>();\n    /** Placeholder text for the search input */\n    searchPlaceholderText = input('Search');\n    /** Text to display when no search results are found */\n    noSearchResultsText = input('No results found');\n\n    /** Emits when a dropdown item selection changes */\n    selectionChange = output<SelectionDropdownItem[]>();\n    /** Emits when the dropdown menu is opened */\n    opened = output<void>();\n    /** Emits when the dropdown menu is closed */\n    closed = output<void>();\n    /** Emits when the footer button is clicked */\n    footerButtonClick = output<void>();\n    /** Emits when the header button is clicked */\n    headerButtonClick = output<void>();\n    /** Emits when the search input is changed */\n    searchInputChange = output<string>();\n\n    private overlayRef: OverlayRef | null = null;\n    private portal: TemplatePortal<unknown> | null = null;\n\n    private readonly destroy$ = new Subject<void>();\n    private readonly searchTermSubject = new Subject<string>();\n\n    private readonly internalItems = linkedSignal(() => this.items());\n\n    protected readonly isOpen = signal(false);\n    protected searchTerm = '';\n    protected readonly filteredItems = signal<SelectionDropdownItem[]>([]);\n    protected readonly initiallySelectedItems = signal<SelectionDropdownItem[]>([]);\n\n    // Computed properties for template usage\n    protected readonly selectedItems = computed(() => {\n        const initiallySelectedIds = this.initiallySelectedItems().map(item => item.htmlId);\n        return this.filteredItems().filter(item => initiallySelectedIds.includes(item.htmlId));\n    });\n\n    protected readonly unselectedItems = computed(() => {\n        const initiallySelectedIds = this.initiallySelectedItems().map(item => item.htmlId);\n        return this.filteredItems().filter(item => !initiallySelectedIds.includes(item.htmlId));\n    });\n\n    protected readonly groupLabels = computed(() => {\n        const groupLabels = this.unselectedItems()\n            .map(item => item.groupLabel)\n            .filter((label): label is string => !!label);\n        return [...new Set(groupLabels)];\n    });\n\n    protected readonly ungroupedItems = computed(() => {\n        return this.unselectedItems().filter(item => !item.groupLabel);\n    });\n\n    // Computed maps for template optimization\n    protected readonly groupSelectionStates = computed(() => {\n        const states: Record<string, 'selected' | 'partial' | 'unselected'> = {};\n        for (const groupLabel of this.groupLabels()) {\n            const groupItems = this.filteredItems().filter(item => item.groupLabel === groupLabel);\n            const selectableItems = groupItems.filter(item => !item.disabled && !item.isFeatureLocked);\n\n            if (selectableItems.length === 0) {\n                states[groupLabel] = 'unselected';\n            } else {\n                const selectedCount = selectableItems.filter(item => item.selected).length;\n                if (selectedCount === 0) states[groupLabel] = 'unselected';\n                else if (selectedCount === selectableItems.length) states[groupLabel] = 'selected';\n                else states[groupLabel] = 'partial';\n            }\n        }\n        return states;\n    });\n\n    protected readonly groupItemsMap = computed(() => {\n        const map: Record<string, SelectionDropdownItem[]> = {};\n        for (const groupLabel of this.groupLabels()) {\n            map[groupLabel] = this.unselectedItems().filter(item => item.groupLabel === groupLabel);\n        }\n        return map;\n    });\n\n    constructor() {\n        this.symbolRegistry.withSymbols(...(inject(UI_COMPONENTS_SYMBOLS, { optional: true })?.flat() ?? []));\n\n        // Set up debounced search\n        this.searchTermSubject.pipe(debounceTime(100), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(term => {\n            const items = this.internalItems();\n            this.updateFilteredItems(term?.toLowerCase() ?? '', items);\n        });\n\n        // Initialize filtered items when items change\n        effect(() => {\n            const items = this.internalItems();\n            if (!this.searchTerm) {\n                this.filteredItems.set(items);\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    /** Opens the dropdown menu at the specified trigger element or component's element */\n    open(triggerElement?: HTMLElement): void {\n        const selectionDropdownTemplate = this.selectionDropdownTemplate();\n\n        if (this.disabled() || this.isOpen() || !selectionDropdownTemplate) {\n            return;\n        }\n\n        // Capture initially selected items as a static snapshot\n        const selectedItems = this.internalItems().filter(item => item.selected);\n        this.initiallySelectedItems.set(selectedItems);\n\n        const target = triggerElement || this.elementRef.nativeElement;\n\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n        }\n\n        const positionStrategy = this.createPositionStrategy(target);\n\n        this.overlayRef = this.overlay.create({\n            positionStrategy,\n            hasBackdrop: this.showBackdrop(),\n            backdropClass: '',\n            panelClass: '',\n            scrollStrategy: this.overlay.scrollStrategies.reposition(),\n        });\n\n        this.portal = new TemplatePortal(selectionDropdownTemplate, this.viewContainerRef);\n        this.overlayRef.attach(this.portal);\n\n        this.isOpen.set(true);\n        this.opened.emit();\n\n        this.overlayRef\n            .backdropClick()\n            .pipe(take(1))\n            .subscribe(() => {\n                this.close();\n            });\n    }\n\n    /** Closes the dropdown menu and cleans up overlay resources */\n    close(): void {\n        if (!this.isOpen()) {\n            return;\n        }\n\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n            this.overlayRef = null;\n        }\n\n        this.portal = null;\n        this.isOpen.set(false);\n        this.initiallySelectedItems.set([]); // Clear the snapshot\n        this.closed.emit();\n    }\n\n    /** Toggles the dropdown menu open or closed state */\n    toggle(triggerElement?: HTMLElement): void {\n        if (this.isOpen()) {\n            this.close();\n        } else {\n            this.open(triggerElement);\n        }\n    }\n\n    /** Handles item toggle events, updating selection and emitting changes */\n    onItemToggle(item: SelectionDropdownItem, checked: boolean): void {\n        if (item.disabled || item.isFeatureLocked) {\n            return;\n        }\n\n        const updatedItems = this.internalItems().map(i => (i.htmlId === item.htmlId ? { ...i, selected: checked } : i));\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n\n        // Update the state of the filtered item that has been selected\n        this.filteredItems.update(items => items.map(filteredItem => filteredItem.htmlId === item.htmlId ? { ...filteredItem, selected: checked } : filteredItem));\n    }\n\n    /** Handles footer button clicks */\n    onFooterButtonClick(): void {\n        this.footerButtonClick.emit();\n    }\n\n    /** Handles footer button keyboard events */\n    onFooterButtonKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            this.footerButtonClick.emit();\n        }\n    }\n\n    /** Handles header button clicks */\n    onHeaderButtonClick(): void {\n        this.headerButtonClick.emit();\n    }\n\n    /** Handles header button keyboard events */\n    onHeaderButtonKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            this.headerButtonClick.emit();\n        }\n    }\n\n    /** Handles search input changes */\n    onSearchTermChange(): void {\n        this.searchTermSubject.next(this.searchTerm);\n        this.searchInputChange.emit(this.searchTerm);\n    }\n\n    /** Handles group toggle events, selecting/deselecting all items within the group */\n    onGroupToggle(groupLabel: string, checked: boolean): void {\n        if (typeof checked !== 'boolean') {\n            return;\n        }\n        const updatedItems = this.internalItems().map(item => {\n            if (item.groupLabel === groupLabel && !item.disabled && !item.isFeatureLocked) {\n                return { ...item, selected: checked };\n            }\n            return item;\n        });\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n    }\n\n    /** Updates the filtered items based on search term */\n    private updateFilteredItems(searchTerm: string, items: SelectionDropdownItem[]): void {\n        if (!searchTerm) {\n            this.filteredItems.set(items);\n            return;\n        }\n\n        const filtered = items.filter(item => item.text.toLowerCase().includes(searchTerm));\n        this.filteredItems.set(filtered);\n    }\n\n    /** Creates positioning strategy for the overlay based on trigger element and default position */\n    private createPositionStrategy(target: HTMLElement): FlexibleConnectedPositionStrategy {\n        const defaultPosition = this.defaultPosition();\n        const gap = 4;\n\n        const positions: ConnectedPosition[] =\n            defaultPosition === 'right'\n                ? [\n                      // Bottom-right (default) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'bottom',\n                          overlayX: 'start',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Bottom-left (if not enough space on right) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'bottom',\n                          overlayX: 'end',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Top-right (if not enough space below) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'top',\n                          overlayX: 'start',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                      // Top-left (if not enough space below and on right) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'top',\n                          overlayX: 'end',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                  ]\n                : [\n                      // Bottom-left (default) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'bottom',\n                          overlayX: 'end',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Bottom-right (if not enough space on left) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'bottom',\n                          overlayX: 'start',\n                          overlayY: 'top',\n                          offsetX: 0,\n                          offsetY: gap,\n                      },\n                      // Top-left (if not enough space below) - right border aligns with right side of trigger\n                      {\n                          originX: 'end',\n                          originY: 'top',\n                          overlayX: 'end',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                      // Top-right (if not enough space below and on left) - left border aligns with left side of trigger\n                      {\n                          originX: 'start',\n                          originY: 'top',\n                          overlayX: 'start',\n                          overlayY: 'bottom',\n                          offsetX: 0,\n                          offsetY: -gap,\n                      },\n                  ];\n\n        return this.positionBuilder\n            .flexibleConnectedTo(target)\n            .withPositions(positions)\n            .withFlexibleDimensions(true)\n            .withPush(true)\n            .withGrowAfterOpen(true)\n            .withViewportMargin(8);\n    }\n}\n","<ng-template #selectionDropdownTemplate>\n    <div class=\"ap-selection-dropdown__content\">\n        <!-- Header -->\n        <div class=\"ap-selection-dropdown__header\">\n            <div class=\"ap-selection-dropdown__header-top\">\n                @if (title()) {\n                    <h3 class=\"ap-selection-dropdown__title\">\n                        {{ title() }}\n                    </h3>\n                }\n                @if (headerButtonText()) {\n                    <a\n                        class=\"standalone\"\n                        role=\"link\"\n                        tabindex=\"0\"\n                        [id]=\"headerButtonId()\"\n                        (click)=\"onHeaderButtonClick()\"\n                        (keydown)=\"onHeaderButtonKeydown($event)\">\n                        <ap-symbol [symbolId]=\"headerButtonSymbolId()\" />\n                        {{ headerButtonText() }}\n                    </a>\n                }\n            </div>\n            <ap-input-search\n                [placeholder]=\"searchPlaceholderText()\"\n                [clearable]=\"true\"\n                [(ngModel)]=\"searchTerm\"\n                (ngModelChange)=\"onSearchTermChange()\" />\n        </div>\n\n        <!-- Selection dropdown items -->\n        <div class=\"ap-selection-dropdown__items\">\n            @if (filteredItems().length === 0 && searchTerm) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else {\n                <!-- Selected items section (at the top) -->\n                @if (selectedItems().length > 0) {\n                    <div class=\"ap-selection-dropdown__selected-section\">\n                        @for (item of selectedItems(); track item.htmlId) {\n                            <div [apTooltip]=\"item.disabledTooltip\">\n                                <button\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    aria-hidden=\"true\"\n                                    class=\"ap-selection-dropdown__item-button\"\n                                    [class.ap-selection-dropdown__item-button--disabled]=\"item.disabled || item.isFeatureLocked\"\n                                    (click)=\"onItemToggle(item, !item.selected)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [htmlId]=\"item.htmlId\"\n                                        [disabled]=\"item.disabled || false\"\n                                        [avatarUrl]=\"item.avatarUrl\"\n                                        [symbolId]=\"item.symbolId\"\n                                        [badgeText]=\"item.badgeText\"\n                                        [isFeatureLocked]=\"item.isFeatureLocked || false\"\n                                        [roundedAvatar]=\"!!item.roundedAvatar\"\n                                        [network]=\"item.network\"\n                                        [symbolColor]=\"item.symbolColor\"\n                                        [symbolTooltipText]=\"item.symbolTooltipText\" />\n                                </button>\n                            </div>\n                        }\n                    </div>\n                }\n\n                <!-- Ungrouped unselected items -->\n                @for (item of ungroupedItems(); track item.htmlId) {\n                    <div [apTooltip]=\"item.disabledTooltip\">\n                        <button\n                            type=\"button\"\n                            tabindex=\"-1\"\n                            aria-hidden=\"true\"\n                            class=\"ap-selection-dropdown__item-button\"\n                            [class.ap-selection-dropdown__item-button--disabled]=\"item.disabled || item.isFeatureLocked\"\n                            (click)=\"onItemToggle(item, !item.selected)\">\n                            <ap-dropdown-item-multiple-one-line\n                                class=\"ap-selection-dropdown__item\"\n                                [text]=\"item.text\"\n                                [selected]=\"item.selected\"\n                                [htmlId]=\"item.htmlId\"\n                                [disabled]=\"item.disabled || false\"\n                                [avatarUrl]=\"item.avatarUrl\"\n                                [symbolId]=\"item.symbolId\"\n                                [badgeText]=\"item.badgeText\"\n                                [isFeatureLocked]=\"item.isFeatureLocked || false\"\n                                [roundedAvatar]=\"!!item.roundedAvatar\"\n                                [network]=\"item.network\"\n                                [symbolColor]=\"item.symbolColor\"\n                                [symbolTooltipText]=\"item.symbolTooltipText\" />\n                        </button>\n                    </div>\n                }\n\n                <!-- Groups -->\n                @for (groupLabel of groupLabels(); track groupLabel) {\n                    <div class=\"ap-selection-dropdown__group\">\n                        <!-- Group header with checkbox -->\n                        <div class=\"ap-selection-dropdown__group-header\">\n                            <div class=\"ap-selection-dropdown__group-label\">\n                                <ap-checkbox\n                                    [name]=\"groupLabel\"\n                                    [checked]=\"groupSelectionStates()[groupLabel] === 'selected'\"\n                                    [indeterminate]=\"groupSelectionStates()[groupLabel] === 'partial'\"\n                                    (change)=\"onGroupToggle(groupLabel, $event)\">\n                                    {{ groupLabel }}\n                                </ap-checkbox>\n                            </div>\n                        </div>\n\n                        <!-- Group items -->\n                        @for (item of groupItemsMap()[groupLabel]; track item.htmlId) {\n                            <div [apTooltip]=\"item.disabledTooltip\">\n                                <button\n                                    type=\"button\"\n                                    tabindex=\"-1\"\n                                    aria-hidden=\"true\"\n                                    class=\"ap-selection-dropdown__item-button\"\n                                    [class.ap-selection-dropdown__item-button--disabled]=\"item.disabled || item.isFeatureLocked\"\n                                    (click)=\"onItemToggle(item, !item.selected)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item ap-selection-dropdown__item--grouped\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [htmlId]=\"item.htmlId\"\n                                        [disabled]=\"item.disabled || false\"\n                                        [avatarUrl]=\"item.avatarUrl\"\n                                        [symbolId]=\"item.symbolId\"\n                                        [badgeText]=\"item.badgeText\"\n                                        [isFeatureLocked]=\"item.isFeatureLocked || false\"\n                                        [roundedAvatar]=\"!!item.roundedAvatar\"\n                                        [network]=\"item.network\"\n                                        [symbolColor]=\"item.symbolColor\"\n                                        [symbolTooltipText]=\"item.symbolTooltipText\" />\n                                </button>\n                            </div>\n                        }\n                    </div>\n                }\n            }\n        </div>\n\n        <!-- Footer -->\n        @if (footerButtonText()) {\n            <div class=\"ap-selection-dropdown__footer\">\n                <a\n                    class=\"standalone\"\n                    role=\"link\"\n                    tabindex=\"0\"\n                    [id]=\"footerButtonId()\"\n                    (click)=\"onFooterButtonClick()\"\n                    (keydown)=\"onFooterButtonKeydown($event)\">\n                    <ap-symbol [symbolId]=\"footerButtonSymbolId()\" />\n                    {{ footerButtonText() }}\n                </a>\n            </div>\n        }\n    </div>\n</ng-template>\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-tooltip.mjs

@@ -1,8 +1,76 @@
 import * as i0 from '@angular/core';
-import { input, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, inject, ElementRef, NgZone, ViewContainerRef, DestroyRef, computed, TemplateRef, HostListener, Directive } from '@angular/core';
+import { inject, ElementRef, NgZone, input, Directive, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, ViewContainerRef, DestroyRef, computed, TemplateRef } from '@angular/core';
+import { AvatarComponent } from '@agorapulse/ui-components/avatar';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import DOMPurify from 'dompurify';
-import { AvatarComponent } from '@agorapulse/ui-components/avatar';
+
+/**
+ * Directive that triggers a tooltip to show/hide
+ *
+ * ```html
+ * <div #myTooltip="apTooltip" apTooltip>Content</div>
+ * <div [apTooltipExternalTrigger]="myTooltip">Click me</div>
+ * ```
+ */
+class TooltipExternalTriggerDirective {
+    elementRef = inject(ElementRef);
+    zone = inject(NgZone);
+    // Accept a TooltipDirective reference for sibling usage
+    apTooltipExternalTrigger = input(...(ngDevMode ? [undefined, { debugName: "apTooltipExternalTrigger" }] : []));
+    clickListener = undefined;
+    get targetTooltip() {
+        // Prefer explicit reference, fall back to parent
+        return this.apTooltipExternalTrigger() ?? null;
+    }
+    ngAfterViewInit() {
+        if (!this.targetTooltip) {
+            return;
+        }
+        this.setupEventListeners();
+    }
+    setupEventListeners() {
+        this.cleanupEventListeners();
+        this.zone.runOutsideAngular(() => {
+            const nativeElement = this.elementRef.nativeElement;
+            this.clickListener = this.onClick.bind(this);
+            nativeElement.addEventListener('click', this.clickListener, true);
+        });
+    }
+    cleanupEventListeners() {
+        const nativeElement = this.elementRef.nativeElement;
+        if (this.clickListener) {
+            nativeElement.removeEventListener('click', this.clickListener, true);
+            this.clickListener = undefined;
+        }
+    }
+    ngOnDestroy() {
+        this.cleanupEventListeners();
+    }
+    onClick() {
+        this.zone.run(() => {
+            const tooltip = this.targetTooltip;
+            if (!tooltip)
+                return;
+            if (tooltip.container) {
+                tooltip.deactivate();
+            }
+            else {
+                tooltip.externallyTriggerred = true;
+                tooltip.activate();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipExternalTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: TooltipExternalTriggerDirective, isStandalone: true, selector: "[apTooltipExternalTrigger]", inputs: { apTooltipExternalTrigger: { classPropertyName: "apTooltipExternalTrigger", publicName: "apTooltipExternalTrigger", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["apTooltipExternalTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipExternalTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apTooltipExternalTrigger]',
+                    standalone: true,
+                    exportAs: 'apTooltipExternalTrigger',
+                }]
+        }] });
 
 const CustomTooltipType = {
     DEFAULT: 'DEFAULT', // default type
@@ -18,12 +86,13 @@ class TooltipComponent {
     type = input(CustomTooltipType.DEFAULT, ...(ngDevMode ? [{ debugName: "type" }] : []));
     presentationContext = input(...(ngDevMode ? [undefined, { debugName: "presentationContext" }] : []));
     tooltipListItems = input([], ...(ngDevMode ? [{ debugName: "tooltipListItems" }] : []));
+    showCaption = input(true, ...(ngDevMode ? [{ debugName: "showCaption" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: TooltipComponent, isStandalone: true, selector: "ap-tooltip", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, presentationContext: { classPropertyName: "presentationContext", publicName: "presentationContext", isSignal: true, isRequired: false, transformFunction: null }, tooltipListItems: { classPropertyName: "tooltipListItems", publicName: "tooltipListItems", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "<div class=\"custom-tooltip-container\">\n    @switch (type()) {\n        @case (CUSTOM_TOOLTIP_TYPE.PRESENTATION) {\n            @let presentation = presentationContext();\n            @if (presentation) {\n                <div class=\"tooltip-presentation-title\">{{ presentation.title }}</div>\n                <div class=\"tooltip-presentation-caption\">{{ presentation.description }}</div>\n            }\n        }\n        @case (CUSTOM_TOOLTIP_TYPE.LIST) {\n            <div class=\"tooltip-list-container\">\n                @for (item of tooltipListItems(); track item) {\n                    <div class=\"tooltip-item\">\n                        <ap-avatar\n                            [profilePicture]=\"item.profilePicture\"\n                            [network]=\"item.network\"\n                            [size]=\"item.caption ? 32 : 24\" />\n\n                        <div class=\"tooltip-item-info\">\n                            <div class=\"tooltip-item-title\">\n                                {{ item.title }}\n                            </div>\n                            @if (item.caption) {\n                                <div class=\"tooltip-item-caption\">\n                                    {{ item.caption }}\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n        @default {\n\n        }\n    }\n\n</div>\n", styles: [".custom-tooltip-container{display:flex;flex-direction:column;width:100%;height:100%;max-height:280px;overflow:auto;padding:var(--ref-spacing-xs);gap:var(--ref-spacing-xxxs);scrollbar-color:var(--ref-color-grey-20) transparent;scrollbar-width:thin}.custom-tooltip-container .tooltip-presentation-title{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--ref-font-size-md);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}.custom-tooltip-container .tooltip-presentation-caption{color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xs)}.custom-tooltip-container .tooltip-list-container .tooltip-item{display:flex;flex-direction:row;align-items:center;gap:var(--ref-spacing-xxs)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-100);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-80);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-xs);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-xs)}\n"], dependencies: [{ kind: "component", type: AvatarComponent, selector: "ap-avatar", inputs: ["profilePicture", "alt", "network", "size", "username", "showInitials", "bigNetwork", "anonymous", "online", "youtubeAvatarMode", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: TooltipComponent, isStandalone: true, selector: "ap-tooltip", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, presentationContext: { classPropertyName: "presentationContext", publicName: "presentationContext", isSignal: true, isRequired: false, transformFunction: null }, tooltipListItems: { classPropertyName: "tooltipListItems", publicName: "tooltipListItems", isSignal: true, isRequired: false, transformFunction: null }, showCaption: { classPropertyName: "showCaption", publicName: "showCaption", isSignal: true, isRequired: false, transformFunction: null } }, providers: [], ngImport: i0, template: "<div class=\"custom-tooltip-container\">\n    @switch (type()) {\n        @case (CUSTOM_TOOLTIP_TYPE.PRESENTATION) {\n            @let presentation = presentationContext();\n            @if (presentation) {\n                <div class=\"tooltip-presentation-title\">{{ presentation.title }}</div>\n                <div class=\"tooltip-presentation-caption\">{{ presentation.description }}</div>\n            }\n        }\n        @case (CUSTOM_TOOLTIP_TYPE.LIST) {\n            <div class=\"tooltip-list-container\">\n                @for (avatar of tooltipListItems(); track avatar) {\n                    <div class=\"tooltip-item\">\n                        <ap-avatar\n                            [profilePicture]=\"avatar.profilePicture\"\n                            [alt]=\"avatar.alt ?? ''\"\n                            [network]=\"avatar.network\"\n                            [size]=\"showCaption() && avatar.caption ? 32 : 24\"\n                            [username]=\"avatar.username\"\n                            [showInitials]=\"avatar.showInitials\"\n                            [bigNetwork]=\"avatar.bigNetwork ?? false\"\n                            [anonymous]=\"avatar.anonymous ?? false\"\n                            [online]=\"avatar.online ?? false\"\n                            [rounded]=\"avatar.rounded ?? true\" />\n\n                        <div class=\"tooltip-item-info\">\n                            <div class=\"tooltip-item-title\">\n                                {{ avatar.username }}\n                            </div>\n                            @if (showCaption() && avatar.caption) {\n                                <div class=\"tooltip-item-caption\">\n                                    {{ avatar.caption }}\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n        @default {\n\n        }\n    }\n\n</div>\n", styles: [".custom-tooltip-container{display:flex;flex-direction:column;width:100%;height:100%;max-height:280px;overflow:auto;padding:var(--ref-spacing-xs);gap:var(--ref-spacing-xxxs);scrollbar-color:var(--ref-color-grey-20) transparent;scrollbar-width:thin}.custom-tooltip-container .tooltip-presentation-title{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--ref-font-size-md);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}.custom-tooltip-container .tooltip-presentation-caption{color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xs)}.custom-tooltip-container .tooltip-list-container .tooltip-item{display:flex;flex-direction:row;align-items:center;gap:var(--ref-spacing-xxs)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-100);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-80);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-xs);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-xs)}\n"], dependencies: [{ kind: "component", type: AvatarComponent, selector: "ap-avatar", inputs: ["profilePicture", "alt", "network", "size", "username", "showInitials", "bigNetwork", "anonymous", "online", "youtubeAvatarMode", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-tooltip', imports: [AvatarComponent], providers: [], encapsulation: ViewEncapsulation.None, template: "<div class=\"custom-tooltip-container\">\n    @switch (type()) {\n        @case (CUSTOM_TOOLTIP_TYPE.PRESENTATION) {\n            @let presentation = presentationContext();\n            @if (presentation) {\n                <div class=\"tooltip-presentation-title\">{{ presentation.title }}</div>\n                <div class=\"tooltip-presentation-caption\">{{ presentation.description }}</div>\n            }\n        }\n        @case (CUSTOM_TOOLTIP_TYPE.LIST) {\n            <div class=\"tooltip-list-container\">\n                @for (item of tooltipListItems(); track item) {\n                    <div class=\"tooltip-item\">\n                        <ap-avatar\n                            [profilePicture]=\"item.profilePicture\"\n                            [network]=\"item.network\"\n                            [size]=\"item.caption ? 32 : 24\" />\n\n                        <div class=\"tooltip-item-info\">\n                            <div class=\"tooltip-item-title\">\n                                {{ item.title }}\n                            </div>\n                            @if (item.caption) {\n                                <div class=\"tooltip-item-caption\">\n                                    {{ item.caption }}\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n        @default {\n\n        }\n    }\n\n</div>\n", styles: [".custom-tooltip-container{display:flex;flex-direction:column;width:100%;height:100%;max-height:280px;overflow:auto;padding:var(--ref-spacing-xs);gap:var(--ref-spacing-xxxs);scrollbar-color:var(--ref-color-grey-20) transparent;scrollbar-width:thin}.custom-tooltip-container .tooltip-presentation-title{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--ref-font-size-md);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}.custom-tooltip-container .tooltip-presentation-caption{color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xs)}.custom-tooltip-container .tooltip-list-container .tooltip-item{display:flex;flex-direction:row;align-items:center;gap:var(--ref-spacing-xxs)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-100);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-80);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-xs);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-xs)}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-tooltip', imports: [AvatarComponent], providers: [], encapsulation: ViewEncapsulation.None, template: "<div class=\"custom-tooltip-container\">\n    @switch (type()) {\n        @case (CUSTOM_TOOLTIP_TYPE.PRESENTATION) {\n            @let presentation = presentationContext();\n            @if (presentation) {\n                <div class=\"tooltip-presentation-title\">{{ presentation.title }}</div>\n                <div class=\"tooltip-presentation-caption\">{{ presentation.description }}</div>\n            }\n        }\n        @case (CUSTOM_TOOLTIP_TYPE.LIST) {\n            <div class=\"tooltip-list-container\">\n                @for (avatar of tooltipListItems(); track avatar) {\n                    <div class=\"tooltip-item\">\n                        <ap-avatar\n                            [profilePicture]=\"avatar.profilePicture\"\n                            [alt]=\"avatar.alt ?? ''\"\n                            [network]=\"avatar.network\"\n                            [size]=\"showCaption() && avatar.caption ? 32 : 24\"\n                            [username]=\"avatar.username\"\n                            [showInitials]=\"avatar.showInitials\"\n                            [bigNetwork]=\"avatar.bigNetwork ?? false\"\n                            [anonymous]=\"avatar.anonymous ?? false\"\n                            [online]=\"avatar.online ?? false\"\n                            [rounded]=\"avatar.rounded ?? true\" />\n\n                        <div class=\"tooltip-item-info\">\n                            <div class=\"tooltip-item-title\">\n                                {{ avatar.username }}\n                            </div>\n                            @if (showCaption() && avatar.caption) {\n                                <div class=\"tooltip-item-caption\">\n                                    {{ avatar.caption }}\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        }\n        @default {\n\n        }\n    }\n\n</div>\n", styles: [".custom-tooltip-container{display:flex;flex-direction:column;width:100%;height:100%;max-height:280px;overflow:auto;padding:var(--ref-spacing-xs);gap:var(--ref-spacing-xxxs);scrollbar-color:var(--ref-color-grey-20) transparent;scrollbar-width:thin}.custom-tooltip-container .tooltip-presentation-title{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--ref-font-size-md);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}.custom-tooltip-container .tooltip-presentation-caption{color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xs)}.custom-tooltip-container .tooltip-list-container .tooltip-item{display:flex;flex-direction:row;align-items:center;gap:var(--ref-spacing-xxs)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-100);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-sm);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-sm)}.custom-tooltip-container .tooltip-list-container .tooltip-item .tooltip-item-info .tooltip-item-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--ref-color-grey-80);text-overflow:ellipsis;font-family:Averta;font-size:var(--ref-font-size-xs);font-style:normal;font-weight:var(--ref-font-weight-regular);line-height:var(--ref-font-line-height-xs)}\n"] }]
         }] });
 
 class TooltipService {
@@ -58,15 +127,7 @@ class TooltipDirective {
     zone = inject(NgZone);
     viewContainerRef = inject(ViewContainerRef);
     destroyRef = inject(DestroyRef);
-    onClick(targetElement) {
-        if (!this.container) {
-            return;
-        }
-        const clickedInside = this.container.contains(targetElement);
-        if (!clickedInside) {
-            this.deactivate();
-        }
-    }
+    documentClickListener;
     apTooltip = input.required(...(ngDevMode ? [{ debugName: "apTooltip" }] : []));
     apTooltipPosition = input('top', ...(ngDevMode ? [{ debugName: "apTooltipPosition" }] : []));
     apTooltipShowDelay = input(80, ...(ngDevMode ? [{ debugName: "apTooltipShowDelay" }] : []));
@@ -81,11 +142,13 @@ class TooltipDirective {
     apTooltipType = input(CustomTooltipType.DEFAULT, ...(ngDevMode ? [{ debugName: "apTooltipType" }] : []));
     apTooltipPresentationContext = input(...(ngDevMode ? [undefined, { debugName: "apTooltipPresentationContext" }] : []));
     apTooltipListItems = input([], ...(ngDevMode ? [{ debugName: "apTooltipListItems" }] : []));
+    apTooltipShowAvatarCaption = input(true, ...(ngDevMode ? [{ debugName: "apTooltipShowAvatarCaption" }] : []));
     isDefaultTooltipType = computed(() => !this.apTooltipType() || this.apTooltipType() === CustomTooltipType.DEFAULT, ...(ngDevMode ? [{ debugName: "isDefaultTooltipType" }] : []));
     isValidPredefinedTooltip = computed(() => (this.apTooltipType() === CustomTooltipType.PRESENTATION &&
         this.apTooltipPresentationContext()?.title &&
         this.apTooltipPresentationContext()?.description) ||
         (this.apTooltipType() === CustomTooltipType.LIST && this.apTooltipListItems().length > 0), ...(ngDevMode ? [{ debugName: "isValidPredefinedTooltip" }] : []));
+    triggeredByClick = computed(() => this.apTooltipTrigger() === 'click' || this.externallyTriggerred, ...(ngDevMode ? [{ debugName: "triggeredByClick" }] : []));
     clickListener = undefined;
     container = undefined;
     hideTimeout;
@@ -173,6 +236,9 @@ class TooltipDirective {
     }
     activate() {
         this.clearHideTimeout();
+        if (this.triggeredByClick()) {
+            this.addDocumentClickListener();
+        }
         if (this.apTooltipShowDelay()) {
             this.showTimeout = window.setTimeout(() => {
                 this.show();
@@ -190,6 +256,7 @@ class TooltipDirective {
     }
     deactivate() {
         this.clearShowTimeout();
+        this.removeDocumentClickListener();
         if (this.apTooltipHideDelay()) {
             this.clearHideTimeout();
             this.hideTimeout = window.setTimeout(() => {
@@ -251,6 +318,7 @@ class TooltipDirective {
         componentRef.setInput('type', this.apTooltipType());
         componentRef.setInput('presentationContext', this.apTooltipPresentationContext());
         componentRef.setInput('tooltipListItems', this.apTooltipListItems());
+        componentRef.setInput('showCaption', this.apTooltipShowAvatarCaption());
         // Force change detection to render the component immediately
         componentRef.changeDetectorRef.detectChanges();
         this.container = document.createElement('div');
@@ -262,6 +330,9 @@ class TooltipDirective {
         this.container.appendChild(contentContainer);
         document.body.appendChild(this.container);
         this.container.classList.add('ap-tooltip', 'ap-predefined-tooltip');
+        if (this.triggeredByClick()) {
+            this.container.classList.add('ap-tooltip-click-trigger');
+        }
         // Has to wait for the TooltipComponent to be rendered in order to align and then set the CSS variable --ap-tooltip-height
         requestAnimationFrame(() => {
             this.align();
@@ -535,6 +606,27 @@ class TooltipDirective {
             this.container.classList.remove('ap-tooltip-top', 'ap-tooltip-top-left', 'ap-tooltip-top-right', 'ap-tooltip-bottom', 'ap-tooltip-bottom-left', 'ap-tooltip-bottom-right', 'ap-tooltip-left', 'ap-tooltip-right');
         }
     }
+    addDocumentClickListener() {
+        if (this.documentClickListener)
+            return;
+        this.zone.runOutsideAngular(() => {
+            this.documentClickListener = (event) => {
+                const target = event.target;
+                if (this.container &&
+                    !this.container.contains(target) &&
+                    !this.nativeElement.contains(target)) {
+                    this.deactivate();
+                }
+            };
+            document.addEventListener('click', this.documentClickListener);
+        });
+    }
+    removeDocumentClickListener() {
+        if (!this.documentClickListener)
+            return;
+        document.removeEventListener('click', this.documentClickListener);
+        this.documentClickListener = undefined;
+    }
     get externallyTriggerred() {
         return this._externallyTriggerred;
     }
@@ -542,86 +634,16 @@ class TooltipDirective {
         this._externallyTriggerred = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: TooltipDirective, isStandalone: true, selector: "[apTooltip]", inputs: { apTooltip: { classPropertyName: "apTooltip", publicName: "apTooltip", isSignal: true, isRequired: true, transformFunction: null }, apTooltipPosition: { classPropertyName: "apTooltipPosition", publicName: "apTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, apTooltipShowDelay: { classPropertyName: "apTooltipShowDelay", publicName: "apTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, apTooltipHideDelay: { classPropertyName: "apTooltipHideDelay", publicName: "apTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, apTooltipDuration: { classPropertyName: "apTooltipDuration", publicName: "apTooltipDuration", isSignal: true, isRequired: false, transformFunction: null }, apTooltipDisabled: { classPropertyName: "apTooltipDisabled", publicName: "apTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, apTooltipTruncatedTextOnly: { classPropertyName: "apTooltipTruncatedTextOnly", publicName: "apTooltipTruncatedTextOnly", isSignal: true, isRequired: false, transformFunction: null }, apTooltipTemplateContext: { classPropertyName: "apTooltipTemplateContext", publicName: "apTooltipTemplateContext", isSignal: true, isRequired: false, transformFunction: null }, apTooltipVirtualScrollElement: { classPropertyName: "apTooltipVirtualScrollElement", publicName: "apTooltipVirtualScrollElement", isSignal: true, isRequired: false, transformFunction: null }, apTooltipTrigger: { classPropertyName: "apTooltipTrigger", publicName: "apTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, apTooltipType: { classPropertyName: "apTooltipType", publicName: "apTooltipType", isSignal: true, isRequired: false, transformFunction: null }, apTooltipPresentationContext: { classPropertyName: "apTooltipPresentationContext", publicName: "apTooltipPresentationContext", isSignal: true, isRequired: false, transformFunction: null }, apTooltipListItems: { classPropertyName: "apTooltipListItems", publicName: "apTooltipListItems", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "onClick($event.target)" } }, exportAs: ["apTooltip"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: TooltipDirective, isStandalone: true, selector: "[apTooltip]", inputs: { apTooltip: { classPropertyName: "apTooltip", publicName: "apTooltip", isSignal: true, isRequired: true, transformFunction: null }, apTooltipPosition: { classPropertyName: "apTooltipPosition", publicName: "apTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, apTooltipShowDelay: { classPropertyName: "apTooltipShowDelay", publicName: "apTooltipShowDelay", isSignal: true, isRequired: false, transformFunction: null }, apTooltipHideDelay: { classPropertyName: "apTooltipHideDelay", publicName: "apTooltipHideDelay", isSignal: true, isRequired: false, transformFunction: null }, apTooltipDuration: { classPropertyName: "apTooltipDuration", publicName: "apTooltipDuration", isSignal: true, isRequired: false, transformFunction: null }, apTooltipDisabled: { classPropertyName: "apTooltipDisabled", publicName: "apTooltipDisabled", isSignal: true, isRequired: false, transformFunction: null }, apTooltipTruncatedTextOnly: { classPropertyName: "apTooltipTruncatedTextOnly", publicName: "apTooltipTruncatedTextOnly", isSignal: true, isRequired: false, transformFunction: null }, apTooltipTemplateContext: { classPropertyName: "apTooltipTemplateContext", publicName: "apTooltipTemplateContext", isSignal: true, isRequired: false, transformFunction: null }, apTooltipVirtualScrollElement: { classPropertyName: "apTooltipVirtualScrollElement", publicName: "apTooltipVirtualScrollElement", isSignal: true, isRequired: false, transformFunction: null }, apTooltipTrigger: { classPropertyName: "apTooltipTrigger", publicName: "apTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null }, apTooltipType: { classPropertyName: "apTooltipType", publicName: "apTooltipType", isSignal: true, isRequired: false, transformFunction: null }, apTooltipPresentationContext: { classPropertyName: "apTooltipPresentationContext", publicName: "apTooltipPresentationContext", isSignal: true, isRequired: false, transformFunction: null }, apTooltipListItems: { classPropertyName: "apTooltipListItems", publicName: "apTooltipListItems", isSignal: true, isRequired: false, transformFunction: null }, apTooltipShowAvatarCaption: { classPropertyName: "apTooltipShowAvatarCaption", publicName: "apTooltipShowAvatarCaption", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["apTooltip"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[apTooltip]', standalone: true, exportAs: 'apTooltip' }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event.target']]
-            }] } });
-
-/**
- * Directive that triggers a tooltip to show/hide
- *
- * ```html
- * <div #myTooltip="apTooltip" apTooltip>Content</div>
- * <div [apTooltipTrigger]="myTooltip">Click me</div>
- * ```
- */
-class TooltipTriggerDirective {
-    elementRef = inject(ElementRef);
-    zone = inject(NgZone);
-    // Accept a TooltipDirective reference for sibling usage
-    apTooltipTrigger = input(...(ngDevMode ? [undefined, { debugName: "apTooltipTrigger" }] : []));
-    clickListener = undefined;
-    get targetTooltip() {
-        // Prefer explicit reference, fall back to parent
-        return this.apTooltipTrigger() ?? null;
-    }
-    ngAfterViewInit() {
-        if (!this.targetTooltip) {
-            return;
-        }
-        this.setupEventListeners();
-    }
-    setupEventListeners() {
-        this.cleanupEventListeners();
-        this.zone.runOutsideAngular(() => {
-            const nativeElement = this.elementRef.nativeElement;
-            this.clickListener = this.onClick.bind(this);
-            nativeElement.addEventListener('click', this.clickListener, true);
-        });
-    }
-    cleanupEventListeners() {
-        const nativeElement = this.elementRef.nativeElement;
-        if (this.clickListener) {
-            nativeElement.removeEventListener('click', this.clickListener, true);
-            this.clickListener = undefined;
-        }
-    }
-    ngOnDestroy() {
-        this.cleanupEventListeners();
-    }
-    onClick() {
-        this.zone.run(() => {
-            const tooltip = this.targetTooltip;
-            if (!tooltip)
-                return;
-            if (tooltip.container) {
-                tooltip.deactivate();
-            }
-            else {
-                tooltip.externallyTriggerred = true;
-                tooltip.activate();
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: TooltipTriggerDirective, isStandalone: true, selector: "[apTooltipTrigger]", inputs: { apTooltipTrigger: { classPropertyName: "apTooltipTrigger", publicName: "apTooltipTrigger", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: TooltipTriggerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[apTooltipTrigger]',
-                    standalone: true,
-                }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CustomTooltipType, TooltipDirective, TooltipTriggerDirective };
+export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective };
 //# sourceMappingURL=agorapulse-ui-components-tooltip.mjs.map