@agorapulse/ui-components 22.1.4 → 22.1.5

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

@@ -116,8 +116,9 @@ class SelectionDropdownComponent {
     disabled = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
     /** Default position for the dropdown relative to the trigger element */
-    defaultPosition = input('right', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "defaultPosition" }] : /* istanbul ignore next */ []));
+    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
+    placement = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "placement" }] : /* istanbul ignore next */ []));
     /** Emits when the dropdown menu is opened */
     opened = output();
     /** Emits when the dropdown menu is closed */
@@ -266,7 +267,7 @@ class SelectionDropdownComponent {
             return;
         this.overlay.open(template, triggerElement, {
             showBackdrop: this.showBackdrop(),
-            defaultPosition: this.defaultPosition(),
+            placement: this.placement(),
             onClose: () => this.close(),
         });
         // Capture initially selected items as a static snapshot
@@ -379,7 +380,7 @@ class SelectionDropdownComponent {
         this.filteredItems.set(filtered);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SelectionDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SelectionDropdownComponent, isStandalone: true, selector: "ap-selection-dropdown", inputs: { headerButtonId: { classPropertyName: "headerButtonId", publicName: "headerButtonId", isSignal: true, isRequired: false, transformFunction: null }, footerButtonId: { classPropertyName: "footerButtonId", publicName: "footerButtonId", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, searchEnabled: { classPropertyName: "searchEnabled", publicName: "searchEnabled", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, footerButtonText: { classPropertyName: "footerButtonText", publicName: "footerButtonText", isSignal: true, isRequired: false, transformFunction: null }, footerButtonSymbolId: { classPropertyName: "footerButtonSymbolId", publicName: "footerButtonSymbolId", isSignal: true, isRequired: false, transformFunction: null }, headerButtonText: { classPropertyName: "headerButtonText", publicName: "headerButtonText", isSignal: true, isRequired: false, transformFunction: null }, headerButtonSymbolId: { classPropertyName: "headerButtonSymbolId", publicName: "headerButtonSymbolId", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholderText: { classPropertyName: "searchPlaceholderText", publicName: "searchPlaceholderText", isSignal: true, isRequired: false, transformFunction: null }, noSearchResultsText: { classPropertyName: "noSearchResultsText", publicName: "noSearchResultsText", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, defaultPosition: { classPropertyName: "defaultPosition", publicName: "defaultPosition", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", selectionChange: "selectionChange", footerButtonClick: "footerButtonClick", headerButtonClick: "headerButtonClick", searchInputChange: "searchInputChange", searchTerm: "searchTermChange" }, queries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "selectionDropdownTemplate", first: true, predicate: ["selectionDropdownTemplate"], descendants: true, isSignal: true }, { propertyName: "inputSearchComponent", first: true, predicate: ["inputSearchElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #selectionDropdownTemplate>\n    <div\n        class=\"ap-selection-dropdown__content\"\n        [class.ap-selection-dropdown__content--single]=\"isSingleSelect()\">\n        <!-- Header -->\n        @if (headerVisible()) {\n            <div class=\"ap-selection-dropdown__header\">\n                @if (headerTopVisible()) {\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                }\n                @if (searchVisible()) {\n                    <ap-input-search\n                        #inputSearchElement\n                        [placeholder]=\"searchPlaceholderText()\"\n                        [clearable]=\"true\"\n                        [ngModel]=\"searchTerm()\"\n                        (ngModelChange)=\"onSearchTermChange($event)\" />\n                }\n            </div>\n        }\n\n        <!-- Selection dropdown items -->\n        <div\n            class=\"ap-selection-dropdown__items\"\n            [attr.role]=\"isSingleSelect() ? 'listbox' : null\"\n            [attr.aria-label]=\"isSingleSelect() ? title() : null\">\n            @if (filteredItems().length === 0 && searchTerm()) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else if (isSingleSelect()) {\n                @for (item of filteredItems(); track item.htmlId) {\n                    <button\n                        type=\"button\"\n                        role=\"option\"\n                        class=\"ap-selection-dropdown__option\"\n                        [attr.aria-selected]=\"item.selected\"\n                        [attr.aria-disabled]=\"item.disabled || item.isFeatureLocked\"\n                        [attr.data-track]=\"item.dataTrack\"\n                        [apTooltip]=\"item.disabled ? (item.disabledTooltip ?? null) : null\"\n                        apTooltipPosition=\"right\"\n                        (click)=\"onItemToggle(item)\">\n                        <ap-dropdown-item-single-one-line\n                            [text]=\"item.text\"\n                            [selected]=\"item.selected\"\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                            [standaloneModeEnabled]=\"true\" />\n                    </button>\n                }\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)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [indeterminate]=\"item.indeterminate ?? false\"\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                <!-- Unselected zone: items & groups in first-encounter order -->\n                @for (entry of displayEntries(); track entryKey(entry)) {\n                    @if (entry.kind === 'item') {\n                        <div [apTooltip]=\"entry.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]=\"entry.item.disabled || entry.item.isFeatureLocked\"\n                                (click)=\"onItemToggle(entry.item)\">\n                                <ap-dropdown-item-multiple-one-line\n                                    class=\"ap-selection-dropdown__item\"\n                                    [text]=\"entry.item.text\"\n                                    [selected]=\"entry.item.selected\"\n                                    [indeterminate]=\"entry.item.indeterminate ?? false\"\n                                    [htmlId]=\"entry.item.htmlId\"\n                                    [disabled]=\"entry.item.disabled || false\"\n                                    [avatarUrl]=\"entry.item.avatarUrl\"\n                                    [symbolId]=\"entry.item.symbolId\"\n                                    [badgeText]=\"entry.item.badgeText\"\n                                    [isFeatureLocked]=\"entry.item.isFeatureLocked || false\"\n                                    [roundedAvatar]=\"!!entry.item.roundedAvatar\"\n                                    [network]=\"entry.item.network\"\n                                    [symbolColor]=\"entry.item.symbolColor\"\n                                    [symbolTooltipText]=\"entry.item.symbolTooltipText\" />\n                            </button>\n                        </div>\n                    } @else {\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                                        class=\"centered\"\n                                        [name]=\"entry.label\"\n                                        [checked]=\"groupSelectionStates()[entry.label] === 'selected'\"\n                                        [indeterminate]=\"groupSelectionStates()[entry.label] === 'partial'\"\n                                        (change)=\"onGroupToggle(entry.label, $event)\">\n                                        {{ entry.label }}\n                                    </ap-checkbox>\n                                </div>\n                            </div>\n\n                            <!-- Group items -->\n                            @for (item of entry.items; 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)\">\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                                            [indeterminate]=\"item.indeterminate ?? false\"\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            }\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", styles: [":host{display:none}.ap-selection-dropdown__content{background-color:var(--ref-color-white);border-radius:var(--sys-border-radius-sm);box-shadow:0 4px 25px -2px #34456326,0 4px 6px -2px #34456326;overflow:hidden;z-index:1000;width:370px;display:flex;flex-direction:column;max-height:400px}.ap-selection-dropdown__content--single{width:auto;min-width:160px}.ap-selection-dropdown__option{display:block;width:100%;padding:0;border:none;background:none;font:inherit;text-align:inherit}.ap-selection-dropdown__item-button{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;text-align:left;cursor:pointer;outline:none}.ap-selection-dropdown__item-button:hover{background-color:var(--ref-color-electric-blue-10)}.ap-selection-dropdown__item-button:active{background-color:var(--ref-color-electric-blue-20)}.ap-selection-dropdown__item-button:focus{outline:none}.ap-selection-dropdown__item-button:focus-visible{outline:none}.ap-selection-dropdown__item-button.ap-selection-dropdown__item-button--disabled{pointer-events:none}.ap-selection-dropdown__item{display:flex;align-items:center;width:100%;min-height:40px;padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);background:transparent;cursor:pointer;font-family:Averta}.ap-selection-dropdown__group-header{display:flex;align-items:center;padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);border-top:1px solid var(--ref-color-grey-10);background:var(--ref-color-grey-bg)}.ap-selection-dropdown__group-label{display:flex;align-items:center;flex:1;font-weight:700;color:var(--ref-color-grey-100)}.ap-selection-dropdown__group-label ap-checkbox{--comp-forms-label-font-weight: 700}.ap-selection-dropdown__header{border-bottom:1px solid var(--ref-color-grey-10);flex-shrink:0;display:flex;flex-direction:column}.ap-selection-dropdown__header .ap-selection-dropdown__header-top{display:flex;align-items:center;justify-content:space-between;padding:var(--ref-spacing-xs) var(--ref-spacing-sm)}.ap-selection-dropdown__header .ap-selection-dropdown__title{margin:0;font-size:var(--ref-font-size-md);font-weight:var(--ref-font-weight-bold);color:var(--ref-color-grey-100);flex:1}.ap-selection-dropdown__header ap-input-search{width:100%;padding:0 var(--ref-spacing-xxs) var(--ref-spacing-xxs)}.ap-selection-dropdown__items{padding:var(--ref-spacing-xxs) 0;flex:1;overflow-y:auto;min-height:0}.ap-selection-dropdown__no-results{padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);color:var(--ref-color-grey-80);font-size:var(--ref-font-size-sm);font-style:italic}.ap-selection-dropdown__footer{height:40px;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);border-top:1px solid var(--ref-color-grey-10);flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.ap-selection-dropdown__selected-section{margin-bottom:var(--ref-spacing-xxs);border-bottom:1px solid var(--ref-color-grey-10);padding-bottom:var(--ref-spacing-xxs)}.ap-selection-dropdown__selected-section ::ng-deep ap-checkbox{--comp-forms-label-font-weight: 700}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "ap-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "disabled", "indeterminate", "checked", "fullyControlled", "required", "name"], outputs: ["change"] }, { kind: "component", type: DropdownItemMultipleOneLineComponent, selector: "ap-dropdown-item-multiple-one-line", inputs: ["text", "selected", "indeterminate", "htmlId", "disabled", "avatarUrl", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "onlyEnabled", "onlyText", "isFeatureLocked", "roundedAvatar", "network", "symbolColor", "symbolTooltipText"], outputs: ["selectOnly", "lockedFeatureClicked"] }, { kind: "component", type: DropdownItemSingleOneLineComponent, selector: "ap-dropdown-item-single-one-line", inputs: ["text", "selected", "disabled", "avatarUrl", "showAvatarInitials", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "network", "roundedAvatar", "isFeatureLocked", "standaloneModeEnabled"], outputs: ["lockedFeatureClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "ap-input-search", inputs: ["id", "placeholder", "clearable"], outputs: ["focus", "blur", "keyup"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltip", "apTooltipPosition", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTruncatedTextOnly", "apTooltipTemplateContext", "apTooltipVirtualScrollElement", "apTooltipTrigger", "apTooltipType", "apTooltipPresentationContext", "apTooltipListItems", "apTooltipShowAvatarCaption"], exportAs: ["apTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SelectionDropdownComponent, isStandalone: true, selector: "ap-selection-dropdown", inputs: { headerButtonId: { classPropertyName: "headerButtonId", publicName: "headerButtonId", isSignal: true, isRequired: false, transformFunction: null }, footerButtonId: { classPropertyName: "footerButtonId", publicName: "footerButtonId", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, searchEnabled: { classPropertyName: "searchEnabled", publicName: "searchEnabled", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, footerButtonText: { classPropertyName: "footerButtonText", publicName: "footerButtonText", isSignal: true, isRequired: false, transformFunction: null }, footerButtonSymbolId: { classPropertyName: "footerButtonSymbolId", publicName: "footerButtonSymbolId", isSignal: true, isRequired: false, transformFunction: null }, headerButtonText: { classPropertyName: "headerButtonText", publicName: "headerButtonText", isSignal: true, isRequired: false, transformFunction: null }, headerButtonSymbolId: { classPropertyName: "headerButtonSymbolId", publicName: "headerButtonSymbolId", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholderText: { classPropertyName: "searchPlaceholderText", publicName: "searchPlaceholderText", isSignal: true, isRequired: false, transformFunction: null }, noSearchResultsText: { classPropertyName: "noSearchResultsText", publicName: "noSearchResultsText", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", selectionChange: "selectionChange", footerButtonClick: "footerButtonClick", headerButtonClick: "headerButtonClick", searchInputChange: "searchInputChange", searchTerm: "searchTermChange" }, queries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "selectionDropdownTemplate", first: true, predicate: ["selectionDropdownTemplate"], descendants: true, isSignal: true }, { propertyName: "inputSearchComponent", first: true, predicate: ["inputSearchElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #selectionDropdownTemplate>\n    <div\n        class=\"ap-selection-dropdown__content\"\n        [class.ap-selection-dropdown__content--single]=\"isSingleSelect()\">\n        <!-- Header -->\n        @if (headerVisible()) {\n            <div class=\"ap-selection-dropdown__header\">\n                @if (headerTopVisible()) {\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                }\n                @if (searchVisible()) {\n                    <ap-input-search\n                        #inputSearchElement\n                        [placeholder]=\"searchPlaceholderText()\"\n                        [clearable]=\"true\"\n                        [ngModel]=\"searchTerm()\"\n                        (ngModelChange)=\"onSearchTermChange($event)\" />\n                }\n            </div>\n        }\n\n        <!-- Selection dropdown items -->\n        <div\n            class=\"ap-selection-dropdown__items\"\n            [attr.role]=\"isSingleSelect() ? 'listbox' : null\"\n            [attr.aria-label]=\"isSingleSelect() ? title() : null\">\n            @if (filteredItems().length === 0 && searchTerm()) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else if (isSingleSelect()) {\n                @for (item of filteredItems(); track item.htmlId) {\n                    <button\n                        type=\"button\"\n                        role=\"option\"\n                        class=\"ap-selection-dropdown__option\"\n                        [attr.aria-selected]=\"item.selected\"\n                        [attr.aria-disabled]=\"item.disabled || item.isFeatureLocked\"\n                        [attr.data-track]=\"item.dataTrack\"\n                        [apTooltip]=\"item.disabled ? (item.disabledTooltip ?? null) : null\"\n                        apTooltipPosition=\"right\"\n                        (click)=\"onItemToggle(item)\">\n                        <ap-dropdown-item-single-one-line\n                            [text]=\"item.text\"\n                            [selected]=\"item.selected\"\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                            [standaloneModeEnabled]=\"true\" />\n                    </button>\n                }\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)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [indeterminate]=\"item.indeterminate ?? false\"\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                <!-- Unselected zone: items & groups in first-encounter order -->\n                @for (entry of displayEntries(); track entryKey(entry)) {\n                    @if (entry.kind === 'item') {\n                        <div [apTooltip]=\"entry.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]=\"entry.item.disabled || entry.item.isFeatureLocked\"\n                                (click)=\"onItemToggle(entry.item)\">\n                                <ap-dropdown-item-multiple-one-line\n                                    class=\"ap-selection-dropdown__item\"\n                                    [text]=\"entry.item.text\"\n                                    [selected]=\"entry.item.selected\"\n                                    [indeterminate]=\"entry.item.indeterminate ?? false\"\n                                    [htmlId]=\"entry.item.htmlId\"\n                                    [disabled]=\"entry.item.disabled || false\"\n                                    [avatarUrl]=\"entry.item.avatarUrl\"\n                                    [symbolId]=\"entry.item.symbolId\"\n                                    [badgeText]=\"entry.item.badgeText\"\n                                    [isFeatureLocked]=\"entry.item.isFeatureLocked || false\"\n                                    [roundedAvatar]=\"!!entry.item.roundedAvatar\"\n                                    [network]=\"entry.item.network\"\n                                    [symbolColor]=\"entry.item.symbolColor\"\n                                    [symbolTooltipText]=\"entry.item.symbolTooltipText\" />\n                            </button>\n                        </div>\n                    } @else {\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                                        class=\"centered\"\n                                        [name]=\"entry.label\"\n                                        [checked]=\"groupSelectionStates()[entry.label] === 'selected'\"\n                                        [indeterminate]=\"groupSelectionStates()[entry.label] === 'partial'\"\n                                        (change)=\"onGroupToggle(entry.label, $event)\">\n                                        {{ entry.label }}\n                                    </ap-checkbox>\n                                </div>\n                            </div>\n\n                            <!-- Group items -->\n                            @for (item of entry.items; 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)\">\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                                            [indeterminate]=\"item.indeterminate ?? false\"\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            }\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", styles: [":host{display:none}.ap-selection-dropdown__content{background-color:var(--ref-color-white);border-radius:var(--sys-border-radius-sm);box-shadow:0 4px 25px -2px #34456326,0 4px 6px -2px #34456326;overflow:hidden;z-index:1000;width:370px;display:flex;flex-direction:column;max-height:400px}.ap-selection-dropdown__content--single{width:auto;min-width:160px}.ap-selection-dropdown__option{display:block;width:100%;padding:0;border:none;background:none;font:inherit;text-align:inherit}.ap-selection-dropdown__item-button{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;text-align:left;cursor:pointer;outline:none}.ap-selection-dropdown__item-button:hover{background-color:var(--ref-color-electric-blue-10)}.ap-selection-dropdown__item-button:active{background-color:var(--ref-color-electric-blue-20)}.ap-selection-dropdown__item-button:focus{outline:none}.ap-selection-dropdown__item-button:focus-visible{outline:none}.ap-selection-dropdown__item-button.ap-selection-dropdown__item-button--disabled{pointer-events:none}.ap-selection-dropdown__item{display:flex;align-items:center;width:100%;min-height:40px;padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);background:transparent;cursor:pointer;font-family:Averta}.ap-selection-dropdown__group-header{display:flex;align-items:center;padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);border-top:1px solid var(--ref-color-grey-10);background:var(--ref-color-grey-bg)}.ap-selection-dropdown__group-label{display:flex;align-items:center;flex:1;font-weight:700;color:var(--ref-color-grey-100)}.ap-selection-dropdown__group-label ap-checkbox{--comp-forms-label-font-weight: 700}.ap-selection-dropdown__header{border-bottom:1px solid var(--ref-color-grey-10);flex-shrink:0;display:flex;flex-direction:column}.ap-selection-dropdown__header .ap-selection-dropdown__header-top{display:flex;align-items:center;justify-content:space-between;padding:var(--ref-spacing-xs) var(--ref-spacing-sm)}.ap-selection-dropdown__header .ap-selection-dropdown__title{margin:0;font-size:var(--ref-font-size-md);font-weight:var(--ref-font-weight-bold);color:var(--ref-color-grey-100);flex:1}.ap-selection-dropdown__header ap-input-search{width:100%;padding:0 var(--ref-spacing-xxs) var(--ref-spacing-xxs)}.ap-selection-dropdown__items{padding:var(--ref-spacing-xxs) 0;flex:1;overflow-y:auto;min-height:0}.ap-selection-dropdown__no-results{padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);color:var(--ref-color-grey-80);font-size:var(--ref-font-size-sm);font-style:italic}.ap-selection-dropdown__footer{height:40px;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);border-top:1px solid var(--ref-color-grey-10);flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.ap-selection-dropdown__selected-section{margin-bottom:var(--ref-spacing-xxs);border-bottom:1px solid var(--ref-color-grey-10);padding-bottom:var(--ref-spacing-xxs)}.ap-selection-dropdown__selected-section ::ng-deep ap-checkbox{--comp-forms-label-font-weight: 700}\n"], dependencies: [{ kind: "component", type: CheckboxComponent, selector: "ap-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "disabled", "indeterminate", "checked", "fullyControlled", "required", "name"], outputs: ["change"] }, { kind: "component", type: DropdownItemMultipleOneLineComponent, selector: "ap-dropdown-item-multiple-one-line", inputs: ["text", "selected", "indeterminate", "htmlId", "disabled", "avatarUrl", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "onlyEnabled", "onlyText", "isFeatureLocked", "roundedAvatar", "network", "symbolColor", "symbolTooltipText"], outputs: ["selectOnly", "lockedFeatureClicked"] }, { kind: "component", type: DropdownItemSingleOneLineComponent, selector: "ap-dropdown-item-single-one-line", inputs: ["text", "selected", "disabled", "avatarUrl", "showAvatarInitials", "symbolId", "disabledTooltip", "badgeText", "dividerEnabled", "network", "roundedAvatar", "isFeatureLocked", "standaloneModeEnabled"], outputs: ["lockedFeatureClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputSearchComponent, selector: "ap-input-search", inputs: ["id", "placeholder", "clearable"], outputs: ["focus", "blur", "keyup"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltip", "apTooltipPosition", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTruncatedTextOnly", "apTooltipTemplateContext", "apTooltipVirtualScrollElement", "apTooltipTrigger", "apTooltipType", "apTooltipPresentationContext", "apTooltipListItems", "apTooltipShowAvatarCaption"], exportAs: ["apTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SelectionDropdownComponent, decorators: [{
             type: Component,
@@ -392,7 +393,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         SymbolComponent,
                         TooltipDirective,
                     ], template: "<ng-template #selectionDropdownTemplate>\n    <div\n        class=\"ap-selection-dropdown__content\"\n        [class.ap-selection-dropdown__content--single]=\"isSingleSelect()\">\n        <!-- Header -->\n        @if (headerVisible()) {\n            <div class=\"ap-selection-dropdown__header\">\n                @if (headerTopVisible()) {\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                }\n                @if (searchVisible()) {\n                    <ap-input-search\n                        #inputSearchElement\n                        [placeholder]=\"searchPlaceholderText()\"\n                        [clearable]=\"true\"\n                        [ngModel]=\"searchTerm()\"\n                        (ngModelChange)=\"onSearchTermChange($event)\" />\n                }\n            </div>\n        }\n\n        <!-- Selection dropdown items -->\n        <div\n            class=\"ap-selection-dropdown__items\"\n            [attr.role]=\"isSingleSelect() ? 'listbox' : null\"\n            [attr.aria-label]=\"isSingleSelect() ? title() : null\">\n            @if (filteredItems().length === 0 && searchTerm()) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else if (isSingleSelect()) {\n                @for (item of filteredItems(); track item.htmlId) {\n                    <button\n                        type=\"button\"\n                        role=\"option\"\n                        class=\"ap-selection-dropdown__option\"\n                        [attr.aria-selected]=\"item.selected\"\n                        [attr.aria-disabled]=\"item.disabled || item.isFeatureLocked\"\n                        [attr.data-track]=\"item.dataTrack\"\n                        [apTooltip]=\"item.disabled ? (item.disabledTooltip ?? null) : null\"\n                        apTooltipPosition=\"right\"\n                        (click)=\"onItemToggle(item)\">\n                        <ap-dropdown-item-single-one-line\n                            [text]=\"item.text\"\n                            [selected]=\"item.selected\"\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                            [standaloneModeEnabled]=\"true\" />\n                    </button>\n                }\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)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [indeterminate]=\"item.indeterminate ?? false\"\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                <!-- Unselected zone: items & groups in first-encounter order -->\n                @for (entry of displayEntries(); track entryKey(entry)) {\n                    @if (entry.kind === 'item') {\n                        <div [apTooltip]=\"entry.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]=\"entry.item.disabled || entry.item.isFeatureLocked\"\n                                (click)=\"onItemToggle(entry.item)\">\n                                <ap-dropdown-item-multiple-one-line\n                                    class=\"ap-selection-dropdown__item\"\n                                    [text]=\"entry.item.text\"\n                                    [selected]=\"entry.item.selected\"\n                                    [indeterminate]=\"entry.item.indeterminate ?? false\"\n                                    [htmlId]=\"entry.item.htmlId\"\n                                    [disabled]=\"entry.item.disabled || false\"\n                                    [avatarUrl]=\"entry.item.avatarUrl\"\n                                    [symbolId]=\"entry.item.symbolId\"\n                                    [badgeText]=\"entry.item.badgeText\"\n                                    [isFeatureLocked]=\"entry.item.isFeatureLocked || false\"\n                                    [roundedAvatar]=\"!!entry.item.roundedAvatar\"\n                                    [network]=\"entry.item.network\"\n                                    [symbolColor]=\"entry.item.symbolColor\"\n                                    [symbolTooltipText]=\"entry.item.symbolTooltipText\" />\n                            </button>\n                        </div>\n                    } @else {\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                                        class=\"centered\"\n                                        [name]=\"entry.label\"\n                                        [checked]=\"groupSelectionStates()[entry.label] === 'selected'\"\n                                        [indeterminate]=\"groupSelectionStates()[entry.label] === 'partial'\"\n                                        (change)=\"onGroupToggle(entry.label, $event)\">\n                                        {{ entry.label }}\n                                    </ap-checkbox>\n                                </div>\n                            </div>\n\n                            <!-- Group items -->\n                            @for (item of entry.items; 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)\">\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                                            [indeterminate]=\"item.indeterminate ?? false\"\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            }\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", styles: [":host{display:none}.ap-selection-dropdown__content{background-color:var(--ref-color-white);border-radius:var(--sys-border-radius-sm);box-shadow:0 4px 25px -2px #34456326,0 4px 6px -2px #34456326;overflow:hidden;z-index:1000;width:370px;display:flex;flex-direction:column;max-height:400px}.ap-selection-dropdown__content--single{width:auto;min-width:160px}.ap-selection-dropdown__option{display:block;width:100%;padding:0;border:none;background:none;font:inherit;text-align:inherit}.ap-selection-dropdown__item-button{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;text-align:left;cursor:pointer;outline:none}.ap-selection-dropdown__item-button:hover{background-color:var(--ref-color-electric-blue-10)}.ap-selection-dropdown__item-button:active{background-color:var(--ref-color-electric-blue-20)}.ap-selection-dropdown__item-button:focus{outline:none}.ap-selection-dropdown__item-button:focus-visible{outline:none}.ap-selection-dropdown__item-button.ap-selection-dropdown__item-button--disabled{pointer-events:none}.ap-selection-dropdown__item{display:flex;align-items:center;width:100%;min-height:40px;padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);background:transparent;cursor:pointer;font-family:Averta}.ap-selection-dropdown__group-header{display:flex;align-items:center;padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);border-top:1px solid var(--ref-color-grey-10);background:var(--ref-color-grey-bg)}.ap-selection-dropdown__group-label{display:flex;align-items:center;flex:1;font-weight:700;color:var(--ref-color-grey-100)}.ap-selection-dropdown__group-label ap-checkbox{--comp-forms-label-font-weight: 700}.ap-selection-dropdown__header{border-bottom:1px solid var(--ref-color-grey-10);flex-shrink:0;display:flex;flex-direction:column}.ap-selection-dropdown__header .ap-selection-dropdown__header-top{display:flex;align-items:center;justify-content:space-between;padding:var(--ref-spacing-xs) var(--ref-spacing-sm)}.ap-selection-dropdown__header .ap-selection-dropdown__title{margin:0;font-size:var(--ref-font-size-md);font-weight:var(--ref-font-weight-bold);color:var(--ref-color-grey-100);flex:1}.ap-selection-dropdown__header ap-input-search{width:100%;padding:0 var(--ref-spacing-xxs) var(--ref-spacing-xxs)}.ap-selection-dropdown__items{padding:var(--ref-spacing-xxs) 0;flex:1;overflow-y:auto;min-height:0}.ap-selection-dropdown__no-results{padding:var(--ref-spacing-xxs) var(--ref-spacing-sm);color:var(--ref-color-grey-80);font-size:var(--ref-font-size-sm);font-style:italic}.ap-selection-dropdown__footer{height:40px;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);border-top:1px solid var(--ref-color-grey-10);flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.ap-selection-dropdown__selected-section{margin-bottom:var(--ref-spacing-xxs);border-bottom:1px solid var(--ref-color-grey-10);padding-bottom:var(--ref-spacing-xxs)}.ap-selection-dropdown__selected-section ::ng-deep ap-checkbox{--comp-forms-label-font-weight: 700}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { selectionDropdownTemplate: [{ type: i0.ViewChild, args: ['selectionDropdownTemplate', { isSignal: true }] }], trigger: [{ type: i0.ContentChild, args: ['trigger', { isSignal: true }] }], headerButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerButtonId", required: false }] }], footerButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtonId", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], searchEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchEnabled", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], footerButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtonText", required: false }] }], footerButtonSymbolId: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtonSymbolId", required: false }] }], headerButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerButtonText", required: false }] }], headerButtonSymbolId: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerButtonSymbolId", required: false }] }], searchPlaceholderText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholderText", required: false }] }], noSearchResultsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noSearchResultsText", required: false }] }], showBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackdrop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], defaultPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPosition", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], footerButtonClick: [{ type: i0.Output, args: ["footerButtonClick"] }], headerButtonClick: [{ type: i0.Output, args: ["headerButtonClick"] }], searchInputChange: [{ type: i0.Output, args: ["searchInputChange"] }], searchTerm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTerm", required: false }] }, { type: i0.Output, args: ["searchTermChange"] }], inputSearchComponent: [{ type: i0.ViewChild, args: ['inputSearchElement', { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { selectionDropdownTemplate: [{ type: i0.ViewChild, args: ['selectionDropdownTemplate', { isSignal: true }] }], trigger: [{ type: i0.ContentChild, args: ['trigger', { isSignal: true }] }], headerButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerButtonId", required: false }] }], footerButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtonId", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], searchEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchEnabled", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], footerButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtonText", required: false }] }], footerButtonSymbolId: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerButtonSymbolId", required: false }] }], headerButtonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerButtonText", required: false }] }], headerButtonSymbolId: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerButtonSymbolId", required: false }] }], searchPlaceholderText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholderText", required: false }] }], noSearchResultsText: [{ type: i0.Input, args: [{ isSignal: true, alias: "noSearchResultsText", required: false }] }], showBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBackdrop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], footerButtonClick: [{ type: i0.Output, args: ["footerButtonClick"] }], headerButtonClick: [{ type: i0.Output, args: ["headerButtonClick"] }], searchInputChange: [{ type: i0.Output, args: ["searchInputChange"] }], searchTerm: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTerm", required: false }] }, { type: i0.Output, args: ["searchTermChange"] }], inputSearchComponent: [{ type: i0.ViewChild, args: ['inputSearchElement', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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    /** Prevents the trigger from opening/toggling the dropdown when true */\n    apSelectionDropdownTriggerDisable = input(false);\n\n    /** Handles click events to toggle the dropdown */\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.apSelectionDropdownTriggerDisable()) return;\n\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                if (this.apSelectionDropdownTriggerDisable()) return;\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, DropdownItemSingleOneLineComponent } from '@agorapulse/ui-components/select';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { apCheck, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    inject,\n    input,\n    linkedSignal,\n    model,\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 displayed in a mixed/indeterminate state. Takes visual precedence over `selected`. */\n    indeterminate?: 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    dataTrack?: string;\n}\n\n/**\n * One rendered row in the unselected zone: either a standalone item or a group\n * holding the items that belong to it (in first-encounter order).\n */\ntype RenderEntry =\n    | { kind: 'item'; item: SelectionDropdownItem }\n    | { kind: 'group'; label: string; items: SelectionDropdownItem[] };\n\nexport type SelectionDropdownMode = 'multiple' | 'single';\n\n/** A dropdown of options on any trigger. `multiple` = checkbox rows with search; `single` = rows, closes on pick. */\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        DropdownItemSingleOneLineComponent,\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    /** Whether several options can be active at once, or exactly one. */\n    selectionMode = input<SelectionDropdownMode>('multiple');\n    /** Shows the search field. Ignored in `multiple` mode, which always searches. */\n    searchEnabled = input(false);\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    /**\n     * Two-way bindable, clearable search term. Consumers can read it and reset it (set to '')\n     * to clear the search and restore the full item list — letting them drive the search\n     * declaratively instead of reaching into the rendered `ap-input-search`.\n     */\n    readonly searchTerm = model<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    protected readonly isSingleSelect = computed(() => this.selectionMode() === 'single');\n\n    /** Always true in `multiple` mode, leaving that layout untouched; only `single` collapses the header. */\n    protected readonly searchVisible = computed(() => !this.isSingleSelect() || this.searchEnabled());\n    protected readonly headerTopVisible = computed(() => !this.isSingleSelect() || !!this.title() || !!this.headerButtonText());\n    protected readonly headerVisible = computed(() => this.headerTopVisible() || this.searchVisible());\n\n    private readonly internalItems = linkedSignal(() => this.items());\n\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    /**\n     * Unselected items rebuilt into a single ordered list: standalone items and\n     * groups appear in the order their first item is encountered; later items of\n     * an already-seen group join that existing group entry.\n     */\n    protected readonly displayEntries = computed<RenderEntry[]>(() => {\n        const entries: RenderEntry[] = [];\n        const groupsByLabel = new Map<string, Extract<RenderEntry, { kind: 'group' }>>();\n\n        for (const item of this.unselectedItems()) {\n            const label = item.groupLabel;\n            if (!label) {\n                entries.push({ kind: 'item', item });\n                continue;\n            }\n\n            const existing = groupsByLabel.get(label);\n            if (existing) {\n                // `existing` is the same object reference already pushed into `entries`,\n                // so mutating its items array updates the rendered group in place.\n                existing.items.push(item);\n            } else {\n                const group: Extract<RenderEntry, { kind: 'group' }> = { kind: 'group', label, items: [item] };\n                groupsByLabel.set(label, group);\n                entries.push(group);\n            }\n        }\n\n        return entries;\n    });\n\n    // Computed maps for template usage\n    protected readonly groupSelectionStates = computed(() => {\n        const states: Record<string, 'selected' | 'partial' | 'unselected'> = {};\n        for (const entry of this.displayEntries()) {\n            if (entry.kind !== 'group') {\n                continue;\n            }\n            const groupLabel = entry.label;\n            const groupItems = this.filteredItems().filter(item => item.groupLabel === groupLabel);\n            // Selection is counted across all members: a disabled item can still be selected, and\n            // excluding it would wrongly drop the group to \"unselected\" despite a live selection.\n            const hasSelection = groupItems.some(item => item.selected);\n            const hasIndeterminate = groupItems.some(item => item.indeterminate);\n            // \"Fully selected\" ignores members that cannot be toggled on (a disabled, unselected\n            // item), so a group whose every selectable member is selected still reads as selected.\n            const hasPendingSelectable = groupItems.some(item => !item.selected && !item.disabled && !item.isFeatureLocked);\n\n            if (!hasSelection && !hasIndeterminate) {\n                states[groupLabel] = 'unselected';\n            } else if (!hasPendingSelectable && !hasIndeterminate) {\n                states[groupLabel] = 'selected';\n            } else {\n                states[groupLabel] = 'partial';\n            }\n        }\n        return states;\n    });\n\n    constructor() {\n        this.symbolRegistry.withSymbols(...(inject(UI_COMPONENTS_SYMBOLS, { optional: true })?.flat() ?? []));\n        this.symbolRegistry.registerSymbols([apCheck]);\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        // Feed the debounced filter pipeline from the search term signal, so the list re-filters\n        // both on user typing and on an external set (a consumer resetting searchTerm to '').\n        effect(() => this.searchTermSubject.next(this.searchTerm() ?? ''));\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.overlay.close();\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     *  An indeterminate item resolves to selected; a definite item flips. Toggling always\n     *  clears the indeterminate flag, so the item becomes a definite selected/unselected. */\n    onItemToggle(item: SelectionDropdownItem): void {\n        if (item.disabled || item.isFeatureLocked) {\n            return;\n        }\n\n        if (this.isSingleSelect()) {\n            this.selectOnly(item);\n            return;\n        }\n\n        const nextSelected = item.indeterminate ? true : !item.selected;\n        const resolve = (i: SelectionDropdownItem): SelectionDropdownItem =>\n            i.htmlId === item.htmlId ? { ...i, selected: nextSelected, indeterminate: false } : i;\n\n        const updatedItems = this.internalItems().map(resolve);\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n\n        // Keep the filtered view in sync with the toggled item.\n        this.filteredItems.update(items => items.map(resolve));\n    }\n\n    /** Single mode: the pick becomes the only selection, then the dropdown closes — even on a no-op pick. */\n    private selectOnly(item: SelectionDropdownItem): void {\n        const resolve = (i: SelectionDropdownItem): SelectionDropdownItem => ({\n            ...i,\n            selected: i.htmlId === item.htmlId,\n            indeterminate: false,\n        });\n\n        const updatedItems = this.internalItems().map(resolve);\n        this.internalItems.set(updatedItems);\n        this.filteredItems.update(items => items.map(resolve));\n        this.selectionChange.emit(updatedItems);\n        this.close();\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 from the rendered field. Filtering is driven by the\n     *  `searchTerm` effect, so this only updates the term and notifies listeners. */\n    onSearchTermChange(term: string): void {\n        this.searchTerm.set(term ?? '');\n        this.searchInputChange.emit(term ?? '');\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, indeterminate: false };\n            }\n            return item;\n        });\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n    }\n\n    /** Stable track key for a render entry (item or group). */\n    protected entryKey(entry: RenderEntry): string {\n        return entry.kind === 'item' ? `item:${entry.item.htmlId}` : `group:${entry.label}`;\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\n        class=\"ap-selection-dropdown__content\"\n        [class.ap-selection-dropdown__content--single]=\"isSingleSelect()\">\n        <!-- Header -->\n        @if (headerVisible()) {\n            <div class=\"ap-selection-dropdown__header\">\n                @if (headerTopVisible()) {\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                }\n                @if (searchVisible()) {\n                    <ap-input-search\n                        #inputSearchElement\n                        [placeholder]=\"searchPlaceholderText()\"\n                        [clearable]=\"true\"\n                        [ngModel]=\"searchTerm()\"\n                        (ngModelChange)=\"onSearchTermChange($event)\" />\n                }\n            </div>\n        }\n\n        <!-- Selection dropdown items -->\n        <div\n            class=\"ap-selection-dropdown__items\"\n            [attr.role]=\"isSingleSelect() ? 'listbox' : null\"\n            [attr.aria-label]=\"isSingleSelect() ? title() : null\">\n            @if (filteredItems().length === 0 && searchTerm()) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else if (isSingleSelect()) {\n                @for (item of filteredItems(); track item.htmlId) {\n                    <button\n                        type=\"button\"\n                        role=\"option\"\n                        class=\"ap-selection-dropdown__option\"\n                        [attr.aria-selected]=\"item.selected\"\n                        [attr.aria-disabled]=\"item.disabled || item.isFeatureLocked\"\n                        [attr.data-track]=\"item.dataTrack\"\n                        [apTooltip]=\"item.disabled ? (item.disabledTooltip ?? null) : null\"\n                        apTooltipPosition=\"right\"\n                        (click)=\"onItemToggle(item)\">\n                        <ap-dropdown-item-single-one-line\n                            [text]=\"item.text\"\n                            [selected]=\"item.selected\"\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                            [standaloneModeEnabled]=\"true\" />\n                    </button>\n                }\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)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [indeterminate]=\"item.indeterminate ?? false\"\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                <!-- Unselected zone: items & groups in first-encounter order -->\n                @for (entry of displayEntries(); track entryKey(entry)) {\n                    @if (entry.kind === 'item') {\n                        <div [apTooltip]=\"entry.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]=\"entry.item.disabled || entry.item.isFeatureLocked\"\n                                (click)=\"onItemToggle(entry.item)\">\n                                <ap-dropdown-item-multiple-one-line\n                                    class=\"ap-selection-dropdown__item\"\n                                    [text]=\"entry.item.text\"\n                                    [selected]=\"entry.item.selected\"\n                                    [indeterminate]=\"entry.item.indeterminate ?? false\"\n                                    [htmlId]=\"entry.item.htmlId\"\n                                    [disabled]=\"entry.item.disabled || false\"\n                                    [avatarUrl]=\"entry.item.avatarUrl\"\n                                    [symbolId]=\"entry.item.symbolId\"\n                                    [badgeText]=\"entry.item.badgeText\"\n                                    [isFeatureLocked]=\"entry.item.isFeatureLocked || false\"\n                                    [roundedAvatar]=\"!!entry.item.roundedAvatar\"\n                                    [network]=\"entry.item.network\"\n                                    [symbolColor]=\"entry.item.symbolColor\"\n                                    [symbolTooltipText]=\"entry.item.symbolTooltipText\" />\n                            </button>\n                        </div>\n                    } @else {\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                                        class=\"centered\"\n                                        [name]=\"entry.label\"\n                                        [checked]=\"groupSelectionStates()[entry.label] === 'selected'\"\n                                        [indeterminate]=\"groupSelectionStates()[entry.label] === 'partial'\"\n                                        (change)=\"onGroupToggle(entry.label, $event)\">\n                                        {{ entry.label }}\n                                    </ap-checkbox>\n                                </div>\n                            </div>\n\n                            <!-- Group items -->\n                            @for (item of entry.items; 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)\">\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                                            [indeterminate]=\"item.indeterminate ?? false\"\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            }\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    /** Prevents the trigger from opening/toggling the dropdown when true */\n    apSelectionDropdownTriggerDisable = input(false);\n\n    /** Handles click events to toggle the dropdown */\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (this.apSelectionDropdownTriggerDisable()) return;\n\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                if (this.apSelectionDropdownTriggerDisable()) return;\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 { FloatingPlacement } from '@agorapulse/ui-components/floating';\nimport { InputSearchComponent } from '@agorapulse/ui-components/input-search';\nimport { UI_COMPONENTS_SYMBOLS } from '@agorapulse/ui-components/providers';\nimport { DropdownItemMultipleOneLineComponent, DropdownItemSingleOneLineComponent } from '@agorapulse/ui-components/select';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { apCheck, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    inject,\n    input,\n    linkedSignal,\n    model,\n    OnDestroy,\n    output,\n    signal,\n    TemplateRef,\n    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 displayed in a mixed/indeterminate state. Takes visual precedence over `selected`. */\n    indeterminate?: 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    dataTrack?: string;\n}\n\n/**\n * One rendered row in the unselected zone: either a standalone item or a group\n * holding the items that belong to it (in first-encounter order).\n */\ntype RenderEntry = { kind: 'item'; item: SelectionDropdownItem } | { kind: 'group'; label: string; items: SelectionDropdownItem[] };\n\nexport type SelectionDropdownMode = 'multiple' | 'single';\n\n/** A dropdown of options on any trigger. `multiple` = checkbox rows with search; `single` = rows, closes on pick. */\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        DropdownItemSingleOneLineComponent,\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    /** Whether several options can be active at once, or exactly one. */\n    selectionMode = input<SelectionDropdownMode>('multiple');\n    /** Shows the search field. Ignored in `multiple` mode, which always searches. */\n    searchEnabled = input(false);\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    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */\n    readonly placement = input<FloatingPlacement>();\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    /**\n     * Two-way bindable, clearable search term. Consumers can read it and reset it (set to '')\n     * to clear the search and restore the full item list — letting them drive the search\n     * declaratively instead of reaching into the rendered `ap-input-search`.\n     */\n    readonly searchTerm = model<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    protected readonly isSingleSelect = computed(() => this.selectionMode() === 'single');\n\n    /** Always true in `multiple` mode, leaving that layout untouched; only `single` collapses the header. */\n    protected readonly searchVisible = computed(() => !this.isSingleSelect() || this.searchEnabled());\n    protected readonly headerTopVisible = computed(() => !this.isSingleSelect() || !!this.title() || !!this.headerButtonText());\n    protected readonly headerVisible = computed(() => this.headerTopVisible() || this.searchVisible());\n\n    private readonly internalItems = linkedSignal(() => this.items());\n\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    /**\n     * Unselected items rebuilt into a single ordered list: standalone items and\n     * groups appear in the order their first item is encountered; later items of\n     * an already-seen group join that existing group entry.\n     */\n    protected readonly displayEntries = computed<RenderEntry[]>(() => {\n        const entries: RenderEntry[] = [];\n        const groupsByLabel = new Map<string, Extract<RenderEntry, { kind: 'group' }>>();\n\n        for (const item of this.unselectedItems()) {\n            const label = item.groupLabel;\n            if (!label) {\n                entries.push({ kind: 'item', item });\n                continue;\n            }\n\n            const existing = groupsByLabel.get(label);\n            if (existing) {\n                // `existing` is the same object reference already pushed into `entries`,\n                // so mutating its items array updates the rendered group in place.\n                existing.items.push(item);\n            } else {\n                const group: Extract<RenderEntry, { kind: 'group' }> = { kind: 'group', label, items: [item] };\n                groupsByLabel.set(label, group);\n                entries.push(group);\n            }\n        }\n\n        return entries;\n    });\n\n    // Computed maps for template usage\n    protected readonly groupSelectionStates = computed(() => {\n        const states: Record<string, 'selected' | 'partial' | 'unselected'> = {};\n        for (const entry of this.displayEntries()) {\n            if (entry.kind !== 'group') {\n                continue;\n            }\n            const groupLabel = entry.label;\n            const groupItems = this.filteredItems().filter(item => item.groupLabel === groupLabel);\n            // Selection is counted across all members: a disabled item can still be selected, and\n            // excluding it would wrongly drop the group to \"unselected\" despite a live selection.\n            const hasSelection = groupItems.some(item => item.selected);\n            const hasIndeterminate = groupItems.some(item => item.indeterminate);\n            // \"Fully selected\" ignores members that cannot be toggled on (a disabled, unselected\n            // item), so a group whose every selectable member is selected still reads as selected.\n            const hasPendingSelectable = groupItems.some(item => !item.selected && !item.disabled && !item.isFeatureLocked);\n\n            if (!hasSelection && !hasIndeterminate) {\n                states[groupLabel] = 'unselected';\n            } else if (!hasPendingSelectable && !hasIndeterminate) {\n                states[groupLabel] = 'selected';\n            } else {\n                states[groupLabel] = 'partial';\n            }\n        }\n        return states;\n    });\n\n    constructor() {\n        this.symbolRegistry.withSymbols(...(inject(UI_COMPONENTS_SYMBOLS, { optional: true })?.flat() ?? []));\n        this.symbolRegistry.registerSymbols([apCheck]);\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        // Feed the debounced filter pipeline from the search term signal, so the list re-filters\n        // both on user typing and on an external set (a consumer resetting searchTerm to '').\n        effect(() => this.searchTermSubject.next(this.searchTerm() ?? ''));\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.overlay.close();\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            placement: this.placement(),\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     *  An indeterminate item resolves to selected; a definite item flips. Toggling always\n     *  clears the indeterminate flag, so the item becomes a definite selected/unselected. */\n    onItemToggle(item: SelectionDropdownItem): void {\n        if (item.disabled || item.isFeatureLocked) {\n            return;\n        }\n\n        if (this.isSingleSelect()) {\n            this.selectOnly(item);\n            return;\n        }\n\n        const nextSelected = item.indeterminate ? true : !item.selected;\n        const resolve = (i: SelectionDropdownItem): SelectionDropdownItem =>\n            i.htmlId === item.htmlId ? { ...i, selected: nextSelected, indeterminate: false } : i;\n\n        const updatedItems = this.internalItems().map(resolve);\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n\n        // Keep the filtered view in sync with the toggled item.\n        this.filteredItems.update(items => items.map(resolve));\n    }\n\n    /** Single mode: the pick becomes the only selection, then the dropdown closes — even on a no-op pick. */\n    private selectOnly(item: SelectionDropdownItem): void {\n        const resolve = (i: SelectionDropdownItem): SelectionDropdownItem => ({\n            ...i,\n            selected: i.htmlId === item.htmlId,\n            indeterminate: false,\n        });\n\n        const updatedItems = this.internalItems().map(resolve);\n        this.internalItems.set(updatedItems);\n        this.filteredItems.update(items => items.map(resolve));\n        this.selectionChange.emit(updatedItems);\n        this.close();\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 from the rendered field. Filtering is driven by the\n     *  `searchTerm` effect, so this only updates the term and notifies listeners. */\n    onSearchTermChange(term: string): void {\n        this.searchTerm.set(term ?? '');\n        this.searchInputChange.emit(term ?? '');\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, indeterminate: false };\n            }\n            return item;\n        });\n        this.internalItems.set(updatedItems);\n        this.selectionChange.emit(updatedItems);\n    }\n\n    /** Stable track key for a render entry (item or group). */\n    protected entryKey(entry: RenderEntry): string {\n        return entry.kind === 'item' ? `item:${entry.item.htmlId}` : `group:${entry.label}`;\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\n        class=\"ap-selection-dropdown__content\"\n        [class.ap-selection-dropdown__content--single]=\"isSingleSelect()\">\n        <!-- Header -->\n        @if (headerVisible()) {\n            <div class=\"ap-selection-dropdown__header\">\n                @if (headerTopVisible()) {\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                }\n                @if (searchVisible()) {\n                    <ap-input-search\n                        #inputSearchElement\n                        [placeholder]=\"searchPlaceholderText()\"\n                        [clearable]=\"true\"\n                        [ngModel]=\"searchTerm()\"\n                        (ngModelChange)=\"onSearchTermChange($event)\" />\n                }\n            </div>\n        }\n\n        <!-- Selection dropdown items -->\n        <div\n            class=\"ap-selection-dropdown__items\"\n            [attr.role]=\"isSingleSelect() ? 'listbox' : null\"\n            [attr.aria-label]=\"isSingleSelect() ? title() : null\">\n            @if (filteredItems().length === 0 && searchTerm()) {\n                <div class=\"ap-selection-dropdown__no-results\">\n                    {{ noSearchResultsText() }}\n                </div>\n            } @else if (isSingleSelect()) {\n                @for (item of filteredItems(); track item.htmlId) {\n                    <button\n                        type=\"button\"\n                        role=\"option\"\n                        class=\"ap-selection-dropdown__option\"\n                        [attr.aria-selected]=\"item.selected\"\n                        [attr.aria-disabled]=\"item.disabled || item.isFeatureLocked\"\n                        [attr.data-track]=\"item.dataTrack\"\n                        [apTooltip]=\"item.disabled ? (item.disabledTooltip ?? null) : null\"\n                        apTooltipPosition=\"right\"\n                        (click)=\"onItemToggle(item)\">\n                        <ap-dropdown-item-single-one-line\n                            [text]=\"item.text\"\n                            [selected]=\"item.selected\"\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                            [standaloneModeEnabled]=\"true\" />\n                    </button>\n                }\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)\">\n                                    <ap-dropdown-item-multiple-one-line\n                                        class=\"ap-selection-dropdown__item\"\n                                        [text]=\"item.text\"\n                                        [selected]=\"item.selected\"\n                                        [indeterminate]=\"item.indeterminate ?? false\"\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                <!-- Unselected zone: items & groups in first-encounter order -->\n                @for (entry of displayEntries(); track entryKey(entry)) {\n                    @if (entry.kind === 'item') {\n                        <div [apTooltip]=\"entry.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]=\"entry.item.disabled || entry.item.isFeatureLocked\"\n                                (click)=\"onItemToggle(entry.item)\">\n                                <ap-dropdown-item-multiple-one-line\n                                    class=\"ap-selection-dropdown__item\"\n                                    [text]=\"entry.item.text\"\n                                    [selected]=\"entry.item.selected\"\n                                    [indeterminate]=\"entry.item.indeterminate ?? false\"\n                                    [htmlId]=\"entry.item.htmlId\"\n                                    [disabled]=\"entry.item.disabled || false\"\n                                    [avatarUrl]=\"entry.item.avatarUrl\"\n                                    [symbolId]=\"entry.item.symbolId\"\n                                    [badgeText]=\"entry.item.badgeText\"\n                                    [isFeatureLocked]=\"entry.item.isFeatureLocked || false\"\n                                    [roundedAvatar]=\"!!entry.item.roundedAvatar\"\n                                    [network]=\"entry.item.network\"\n                                    [symbolColor]=\"entry.item.symbolColor\"\n                                    [symbolTooltipText]=\"entry.item.symbolTooltipText\" />\n                            </button>\n                        </div>\n                    } @else {\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                                        class=\"centered\"\n                                        [name]=\"entry.label\"\n                                        [checked]=\"groupSelectionStates()[entry.label] === 'selected'\"\n                                        [indeterminate]=\"groupSelectionStates()[entry.label] === 'partial'\"\n                                        (change)=\"onGroupToggle(entry.label, $event)\">\n                                        {{ entry.label }}\n                                    </ap-checkbox>\n                                </div>\n                            </div>\n\n                            <!-- Group items -->\n                            @for (item of entry.items; 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)\">\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                                            [indeterminate]=\"item.indeterminate ?? false\"\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            }\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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "22.1.4",
+  "version": "22.1.5",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
+import * as _floating_ui_utils from '@floating-ui/utils';
 import { BadgeColor } from '@agorapulse/ui-components/badge';
 import { DropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
 import { agorapulseSymbol, SymbolColor } from '@agorapulse/ui-symbol';
@@ -60,7 +61,8 @@ declare class ActionDropdownComponent implements DropdownOverlay {
     /** 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">;
+    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
+    readonly placement: _angular_core.InputSignal<_floating_ui_utils.Placement | undefined>;
     /** Emits when the dropdown menu is opened */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
@@ -83,7 +85,7 @@ declare class ActionDropdownComponent implements DropdownOverlay {
     /** Sets up keyboard event handling for the opened dropdown */
     private setupKeyboardNavigation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionDropdownComponent, "ap-action-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "largeModeEnabled": { "alias": "largeModeEnabled"; "required": false; "isSignal": true; }; "customWidth": { "alias": "customWidth"; "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"; "itemClick": "itemClick"; }, ["trigger"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionDropdownComponent, "ap-action-dropdown", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "largeModeEnabled": { "alias": "largeModeEnabled"; "required": false; "isSignal": true; }; "customWidth": { "alias": "customWidth"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "itemClick": "itemClick"; }, ["trigger"], never, true, never>;
 }
 
 /**

package/types/agorapulse-ui-components-date-range-picker.d.ts

@@ -1,3 +1,4 @@
+import * as _floating_ui_utils from '@floating-ui/utils';
 import * as _angular_core from '@angular/core';
 import { Period, FirstDayOfWeek, DatepickerMode, RangesConfigPresetType, I18nDatePicker } from '@agorapulse/ui-components/datepicker';
 import dayjs from 'dayjs';
@@ -46,7 +47,8 @@ declare class DateRangePickerComponent {
     /** Text shown on the trigger while no period is selected. */
     readonly placeholder: _angular_core.InputSignal<string>;
     /** Side the dropdown opens to when space allows. */
-    readonly defaultPosition: _angular_core.InputSignal<"left" | "right">;
+    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
+    readonly placement: _angular_core.InputSignal<_floating_ui_utils.Placement | undefined>;
     /** Label of the "Custom" entry in the preset list. */
     readonly customRangeLabel: _angular_core.InputSignal<string>;
     /** IANA time zone name. When set, a chip with the zone's offset is shown next to the trigger. */
@@ -67,7 +69,7 @@ declare class DateRangePickerComponent {
     protected onPeriodSelected(period: Period): void;
     private matchPresetKey;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePickerComponent, "ap-date-range-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "maxRangeDaysHint": { "alias": "maxRangeDaysHint"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "customRangeLabel": { "alias": "customRangeLabel"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "presetSelected": "presetSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePickerComponent, "ap-date-range-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "maxRangeDays": { "alias": "maxRangeDays"; "required": false; "isSignal": true; }; "maxRangeDaysHint": { "alias": "maxRangeDaysHint"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "customRangeLabel": { "alias": "customRangeLabel"; "required": false; "isSignal": true; }; "timeZone": { "alias": "timeZone"; "required": false; "isSignal": true; }; "timeZoneTooltip": { "alias": "timeZoneTooltip"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "presetSelected": "presetSelected"; }, never, never, true, never>;
 }
 
 export { DateRangePickerComponent, defaultDateRangePickerPresets };

package/types/agorapulse-ui-components-datepicker.d.ts

@@ -1,3 +1,4 @@
+import * as _floating_ui_utils from '@floating-ui/utils';
 import * as _angular_core from '@angular/core';
 import { OnInit, OnChanges, AfterViewInit, ChangeDetectorRef, EventEmitter, SimpleChanges, TemplateRef } from '@angular/core';
 import { DropdownOverlay } from '@agorapulse/ui-components/dropdown-base';
@@ -130,7 +131,8 @@ declare class DatepickerDropdownComponent implements DropdownOverlay {
     /** Close the overlay once a full period is selected. When false it stays open until backdrop click or Escape. */
     closeOnSelect: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
-    defaultPosition: _angular_core.InputSignal<"left" | "right">;
+    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
+    readonly placement: _angular_core.InputSignal<_floating_ui_utils.Placement | undefined>;
     opened: _angular_core.OutputEmitterRef<void>;
     closed: _angular_core.OutputEmitterRef<void>;
     dateSelected: _angular_core.OutputEmitterRef<dayjs.Dayjs>;
@@ -143,7 +145,7 @@ declare class DatepickerDropdownComponent implements DropdownOverlay {
     onDateSelected(date: dayjs.Dayjs): void;
     onPeriodSelected(period: Period): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatepickerDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerDropdownComponent, "ap-datepicker-dropdown", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "selectedPeriod": { "alias": "selectedPeriod"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateLimit": { "alias": "dateLimit"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "i18n": { "alias": "i18n"; "required": false; "isSignal": true; }; "showRanges": { "alias": "showRanges"; "required": false; "isSignal": true; }; "showCustomRangeLabel": { "alias": "showCustomRangeLabel"; "required": false; "isSignal": true; }; "rangesConfig": { "alias": "rangesConfig"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "dateSelected": "dateSelected"; "periodSelected": "periodSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerDropdownComponent, "ap-datepicker-dropdown", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "selectedPeriod": { "alias": "selectedPeriod"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "dateLimit": { "alias": "dateLimit"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "i18n": { "alias": "i18n"; "required": false; "isSignal": true; }; "showRanges": { "alias": "showRanges"; "required": false; "isSignal": true; }; "showCustomRangeLabel": { "alias": "showCustomRangeLabel"; "required": false; "isSignal": true; }; "rangesConfig": { "alias": "rangesConfig"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "dateSelected": "dateSelected"; "periodSelected": "periodSelected"; }, never, never, true, never>;
 }
 
 declare const defaultPeriodSelected: Period;
@@ -165,7 +167,8 @@ declare class InputDatepickerComponent implements ControlValueAccessor {
     showCustomRangeLabel: _angular_core.InputSignal<boolean>;
     rangesConfig: _angular_core.InputSignal<RangesConfigPresetType | null>;
     showBackdrop: _angular_core.InputSignal<boolean>;
-    defaultPosition: _angular_core.InputSignal<"left" | "right">;
+    /** Panel placement. Unset means derived from the anchor mode, i.e. `bottom-start`. */
+    readonly placement: _angular_core.InputSignal<_floating_ui_utils.Placement | undefined>;
     /** Show a clear (X) inside the input when a value is selected. Off by default. */
     clearable: _angular_core.InputSignal<boolean>;
     periodRange: _angular_core.WritableSignal<Period>;
@@ -184,7 +187,7 @@ declare class InputDatepickerComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputDatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputDatepickerComponent, "ap-input-datepicker", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "selectedPeriod": { "alias": "selectedPeriod"; "required": false; "isSignal": true; }; "i18n": { "alias": "i18n"; "required": false; "isSignal": true; }; "showRanges": { "alias": "showRanges"; "required": false; "isSignal": true; }; "showCustomRangeLabel": { "alias": "showCustomRangeLabel"; "required": false; "isSignal": true; }; "rangesConfig": { "alias": "rangesConfig"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "periodChanged": "periodChanged"; "dateSelected": "dateSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputDatepickerComponent, "ap-input-datepicker", never, { "mode": { "alias": "mode"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "selectedDates": { "alias": "selectedDates"; "required": false; "isSignal": true; }; "selectedPeriod": { "alias": "selectedPeriod"; "required": false; "isSignal": true; }; "i18n": { "alias": "i18n"; "required": false; "isSignal": true; }; "showRanges": { "alias": "showRanges"; "required": false; "isSignal": true; }; "showCustomRangeLabel": { "alias": "showCustomRangeLabel"; "required": false; "isSignal": true; }; "rangesConfig": { "alias": "rangesConfig"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "periodChanged": "periodChanged"; "dateSelected": "dateSelected"; }, never, never, true, never>;
 }
 
 export { DatepickerComponent, DatepickerDropdownComponent, DatepickerMode, InputDatepickerComponent, RangesConfigPreset, defaultPeriodSelected };