tree-element 0.2.0 → 0.3.0

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/index.js

@@ -1,5 +1,5 @@
 /*
-Tree-element 0.2.0
+Tree-element 0.3.0
 
 Copyright 2026 Marco Braak
 
@@ -44,6 +44,7 @@ class TreeElement {
   _classNames;
   _dataLoader;
   _dndHandler;
+  _fallbackTabStop;
   _htmlElement;
   _isInitialized;
   _keyHandler;
@@ -57,7 +58,9 @@ class TreeElement {
   _tree;
   _triggerEventProvider;
 
-  /** @hidden */
+  /**
+  @hidden
+  */
   constructor({
     htmlElement,
     overrideTriggerEventProvider,
@@ -70,7 +73,10 @@ class TreeElement {
     this._isInitialized = false;
     this._tree = new Node({}, true);
     this._nodeMap = new WeakMap();
+    this._fallbackTabStop = null;
     let {
+      ariaLabel,
+      ariaLabelledBy,
       autoEscape,
       buttonLeft,
       closedIcon,
@@ -97,10 +103,10 @@ class TreeElement {
     let closeNode = this.closeNode.bind(this);
     let getNodeElement = this._getNodeElement.bind(this);
     let getNodeElementForNode = this._getNodeElementForNode.bind(this);
+    let getFocusedNode = this._getFocusedNode.bind(this);
     let getNodeById = this.getNodeById.bind(this);
     let getSelectedNode = this.getSelectedNode.bind(this);
     let getTree = this.getTree.bind(this);
-    let isFocusOnTree = this._isFocusOnTree.bind(this);
     let loadData = this.loadData.bind(this);
     let openNode = this.openNode.bind(this);
     let openParents = this._openParents.bind(this);
@@ -109,6 +115,7 @@ class TreeElement {
     let setNodeElement = this._setNodeElement.bind(this);
     let treeElement = this._htmlElement;
     let triggerEvent = this._triggerEvent.bind(this);
+    let updateTabStop = this._updateTabStop.bind(this);
     let saveState = () => {
       saveStateHandler._saveState();
     };
@@ -119,7 +126,8 @@ class TreeElement {
       _getSelectable: () => this._options.selectable,
       _openParents: openParents,
       _saveState: saveState,
-      _triggerEvent: triggerEvent
+      _triggerEvent: triggerEvent,
+      _updateTabStop: updateTabStop
     });
     let addToSelection = selectNodeHandler._addToSelection.bind(selectNodeHandler);
     let getSelectedNodes = selectNodeHandler._getSelectedNodes.bind(selectNodeHandler);
@@ -172,13 +180,17 @@ class TreeElement {
     });
     let keyHandler = new KeyHandler({
       _closeNode: closeNode,
+      _getFocusedNode: getFocusedNode,
       _getSelectedNode: getSelectedNode,
-      _isFocusOnTree: isFocusOnTree,
+      _getTree: getTree,
       _keyboardSupport: keyboardSupport,
       _openNode: openNode,
-      _selectNode: selectNode
+      _selectNode: selectNode,
+      _triggerEvent: triggerEvent
     });
     let renderer = new ElementsRenderer({
+      _ariaLabel: ariaLabel,
+      _ariaLabelledBy: ariaLabelledBy,
       _autoEscape: autoEscape,
       _buttonLeft: buttonLeft,
       _classNames: classNames,
@@ -273,10 +285,11 @@ class TreeElement {
    * @param mustSetFocus - Move the focus to the node. Default `true`.
    * @group Selection
    */
-  addToSelection(node, mustSetFocus) {
+  addToSelection(node, mustSetFocus = true) {
     this._selectNodeHandler._addToSelection(node);
     this._openParents(node);
-    this._getNodeElementForNode(node)._select(mustSetFocus ?? true);
+    this._getNodeElementForNode(node)._select(mustSetFocus);
+    this._updateTabStop();
     this._saveState();
   }
 
@@ -298,16 +311,24 @@ class TreeElement {
   }
 
   /**
-   * Closes a folder.
+   * Closes a folder. Await the promise when you need to know the closing
+   * animation has finished.
+   *
+   * @example
+   * ```js
+   * await tree.closeNode(node);
+   * console.log("closed");
+   * ```
    *
    * @param slide - Override the `slide` option for this call.
    * @group Opening and closing
    */
-  closeNode(node, slide) {
-    if (node.isFolder() || node.isEmptyFolder) {
-      this._createFolderElement(node)._close(slide ?? this._options.slide, this._options.animationSpeed);
-      this._saveState();
+  async closeNode(node, slide) {
+    if (!(node.isFolder() || node.isEmptyFolder)) {
+      return;
     }
+    await this._createFolderElement(node)._close(slide ?? this._options.slide, this._options.animationSpeed);
+    this._saveState();
   }
 
   /**
@@ -331,11 +352,7 @@ class TreeElement {
    */
   getNode(element) {
     let liElement = element.closest(`li.${this._classNames.common}`);
-    if (liElement) {
-      return this._nodeMap.get(liElement) ?? null;
-    } else {
-      return null;
-    }
+    return liElement ? this._nodeMap.get(liElement) ?? null : null;
   }
 
   /**
@@ -626,6 +643,7 @@ class TreeElement {
   removeFromSelection(node) {
     this._selectNodeHandler._removeFromSelection(node);
     this._getNodeElementForNode(node)._deselect();
+    this._updateTabStop();
     this._saveState();
   }
 
@@ -671,7 +689,12 @@ class TreeElement {
       this._saveStateHandler._saveState();
       return;
     }
-    this._selectNodeHandler._selectSingleNode(node, options);
+
+    // Unlike a click, selecting the selected node again keeps it selected
+    this._selectNodeHandler._selectSingleNode(node, {
+      mustToggle: false,
+      ...options
+    });
   }
 
   /**
@@ -697,17 +720,19 @@ class TreeElement {
   }
 
   /**
-   * Closes an open node and opens a closed one.
+   * Closes an open node and opens a closed one. Await the promise when you
+   * need to know the node is really open or closed, like with `openNode` and
+   * `closeNode`.
    *
    * @param slide - Override the `slide` option for this call.
    * @group Opening and closing
    */
-  toggle(node, slide = null) {
+  async toggle(node, slide = null) {
     let mustSlide = slide ?? this._options.slide;
     if (node.is_open) {
-      this.closeNode(node, mustSlide);
+      await this.closeNode(node, mustSlide);
     } else {
-      void this.openNode(node, mustSlide);
+      await this.openNode(node, mustSlide);
     }
   }
 
@@ -745,7 +770,7 @@ class TreeElement {
     if (idIsChanged) {
       this._tree.addNodeToIndex(node);
     }
-    if (typeof data === "object" && data.children && data.children instanceof Array) {
+    if (typeof data === "object" && data.children && Array.isArray(data.children)) {
       node.removeChildren();
       if (data.children.length) {
         node.loadFromData(data.children);
@@ -753,15 +778,45 @@ class TreeElement {
     }
     this._refreshElements(node);
   }
+
+  // Open the nodes up to the autoOpen level. A folder that is loaded on
+  // demand is fetched first, and its children are opened when the data has
+  // arrived.
+  async _autoOpenNodesOnDemand() {
+    let maxLevel = this._getAutoOpenMaxLevel();
+    let openNodes = async () => {
+      let loading = [];
+      this._tree.iterate((node, level) => {
+        if (node.load_on_demand) {
+          if (!node.is_loading) {
+            loading.push(this.openNode(node, false).then(openNodes));
+          }
+          return false;
+        }
+        void this.openNode(node, false);
+        return level !== maxLevel;
+      });
+      await Promise.all(loading);
+    };
+    await openNodes();
+  }
   _createFolderElement(node) {
     let classNames = this._classNames;
     let closedIconElement = this._renderer._closedIconElement;
     let getScrollLeft = this._scrollHandler._getScrollLeft.bind(this._scrollHandler);
     let openedIconElement = this._renderer._openedIconElement;
-    let renderChildren = this._renderer._renderChildren.bind(this._renderer);
     let tabIndex = this._options.tabIndex;
     let treeElement = this._htmlElement;
     let triggerEvent = this._triggerEvent.bind(this);
+
+    // A selected node in a closed folder is rendered when the folder is
+    // opened, which can be after it was selected. It becomes the tab stop
+    // then, so the fallback tab stop must go.
+    let renderChildren = folder => {
+      let ul = this._renderer._renderChildren(folder);
+      this._updateTabStop();
+      return ul;
+    };
     return new FolderElement({
       _classNames: classNames,
       _closedIconElement: closedIconElement,
@@ -794,12 +849,7 @@ class TreeElement {
    */
   _createRequestUrl(node) {
     let dataUrl = this._options.dataUrl;
-    let url;
-    if (typeof dataUrl === "function") {
-      url = dataUrl(node);
-    } else {
-      url = dataUrl;
-    }
+    let url = typeof dataUrl === "function" ? dataUrl(node) : dataUrl;
     if (!url) {
       return null;
     }
@@ -835,33 +885,54 @@ class TreeElement {
   _getAutoOpenMaxLevel() {
     if (this._options.autoOpen === true) {
       return -1;
-    } else if (typeof this._options.autoOpen === "number") {
+    }
+    if (typeof this._options.autoOpen === "number") {
       return this._options.autoOpen;
-    } else if (typeof this._options.autoOpen === "string") {
+    }
+    if (typeof this._options.autoOpen === "string") {
       return parseInt(this._options.autoOpen, 10);
     }
 
     /* istanbul ignore next @preserve */
     return 0;
   }
-  _getNodeElement(element) {
-    let node = this.getNode(element);
-    if (node) {
-      return this._getNodeElementForNode(node);
-    } else {
+
+  // The title span of the first node, or null when the tree is empty
+  _getFirstTitleSpan() {
+    let firstElement = this._tree.children[0]?.element;
+    return firstElement ? firstElement.querySelector(`:scope > .${this._classNames.element} > span.${this._classNames.title}`) : null;
+  }
+
+  // The node of the HTML element that has the focus, if it is in this tree
+  _getFocusedNode() {
+    let activeElement = document.activeElement;
+
+    /* istanbul ignore if */
+    if (!activeElement) {
+      return null;
+    }
+
+    // The keyboard must still work for input elements.
+    let tagName = activeElement.tagName;
+    if (tagName !== "A" && tagName !== "SPAN") {
       return null;
     }
+    let node = this.getNode(activeElement);
+    return node?.tree === this._tree ? node : null;
+  }
+  _getNodeElement(element) {
+    let node = this.getNode(element);
+    return node ? this._getNodeElementForNode(node) : null;
   }
   _getNodeElementForNode(node) {
-    if (node.isFolder()) {
-      return this._createFolderElement(node);
-    } else {
-      return this._createNodeElement(node);
-    }
+    return node.isFolder() ? this._createFolderElement(node) : this._createNodeElement(node);
   }
   _getNodeIdToBeSelected() {
     return this._saveStateHandler._getNodeIdToBeSelected();
   }
+  _hasRenderedSelectedNode() {
+    return this.getSelectedNodes().some(node => Boolean(node.element));
+  }
   _initData() {
     if (this._options.data) {
       this.loadData(this._options.data);
@@ -876,10 +947,11 @@ class TreeElement {
   }
   _initTree(data) {
     let doInit = () => {
-      if (!this._isInitialized) {
-        this._isInitialized = true;
-        this._triggerEvent("tree.init");
+      if (this._isInitialized) {
+        return;
       }
+      this._isInitialized = true;
+      this._triggerEvent("tree.init");
     };
     this._tree = new this._options.nodeClass(null, true, this._options.nodeClass);
     this._selectNodeHandler._clear();
@@ -896,32 +968,22 @@ class TreeElement {
 
   // Does an HTML element of the tree have the focus?
   _isFocusOnTree() {
-    let activeElement = document.activeElement;
-
-    /* istanbul ignore if */
-    if (!activeElement) {
-      return false;
-    }
-
-    // The keyboard must still work for input elements.
-    let tagName = activeElement.tagName;
-    if (tagName !== "A" && tagName !== "SPAN") {
-      return false;
-    }
-    let node = this.getNode(activeElement);
-    return node?.tree === this._tree;
+    return this._getFocusedNode() !== null;
   }
   _isSelectedNodeInSubtree(subtree) {
     let selectedNode = this.getSelectedNode();
-    if (!selectedNode) {
-      return false;
-    } else {
-      return subtree === selectedNode || subtree.isParentOf(selectedNode);
-    }
+    return selectedNode ? subtree === selectedNode || subtree.isParentOf(selectedNode) : false;
   }
   async _loadFolderOnDemand(node, slide) {
     node.is_loading = true;
     await this.loadDataFromUrl(undefined, node);
+
+    // Loading failed, or there is no url. Opening the node now would load it
+    // again, without end. Leave it closed so the user can try again.
+    if (node.load_on_demand) {
+      node.is_loading = false;
+      return;
+    }
     await this.openNode(node, slide);
   }
   _loadSubtree(data, parentNode) {
@@ -931,10 +993,7 @@ class TreeElement {
     this._refreshElements(parentNode);
   }
   _mouseCapture(positionInfo) {
-    if (!this._options.dragAndDrop) {
-      return false;
-    }
-    return this._dndHandler._mouseCapture(positionInfo);
+    return this._options.dragAndDrop ? this._dndHandler._mouseCapture(positionInfo) : false;
   }
   _mouseDrag(positionInfo) {
     /* istanbul ignore if */
@@ -947,6 +1006,7 @@ class TreeElement {
   }
   _mouseStart(positionInfo) {
     /* istanbul ignore if */
+    // eslint-disable-next-line unicorn/prefer-ternary
     if (!this._options.dragAndDrop) {
       return false;
     }
@@ -978,6 +1038,7 @@ class TreeElement {
     if (mustSelect) {
       this._selectCurrentNode(mustSetFocus);
     }
+    this._updateTabStop();
     this._triggerEvent("tree.refresh");
   }
   _saveState() {
@@ -985,10 +1046,11 @@ class TreeElement {
   }
   _selectCurrentNode(mustSetFocus) {
     let node = this.getSelectedNode();
-    if (node) {
-      let nodeElement = this._getNodeElementForNode(node);
-      nodeElement._select(mustSetFocus);
+    if (!node) {
+      return;
     }
+    let nodeElement = this._getNodeElementForNode(node);
+    nodeElement._select(mustSetFocus);
   }
 
   // Set initial state, either by restoring the state or auto-opening nodes
@@ -997,14 +1059,13 @@ class TreeElement {
     let restoreState = () => {
       // result: is state restored, must load on demand?
       let state = this._saveStateHandler._getStateFromStorage();
-      if (!state) {
-        return [false, false];
-      } else {
+      if (state) {
         let mustLoadOnDemand = this._saveStateHandler._setInitialState(state);
 
         // return true: the state is restored
         return [true, mustLoadOnDemand];
       }
+      return [false, false];
     };
     let autoOpenNodes = () => {
       // result: must load on demand?
@@ -1017,12 +1078,12 @@ class TreeElement {
         if (node.load_on_demand) {
           mustLoadOnDemand = true;
           return false;
-        } else if (!node.hasChildren()) {
-          return false;
-        } else {
+        }
+        if (node.hasChildren()) {
           node.is_open = true;
           return level !== maxLevel;
         }
+        return false;
       });
       return mustLoadOnDemand;
     };
@@ -1036,50 +1097,12 @@ class TreeElement {
 
   // Set the initial state for nodes that are loaded on demand
   async _setInitialStateOnDemand() {
-    return new Promise(resolve => {
-      let restoreState = () => {
-        let state = this._saveStateHandler._getStateFromStorage();
-        if (!state) {
-          return false;
-        } else {
-          void this._saveStateHandler._setInitialStateOnDemand(state).then(() => {
-            resolve();
-          });
-          return true;
-        }
-      };
-      let autoOpenNodes = () => {
-        let maxLevel = this._getAutoOpenMaxLevel();
-        let loadingCount = 0;
-        let loadAndOpenNode = node => {
-          loadingCount += 1;
-          void this.openNode(node, false).then(() => {
-            loadingCount -= 1;
-            openNodes();
-          });
-        };
-        let openNodes = () => {
-          this._tree.iterate((node, level) => {
-            if (node.load_on_demand) {
-              if (!node.is_loading) {
-                loadAndOpenNode(node);
-              }
-              return false;
-            } else {
-              void this.openNode(node, false);
-              return level !== maxLevel;
-            }
-          });
-          if (loadingCount === 0) {
-            resolve();
-          }
-        };
-        openNodes();
-      };
-      if (!restoreState()) {
-        autoOpenNodes();
-      }
-    });
+    let state = this._saveStateHandler._getStateFromStorage();
+    if (state) {
+      await this._saveStateHandler._setInitialStateOnDemand(state);
+    } else {
+      await this._autoOpenNodesOnDemand();
+    }
   }
 
   // Set this HTML element to this node in the node map.
@@ -1089,6 +1112,23 @@ class TreeElement {
   _triggerEvent(eventName, values) {
     return this._triggerEventProvider(this._htmlElement, eventName, values);
   }
+
+  /* Keyboard users reach the tree through the tab stop. The selected node is
+   * the tab stop, see NodeElement.select. Without a selected node, the first
+   * node is the tab stop, so the tree can always be reached.
+   */
+  _updateTabStop() {
+    let tabIndex = this._options.tabIndex;
+    let previousTabStop = this._fallbackTabStop;
+    let tabStop = tabIndex == null || this._hasRenderedSelectedNode() ? null : this._getFirstTitleSpan();
+    if (previousTabStop && previousTabStop !== tabStop && previousTabStop.getAttribute("aria-selected") !== "true") {
+      previousTabStop.setAttribute("tabindex", "-1");
+    }
+    if (tabStop && tabIndex != null) {
+      tabStop.setAttribute("tabindex", String(tabIndex));
+    }
+    this._fallbackTabStop = tabStop;
+  }
 }
 
 export { TreeElement as default };