@agorapulse/ui-components 22.0.1 → 22.0.3

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

@@ -34,6 +34,7 @@ interface SelectionDropdownItem {
     symbolTooltipText?: string;
     /** Group label - items with the same groupLabel will be grouped together */
     groupLabel?: string;
+    dataTrack?: string;
 }
 /**
  * One rendered row in the unselected zone: either a standalone item or a group
@@ -47,10 +48,8 @@ type RenderEntry = {
     label: string;
     items: SelectionDropdownItem[];
 };
-/**
- * A dropdown component that displays a list of selectable items with checkboxes,
- * badges, tooltips, and keyboard navigation.
- */
+type SelectionDropdownMode = 'multiple' | 'single';
+/** A dropdown of options on any trigger. `multiple` = checkbox rows with search; `single` = rows, closes on pick. */
 declare class SelectionDropdownComponent implements DropdownOverlay, OnDestroy {
     private readonly symbolRegistry;
     private readonly overlay;
@@ -62,6 +61,10 @@ declare class SelectionDropdownComponent implements DropdownOverlay, OnDestroy {
     footerButtonId: _angular_core.InputSignal<string | undefined>;
     /** Array of items to display in the dropdown menu */
     items: _angular_core.InputSignal<SelectionDropdownItem[]>;
+    /** Whether several options can be active at once, or exactly one. */
+    selectionMode: _angular_core.InputSignal<SelectionDropdownMode>;
+    /** Shows the search field. Ignored in `multiple` mode, which always searches. */
+    searchEnabled: _angular_core.InputSignal<boolean>;
     /** Title to display in the header */
     title: _angular_core.InputSignal<string | undefined>;
     /** Text for the footer button */
@@ -105,6 +108,11 @@ declare class SelectionDropdownComponent implements DropdownOverlay, OnDestroy {
     protected readonly inputSearchComponent: _angular_core.Signal<InputSearchComponent | undefined>;
     readonly isOpen: _angular_core.Signal<boolean>;
     focusInput: _angular_core.EffectRef;
+    protected readonly isSingleSelect: _angular_core.Signal<boolean>;
+    /** Always true in `multiple` mode, leaving that layout untouched; only `single` collapses the header. */
+    protected readonly searchVisible: _angular_core.Signal<boolean>;
+    protected readonly headerTopVisible: _angular_core.Signal<boolean>;
+    protected readonly headerVisible: _angular_core.Signal<boolean>;
     private readonly internalItems;
     protected readonly filteredItems: _angular_core.WritableSignal<SelectionDropdownItem[]>;
     protected readonly initiallySelectedItems: _angular_core.WritableSignal<SelectionDropdownItem[]>;
@@ -129,6 +137,8 @@ declare class SelectionDropdownComponent implements DropdownOverlay, OnDestroy {
      *  An indeterminate item resolves to selected; a definite item flips. Toggling always
      *  clears the indeterminate flag, so the item becomes a definite selected/unselected. */
     onItemToggle(item: SelectionDropdownItem): void;
+    /** Single mode: the pick becomes the only selection, then the dropdown closes — even on a no-op pick. */
+    private selectOnly;
     /** Handles footer button clicks */
     onFooterButtonClick(): void;
     /** Handles footer button keyboard events */
@@ -147,7 +157,7 @@ declare class SelectionDropdownComponent implements DropdownOverlay, OnDestroy {
     /** Updates the filtered items based on search term */
     private updateFilteredItems;
     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; }; "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; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "selectionChange": "selectionChange"; "footerButtonClick": "footerButtonClick"; "headerButtonClick": "headerButtonClick"; "searchInputChange": "searchInputChange"; "searchTerm": "searchTermChange"; }, ["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; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "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; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "selectionChange": "selectionChange"; "footerButtonClick": "footerButtonClick"; "headerButtonClick": "headerButtonClick"; "searchInputChange": "searchInputChange"; "searchTerm": "searchTermChange"; }, ["trigger"], never, true, never>;
 }
 
 /**