@agorapulse/ui-components 20.1.9 → 20.1.11

package/nav-selector/index.d.ts

@@ -1,7 +1,7 @@
 import { AvatarNetwork } from '@agorapulse/ui-components/avatar';
 import { agorapulseSymbol } from '@agorapulse/ui-symbol';
 import * as _angular_core from '@angular/core';
-import { OnInit, TemplateRef, ElementRef } from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
 import * as i1 from '@agorapulse/ui-components/directives';
 import { BaseButtonDirective } from '@agorapulse/ui-components/directives';
 
@@ -11,6 +11,10 @@ type NavSelectorLeafActionClickedEvent = {
     /** Leaf on which the action has been clicked */
     leafUid: string;
 };
+type NavSelectorCategoryEmptyStateActionEvent = {
+    /** Name of the action that has been clicked */
+    actionName: string;
+};
 /**
  * As translation is not available in the DS, this all translations needed
  */
@@ -105,8 +109,19 @@ type NavSelectorCategory = {
     folded: boolean;
     /** Title of the empty state */
     emptyStateTitle?: string;
+    /** Action of the empty state */
+    emptyStateAction?: NavSelectorEmptyStateAction;
     type: 'CATEGORY';
 } & NavSelectorBaseNode;
+/**
+ * Represent the action available in the empty state
+ */
+type NavSelectorEmptyStateAction = {
+    name: string;
+    title: string;
+    id?: string;
+    symbolId?: agorapulseSymbol;
+};
 type NavSelectorEntry = NavSelectorLeaf | NavSelectorGroup | NavSelectorCategory;
 /**
  * Represent details of a leaf, they are used to allow to display more specific information about the leaf
@@ -199,6 +214,8 @@ type InternalNavSelectorCategory = {
     folded: boolean;
     /** Title of the empty state */
     emptyStateTitle?: string;
+    /** Action of the empty state */
+    emptyStateAction?: NavSelectorEmptyStateAction;
     type: 'CATEGORY';
 } & InternalNavSelectorBaseNode;
 /**
@@ -293,7 +310,8 @@ declare class NavSelectorPopoverItemComponent {
  * It should be provided by the component to ensure that if many nav selectors are used in the same page, they don't share the same state.
  */
 declare class NavSelectorState {
-    entries: _angular_core.WritableSignal<InternalNavSelectorEntry[]>;
+    _entries: _angular_core.WritableSignal<InternalNavSelectorEntry[]>;
+    entries: _angular_core.Signal<InternalNavSelectorEntry[]>;
     private multipleModeEnabled;
     private _texts;
     isMultipleModeEnabled: _angular_core.WritableSignal<boolean>;
@@ -302,7 +320,8 @@ declare class NavSelectorState {
     texts: _angular_core.Signal<NavSelectorTranslatedTexts>;
     expanded: _angular_core.WritableSignal<boolean>;
     previousSelectedUids: string[];
-    selectedUidsChangeCallback: ((selectedUids: string[]) => void) | null;
+    private selectedUidsChangeCallback;
+    private newSelectedUids;
     constructor();
     updateMultiModeEnabled(enabled: boolean): void;
     initEntries(entries: NavSelectorEntry[], initialSelectedEntryUids: string[], detailsDisplayedLimit: number): void;
@@ -330,13 +349,12 @@ declare class NavSelectorState {
     updateDetailsDisplayedLimit(detailsDisplayedLimit: number): void;
     viewMore(leaf: InternalNavSelectorLeaf): void;
     viewLess(leaf: InternalNavSelectorLeaf): void;
+    resetFocus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavSelectorState, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NavSelectorState>;
 }
 
 declare class NavSelectorComponent implements OnInit {
-    navSelectorState: NavSelectorState;
-    private el;
     navSelectorEntries: _angular_core.InputSignal<NavSelectorEntry[]>;
     translatedTexts: _angular_core.InputSignal<NavSelectorTranslatedTexts>;
     multipleModeEnabled: _angular_core.InputSignal<boolean>;
@@ -349,6 +367,7 @@ declare class NavSelectorComponent implements OnInit {
     expandedStateLocalStorageKey: _angular_core.InputSignal<string | undefined>;
     selectedEntryUids: _angular_core.ModelSignal<string[]>;
     actionClicked: _angular_core.OutputEmitterRef<NavSelectorLeafActionClickedEvent>;
+    emptyStateActionClicked: _angular_core.OutputEmitterRef<NavSelectorCategoryEmptyStateActionEvent>;
     headerProjection: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     contentHeaderProjection: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     footerProjection: _angular_core.Signal<TemplateRef<unknown> | undefined>;
@@ -357,9 +376,15 @@ declare class NavSelectorComponent implements OnInit {
     onExpansionStateChange: _angular_core.OutputEmitterRef<{
         expanded: boolean;
     }>;
+    navSelectorState: NavSelectorState;
+    private el;
     componentUid: string;
     ready: _angular_core.WritableSignal<boolean>;
-    constructor(navSelectorState: NavSelectorState, el: ElementRef);
+    private expanded;
+    private entries;
+    private selectableEntryUids;
+    private existingSelectableUids;
+    constructor();
     ngOnInit(): void;
     onMinifiedSearchClicked(): void;
     onArrowDown(event: Event): void;
@@ -368,7 +393,7 @@ declare class NavSelectorComponent implements OnInit {
     private initializeExpandedState;
     clickExpandButton(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavSelectorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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", "contentHeaderProjection", "footerProjection"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵ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"; "emptyStateActionClicked": "emptyStateActionClicked"; "onExpansionStateChange": "onExpansionStateChange"; }, ["headerProjection", "contentHeaderProjection", "footerProjection"], never, true, never>;
 }
 
 export { NavSelectorComponent, NavSelectorPopoverItemComponent };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "20.1.9",
+  "version": "20.1.11",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -23,6 +23,7 @@
     "@ng-select/ng-select": "15.1.3",
     "@agorapulse/ngx-daterangepicker-material": "^6.0.5",
     "dayjs": "^1.11.6",
+    "es-toolkit": "1.39.8",
     "ngxtension": "4.1.0"
   },
   "module": "fesm2022/agorapulse-ui-components.mjs",
@@ -167,14 +168,14 @@
       "types": "./radio/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-radio.mjs"
     },
-    "./select": {
-      "types": "./select/index.d.ts",
-      "default": "./fesm2022/agorapulse-ui-components-select.mjs"
-    },
     "./range-slider": {
       "types": "./range-slider/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-range-slider.mjs"
     },
+    "./select": {
+      "types": "./select/index.d.ts",
+      "default": "./fesm2022/agorapulse-ui-components-select.mjs"
+    },
     "./slide-toggle": {
       "types": "./slide-toggle/index.d.ts",
       "default": "./fesm2022/agorapulse-ui-components-slide-toggle.mjs"