@agorapulse/ui-components 22.0.29 → 22.0.31

package/package.json

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

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

@@ -189,6 +189,8 @@ declare class FilterState {
     readonly draft: _angular_core.Signal<FilterDropdownOutput>;
     readonly expanded: _angular_core.Signal<Record<string, boolean>>;
     readonly activeFilterCount: _angular_core.Signal<number>;
+    /** What the consumer last applied, which is what the trigger advertises while the panel edits the draft. */
+    readonly appliedFilterCount: _angular_core.Signal<number>;
     readonly isFilterCountActive: _angular_core.Signal<boolean>;
     readonly hasChanges: _angular_core.Signal<boolean>;
     /** Save / Update / Reset / Apply are gated on dirty state. */
@@ -197,6 +199,7 @@ declare class FilterState {
     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>;
+    private countSelections;
     /** 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. */
@@ -317,6 +320,9 @@ 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>;
+    /** What the trigger badge counts: the applied value when an Apply step gates it, the live draft otherwise. */
+    readonly triggerFilterCount: _angular_core.Signal<number>;
+    readonly triggerFilterCountActive: _angular_core.Signal<boolean>;
     private panelOpenAtGestureStart;
     savePresetsDropdownItems: _angular_core.Signal<ActionDropdownItem[]>;
     /** Opens the dropdown menu at the specified trigger element */

package/types/agorapulse-ui-components-nav-selector-testing.d.ts

@@ -1,5 +1,5 @@
 import { AvatarNetwork } from '@agorapulse/ui-components/avatar';
-import { NavSelectorLeafAction, NavSelectorLeafDetails, NavSelectorLeaf } from '@agorapulse/ui-components/nav-selector';
+import { NavSelectorLeafAction, NavSelectorLeafDetails, NavSelectorLeafTags, NavSelectorLeaf } from '@agorapulse/ui-components/nav-selector';
 
 /**
  * Usage Example:
@@ -35,6 +35,7 @@ declare function generateLeafElements(options: {
     featureLockedFrequency?: number;
     actions?: NavSelectorLeafAction[];
     details?: Partial<NavSelectorLeafDetails>[];
+    tags?: NavSelectorLeafTags;
 }, customizer?: (leaf: NavSelectorLeaf, index: number) => NavSelectorLeaf): NavSelectorLeaf[];
 /**
  * Utility function to generate group type elements with children
@@ -58,6 +59,7 @@ declare function generateGroupElements(options: {
     featureLockedFrequency?: number;
     actions?: NavSelectorLeafAction[];
     details?: Partial<NavSelectorLeafDetails>[];
+    tags?: NavSelectorLeafTags;
 }): any;
 
 export { generateGroupElements, generateLeafElements };

package/types/agorapulse-ui-components-nav-selector.d.ts

@@ -42,6 +42,18 @@ interface NavSelectorTranslatedTexts {
     viewMore: string;
     /** Text of the button to show less details, it’s used when we limit the number of details displayed  */
     viewLess: string;
+    /** Text of the button opening the filter dropdown */
+    filter: string;
+    /** Text of the button clearing the filters inside the filter dropdown */
+    clearFilters: string;
+    /** Text of the button applying the filters picked inside the filter dropdown */
+    applyFilters: string;
+    /**
+     * Heading of each tag group inside the filter dropdown, keyed by tag name. Tag names are a structural taxonomy, not
+     * consumer data like the tag values are, so they need a translation of their own. Keying on `NavSelectorLeafTags`
+     * makes the compiler ask for one whenever a tag name is added.
+     */
+    tagNames: Record<keyof NavSelectorLeafTags, string>;
 }
 /**
  * Common interface for the NavSelector
@@ -69,6 +81,12 @@ type NavSelectorLeafAction = {
     /** Whether to add a divider before this item */
     dividerEnabled?: boolean;
 };
+/**
+ * Represent tags on a leaf. It can support many kind of tags so it is flexible
+ */
+type NavSelectorLeafTags = {
+    attributes: string[];
+};
 /**
  * Represent final entry of the nav selector
  */
@@ -97,6 +115,8 @@ type NavSelectorLeaf = {
     details: NavSelectorLeafDetails[];
     /** Optional actions that can be performed on the leaf */
     actions: NavSelectorLeafAction[];
+    /** List of tags */
+    tags: NavSelectorLeafTags;
     type: 'LEAF';
 } & NavSelectorBaseNode;
 /**
@@ -244,6 +264,12 @@ type InternalNavSelectorCategory = {
     avatarPictureUrlDisplayed: boolean;
     type: 'CATEGORY';
 } & InternalNavSelectorBaseNode;
+/**
+ * Represent final tags of leaf. It can support many kind of tags so it is flexible.
+ */
+type InternalNavSelectorLeafTags = {
+    attributes: string[];
+};
 /**
  * Represent final entry of the nav selector
  */
@@ -291,6 +317,8 @@ type InternalNavSelectorLeaf = {
     /** Details of the leaf */
     details: InternalNavSelectorLeafDetails[];
     type: 'LEAF';
+    /** List of tags of the leaf */
+    tags: InternalNavSelectorLeafTags;
     /** Indicates if the view more section should be display for details */
     viewMoreDisplayable: boolean;
     /** Indicates if the view more or view less button is displayed */
@@ -343,6 +371,8 @@ declare class NavSelectorState {
     style: Signal<NavSelectorStyle>;
     private multipleModeEnabled;
     private _texts;
+    tagsFilterDisplayed: Signal<boolean>;
+    tagsFilters: _angular_core.WritableSignal<Partial<InternalNavSelectorLeafTags>>;
     isMultipleModeEnabled: _angular_core.WritableSignal<boolean>;
     search: _angular_core.WritableSignal<string>;
     noResults: Signal<boolean>;
@@ -380,6 +410,8 @@ declare class NavSelectorState {
     onArrowUp(): void;
     private collectSelectedUids;
     private getFoldingOptions;
+    filterTags(tags: InternalNavSelectorLeafTags): void;
+    clearFilterTags(): void;
     fold(entry: InternalNavSelectorEntry): void;
     unfold(entry: InternalNavSelectorEntry): void;
     updateDetailsDisplayedLimit(detailsDisplayedLimit: number): void;
@@ -441,4 +473,4 @@ declare class NavSelectorComponent implements OnInit {
 }
 
 export { NavSelectorComponent, NavSelectorPopoverItemComponent };
-export type { NavSelectorCategory, NavSelectorCategoryEmptyStateActionEvent, NavSelectorEntry, NavSelectorGroup, NavSelectorLeaf, NavSelectorLeafAction, NavSelectorLeafActionClickedEvent, NavSelectorLeafDetails, NavSelectorTranslatedTexts, NodeAccessibility };
+export type { NavSelectorCategory, NavSelectorCategoryEmptyStateActionEvent, NavSelectorEntry, NavSelectorGroup, NavSelectorLeaf, NavSelectorLeafAction, NavSelectorLeafActionClickedEvent, NavSelectorLeafDetails, NavSelectorLeafTags, NavSelectorTranslatedTexts, NodeAccessibility };