npm - @memberjunction/ng-trees - Versions diffs - 5.24.0 → 5.26.0 - Mend

@memberjunction/ng-trees 5.24.0 → 5.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/lib/tree-dropdown/tree-dropdown.component.d.ts CHANGED Viewed

@@ -189,7 +189,9 @@ export declare class TreeDropdownComponent implements OnInit, OnDestroy, AfterVi
      */
     onSearchInput(event: Event): void;
     /**
-     * Handle search keydown
+     * Handle search keydown — provides full keyboard navigation while search input retains focus.
+     * The tree's own keyboard handler doesn't fire because the search input has DOM focus,
+     * so all navigation is handled here by manipulating the tree's FocusedNode visual state.
      */
     onSearchKeyDown(event: KeyboardEvent): void;
     /**
@@ -210,6 +212,38 @@ export declare class TreeDropdownComponent implements OnInit, OnDestroy, AfterVi
      */
     onTreeBeforeNodeSelect(event: BeforeNodeSelectEventArgs): void;
     onTreeAfterNodeSelect(event: AfterNodeSelectEventArgs): void;
+    /**
+     * Focus the search input after the dropdown opens.
+     * Deferred to the next macrotask so that:
+     *  1. Angular has fully resolved @ViewChild queries for the @if block
+     *  2. The browser's click event (on the trigger) has completed and won't steal focus back
+     * Falls back to direct DOM querySelector if the ViewChild isn't resolved.
+     */
+    private focusSearchInput;
+    /**
+     * Navigate tree focus up/down/first/last while search input retains DOM focus
+     */
+    private navigateTree;
+    /**
+     * Select the currently focused tree node (Enter key)
+     */
+    private selectFocusedNode;
+    /**
+     * ArrowRight: expand focused branch or descend to first child
+     */
+    private expandOrDescendFocusedNode;
+    /**
+     * ArrowLeft: collapse focused branch or ascend to parent
+     */
+    private collapseOrAscendFocusedNode;
+    /**
+     * Toggle expand/collapse of a branch node
+     */
+    private toggleBranchExpansion;
+    /**
+     * Scroll the currently focused tree node into view within the dropdown panel
+     */
+    private scrollFocusedNodeIntoView;
     /**
      * Create dropdown portal element (attached to body)
      */

package/dist/lib/tree-dropdown/tree-dropdown.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tree-dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tree-dropdown/tree-dropdown.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAIH,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACN,SAAS,EAET,UAAU,EAAG,6CAA6C;AAC1D,SAAS,EACT,aAAa,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACH,yBAAyB,EACzB,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC5B,2BAA2B,EAC3B,uBAAuB,EACvB,sBAAsB,EACzB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,OAAO,EAAY,YAAY,EAAE,MAAM,sBAAsB,CAAC;;~~AAE9D~~;;GAEG;AACH,UAAU,gBAAgB;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;CACxB;AAED,qBAMa,qBAAsB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IAsLtE,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAlL7B,wDAAwD;IAC/C,YAAY,EAAG,gBAAgB,CAAC;IAEzC,yCAAyC;IAChC,UAAU,CAAC,EAAE,cAAc,CAAC;IAErC,6CAA6C;IACpC,aAAa,EAAE,iBAAiB,CAAY;IAErD,8DAA8D;IACrD,eAAe,EAAE,mBAAmB,CAAU;IAMvD,mFAAmF;IACnF,OAAO,CAAC,MAAM,CAA8C;IAE5D;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,IACI,KAAK,CAAC,GAAG,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,IAAI,EAWlD;IACD,IAAI,KAAK,IAAI,YAAY,GAAG,YAAY,EAAE,GAAG,IAAI,CAEhD;IAED,mEAAmE;IACnE,OAAO,CAAC,mBAAmB,CAAuB;IAMlD,6CAA6C;IACpC,WAAW,EAAE,MAAM,CAAe;IAE3C,8BAA8B;IACrB,YAAY,EAAE,OAAO,CAAQ;IAEtC,2BAA2B;IAClB,YAAY,EAAE,gBAAgB,CAAM;IAE7C,6BAA6B;IACpB,cAAc,EAAE,kBAAkB,CAAM;IAEjD,0BAA0B;IACjB,WAAW,EAAE,eAAe,CAAM;IAE3C,wBAAwB;IACf,SAAS,EAAE,OAAO,CAAQ;IAEnC,qBAAqB;IACZ,QAAQ,EAAE,OAAO,CAAS;IAEnC,iCAAiC;IACxB,iBAAiB,EAAE,OAAO,CAAQ;IAE3C,6BAA6B;IACpB,QAAQ,EAAE,OAAO,CAAQ;IAElC,8BAA8B;IACrB,oBAAoB,EAAE,OAAO,CAAQ;IAM9C,iCAAiC;IACvB,WAAW,qDAA4D;IAEjF,uDAAuD;IAC7C,eAAe,6CAAoD;IAGnE,gBAAgB,0CAAiD;IACjE,eAAe,yCAAgD;IAC/D,YAAY,sCAA6C;IACzD,WAAW,qCAA4C;IACvD,kBAAkB,4CAAmD;IACrE,iBAAiB,2CAAkD;IACnE,mBAAmB,6CAAoD;IACvE,kBAAkB,4CAAmD;IACrE,cAAc,wCAA+C;IAC7D,aAAa,uCAA8C;IAMxC,cAAc,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,WAAW,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzC,aAAa,EAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,aAAa,EAAG,aAAa,CAAC;IAM1D,uBAAuB;IAChB,MAAM,EAAE,OAAO,CAAS;IAE/B,wBAAwB;IACjB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEhD,kBAAkB;IACX,UAAU,EAAE,MAAM,CAAM;IAE/B,mCAAmC;IAC5B,aAAa,EAAE,QAAQ,EAAE,CAAM;IAEtC,sBAAsB;IACf,SAAS,EAAE,OAAO,CAAS;IAElC,sBAAsB;IACf,QAAQ,EAAE,OAAO,CAAS;IAEjC,8BAA8B;IAC9B,OAAO,CAAC,cAAc,CAA4B;IAElD,8BAA8B;IAC9B,OAAO,CAAC,aAAa,CAAyB;IAE9C,sBAAsB;IACtB,OAAO,CAAC,QAAQ,CAAuB;IAEvC,6BAA6B;IAC7B,OAAO,CAAC,oBAAoB,CAA6B;IAEzD,sBAAsB;IACtB,OAAO,CAAC,cAAc,CAA6B;IAEnD,sBAAsB;IACtB,OAAO,CAAC,cAAc,CAA6B;IAEnD,qCAAqC;IACrC,OAAO,CAAC,cAAc,CAAyB;gBAO1B,GAAG,EAAE,iBAAiB,EACtB,QAAQ,EAAE,SAAS;IAOxC,QAAQ,IAAI,IAAI;IAWhB,eAAe,IAAI,IAAI;IAQvB,WAAW,IAAI,IAAI;IAWnB;;;;;;;;;;;;;;;;;;;OAmBG;IACI,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IASvC;;OAEG;IACI,IAAI,IAAI,IAAI;~~IA0CnB~~;;OAEG;IACI,KAAK,CAAC,MAAM,GAAE,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,cAA+B,GAAG,IAAI;IAyBrG;;OAEG;IACI,MAAM,IAAI,IAAI;IAQrB;;OAEG;IACI,KAAK,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI;IAkBtC;;OAEG;IACU,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAUrC;;OAEG;IACI,cAAc,IAAI,IAAI;IAO7B;;OAEG;IACI,gBAAgB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAqBnD;;OAEG;IACI,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAMxC~~;;OAEG~~;IACI,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;~~IAqBlD~~;;OAEG;IACI,aAAa,IAAI,IAAI;IAQ5B;;OAEG;IACI,qBAAqB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI;IA6BrD;;OAEG;IACI,oBAAoB,CAAC,KAAK,EAAE,uBAAuB,GAAG,IAAI;IAO1D,mBAAmB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI;IA4B/D;;OAEG;IACI,sBAAsB,CAAC,KAAK,EAAE,yBAAyB,GAAG,IAAI;IAI9D,qBAAqB,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI;IAQnE;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAO5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAsEzB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAiE5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAmB5B;;OAEG;IACH,OAAO,CAAC,eAAe,CAKrB;IAEF;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAUpC;;OAEG;IACH,OAAO,CAAC,aAAa;IAwCrB;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAO9B,OAAO,CAAC,4BAA4B;IAYpC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAyB5B;;OAEG;YACW,wBAAwB;IAoCtC;;OAEG;IACI,cAAc,IAAI,MAAM;IAuB/B;;OAEG;IACI,cAAc,IAAI,MAAM,GAAG,IAAI;IAOtC;;OAEG;IACI,eAAe,IAAI,MAAM,GAAG,IAAI;IAOvC;;OAEG;IACI,YAAY,IAAI,OAAO;IAI9B;;OAEG;IACI,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAalD;;OAEG;IACI,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAUnD;;;OAGG;IACI,mBAAmB,IAAI,MAAM,EAAE;~~yCAt8B7B~~,qBAAqB;2CAArB,qBAAqB;~~CAk9BjC~~"}
1	+ {"version":3,"file":"tree-dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tree-dropdown/tree-dropdown.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/tree-dropdown/tree-dropdown.component.js CHANGED Viewed

@@ -13,6 +13,7 @@ import { BeforeSearchEventArgs, AfterSearchEventArgs, BeforeDropdownOpenEventArg
 import { Subject } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { Metadata, CompositeKey } from '@memberjunction/core';
+import { UUIDsEqual } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../tree/tree.component";
@@ -298,25 +299,13 @@ export class TreeDropdownComponent {
         this.IsOpen = true;
         this.calculatePosition();
         this.attachEventListeners();
-        // Focus search input after opening — use microtask + fallback to ensure it works
-        // even when Angular change detection hasn't yet rendered the @if block
-        Promise.resolve().then(() => {
-            if (this.EnableSearch && this.searchInput) {
-                this.searchInput.nativeElement.focus();
-            }
-            else {
-                // Fallback: the @if block may not have rendered yet, retry after a frame
-                setTimeout(() => {
-                    if (this.EnableSearch && this.searchInput) {
-                        this.searchInput.nativeElement.focus();
-                    }
-                }, 100);
-            }
-        });
+        // Trigger change detection so the @if (IsOpen) block renders the dropdown panel
+        this.cdr.detectChanges();
+        // Focus search input after rendering
+        this.focusSearchInput();
         // Fire after event
         const afterEvent = new AfterDropdownOpenEventArgs(this, this.Position?.renderAbove ? 'above' : 'below');
         this.AfterDropdownOpen.emit(afterEvent);
-        this.cdr.detectChanges();
     }
     /**
      * Close the dropdown
@@ -418,7 +407,9 @@ export class TreeDropdownComponent {
         this.searchSubject.next(value);
     }
     /**
-     * Handle search keydown
+     * Handle search keydown — provides full keyboard navigation while search input retains focus.
+     * The tree's own keyboard handler doesn't fire because the search input has DOM focus,
+     * so all navigation is handled here by manipulating the tree's FocusedNode visual state.
      */
     onSearchKeyDown(event) {
         switch (event.key) {
@@ -429,14 +420,31 @@ export class TreeDropdownComponent {
                 break;
             case 'ArrowDown':
                 event.preventDefault();
-                // Focus first tree node — guard against null/empty state
-                if (this.treeComponent?.Nodes?.length) {
-                    const visibleNodes = this.getVisibleNodesInOrder(this.treeComponent.Nodes);
-                    if (visibleNodes.length > 0) {
-                        this.treeComponent.FocusedNode = visibleNodes[0];
-                        this.cdr.detectChanges();
-                    }
-                }
+                this.navigateTree('down');
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.navigateTree('up');
+                break;
+            case 'ArrowRight':
+                event.preventDefault();
+                this.expandOrDescendFocusedNode();
+                break;
+            case 'ArrowLeft':
+                event.preventDefault();
+                this.collapseOrAscendFocusedNode();
+                break;
+            case 'Enter':
+                event.preventDefault();
+                this.selectFocusedNode();
+                break;
+            case 'Home':
+                event.preventDefault();
+                this.navigateTree('first');
+                break;
+            case 'End':
+                event.preventDefault();
+                this.navigateTree('last');
                 break;
         }
     }
@@ -512,6 +520,172 @@ export class TreeDropdownComponent {
         this.AfterNodeSelect.emit(event);
     }
     // ========================================
+    // Keyboard Navigation Helpers
+    // ========================================
+    /**
+     * Focus the search input after the dropdown opens.
+     * Deferred to the next macrotask so that:
+     *  1. Angular has fully resolved @ViewChild queries for the @if block
+     *  2. The browser's click event (on the trigger) has completed and won't steal focus back
+     * Falls back to direct DOM querySelector if the ViewChild isn't resolved.
+     */
+    focusSearchInput() {
+        if (!this.EnableSearch)
+            return;
+        const tryFocus = (retriesLeft) => {
+            // Try ViewChild first
+            if (this.searchInput?.nativeElement) {
+                this.searchInput.nativeElement.focus();
+                return;
+            }
+            // Fallback: query DOM directly (ViewChild may not resolve for @if blocks)
+            const panel = this.dropdownPanel?.nativeElement;
+            if (panel) {
+                const input = panel.querySelector('.tree-dropdown-search__input');
+                if (input) {
+                    input.focus();
+                    return;
+                }
+            }
+            // Retry on next frame
+            if (retriesLeft > 0) {
+                requestAnimationFrame(() => tryFocus(retriesLeft - 1));
+            }
+        };
+        // Defer to next macrotask so the click event on the trigger completes first
+        // and Angular finishes resolving ViewChild queries for the new @if block
+        setTimeout(() => tryFocus(5), 0);
+    }
+    /**
+     * Navigate tree focus up/down/first/last while search input retains DOM focus
+     */
+    navigateTree(direction) {
+        if (!this.treeComponent?.Nodes?.length)
+            return;
+        const visibleNodes = this.getVisibleNodesInOrder(this.treeComponent.Nodes);
+        if (visibleNodes.length === 0)
+            return;
+        const currentIndex = this.treeComponent.FocusedNode
+            ? visibleNodes.indexOf(this.treeComponent.FocusedNode)
+            : -1;
+        let targetNode = null;
+        switch (direction) {
+            case 'down':
+                targetNode = currentIndex === -1
+                    ? visibleNodes[0]
+                    : currentIndex < visibleNodes.length - 1
+                        ? visibleNodes[currentIndex + 1]
+                        : null;
+                break;
+            case 'up':
+                targetNode = currentIndex === -1
+                    ? visibleNodes[visibleNodes.length - 1]
+                    : currentIndex > 0
+                        ? visibleNodes[currentIndex - 1]
+                        : null;
+                break;
+            case 'first':
+                targetNode = visibleNodes[0];
+                break;
+            case 'last':
+                targetNode = visibleNodes[visibleNodes.length - 1];
+                break;
+        }
+        if (targetNode) {
+            this.treeComponent.FocusedNode = targetNode;
+            this.cdr.detectChanges();
+            this.scrollFocusedNodeIntoView();
+        }
+    }
+    /**
+     * Select the currently focused tree node (Enter key)
+     */
+    selectFocusedNode() {
+        const focusedNode = this.treeComponent?.FocusedNode;
+        if (!focusedNode)
+            return;
+        // Check if the node type is selectable per config
+        const isSelectable = this.SelectableTypes === 'both'
+            || (this.SelectableTypes === 'leaf' && focusedNode.Type === 'leaf')
+            || (this.SelectableTypes === 'branch' && focusedNode.Type === 'branch');
+        if (isSelectable) {
+            this.treeComponent.SelectNodes([focusedNode.ID], true);
+        }
+        else if (focusedNode.Type === 'branch') {
+            // Non-selectable branch: toggle expand/collapse
+            this.toggleBranchExpansion(focusedNode);
+        }
+    }
+    /**
+     * ArrowRight: expand focused branch or descend to first child
+     */
+    expandOrDescendFocusedNode() {
+        const node = this.treeComponent?.FocusedNode;
+        if (!node || node.Type !== 'branch')
+            return;
+        if (!node.Expanded && node.Children?.length) {
+            this.treeComponent.ExpandToNode(node.Children[0].ID);
+            this.cdr.detectChanges();
+        }
+        else if (node.Expanded && node.Children?.length) {
+            // Already expanded: move focus to first visible child
+            const firstVisible = node.Children.find(c => c.Visible);
+            if (firstVisible) {
+                this.treeComponent.FocusedNode = firstVisible;
+                this.cdr.detectChanges();
+                this.scrollFocusedNodeIntoView();
+            }
+        }
+    }
+    /**
+     * ArrowLeft: collapse focused branch or ascend to parent
+     */
+    collapseOrAscendFocusedNode() {
+        const node = this.treeComponent?.FocusedNode;
+        if (!node)
+            return;
+        if (node.Type === 'branch' && node.Expanded) {
+            // Collapse the branch
+            this.toggleBranchExpansion(node);
+        }
+        else if (node.ParentID) {
+            // Move to parent
+            const allNodes = this.getVisibleNodesInOrder(this.treeComponent.Nodes);
+            const parent = allNodes.find(n => UUIDsEqual(n.ID, node.ParentID));
+            if (parent) {
+                this.treeComponent.FocusedNode = parent;
+                this.cdr.detectChanges();
+                this.scrollFocusedNodeIntoView();
+            }
+        }
+    }
+    /**
+     * Toggle expand/collapse of a branch node
+     */
+    toggleBranchExpansion(node) {
+        if (node.Expanded) {
+            node.Expanded = false;
+        }
+        else {
+            this.treeComponent.ExpandToNode(node.ID);
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * Scroll the currently focused tree node into view within the dropdown panel
+     */
+    scrollFocusedNodeIntoView() {
+        requestAnimationFrame(() => {
+            const panel = this.dropdownPanel?.nativeElement;
+            if (!panel)
+                return;
+            const focused = panel.querySelector('.tree-node-focused, .tree-node--focused, [data-focused="true"]');
+            if (focused) {
+                focused.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+            }
+        });
+    }
+    // ========================================
     // Private Methods
     // ========================================
     /**
@@ -1019,5 +1193,5 @@ export class TreeDropdownComponent {
             type: ViewChild,
             args: ['treeComponent']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDropdownComponent, { className: "TreeDropdownComponent", filePath: "src/lib/tree-dropdown/tree-dropdown.component.ts", lineNumber: 69 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TreeDropdownComponent, { className: "TreeDropdownComponent", filePath: "src/lib/tree-dropdown/tree-dropdown.component.ts", lineNumber: 70 }); })();
 //# sourceMappingURL=tree-dropdown.component.js.map