@agorapulse/ui-components 18.0.31 → 18.0.33

package/nav-selector/nav-selector-category/nav-selector-category.component.d.ts

@@ -1,11 +1,12 @@
 import { ElementRef } from '@angular/core';
-import { InternalNavSelectorCategory } from '../nav-selector';
+import { InternalNavSelectorCategory, NavSelectorLeafActionClickedEvent } from '../nav-selector';
 import { NavSelectorCategoryPresenter } from './nav-selector-category.presenter';
 import * as i0 from "@angular/core";
 export declare class NavSelectorCategoryComponent {
     private el;
     navSelectorCategoryPresenter: NavSelectorCategoryPresenter;
     category: import("@angular/core").InputSignal<InternalNavSelectorCategory>;
+    actionClicked: import("@angular/core").OutputEmitterRef<NavSelectorLeafActionClickedEvent>;
     foldSymbol: import("@angular/core").Signal<"chevron-down" | "chevron-up">;
     foldedWithDelay: import("@angular/core").WritableSignal<boolean>;
     animationState: import("@angular/core").Signal<"collapsed" | "expanded">;
@@ -22,5 +23,5 @@ export declare class NavSelectorCategoryComponent {
     maxHeight: import("@angular/core").WritableSignal<string>;
     private updateAliasBoundedClientRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorCategoryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorCategoryComponent, "ap-nav-selector-category", never, { "category": { "alias": "category"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorCategoryComponent, "ap-nav-selector-category", never, { "category": { "alias": "category"; "required": true; "isSignal": true; }; }, { "actionClicked": "actionClicked"; }, never, never, true, never>;
 }

package/nav-selector/nav-selector-group/nav-selector-group.component.d.ts

@@ -1,11 +1,12 @@
 import { ElementRef } from '@angular/core';
-import { InternalNavSelectorGroup } from '../nav-selector';
+import { InternalNavSelectorGroup, NavSelectorLeafActionClickedEvent } from '../nav-selector';
 import { NavSelectorGroupPresenter } from './nav-selector-group.presenter';
 import * as i0 from "@angular/core";
 export declare class NavSelectorGroupComponent {
     private el;
     navSelectorGroupPresenter: NavSelectorGroupPresenter;
     group: import("@angular/core").InputSignal<InternalNavSelectorGroup>;
+    actionClicked: import("@angular/core").OutputEmitterRef<NavSelectorLeafActionClickedEvent>;
     foldSymbol: import("@angular/core").Signal<"chevron-down" | "chevron-up">;
     aliasEl: import("@angular/core").Signal<ElementRef<any> | undefined>;
     aliasBoundedClientRect: import("@angular/core").WritableSignal<{
@@ -31,5 +32,5 @@ export declare class NavSelectorGroupComponent {
     unfold(event: Event): void;
     private updateAliasBoundedClientRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorGroupComponent, "ap-nav-selector-group", never, { "group": { "alias": "group"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorGroupComponent, "ap-nav-selector-group", never, { "group": { "alias": "group"; "required": true; "isSignal": true; }; }, { "actionClicked": "actionClicked"; }, never, never, true, never>;
 }

package/nav-selector/nav-selector-leaf/nav-selector-leaf.component.d.ts

@@ -1,11 +1,12 @@
 import { ElementRef } from '@angular/core';
-import { InternalNavSelectorLeaf, InternalNavSelectorLeafDetails } from '../nav-selector';
+import { InternalNavSelectorLeaf, InternalNavSelectorLeafAction, InternalNavSelectorLeafDetails, NavSelectorLeafActionClickedEvent } from '../nav-selector';
 import { NavSelectorLeafPresenter } from './nav-selector-leaf.presenter';
 import * as i0 from "@angular/core";
 export declare class NavSelectorLeafComponent {
     private el;
     navSelectorLeafPresenter: NavSelectorLeafPresenter;
     leaf: import("@angular/core").InputSignal<InternalNavSelectorLeaf>;
+    actionClicked: import("@angular/core").OutputEmitterRef<NavSelectorLeafActionClickedEvent>;
     initial: import("@angular/core").Signal<string>;
     foldSymbol: import("@angular/core").Signal<"chevron-down" | "chevron-up">;
     focused: import("@angular/core").WritableSignal<boolean>;
@@ -37,7 +38,8 @@ export declare class NavSelectorLeafComponent {
     fold(event: Event): void;
     unfold(event: Event): void;
     onDetailClicked(event: Event, detail: InternalNavSelectorLeafDetails): void;
+    onActionClicked(action: InternalNavSelectorLeafAction): void;
     private updateAliasBoundedClientRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorLeafComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorLeafComponent, "ap-nav-selector-leaf", never, { "leaf": { "alias": "leaf"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorLeafComponent, "ap-nav-selector-leaf", never, { "leaf": { "alias": "leaf"; "required": true; "isSignal": true; }; }, { "actionClicked": "actionClicked"; }, never, never, true, never>;
 }

package/nav-selector/nav-selector-leaf/nav-selector-leaf.presenter.d.ts

@@ -6,7 +6,6 @@ export declare class NavSelectorLeafPresenter {
     expanded: import("@angular/core").Signal<boolean>;
     texts: import("@angular/core").Signal<import("../nav-selector").NavSelectorTranslatedTexts>;
     isMultipleModeEnabled: import("@angular/core").Signal<boolean>;
-    leafActionProjection: import("@angular/core").Signal<readonly import("@angular/core").TemplateRef<unknown>[] | undefined>;
     expandedAfterDelay: import("@angular/core").Signal<boolean>;
     constructor(navSelectorState: NavSelectorState);
     selectLeaf(leaf: InternalNavSelectorLeaf): void;

package/nav-selector/nav-selector-leaf-action/nav-selector-leaf-action.component.d.ts

@@ -0,0 +1,7 @@
+import { InternalNavSelectorLeafAction } from '../nav-selector';
+import * as i0 from "@angular/core";
+export declare class NavSelectorLeafActionComponent {
+    action: import("@angular/core").InputSignal<InternalNavSelectorLeafAction>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorLeafActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorLeafActionComponent, "ap-nav-selector-leaf-action", never, { "action": { "alias": "action"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/nav-selector/nav-selector-popover/nav-selector-popover-item.component.d.ts

@@ -4,9 +4,11 @@ import * as i1 from "@agorapulse/ui-components/directives";
 export declare class NavSelectorPopoverItemComponent {
     selected: import("@angular/core").InputSignal<boolean>;
     disabled: import("@angular/core").InputSignal<boolean>;
+    locked: import("@angular/core").InputSignal<boolean>;
+    id: import("@angular/core").InputSignal<string | null>;
     name: import("@angular/core").InputSignal<string>;
     ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     readonly baseButtonDirective: BaseButtonDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorPopoverItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorPopoverItemComponent, "ap-nav-selector-popover-item", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorPopoverItemComponent, "ap-nav-selector-popover-item", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "locked": { "alias": "locked"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
 }

package/nav-selector/nav-selector.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, OnInit, TemplateRef } from '@angular/core';
-import { NavSelectorEntry, NavSelectorTranslatedTexts } from './nav-selector';
+import { NavSelectorEntry, NavSelectorLeafActionClickedEvent, NavSelectorTranslatedTexts } from './nav-selector';
 import { NavSelectorState } from './nav-selector.state';
 import * as i0 from "@angular/core";
 export declare class NavSelectorComponent implements OnInit {
@@ -16,10 +16,10 @@ export declare class NavSelectorComponent implements OnInit {
     forceExpanded: import("@angular/core").InputSignal<boolean>;
     expandedStateLocalStorageKey: import("@angular/core").InputSignal<string | undefined>;
     selectedEntryUids: import("@angular/core").ModelSignal<string[]>;
+    actionClicked: import("@angular/core").OutputEmitterRef<NavSelectorLeafActionClickedEvent>;
     headerProjection: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
     footerProjection: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
     displayFooter: import("@angular/core").Signal<boolean>;
-    leafActionProjection: import("@angular/core").Signal<readonly TemplateRef<unknown>[]>;
     expansionState: import("@angular/core").Signal<"expanded" | "minified">;
     onExpansionStateChange: import("@angular/core").OutputEmitterRef<{
         expanded: boolean;
@@ -35,5 +35,5 @@ export declare class NavSelectorComponent implements OnInit {
     private initializeExpandedState;
     clickExpandButton(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorComponent, "ap-nav-selector", never, { "navSelectorEntries": { "alias": "navSelectorEntries"; "required": true; "isSignal": true; }; "translatedTexts": { "alias": "translatedTexts"; "required": true; "isSignal": true; }; "multipleModeEnabled": { "alias": "multipleModeEnabled"; "required": false; "isSignal": true; }; "detailsDisplayedLimit": { "alias": "detailsDisplayedLimit"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; "expandedStateLocalStorageKey": { "alias": "expandedStateLocalStorageKey"; "required": false; "isSignal": true; }; "selectedEntryUids": { "alias": "selectedEntryUids"; "required": true; "isSignal": true; }; }, { "selectedEntryUids": "selectedEntryUidsChange"; "onExpansionStateChange": "onExpansionStateChange"; }, ["headerProjection", "footerProjection", "leafActionProjection"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorComponent, "ap-nav-selector", never, { "navSelectorEntries": { "alias": "navSelectorEntries"; "required": true; "isSignal": true; }; "translatedTexts": { "alias": "translatedTexts"; "required": true; "isSignal": true; }; "multipleModeEnabled": { "alias": "multipleModeEnabled"; "required": false; "isSignal": true; }; "detailsDisplayedLimit": { "alias": "detailsDisplayedLimit"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "forceExpanded": { "alias": "forceExpanded"; "required": false; "isSignal": true; }; "expandedStateLocalStorageKey": { "alias": "expandedStateLocalStorageKey"; "required": false; "isSignal": true; }; "selectedEntryUids": { "alias": "selectedEntryUids"; "required": true; "isSignal": true; }; }, { "selectedEntryUids": "selectedEntryUidsChange"; "actionClicked": "actionClicked"; "onExpansionStateChange": "onExpansionStateChange"; }, ["headerProjection", "footerProjection"], never, true, never>;
 }

package/nav-selector/nav-selector.d.ts

@@ -1,4 +1,10 @@
 import { AvatarNetwork } from '@agorapulse/ui-components/avatar';
+export type NavSelectorLeafActionClickedEvent = {
+    /** Name of the action that has been clicked */
+    actionName: string;
+    /** Leaf on which the action has been clicked */
+    leafUid: string;
+};
 /**
  * As translation is not available in the DS, this all translations needed
  */
@@ -31,6 +37,21 @@ export type NavSelectorBaseNode = {
     /** Displayed name of the node */
     alias: string;
 };
+/**
+ * Represent an action that can be performed on a leaf
+ */
+export type NavSelectorLeafAction = {
+    /** Unique identifier of the action, used for click tracking */
+    id: string | null;
+    /** Action label to display */
+    label: string;
+    /** Technical name of the action, used to identify the action */
+    name: string;
+    /** Optional icon to display on the action */
+    icon: string | null;
+    /** Optional Status */
+    status: 'disabled' | 'locked' | null;
+};
 /**
  * Represent final entry of the nav selector
  */
@@ -50,6 +71,8 @@ export type NavSelectorLeaf = {
     featureLocked: boolean;
     /** Sub elements of the leaf, they are optional */
     details: NavSelectorLeafDetails[];
+    /** Optional actions that can be performed on the leaf */
+    actions: NavSelectorLeafAction[];
     type: 'LEAF';
 } & NavSelectorBaseNode;
 /**
@@ -102,6 +125,18 @@ export type NodeAccessibility = {
     /** In a tree, the deep level, starting from 1 */
     ariaLevel: number;
 };
+export type InternalNavSelectorLeafAction = {
+    /** Unique identifier of the action, used for click tracking */
+    id: string | null;
+    /** Action label to display */
+    label: string;
+    /** Technical name of the action, used to identify the action */
+    name: string;
+    /** Optional icon to display on the action */
+    icon: string | null;
+    /** Optional Status */
+    status: 'disabled' | 'locked' | null;
+};
 /**
  * Represent a node
  */
@@ -157,11 +192,10 @@ export type InternalNavSelectorCategory = {
  * Represent final entry of the nav selector
  */
 export type InternalNavSelectorLeaf = {
-    /**
-     * Indicates if the actions dropdown could be display. Should not be display if the leaf has an error status.
-     * Note: only working if actions are projected in the nav selector component
-     */
+    /** Indicates if the actions dropdown could be display. Should not be display if the leaf has an error status. */
     actionsDisplayable: boolean;
+    /** Actions that can be performed on the leaf */
+    actions: InternalNavSelectorLeafAction[];
     /** Picture url to display on the avatar, optional */
     pictureUrl: string | null;
     /** Indicates if the counter could be display. The leaf should not be disabled, feature locked or has token invalid */

package/nav-selector/nav-selector.state.d.ts

@@ -1,4 +1,3 @@
-import { TemplateRef } from '@angular/core';
 import { InternalNavSelectorEntry, InternalNavSelectorLeaf, InternalNavSelectorLeafDetails, NavSelectorEntry, NavSelectorTranslatedTexts } from './nav-selector';
 import * as i0 from "@angular/core";
 /**
@@ -15,9 +14,9 @@ export declare class NavSelectorState {
     search: import("@angular/core").WritableSignal<string>;
     noResults: import("@angular/core").Signal<boolean>;
     texts: import("@angular/core").Signal<NavSelectorTranslatedTexts>;
-    leafActionProjection: import("@angular/core").WritableSignal<readonly TemplateRef<unknown>[] | undefined>;
     expanded: import("@angular/core").WritableSignal<boolean>;
     expandedAfterDelay: import("@angular/core").WritableSignal<boolean>;
+    previousSelectedUids: string[];
     selectedUidsChangeCallback: ((selectedUids: string[]) => void) | null;
     constructor();
     updateMultiModeEnabled(enabled: boolean): void;
@@ -40,7 +39,6 @@ export declare class NavSelectorState {
     onArrowUp(): void;
     private collectSelectedUids;
     private getFoldingOptions;
-    updateLeafAction(leafActionProjection: ReadonlyArray<TemplateRef<unknown>>): void;
     fold(entry: InternalNavSelectorEntry): void;
     unfold(entry: InternalNavSelectorEntry): void;
     updateDetailsDisplayedLimit(detailsDisplayedLimit: number): void;

package/nav-selector/utils/leaf.utils.d.ts

@@ -1,4 +1,4 @@
-import { InternalNavSelectorLeaf } from '../nav-selector';
+import { InternalNavSelectorCategory, InternalNavSelectorEntry, InternalNavSelectorGroup, InternalNavSelectorLeaf } from '../nav-selector';
 /**
  * Utility type to extract keys of an object that are of type string, number or symbol which are the only type allowed in a Record
  */
@@ -15,4 +15,5 @@ export declare const isInternalNavSelectorEntryALeafFocusable: (leaf: InternalNa
     parentFolded: boolean;
     multipleMode: boolean;
 }) => boolean;
+export declare const computeFolded: (entry: InternalNavSelectorGroup | InternalNavSelectorCategory, children: InternalNavSelectorEntry[]) => boolean;
 export {};

package/package.json

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