@agorapulse/ui-components 20.4.5 → 20.4.6

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, untracked,\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    protected readonly inputSearchComponent = viewChild<InputSearchComponent>('inputSearchElement');\n\n    focusInput = effect(() => {\n        const inputSearch = this.inputSearchComponent();\n        untracked(() => {\n            if (this.isOpen() && inputSearch) {\n                inputSearch.focusInput();\n            }\n        })\n    })\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                #inputSearchElement\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        this.apSelectionDropdownTrigger().toggle(this.elementRef.nativeElement);\n    }\n\n    /** Handles keyboard events for accessibility (Enter, Space, Arrow Down, Escape) */\n    @HostListener('keydown', ['$event'])\n    onKeyDown(event: KeyboardEvent): void {\n        const dropdown = this.apSelectionDropdownTrigger();\n\n        switch (event.key) {\n            case 'Enter':\n            case ' ':\n            case 'ArrowDown':\n                event.preventDefault();\n                dropdown.open(this.elementRef.nativeElement);\n                break;\n\n            case 'Escape':\n                event.preventDefault();\n                dropdown.close();\n                break;\n        }\n    }\n}\n","import { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nimport { createDropdownOverlay, DropdownOverlay } from '@agorapulse/ui-components/dropdown-base';\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 {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    inject,\n    input,\n    linkedSignal,\n    OnDestroy,\n    output,\n    signal,\n    TemplateRef, untracked,\n    viewChild,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { debounceTime, distinctUntilChanged, Subject, 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 DropdownOverlay, OnDestroy {\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    private readonly overlay = createDropdownOverlay();\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    /** 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    /** Whether to show a backdrop that closes the dropdown when clicked */\n    showBackdrop = input(true);\n    /** Whether the dropdown is disabled and cannot be opened */\n    disabled = input(false);\n    /** Default position for the dropdown relative to the trigger element */\n    defaultPosition = input<'right' | 'left'>('right');\n\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 a dropdown item selection changes */\n    selectionChange = output<SelectionDropdownItem[]>();\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 readonly destroy$ = new Subject<void>();\n    private readonly searchTermSubject = new Subject<string>();\n\n    protected readonly inputSearchComponent = viewChild<InputSearchComponent>('inputSearchElement');\n\n    readonly isOpen = this.overlay.isOpen;\n\n    focusInput = effect(() => {\n        const inputSearch = this.inputSearchComponent();\n        untracked(() => {\n            if (this.isOpen() && inputSearch) {\n                inputSearch.focusInput();\n            }\n        })\n    })\n\n    private readonly internalItems = linkedSignal(() => this.items());\n\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 */\n    open(triggerElement?: HTMLElement): void {\n        const template = this.selectionDropdownTemplate();\n        if (this.disabled() || this.isOpen() || !template) return;\n\n        this.overlay.open(template, triggerElement, {\n            showBackdrop: this.showBackdrop(),\n            defaultPosition: this.defaultPosition(),\n            onClose: () => this.close(),\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        this.opened.emit();\n    }\n\n    /** Closes the dropdown menu and cleans up overlay resources */\n    close(): void {\n        if (!this.isOpen()) return;\n        this.initiallySelectedItems.set([]);\n        this.overlay.close();\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}","<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                #inputSearchElement\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.mjs

@@ -41,12 +41,14 @@ export { CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective }
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { MAT_TABS_CONFIG } from '@angular/material/tabs';
+export { DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 export { ActionDropdownComponent, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';
 export { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';
 export { BadgeComponent } from '@agorapulse/ui-components/badge';
 export { ButtonComponent } from '@agorapulse/ui-components/button';
 export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
 export { CounterComponent } from '@agorapulse/ui-components/counter';
+export { FilterDropdownComponent } from '@agorapulse/ui-components/filter-dropdown';
 export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
 export { InputComponent } from '@agorapulse/ui-components/legacy/input';
 export { SelectComponent } from '@agorapulse/ui-components/legacy/select';

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

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

package/filter-dropdown/index.d.ts

@@ -0,0 +1,133 @@
+import { AvatarNetwork } from '@agorapulse/ui-components/avatar';
+import { Period } from '@agorapulse/ui-components/datepicker';
+import dayjs from 'dayjs';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { DropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
+
+type FilterType = 'checkbox' | 'radio' | 'toggle' | 'select' | 'date-range';
+interface FilterItemCheckbox {
+    label: string;
+    name: string;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+interface FilterItemRadio {
+    label: string;
+    radioId: string;
+    value: unknown;
+    disabled?: boolean;
+}
+interface FilterItemToggle {
+    label: string;
+    name: string;
+    checked?: boolean;
+    disabled?: boolean;
+    confirm?: boolean;
+    confirmMessage?: string;
+    confirmTitle?: string;
+}
+interface FilterItemSelect {
+    text: string;
+    caption?: string;
+    avatarUrl?: string;
+    symbolId?: string;
+    disabled?: boolean;
+    badgeText?: string;
+    network?: AvatarNetwork;
+    dividerEnabled?: boolean;
+}
+interface FilterGroupBase {
+    /** The title of the filter group to display in the UI */
+    title: string;
+    /** Whether the filter group is expanded (open) or collapsed by default. Only applicable if `closable` is true. */
+    expanded?: boolean;
+    /** An optional label to display under the filter group title */
+    label?: string;
+    /** An optional tooltip text that if presents has the symbol "info" next to the title and shows the tooltip on hover. */
+    tooltipText?: string;
+    /** */
+    placeholder?: string;
+}
+interface FilterGroupCheckbox extends FilterGroupBase {
+    /** The type of the FilterGroupBase */
+    filterType: 'checkbox';
+    items: FilterItemCheckbox[];
+}
+interface FilterGroupRadio extends FilterGroupBase {
+    /** The type of the FilterGroupBase */
+    filterType: 'radio';
+    items: FilterItemRadio[];
+}
+interface FilterGroupToggle extends FilterGroupBase {
+    /** The type of the FilterGroupBase */
+    filterType: 'toggle';
+    items: FilterItemToggle[];
+}
+interface FilterGroupSelect extends FilterGroupBase {
+    /** An optional label to display next to each filter item (e.g. "and", "or"). Only applicable for checkbox, radio and toggle filter groups. */
+    inlineLabel?: string;
+    /** The type of the FilterGroupBase */
+    filterType: 'select';
+    /** Whether the select allows single or multiple selection */
+    selectionType: 'single' | 'multiple';
+    /** An optional type to determine the icon/avatar/symbol to display for each item. Only applicable for select filter groups. */
+    optionType: 'default' | 'user' | 'label' | 'network' | 'sentiment';
+    items: FilterItemSelect[];
+}
+interface FilterGroupDateRange extends FilterGroupBase {
+    /** The type of the FilterGroupBase */
+    filterType: 'date-range';
+    minDate?: dayjs.Dayjs;
+    maxDate?: dayjs.Dayjs;
+    selectedPeriod?: Period;
+}
+type FilterGroup = FilterGroupCheckbox | FilterGroupRadio | FilterGroupToggle | FilterGroupSelect | FilterGroupDateRange;
+
+declare class FilterDropdownComponent implements DropdownOverlay {
+    private readonly overlay;
+    filterGroupTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /** The filter groups to display in the dropdown */
+    items: _angular_core.InputSignal<FilterGroup[] | undefined>;
+    /** Whether the filter needs the apply button to be clicked for applyFilters to emit  */
+    needApplyButton: _angular_core.InputSignal<boolean>;
+    /** Whether the filter group can be closed (collapsed) by the user. If false, the group will always be expanded and the user won't see a toggle button. */
+    closable: _angular_core.InputSignal<boolean>;
+    /** whether the mode is in preset mode */
+    savePresetsMode: _angular_core.InputSignal<boolean>;
+    /** Whether to show a backdrop that closes the dropdown when clicked */
+    showBackdrop: _angular_core.InputSignal<boolean>;
+    /** Whether the dropdown is disabled and cannot be opened */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Default position for the dropdown relative to the trigger element */
+    defaultPosition: _angular_core.InputSignal<"left" | "right">;
+    savePresetsText: _angular_core.InputSignal<string>;
+    resetFilterText: _angular_core.InputSignal<string>;
+    applyFiltersText: _angular_core.InputSignal<string>;
+    clearFilterText: _angular_core.InputSignal<string>;
+    /** Emits when the dropdown menu is opened */
+    opened: _angular_core.OutputEmitterRef<void>;
+    /** Emits when the dropdown menu is closed */
+    closed: _angular_core.OutputEmitterRef<void>;
+    /** Emits when save presets is clicked */
+    savePresets: _angular_core.OutputEmitterRef<void>;
+    /** Emits when filters are applied */
+    applyFilters: _angular_core.OutputEmitterRef<void>;
+    /** Emits when user clicks on clear filter */
+    clearFilters: _angular_core.OutputEmitterRef<void>;
+    /** Emits when user clicks on reset filter */
+    resetFilters: _angular_core.OutputEmitterRef<void>;
+    readonly isOpen: _angular_core.Signal<boolean>;
+    /** Opens the dropdown menu at the specified trigger element */
+    open(triggerElement?: HTMLElement): void;
+    /** Closes the dropdown menu and cleans up overlay resources */
+    close(): void;
+    /** Toggles the dropdown menu open or closed state */
+    toggle(triggerElement?: HTMLElement): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterDropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "savePresetsText": { "alias": "savePresetsText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "savePresets": "savePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; }, never, never, true, never>;
+}
+
+export { FilterDropdownComponent };
+export type { FilterGroup, FilterGroupCheckbox, FilterGroupDateRange, FilterGroupRadio, FilterGroupSelect, FilterGroupToggle, FilterItemCheckbox, FilterItemRadio, FilterItemSelect, FilterItemToggle, FilterType };

package/index.d.ts

@@ -39,12 +39,14 @@ import * as i18 from '@agorapulse/ui-components/tooltip';
 export { CustomTooltipAvatarItem, CustomTooltipPresentationItem, CustomTooltipType, TooltipDirective, TooltipExternalTriggerDirective } from '@agorapulse/ui-components/tooltip';
 import * as i19 from '@agorapulse/ui-components/add-comment';
 export { AddCommentComponent } from '@agorapulse/ui-components/add-comment';
+export { DropdownOverlay, DropdownTriggerDirective, createDropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 export { ActionDropdownComponent, ActionDropdownItem, ActionDropdownTriggerDirective } from '@agorapulse/ui-components/action-dropdown';
 export { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';
 export { BadgeComponent } from '@agorapulse/ui-components/badge';
 export { ButtonComponent } from '@agorapulse/ui-components/button';
 export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
 export { CounterComponent } from '@agorapulse/ui-components/counter';
+export { FilterDropdownComponent, FilterGroup, FilterItemCheckbox, FilterItemRadio, FilterItemSelect, FilterItemToggle } from '@agorapulse/ui-components/filter-dropdown';
 export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
 export { InputComponent } from '@agorapulse/ui-components/legacy/input';
 export { SelectComponent } from '@agorapulse/ui-components/legacy/select';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "20.4.5",
+  "version": "20.4.6",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -92,6 +92,14 @@
       "types": "./dot-stepper/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-dot-stepper.mjs"
     },
+    "./dropdown-base": {
+      "types": "./dropdown-base/index.d.ts",
+      "default": "./fesm2022/agorapulse-ui-components-dropdown-base.mjs"
+    },
+    "./filter-dropdown": {
+      "types": "./filter-dropdown/index.d.ts",
+      "default": "./fesm2022/agorapulse-ui-components-filter-dropdown.mjs"
+    },
     "./form-field": {
       "types": "./form-field/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-form-field.mjs"

package/select/index.d.ts

@@ -149,15 +149,18 @@ declare class DropdownItemMultipleTwoLinesComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemMultipleTwoLinesComponent, "ap-dropdown-item-multiple-two-lines", never, { "text": { "alias": "text"; "required": true; }; "caption": { "alias": "caption"; "required": true; }; "selected": { "alias": "selected"; "required": true; }; "htmlId": { "alias": "htmlId"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "symbolId": { "alias": "symbolId"; "required": false; }; "disabledTooltip": { "alias": "disabledTooltip"; "required": false; }; "badgeText": { "alias": "badgeText"; "required": false; }; "dividerEnabled": { "alias": "dividerEnabled"; "required": false; }; "onlyEnabled": { "alias": "onlyEnabled"; "required": false; }; "onlyText": { "alias": "onlyText"; "required": false; }; "isFeatureLocked": { "alias": "isFeatureLocked"; "required": false; "isSignal": true; }; "roundedAvatar": { "alias": "roundedAvatar"; "required": false; "isSignal": true; }; "network": { "alias": "network"; "required": false; "isSignal": true; }; "symbolColor": { "alias": "symbolColor"; "required": false; "isSignal": true; }; "symbolTooltipText": { "alias": "symbolTooltipText"; "required": false; "isSignal": true; }; }, { "selectOnly": "selectOnly"; "lockedFeatureClicked": "lockedFeatureClicked"; }, never, never, true, never>;
 }
 
+type SelectBaseDisplayType = 'tag' | 'label';
+type SelectLabelSingleDisplayType = 'text' | 'withAvatar' | SelectBaseDisplayType;
+
 declare class SelectLabelSingleComponent {
-    displayType: 'text' | 'withAvatar' | 'tag' | 'label';
-    label: string;
-    avatarUrl?: string;
-    network: AvatarNetwork | undefined;
-    showAvatarInitials: boolean;
+    displayType: _angular_core.InputSignal<SelectLabelSingleDisplayType>;
+    label: _angular_core.InputSignal<string>;
+    avatarUrl: _angular_core.InputSignal<string | undefined>;
+    network: _angular_core.InputSignal<"meta" | "bluesky" | "facebook" | "instagram" | "linkedin" | "web" | "youtube" | "google" | "twitter" | "pinterest" | "threads" | "tiktok" | "webBlog" | "webNews" | "X" | "xPlus" | "reddit" | undefined>;
+    showAvatarInitials: _angular_core.InputSignal<boolean>;
     roundedAvatar: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectLabelSingleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectLabelSingleComponent, "ap-select-label-single", never, { "displayType": { "alias": "displayType"; "required": false; }; "label": { "alias": "label"; "required": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "network": { "alias": "network"; "required": false; }; "showAvatarInitials": { "alias": "showAvatarInitials"; "required": false; }; "roundedAvatar": { "alias": "roundedAvatar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectLabelSingleComponent, "ap-select-label-single", never, { "displayType": { "alias": "displayType"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; "network": { "alias": "network"; "required": false; "isSignal": true; }; "showAvatarInitials": { "alias": "showAvatarInitials"; "required": false; "isSignal": true; }; "roundedAvatar": { "alias": "roundedAvatar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SelectLabelMultipleComponent implements AfterViewInit {

package/selection-dropdown/index.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef } from '@angular/core';
+import { DropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 import { InputSearchComponent } from '@agorapulse/ui-components/input-search';
 
 interface SelectionDropdownItem {
@@ -36,12 +37,9 @@ interface SelectionDropdownItem {
  * A dropdown component that displays a list of selectable items with checkboxes,
  * badges, tooltips, and keyboard navigation.
  */
-declare class SelectionDropdownComponent implements OnDestroy {
-    private readonly elementRef;
-    private readonly overlay;
-    private readonly positionBuilder;
+declare class SelectionDropdownComponent implements DropdownOverlay, OnDestroy {
     private readonly symbolRegistry;
-    private readonly viewContainerRef;
+    private readonly overlay;
     selectionDropdownTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     trigger: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     /** ID for the header button */
@@ -50,12 +48,6 @@ declare class SelectionDropdownComponent implements OnDestroy {
     footerButtonId: _angular_core.InputSignal<string | undefined>;
     /** Array of items to display in the dropdown menu */
     items: _angular_core.InputSignal<SelectionDropdownItem[]>;
-    /** Whether the dropdown is disabled and cannot be opened */
-    disabled: _angular_core.InputSignal<boolean>;
-    /** Whether to show a backdrop that closes the dropdown when clicked */
-    showBackdrop: _angular_core.InputSignal<boolean>;
-    /** Default position for the dropdown relative to the trigger element */
-    defaultPosition: _angular_core.InputSignal<"right" | "left">;
     /** Title to display in the header */
     title: _angular_core.InputSignal<string | undefined>;
     /** Text for the footer button */
@@ -70,26 +62,30 @@ declare class SelectionDropdownComponent implements OnDestroy {
     searchPlaceholderText: _angular_core.InputSignal<string>;
     /** Text to display when no search results are found */
     noSearchResultsText: _angular_core.InputSignal<string>;
-    /** Emits when a dropdown item selection changes */
-    selectionChange: _angular_core.OutputEmitterRef<SelectionDropdownItem[]>;
+    /** Whether to show a backdrop that closes the dropdown when clicked */
+    showBackdrop: _angular_core.InputSignal<boolean>;
+    /** Whether the dropdown is disabled and cannot be opened */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Default position for the dropdown relative to the trigger element */
+    defaultPosition: _angular_core.InputSignal<"left" | "right">;
     /** Emits when the dropdown menu is opened */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
     closed: _angular_core.OutputEmitterRef<void>;
+    /** Emits when a dropdown item selection changes */
+    selectionChange: _angular_core.OutputEmitterRef<SelectionDropdownItem[]>;
     /** Emits when the footer button is clicked */
     footerButtonClick: _angular_core.OutputEmitterRef<void>;
     /** Emits when the header button is clicked */
     headerButtonClick: _angular_core.OutputEmitterRef<void>;
     /** Emits when the search input is changed */
     searchInputChange: _angular_core.OutputEmitterRef<string>;
-    private overlayRef;
-    private portal;
     private readonly destroy$;
     private readonly searchTermSubject;
     protected readonly inputSearchComponent: _angular_core.Signal<InputSearchComponent | undefined>;
+    readonly isOpen: _angular_core.Signal<boolean>;
     focusInput: _angular_core.EffectRef;
     private readonly internalItems;
-    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
     protected searchTerm: string;
     protected readonly filteredItems: _angular_core.WritableSignal<SelectionDropdownItem[]>;
     protected readonly initiallySelectedItems: _angular_core.WritableSignal<SelectionDropdownItem[]>;
@@ -101,7 +97,7 @@ declare class SelectionDropdownComponent implements OnDestroy {
     protected readonly groupItemsMap: _angular_core.Signal<Record<string, SelectionDropdownItem[]>>;
     constructor();
     ngOnDestroy(): void;
-    /** Opens the dropdown menu at the specified trigger element or component's element */
+    /** Opens the dropdown menu at the specified trigger element */
     open(triggerElement?: HTMLElement): void;
     /** Closes the dropdown menu and cleans up overlay resources */
     close(): void;
@@ -123,10 +119,8 @@ declare class SelectionDropdownComponent implements OnDestroy {
     onGroupToggle(groupLabel: string, checked: boolean): void;
     /** Updates the filtered items based on search term */
     private updateFilteredItems;
-    /** Creates positioning strategy for the overlay based on trigger element and default position */
-    private createPositionStrategy;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectionDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectionDropdownComponent, "ap-selection-dropdown", never, { "headerButtonId": { "alias": "headerButtonId"; "required": false; "isSignal": true; }; "footerButtonId": { "alias": "footerButtonId"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "footerButtonText": { "alias": "footerButtonText"; "required": false; "isSignal": true; }; "footerButtonSymbolId": { "alias": "footerButtonSymbolId"; "required": false; "isSignal": true; }; "headerButtonText": { "alias": "headerButtonText"; "required": false; "isSignal": true; }; "headerButtonSymbolId": { "alias": "headerButtonSymbolId"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "noSearchResultsText": { "alias": "noSearchResultsText"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "opened": "opened"; "closed": "closed"; "footerButtonClick": "footerButtonClick"; "headerButtonClick": "headerButtonClick"; "searchInputChange": "searchInputChange"; }, ["trigger"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectionDropdownComponent, "ap-selection-dropdown", never, { "headerButtonId": { "alias": "headerButtonId"; "required": false; "isSignal": true; }; "footerButtonId": { "alias": "footerButtonId"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "footerButtonText": { "alias": "footerButtonText"; "required": false; "isSignal": true; }; "footerButtonSymbolId": { "alias": "footerButtonSymbolId"; "required": false; "isSignal": true; }; "headerButtonText": { "alias": "headerButtonText"; "required": false; "isSignal": true; }; "headerButtonSymbolId": { "alias": "headerButtonSymbolId"; "required": false; "isSignal": true; }; "searchPlaceholderText": { "alias": "searchPlaceholderText"; "required": false; "isSignal": true; }; "noSearchResultsText": { "alias": "noSearchResultsText"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "selectionChange": "selectionChange"; "footerButtonClick": "footerButtonClick"; "headerButtonClick": "headerButtonClick"; "searchInputChange": "searchInputChange"; }, ["trigger"], never, true, never>;
 }
 
 /**