@agorapulse/ui-components 20.4.5 → 20.4.7

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>;
 }
 
 /**