@agorapulse/ui-components 22.0.27 → 22.0.29

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

@@ -119,7 +119,7 @@ interface FilterDropdownGroupSelectSingle extends FilterDropdownGroupBase {
     selectionType: 'single';
     /** An optional type to determine the icon/avatar/symbol to display for each item. Only applicable for select filter groups. */
     displayType: SelectLabelSingleDisplayType;
-    /** An optional text to display when all items are selected. Only applicable for select filter groups with multiple selection. */
+    /** Unused: a single-selection option carries no "only" shortcut. */
     onlyText?: string;
     /** Whether the dropdown panel shows a search input to filter the options. */
     searchable?: boolean;
@@ -136,7 +136,9 @@ interface FilterDropdownGroupSelectMultiple extends FilterDropdownGroupBase {
     selectionType: 'multiple';
     /** An optional type to determine the icon/avatar/symbol to display for each item. Only applicable for select filter groups. */
     displayType: SelectLabelSingleDisplayType;
-    /** An optional text to display when all items are selected. Only applicable for select filter groups with multiple selection. */
+    /** Whether each option carries a shortcut narrowing the selection down to that option alone. */
+    onlyEnabled?: boolean;
+    /** The label of that shortcut, "Only" when omitted. */
     onlyText?: string;
     /** Default chip color in `tag` display mode — applies to items without a per-item `tagColor` and to the "+N" overflow chip. */
     tagColor?: TagColor;
@@ -182,6 +184,7 @@ declare class FilterState {
     private readonly _draft;
     private readonly _baseline;
     private readonly _expanded;
+    private readonly _openPanelKeys;
     readonly groups: _angular_core.Signal<FilterDropdownGroup[]>;
     readonly draft: _angular_core.Signal<FilterDropdownOutput>;
     readonly expanded: _angular_core.Signal<Record<string, boolean>>;
@@ -192,6 +195,8 @@ declare class FilterState {
     readonly buttonsDisabled: _angular_core.Signal<boolean>;
     /** Clear is gated on "is there anything to clear", not on dirty state. */
     readonly clearDisabled: _angular_core.Signal<boolean>;
+    /** Whether a leaf has a panel of its own showing: the dropdown must not close under it. */
+    readonly nestedPanelOpen: _angular_core.Signal<boolean>;
     /** Refresh the structural schema and reconcile the value keyspace (add empty / drop removed). */
     setSchema(groups: FilterDropdownGroup[]): void;
     /** Seed the draft from an external value, projected onto the current keyspace. Echo-gated, silent. */
@@ -214,6 +219,8 @@ declare class FilterState {
      * the edge where the DOM event happens.
      */
     updateValue(key: string, value: FilterDropdownValue): void;
+    /** Call whenever a leaf's panel opens or closes. Keyed by leaf, so a repeated open or close is harmless. */
+    setNestedPanelOpen(key: string, open: boolean): void;
     /** Whether a group is currently expanded. Defaults to collapsed for unknown keys. */
     isExpanded(key: string): boolean;
     /** Toggle a group's expand/collapse state. Updates internal state only — the config is never mutated. */
@@ -260,8 +267,8 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     savedValue: _angular_core.InputSignal<FilterDropdownOutput | undefined>;
     /** Whether the filter needs the apply button to be clicked for applyFilters to emit  */
     needApplyButton: _angular_core.InputSignal<boolean>;
-    /** Whether to offer a cancel button that discards the unapplied draft and closes the dropdown. */
-    needCancelButton: _angular_core.InputSignal<boolean>;
+    /** Whether to offer a clear button that empties every group's selection. */
+    needClearButton: _angular_core.InputSignal<boolean>;
     /** Whether the filter group can be closed (collapsed) by the user. If false, the group will always be expanded and the user won't see a toggle button. */
     closable: _angular_core.InputSignal<boolean>;
     /**
@@ -289,7 +296,6 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     resetFilterText: _angular_core.InputSignal<string>;
     applyFiltersText: _angular_core.InputSignal<string>;
     clearFilterText: _angular_core.InputSignal<string>;
-    cancelFilterText: _angular_core.InputSignal<string>;
     /** Emits when the dropdown menu is opened */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
@@ -311,9 +317,14 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     /** Event emitted when a group with locked feature is clicked */
     filterDropdownGroupLockedClicked: _angular_core.OutputEmitterRef<FilterDropdownGroup>;
     readonly isOpen: _angular_core.Signal<boolean>;
+    private panelOpenAtGestureStart;
     savePresetsDropdownItems: _angular_core.Signal<ActionDropdownItem[]>;
     /** Opens the dropdown menu at the specified trigger element */
     open(triggerElement?: HTMLElement): void;
+    /** A leaf's panel closes on the pointerdown or keydown that dismisses it, so snapshot the flag then: by dismissal it reads false. */
+    private trackDismissalGestures;
+    /** Backdrop click / Escape: close, unless the gesture was a leaf panel's own dismissal. */
+    private dismiss;
     /** Closes the dropdown menu and cleans up overlay resources */
     close(): void;
     /** Toggles the dropdown menu open or closed state */
@@ -326,8 +337,6 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     onLeafEdit(edit: FilterValueEdit): void;
     /** Manual-apply commit (Apply button; only rendered when `needApplyButton`). Applying also dismisses the panel. */
     onApplyFilters(): void;
-    /** Dismiss without applying: the draft goes back to the last committed value, so reopening shows no leftover edits. */
-    onCancelFilters(): void;
     onClearFilters(): void;
     onResetFilters(): void;
     /** In auto-apply mode, push the current draft to the consumer. The single place clear/reset/leaf-edit funnel through. */
@@ -336,7 +345,7 @@ declare class FilterDropdownComponent implements DropdownOverlay {
     onUpdatePresets(): void;
     protected onActionDropdownItemClick(item: ActionDropdownItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needCancelButton": { "alias": "needCancelButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; "cancelFilterText": { "alias": "cancelFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownComponent, "ap-filter-dropdown", never, { "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needClearButton": { "alias": "needClearButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "defaultPosition": { "alias": "defaultPosition"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
 }
 
 declare class FilterDropdownButtonComponent {
@@ -354,8 +363,8 @@ declare class FilterDropdownButtonComponent {
     savedValue: _angular_core.InputSignal<FilterDropdownOutput | undefined>;
     /** Whether the filter needs the apply button to be clicked for applyFilters to emit  */
     needApplyButton: _angular_core.InputSignal<boolean>;
-    /** Whether to offer a cancel button that discards the unapplied draft and closes the dropdown. */
-    needCancelButton: _angular_core.InputSignal<boolean>;
+    /** Whether to offer a clear button that empties every group's selection. */
+    needClearButton: _angular_core.InputSignal<boolean>;
     /** Whether the filter group can be closed (collapsed) by the user. If false, the group will always be expanded and the user won't see a toggle button. */
     closable: _angular_core.InputSignal<boolean>;
     /** Policy deciding which groups start expanded on each open ('collapse-empty' | predicate). Omitted → persist. */
@@ -381,7 +390,6 @@ declare class FilterDropdownButtonComponent {
     resetFilterText: _angular_core.InputSignal<string>;
     applyFiltersText: _angular_core.InputSignal<string>;
     clearFilterText: _angular_core.InputSignal<string>;
-    cancelFilterText: _angular_core.InputSignal<string>;
     /** Emits when the dropdown menu is opened */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Emits when the dropdown menu is closed */
@@ -403,7 +411,7 @@ declare class FilterDropdownButtonComponent {
     /** Event emitted when a group with locked feature is clicked */
     filterDropdownGroupLockedClicked: _angular_core.OutputEmitterRef<FilterDropdownGroup>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterDropdownButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownButtonComponent, "ap-filter-dropdown-button", never, { "buttonFilterText": { "alias": "buttonFilterText"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needCancelButton": { "alias": "needCancelButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "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; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; "cancelFilterText": { "alias": "cancelFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterDropdownButtonComponent, "ap-filter-dropdown-button", never, { "buttonFilterText": { "alias": "buttonFilterText"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "savedValue": { "alias": "savedValue"; "required": false; "isSignal": true; }; "needApplyButton": { "alias": "needApplyButton"; "required": false; "isSignal": true; }; "needClearButton": { "alias": "needClearButton"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "expandOnOpen": { "alias": "expandOnOpen"; "required": false; "isSignal": true; }; "presetsFeatureLocked": { "alias": "presetsFeatureLocked"; "required": false; "isSignal": true; }; "savePresetsMode": { "alias": "savePresetsMode"; "required": false; "isSignal": true; }; "editingPresetsMode": { "alias": "editingPresetsMode"; "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; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "saveNewPresetsText": { "alias": "saveNewPresetsText"; "required": false; "isSignal": true; }; "saveAsNewPresetText": { "alias": "saveAsNewPresetText"; "required": false; "isSignal": true; }; "savePresetText": { "alias": "savePresetText"; "required": false; "isSignal": true; }; "updateExistingPresetText": { "alias": "updateExistingPresetText"; "required": false; "isSignal": true; }; "resetFilterText": { "alias": "resetFilterText"; "required": false; "isSignal": true; }; "applyFiltersText": { "alias": "applyFiltersText"; "required": false; "isSignal": true; }; "clearFilterText": { "alias": "clearFilterText"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "presetsLockedClicked": "presetsLockedClicked"; "saveNewPresets": "saveNewPresets"; "updatePresets": "updatePresets"; "applyFilters": "applyFilters"; "clearFilters": "clearFilters"; "resetFilters": "resetFilters"; "lockedFeatureClicked": "lockedFeatureClicked"; "filterDropdownGroupLockedClicked": "filterDropdownGroupLockedClicked"; }, never, never, true, never>;
 }
 
 export { FilterDropdownButtonComponent, FilterDropdownComponent };