tree-element 0.3.2 → 0.4.1

package/lib/nodeElement/folderElement.js

@@ -1,13 +1,14 @@
-import { slideUp, slideDown } from '../animation.js';
+import { slideDown, slideUp } from '../animation.js';
+import { setTogglerOpenState, setFolderLiOpenState } from '../folderOpenState.js';
 import NodeElement from './index.js';
 
 class FolderElement extends NodeElement {
   constructor({
     _classNames: classNames,
-    _closedIconElement: closedIconElement,
     _getScrollLeft: getScrollLeft,
+    _icons: icons,
+    _multiSelect: multiSelect,
     _node: node,
-    _openedIconElement: openedIconElement,
     _renderChildren: renderChildren,
     _tabIndex: tabIndex,
     _treeElement: treeElement,
@@ -16,12 +17,12 @@ class FolderElement extends NodeElement {
     super({
       _classNames: classNames,
       _getScrollLeft: getScrollLeft,
+      _multiSelect: multiSelect,
       _node: node,
       _tabIndex: tabIndex,
       _treeElement: treeElement
     });
-    this._closedIconElement = closedIconElement;
-    this._openedIconElement = openedIconElement;
+    this._icons = icons;
     this._renderChildren = renderChildren;
     this._triggerEvent = triggerEvent;
   }
@@ -30,31 +31,11 @@ class FolderElement extends NodeElement {
       return;
     }
     this._node.is_open = false;
-    if (!this._isRendered()) {
-      this._triggerEvent("tree.close", {
-        node: this._node
-      });
-      return;
-    }
-    let button = this._getButton();
-    button.classList.add(this._classNames.closed);
-    button.replaceChildren();
-    let closedIconElement = this._closedIconElement;
-    if (closedIconElement) {
-      let icon = closedIconElement.cloneNode(true);
-      button.append(icon);
+    if (this._isRendered()) {
+      this._setButtonState(false);
+      await this._setUlState(this._getUl(), false, slide, animationSpeed);
+      this._setElementState(false);
     }
-    let ul = this._getUl();
-    if (ul) {
-      if (slide) {
-        await slideUp(ul, animationSpeed);
-      } else {
-        ul.style.display = "none";
-      }
-    }
-    this._element.classList.add(this._classNames.closed);
-    let titleSpan = this._getTitleSpan();
-    titleSpan.setAttribute("aria-expanded", "false");
     this._triggerEvent("tree.close", {
       node: this._node
     });
@@ -64,34 +45,17 @@ class FolderElement extends NodeElement {
       return;
     }
     this._node.is_open = true;
-    if (!this._isRendered()) {
-      // The folder is rendered open when its parent is opened
-      this._triggerEvent("tree.open", {
-        node: this._node
-      });
-      return;
-    }
-    let button = this._getButton();
-    button.classList.remove(this._classNames.closed);
-    button.replaceChildren();
-    let openedIconElement = this._openedIconElement;
-    if (openedIconElement) {
-      let icon = openedIconElement.cloneNode(true);
-      button.append(icon);
-    }
 
-    // The children are rendered the first time the folder is opened
-    let ul = this._getUl() ?? this._renderChildren(this._node);
-    if (ul) {
-      if (slide) {
-        await slideDown(ul, animationSpeed);
-      } else {
-        ul.style.display = "block";
-      }
+    // A folder that is not rendered is rendered open when its parent is
+    // opened
+    if (this._isRendered()) {
+      this._setButtonState(true);
+
+      // The children are rendered the first time the folder is opened
+      let ul = this._getUl() ?? this._renderChildren(this._node);
+      await this._setUlState(ul, true, slide, animationSpeed);
+      this._setElementState(true);
     }
-    this._element.classList.remove(this._classNames.closed);
-    let titleSpan = this._getTitleSpan();
-    titleSpan.setAttribute("aria-expanded", "true");
     this._triggerEvent("tree.open", {
       node: this._node
     });
@@ -102,6 +66,22 @@ class FolderElement extends NodeElement {
   _getButton() {
     return this._element.querySelector(`:scope > .${this._classNames.element} > .${this._classNames.toggler}`);
   }
+  _setButtonState(isOpen) {
+    setTogglerOpenState(this._getButton(), isOpen, this._classNames, this._icons);
+  }
+  _setElementState(isOpen) {
+    setFolderLiOpenState(this._element, isOpen, this._classNames);
+  }
+  async _setUlState(ul, isOpen, slide, animationSpeed) {
+    if (!ul) {
+      return;
+    }
+    if (slide) {
+      await (isOpen ? slideDown : slideUp)(ul, animationSpeed);
+    } else {
+      ul.style.display = isOpen ? "block" : "none";
+    }
+  }
 }
 
 export { FolderElement as default };

package/lib/nodeElement/folderElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"folderElement.js","sources":["../../src/nodeElement/folderElement.ts"],"sourcesContent":["import type { AnimationSpeed } from \"../animation\";\nimport type { TriggerEvent } from \"../methodTypes\";\nimport type { Node, Position } from \"../node\";\nimport type { NodeElementParams } from \"./index\";\n\nimport { slideDown, slideUp } from \"../animation\";\nimport NodeElement from \"./index\";\n\nexport type RenderChildren = (node: Node) => HTMLUListElement | null;\n\ninterface FolderElementParams extends NodeElementParams {\n  closedIconElement?: globalThis.Node;\n  openedIconElement?: globalThis.Node;\n  renderChildren: RenderChildren;\n  triggerEvent: TriggerEvent;\n}\n\nclass FolderElement extends NodeElement {\n  private closedIconElement?: globalThis.Node;\n  private openedIconElement?: globalThis.Node;\n  private renderChildren: RenderChildren;\n  private triggerEvent: TriggerEvent;\n\n  constructor({\n    classNames,\n    closedIconElement,\n    getScrollLeft,\n    node,\n    openedIconElement,\n    renderChildren,\n    tabIndex,\n    treeElement,\n    triggerEvent,\n  }: FolderElementParams) {\n    super({\n      classNames,\n      getScrollLeft,\n      node,\n      tabIndex,\n      treeElement,\n    });\n\n    this.closedIconElement = closedIconElement;\n    this.openedIconElement = openedIconElement;\n    this.renderChildren = renderChildren;\n    this.triggerEvent = triggerEvent;\n  }\n\n  public async close(\n    slide: boolean,\n    animationSpeed: AnimationSpeed,\n  ): Promise<void> {\n    if (!this.node.is_open) {\n      return;\n    }\n\n    this.node.is_open = false;\n\n    if (!this.isRendered()) {\n      this.triggerEvent(\"tree.close\", { node: this.node });\n      return;\n    }\n\n    const button = this.getButton();\n    button.classList.add(this.classNames.closed);\n    button.replaceChildren();\n\n    const closedIconElement = this.closedIconElement;\n\n    if (closedIconElement) {\n      const icon = closedIconElement.cloneNode(true);\n      button.append(icon);\n    }\n\n    const ul = this.getUl();\n\n    if (ul) {\n      if (slide) {\n        await slideUp(ul, animationSpeed);\n      } else {\n        ul.style.display = \"none\";\n      }\n    }\n\n    this.element.classList.add(this.classNames.closed);\n\n    const titleSpan = this.getTitleSpan();\n    titleSpan.setAttribute(\"aria-expanded\", \"false\");\n\n    this.triggerEvent(\"tree.close\", {\n      node: this.node,\n    });\n  }\n\n  public async open(\n    slide: boolean,\n    animationSpeed: AnimationSpeed,\n  ): Promise<void> {\n    if (this.node.is_open) {\n      return;\n    }\n\n    this.node.is_open = true;\n\n    if (!this.isRendered()) {\n      // The folder is rendered open when its parent is opened\n      this.triggerEvent(\"tree.open\", { node: this.node });\n      return;\n    }\n\n    const button = this.getButton();\n    button.classList.remove(this.classNames.closed);\n    button.replaceChildren();\n\n    const openedIconElement = this.openedIconElement;\n\n    if (openedIconElement) {\n      const icon = openedIconElement.cloneNode(true);\n      button.append(icon);\n    }\n\n    // The children are rendered the first time the folder is opened\n    const ul = this.getUl() ?? this.renderChildren(this.node);\n\n    if (ul) {\n      if (slide) {\n        await slideDown(ul, animationSpeed);\n      } else {\n        ul.style.display = \"block\";\n      }\n    }\n\n    this.element.classList.remove(this.classNames.closed);\n\n    const titleSpan = this.getTitleSpan();\n    titleSpan.setAttribute(\"aria-expanded\", \"true\");\n\n    this.triggerEvent(\"tree.open\", {\n      node: this.node,\n    });\n  }\n\n  protected mustShowBorderDropHint(position: Position): boolean {\n    return !this.node.is_open && position === \"inside\";\n  }\n\n  private getButton(): HTMLElement {\n    return this.element.querySelector(\n      `:scope > .${this.classNames.element} > .${this.classNames.toggler}`,\n    ) as HTMLElement;\n  }\n}\n\nexport default FolderElement;\n"],"names":["closedIconElement","openedIconElement","renderChildren","triggerEvent","close","node","isRendered","getButton","classNames","getUl","element","getTitleSpan","open","mustShowBorderDropHint"],"mappings":"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"}
+{"version":3,"file":"folderElement.js","sources":["../../src/nodeElement/folderElement.ts"],"sourcesContent":["import type { AnimationSpeed } from \"../animation\";\nimport type { FolderIcons } from \"../folderOpenState\";\nimport type { TriggerEvent } from \"../methodTypes\";\nimport type { Node, Position } from \"../node\";\nimport type { NodeElementParams } from \"./index\";\n\nimport { slideDown, slideUp } from \"../animation\";\nimport { setFolderLiOpenState, setTogglerOpenState } from \"../folderOpenState\";\nimport NodeElement from \"./index\";\n\nexport type RenderChildren = (node: Node) => HTMLUListElement | null;\n\ninterface FolderElementParams extends NodeElementParams {\n  icons: FolderIcons;\n  renderChildren: RenderChildren;\n  triggerEvent: TriggerEvent;\n}\n\nclass FolderElement extends NodeElement {\n  private icons: FolderIcons;\n  private renderChildren: RenderChildren;\n  private triggerEvent: TriggerEvent;\n\n  constructor({\n    classNames,\n    getScrollLeft,\n    icons,\n    multiSelect,\n    node,\n    renderChildren,\n    tabIndex,\n    treeElement,\n    triggerEvent,\n  }: FolderElementParams) {\n    super({\n      classNames,\n      getScrollLeft,\n      multiSelect,\n      node,\n      tabIndex,\n      treeElement,\n    });\n\n    this.icons = icons;\n    this.renderChildren = renderChildren;\n    this.triggerEvent = triggerEvent;\n  }\n\n  public async close(\n    slide: boolean,\n    animationSpeed: AnimationSpeed,\n  ): Promise<void> {\n    if (!this.node.is_open) {\n      return;\n    }\n\n    this.node.is_open = false;\n\n    if (this.isRendered()) {\n      this.setButtonState(false);\n      await this.setUlState(this.getUl(), false, slide, animationSpeed);\n      this.setElementState(false);\n    }\n\n    this.triggerEvent(\"tree.close\", { node: this.node });\n  }\n\n  public async open(\n    slide: boolean,\n    animationSpeed: AnimationSpeed,\n  ): Promise<void> {\n    if (this.node.is_open) {\n      return;\n    }\n\n    this.node.is_open = true;\n\n    // A folder that is not rendered is rendered open when its parent is\n    // opened\n    if (this.isRendered()) {\n      this.setButtonState(true);\n\n      // The children are rendered the first time the folder is opened\n      const ul = this.getUl() ?? this.renderChildren(this.node);\n      await this.setUlState(ul, true, slide, animationSpeed);\n\n      this.setElementState(true);\n    }\n\n    this.triggerEvent(\"tree.open\", { node: this.node });\n  }\n\n  protected mustShowBorderDropHint(position: Position): boolean {\n    return !this.node.is_open && position === \"inside\";\n  }\n\n  private getButton(): HTMLElement {\n    return this.element.querySelector(\n      `:scope > .${this.classNames.element} > .${this.classNames.toggler}`,\n    ) as HTMLElement;\n  }\n\n  private setButtonState(isOpen: boolean): void {\n    setTogglerOpenState(this.getButton(), isOpen, this.classNames, this.icons);\n  }\n\n  private setElementState(isOpen: boolean): void {\n    setFolderLiOpenState(this.element, isOpen, this.classNames);\n  }\n\n  private async setUlState(\n    ul: HTMLUListElement | null,\n    isOpen: boolean,\n    slide: boolean,\n    animationSpeed: AnimationSpeed,\n  ): Promise<void> {\n    if (!ul) {\n      return;\n    }\n\n    if (slide) {\n      await (isOpen ? slideDown : slideUp)(ul, animationSpeed);\n    } else {\n      ul.style.display = isOpen ? \"block\" : \"none\";\n    }\n  }\n}\n\nexport default FolderElement;\n"],"names":["icons","renderChildren","triggerEvent","close","node","isRendered","setButtonState","setUlState","getUl","setElementState","open","mustShowBorderDropHint","getButton","element","classNames"],"mappings":"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"}

package/lib/nodeElement/index.d.ts

@@ -5,6 +5,7 @@ import type { Node, Position } from "../node.js";
 export interface NodeElementParams {
     classNames: ClassNames;
     getScrollLeft: GetScrollLeft;
+    multiSelect?: boolean;
     node: Node;
     tabIndex?: number;
     treeElement: HTMLElement;
@@ -14,13 +15,13 @@ declare class NodeElement {
     node: Node;
     protected classNames: ClassNames;
     private getScrollLeft;
+    private multiSelect;
     private tabIndex?;
     private treeElement;
-    constructor({ classNames, getScrollLeft, node, tabIndex, treeElement, }: NodeElementParams);
+    constructor({ classNames, getScrollLeft, multiSelect, node, tabIndex, treeElement, }: NodeElementParams);
     addDropHint(position: Position): DropHint;
     deselect(): void;
     select(mustSetFocus: boolean): void;
-    protected getTitleSpan(): HTMLSpanElement;
     protected getUl(): HTMLUListElement | null;
     protected isRendered(): boolean;
     protected mustShowBorderDropHint(position: Position): boolean;

package/lib/nodeElement/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/nodeElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,cAAM,WAAW;IACR,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IAClB,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACjC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,QAAQ,CAAC,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAc;gBAErB,EACV,UAAU,EACV,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,WAAW,GACZ,EAAE,iBAAiB;IAWb,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ;IAMzC,QAAQ,IAAI,IAAI;IAmBhB,MAAM,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI;IAsB1C,SAAS,CAAC,YAAY,IAAI,eAAe;IAMzC,SAAS,CAAC,KAAK,IAAI,gBAAgB,GAAG,IAAI;IAO1C,SAAS,CAAC,UAAU,IAAI,OAAO;IAI/B,SAAS,CAAC,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO;CAG9D;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/nodeElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAI7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,cAAM,WAAW;IACR,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;IAClB,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACjC,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAAU;IAC7B,OAAO,CAAC,QAAQ,CAAC,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAc;gBAErB,EACV,UAAU,EACV,aAAa,EACb,WAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,WAAW,GACZ,EAAE,iBAAiB;IAYb,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ;IAMzC,QAAQ,IAAI,IAAI;IAuBhB,MAAM,CAAC,YAAY,EAAE,OAAO,GAAG,IAAI;IAoB1C,SAAS,CAAC,KAAK,IAAI,gBAAgB,GAAG,IAAI;IAO1C,SAAS,CAAC,UAAU,IAAI,OAAO;IAI/B,SAAS,CAAC,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO;CAG9D;AAED,eAAe,WAAW,CAAC"}

package/lib/nodeElement/index.js

@@ -5,12 +5,14 @@ class NodeElement {
   constructor({
     _classNames: classNames,
     _getScrollLeft: getScrollLeft,
+    _multiSelect: multiSelect = false,
     _node: node,
     _tabIndex: tabIndex,
     _treeElement: treeElement
   }) {
     this._classNames = classNames;
     this._getScrollLeft = getScrollLeft;
+    this._multiSelect = multiSelect;
     this._node = node;
     this._tabIndex = tabIndex;
     this._treeElement = treeElement;
@@ -26,35 +28,36 @@ class NodeElement {
       return;
     }
     this._element.classList.remove(this._classNames.selected);
-    let titleSpan = this._getTitleSpan();
+
+    // Only a multiselect tree marks the nodes that are not selected
+    if (this._multiSelect) {
+      this._element.setAttribute("aria-selected", "false");
+      return;
+    }
+    this._element.removeAttribute("aria-selected");
 
     // Check for null or undefined
     if (this._tabIndex != null) {
-      titleSpan.setAttribute("tabindex", "-1");
+      this._element.setAttribute("tabindex", "-1");
     }
-    titleSpan.setAttribute("aria-selected", "false");
-    titleSpan.blur();
+    this._element.blur();
   }
   _select(mustSetFocus) {
     if (!this._isRendered()) {
       return;
     }
     this._element.classList.add(this._classNames.selected);
-    let titleSpan = this._getTitleSpan();
+    this._element.setAttribute("aria-selected", "true");
     let tabIndex = this._tabIndex;
 
     // Check for null or undefined
-    if (tabIndex != null) {
-      titleSpan.setAttribute("tabindex", tabIndex.toString());
+    if (tabIndex != null && !this._multiSelect) {
+      this._element.setAttribute("tabindex", tabIndex.toString());
     }
-    titleSpan.setAttribute("aria-selected", "true");
     if (mustSetFocus) {
-      titleSpan.focus();
+      this._element.focus();
     }
   }
-  _getTitleSpan() {
-    return this._element.querySelector(`:scope > .${this._classNames.element} > span.${this._classNames.title}`);
-  }
   _getUl() {
     return this._element.querySelector(":scope > ul");
   }

package/lib/nodeElement/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/nodeElement/index.ts"],"sourcesContent":["import type { ClassNames } from \"../classNames\";\nimport type { DropHint } from \"../dragAndDropHandler/types\";\nimport type { GetScrollLeft } from \"../methodTypes\";\nimport type { Node, Position } from \"../node\";\n\nimport BorderDropHint from \"./borderDropHint\";\nimport GhostDropHint from \"./ghostDropHint\";\n\nexport interface NodeElementParams {\n  classNames: ClassNames;\n  getScrollLeft: GetScrollLeft;\n  node: Node;\n  tabIndex?: number;\n  treeElement: HTMLElement;\n}\n\nclass NodeElement {\n  public element: HTMLElement;\n  public node: Node;\n  protected classNames: ClassNames;\n  private getScrollLeft: GetScrollLeft;\n  private tabIndex?: number;\n  private treeElement: HTMLElement;\n\n  constructor({\n    classNames,\n    getScrollLeft,\n    node,\n    tabIndex,\n    treeElement,\n  }: NodeElementParams) {\n    this.classNames = classNames;\n    this.getScrollLeft = getScrollLeft;\n    this.node = node;\n    this.tabIndex = tabIndex;\n    this.treeElement = treeElement;\n\n    // The root node has no element of its own; it uses the tree element.\n    this.element = node.element ?? this.treeElement;\n  }\n\n  public addDropHint(position: Position): DropHint {\n    return this.mustShowBorderDropHint(position)\n      ? new BorderDropHint(this.element, this.getScrollLeft(), this.classNames)\n      : new GhostDropHint(this.node, this.element, position, this.classNames);\n  }\n\n  public deselect(): void {\n    if (!this.isRendered()) {\n      return;\n    }\n\n    this.element.classList.remove(this.classNames.selected);\n\n    const titleSpan = this.getTitleSpan();\n\n    // Check for null or undefined\n    if (this.tabIndex != null) {\n      titleSpan.setAttribute(\"tabindex\", \"-1\");\n    }\n\n    titleSpan.setAttribute(\"aria-selected\", \"false\");\n\n    titleSpan.blur();\n  }\n\n  public select(mustSetFocus: boolean): void {\n    if (!this.isRendered()) {\n      return;\n    }\n\n    this.element.classList.add(this.classNames.selected);\n\n    const titleSpan = this.getTitleSpan();\n    const tabIndex = this.tabIndex;\n\n    // Check for null or undefined\n    if (tabIndex != null) {\n      titleSpan.setAttribute(\"tabindex\", tabIndex.toString());\n    }\n\n    titleSpan.setAttribute(\"aria-selected\", \"true\");\n\n    if (mustSetFocus) {\n      titleSpan.focus();\n    }\n  }\n\n  protected getTitleSpan(): HTMLSpanElement {\n    return this.element.querySelector(\n      `:scope > .${this.classNames.element} > span.${this.classNames.title}`,\n    ) as HTMLSpanElement;\n  }\n\n  protected getUl(): HTMLUListElement | null {\n    return this.element.querySelector(\":scope > ul\");\n  }\n\n  /* A node inside a closed folder is not rendered. Its selected and open\n   * state is applied when it is rendered.\n   */\n  protected isRendered(): boolean {\n    return Boolean(this.node.element);\n  }\n\n  protected mustShowBorderDropHint(position: Position): boolean {\n    return position === \"inside\";\n  }\n}\n\nexport default NodeElement;\n"],"names":["classNames","getScrollLeft","node","tabIndex","treeElement","element","addDropHint","mustShowBorderDropHint","deselect","isRendered","getTitleSpan","select","getUl"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/nodeElement/index.ts"],"sourcesContent":["import type { ClassNames } from \"../classNames\";\nimport type { DropHint } from \"../dragAndDropHandler/types\";\nimport type { GetScrollLeft } from \"../methodTypes\";\nimport type { Node, Position } from \"../node\";\n\nimport BorderDropHint from \"./borderDropHint\";\nimport GhostDropHint from \"./ghostDropHint\";\n\nexport interface NodeElementParams {\n  classNames: ClassNames;\n  getScrollLeft: GetScrollLeft;\n  /* With multiSelect the focus moves independently of the selection, so\n   * selecting doesn't change the tabindex or the focus.\n   */\n  multiSelect?: boolean;\n  node: Node;\n  tabIndex?: number;\n  treeElement: HTMLElement;\n}\n\nclass NodeElement {\n  public element: HTMLElement;\n  public node: Node;\n  protected classNames: ClassNames;\n  private getScrollLeft: GetScrollLeft;\n  private multiSelect: boolean;\n  private tabIndex?: number;\n  private treeElement: HTMLElement;\n\n  constructor({\n    classNames,\n    getScrollLeft,\n    multiSelect = false,\n    node,\n    tabIndex,\n    treeElement,\n  }: NodeElementParams) {\n    this.classNames = classNames;\n    this.getScrollLeft = getScrollLeft;\n    this.multiSelect = multiSelect;\n    this.node = node;\n    this.tabIndex = tabIndex;\n    this.treeElement = treeElement;\n\n    // The root node has no element of its own; it uses the tree element.\n    this.element = node.element ?? this.treeElement;\n  }\n\n  public addDropHint(position: Position): DropHint {\n    return this.mustShowBorderDropHint(position)\n      ? new BorderDropHint(this.element, this.getScrollLeft(), this.classNames)\n      : new GhostDropHint(this.node, this.element, position, this.classNames);\n  }\n\n  public deselect(): void {\n    if (!this.isRendered()) {\n      return;\n    }\n\n    this.element.classList.remove(this.classNames.selected);\n\n    // Only a multiselect tree marks the nodes that are not selected\n    if (this.multiSelect) {\n      this.element.setAttribute(\"aria-selected\", \"false\");\n      return;\n    }\n\n    this.element.removeAttribute(\"aria-selected\");\n\n    // Check for null or undefined\n    if (this.tabIndex != null) {\n      this.element.setAttribute(\"tabindex\", \"-1\");\n    }\n\n    this.element.blur();\n  }\n\n  public select(mustSetFocus: boolean): void {\n    if (!this.isRendered()) {\n      return;\n    }\n\n    this.element.classList.add(this.classNames.selected);\n    this.element.setAttribute(\"aria-selected\", \"true\");\n\n    const tabIndex = this.tabIndex;\n\n    // Check for null or undefined\n    if (tabIndex != null && !this.multiSelect) {\n      this.element.setAttribute(\"tabindex\", tabIndex.toString());\n    }\n\n    if (mustSetFocus) {\n      this.element.focus();\n    }\n  }\n\n  protected getUl(): HTMLUListElement | null {\n    return this.element.querySelector(\":scope > ul\");\n  }\n\n  /* A node inside a closed folder is not rendered. Its selected and open\n   * state is applied when it is rendered.\n   */\n  protected isRendered(): boolean {\n    return Boolean(this.node.element);\n  }\n\n  protected mustShowBorderDropHint(position: Position): boolean {\n    return position === \"inside\";\n  }\n}\n\nexport default NodeElement;\n"],"names":["classNames","getScrollLeft","multiSelect","node","tabIndex","treeElement","element","addDropHint","mustShowBorderDropHint","deselect","isRendered","select","getUl"],"mappings":"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"}

package/lib/options.d.ts

@@ -11,10 +11,15 @@ export type OnCreateLi = (node: Node, el: HTMLElement, isSelected: boolean) => v
 export type OnGetStateFromStorage = (() => string) | undefined;
 export type OnIsMoveHandle = (el: HTMLElement) => boolean;
 export type OnSetStateFromStorage = ((data: string) => void) | undefined;
+export declare const changeableOptions: readonly ["animationSpeed", "dataUrl", "dragAndDrop", "keyboardSupport", "multiSelect", "onCanSelectNode", "selectable", "slide", "startDndDelay", "tabIndex"];
+/**
+ * The options that `setOption` can change.
+ */
+export type ChangeableOption = (typeof changeableOptions)[number];
 export interface TreeElementOptions {
     /**
-     * The duration of the slide animation: `"fast"` is 200ms, `"slow"` is
-     * 600ms, a number is milliseconds.
+     * The duration of the slide animation: `"fast"` is 200 milliseconds,
+     * `"slow"` is 600, and a number is milliseconds.
      *
      * @defaultValue `"fast"`, or `0` when the user prefers reduced motion
      * (`prefers-reduced-motion: reduce`).
@@ -36,7 +41,7 @@ export interface TreeElementOptions {
      */
     ariaLabelledBy?: string;
     /**
-     * Escape node names. With `false`, names are inserted as html — only do
+     * Escape node names. With `false`, names are inserted as HTML—only do
      * that for data you control.
      *
      * @defaultValue `true`
@@ -61,10 +66,10 @@ export interface TreeElementOptions {
      */
     buttonLeft: boolean;
     /**
-     * The prefix of the css classes the widget puts on the elements it
+     * The prefix of the CSS classes the widget puts on the elements it
      * creates: with `"my-tree"` a title gets `my-tree-title` instead of
-     * `tree-element-title`. The bundled stylesheet uses the default prefix, so
-     * change it only if you bring your own css. See
+     * `tree-element-title`. The bundled style sheet uses the default prefix,
+     * so change it only if you bring your own CSS. See
      * [Styling](/guide/styling#changing-the-class-names).
      *
      * @defaultValue `"tree-element"`
@@ -72,12 +77,12 @@ export interface TreeElementOptions {
      */
     classPrefix: string;
     /**
-     * The icon of a closed folder. A string is inserted as html; an element is
-     * cloned for every node.
+     * The icon of a closed folder. A string is inserted as HTML, and an element
+     * is cloned for every node.
      *
      * Type: `HTMLElement | string`
      *
-     * @defaultValue An svg triangle pointing right, or left when `rtl` is
+     * @defaultValue An SVG triangle pointing right, or left when `rtl` is
      * true. It is sized in em and filled with `currentColor`.
      * @group Appearance
      */
@@ -105,7 +110,7 @@ export interface TreeElementOptions {
      */
     dataFilter?: DataFilter;
     /**
-     * A url to fetch the data from, or a function that returns one. The
+     * A URL to fetch the data from, or a function that returns one. The
      * function is called with the node that is being loaded, and without an
      * argument for the initial load. See
      * [Loading on demand](/guide/loading-on-demand).
@@ -131,6 +136,16 @@ export interface TreeElementOptions {
      * @group Selection
      */
     keyboardSupport: boolean;
+    /**
+     * Let the user select multiple nodes: a click adds a node to the
+     * selection, or removes it when it is selected. The arrow keys move the
+     * focus instead of the selection, and `Space` adds the focused node or
+     * removes it. See [Selection](/guide/selection#multiple-nodes).
+     *
+     * @defaultValue `false`
+     * @group Selection
+     */
+    multiSelect: boolean;
     /**
      * The class used to create nodes. Subclass [`Node`](/reference/node) to
      * add your own methods. The `Node` class is not exposed on the global
@@ -207,7 +222,7 @@ export interface TreeElementOptions {
      */
     onDragStop?: DragMethod;
     /**
-     * Read the saved state, as a json string, from somewhere other than
+     * Read the saved state, as a JSON string, from somewhere other than
      * `localStorage`.
      *
      * Type: `() => string`
@@ -225,7 +240,7 @@ export interface TreeElementOptions {
      */
     onIsMoveHandle?: OnIsMoveHandle;
     /**
-     * Write the state, as a json string, to somewhere other than
+     * Write the state, as a JSON string, to somewhere other than
      * `localStorage`.
      *
      * Type: `(state: string) => void`
@@ -238,7 +253,7 @@ export interface TreeElementOptions {
      *
      * Type: `HTMLElement | string`
      *
-     * @defaultValue An svg triangle pointing down, sized in em and filled with
+     * @defaultValue An SVG triangle pointing down, sized in em and filled with
      * `currentColor`.
      * @group Appearance
      */
@@ -260,7 +275,7 @@ export interface TreeElementOptions {
     rtl?: boolean;
     /**
      * Remember the open and selected nodes in `localStorage`. A string is used
-     * as the storage key; `true` uses `tree`. See
+     * as the storage key, and `true` uses `tree`. See
      * [Saving state](/guide/saving-state).
      *
      * @defaultValue `false`

package/lib/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,QAAQ,EAAE,CAAC;AAEvD,MAAM,MAAM,OAAO,GAAG,eAAe,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,KAAK,IAAI,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,CACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,IAAI,EAChB,YAAY,EAAE,MAAM,KACjB,OAAO,CAAC;AAEb,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,CACvB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,WAAW,EACf,UAAU,EAAE,OAAO,KAChB,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,MAAM,MAAM,CAAC,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,cAAc,EAAE,cAAc,CAAC;IAC/B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;;;OAOG;IACH,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;;;;;OASG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,WAAW,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,SAAS,EAAE,OAAO,IAAI,CAAC;IACvB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;;;;;OAMG;IACH,eAAe,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC;;;;;OAKG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;;;;;OAOG;IACH,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;OAOG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,KAAK,eAAe,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"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"}

package/lib/options.js

@@ -0,0 +1,12 @@
+/* The options that setOption can change. The others are read once, in the
+ * constructor, so changing them later would have no effect or leave the tree
+ * in an inconsistent state.
+ */
+let changeableOptions = ["animationSpeed", "dataUrl", "dragAndDrop", "keyboardSupport", "multiSelect", "onCanSelectNode", "selectable", "slide", "startDndDelay", "tabIndex"];
+
+/**
+ * The options that `setOption` can change.
+ */
+
+export { changeableOptions };
+//# sourceMappingURL=options.js.map

package/lib/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sources":["../src/options.ts"],"sourcesContent":["import type { AnimationSpeed } from \"./animation\";\nimport type { Node, NodeData } from \"./node\";\n\nexport type DataFilter = (data: unknown) => NodeData[];\n\nexport type DataUrl = DataUrlFunction | string;\n\nexport type DragMethod = (node: Node, event: Event | Touch) => void;\n\nexport type IconElement = HTMLElement | string;\n\nexport type OnCanMove = ((node: Node) => boolean) | undefined;\n\nexport type OnCanMoveTo = (\n  node: Node,\n  targetNode: Node,\n  positionName: string,\n) => boolean;\n\nexport type OnCanSelectNode = (node: Node) => boolean;\n\nexport type OnCreateLi = (\n  node: Node,\n  el: HTMLElement,\n  isSelected: boolean,\n) => void;\n\nexport type OnGetStateFromStorage = (() => string) | undefined;\n\nexport type OnIsMoveHandle = (el: HTMLElement) => boolean;\n\nexport type OnSetStateFromStorage = ((data: string) => void) | undefined;\n\n/* The options that setOption can change. The others are read once, in the\n * constructor, so changing them later would have no effect or leave the tree\n * in an inconsistent state.\n */\nexport const changeableOptions = [\n  \"animationSpeed\",\n  \"dataUrl\",\n  \"dragAndDrop\",\n  \"keyboardSupport\",\n  \"multiSelect\",\n  \"onCanSelectNode\",\n  \"selectable\",\n  \"slide\",\n  \"startDndDelay\",\n  \"tabIndex\",\n] as const;\n\n/**\n * The options that `setOption` can change.\n */\nexport type ChangeableOption = (typeof changeableOptions)[number];\n\nexport interface TreeElementOptions {\n  /**\n   * The duration of the slide animation: `\"fast\"` is 200 milliseconds,\n   * `\"slow\"` is 600, and a number is milliseconds.\n   *\n   * @defaultValue `\"fast\"`, or `0` when the user prefers reduced motion\n   * (`prefers-reduced-motion: reduce`).\n   * @group Appearance\n   */\n  animationSpeed: AnimationSpeed;\n  /**\n   * The accessible name of the tree, set as `aria-label` on the root `ul`.\n   * Use `ariaLabelledBy` instead when the name is visible on the page.\n   *\n   * @group Appearance\n   */\n  ariaLabel?: string;\n  /**\n   * The id of the element that names the tree, set as `aria-labelledby` on\n   * the root `ul`.\n   *\n   * @group Appearance\n   */\n  ariaLabelledBy?: string;\n  /**\n   * Escape node names. With `false`, names are inserted as HTML—only do\n   * that for data you control.\n   *\n   * @defaultValue `true`\n   * @group Data\n   */\n  autoEscape: boolean;\n  /**\n   * Which levels are open initially: `false` none, `true` all, a number that\n   * many levels starting at `0` (so `0` opens the top level, `1` the first\n   * two levels).\n   *\n   * @defaultValue `false`\n   * @group Appearance\n   */\n  autoOpen: boolean | number;\n  /**\n   * Put the open/close button before the node title. With `false` it goes\n   * after it.\n   *\n   * @defaultValue `true`\n   * @group Appearance\n   */\n  buttonLeft: boolean;\n  /**\n   * The prefix of the CSS classes the widget puts on the elements it\n   * creates: with `\"my-tree\"` a title gets `my-tree-title` instead of\n   * `tree-element-title`. The bundled style sheet uses the default prefix,\n   * so change it only if you bring your own CSS. See\n   * [Styling](/guide/styling#changing-the-class-names).\n   *\n   * @defaultValue `\"tree-element\"`\n   * @group Appearance\n   */\n  classPrefix: string;\n  /**\n   * The icon of a closed folder. A string is inserted as HTML, and an element\n   * is cloned for every node.\n   *\n   * Type: `HTMLElement | string`\n   *\n   * @defaultValue An SVG triangle pointing right, or left when `rtl` is\n   * true. It is sized in em and filled with `currentColor`.\n   * @group Appearance\n   */\n  closedIcon?: IconElement;\n  /**\n   * The class that every element of the widget gets.\n   *\n   * @defaultValue `\"<classPrefix>-common\"`\n   * @group Appearance\n   */\n  commonClassName?: string;\n  /**\n   * The nodes of the tree. See [Data](/guide/data) for the format.\n   *\n   * @group Data\n   */\n  data?: NodeData[];\n  /**\n   * Transforms a response from `dataUrl` into node data. Use it when the\n   * server wraps the nodes in another object.\n   *\n   * Type: `(data: unknown) => NodeData[]`\n   *\n   * @group Data\n   */\n  dataFilter?: DataFilter;\n  /**\n   * A URL to fetch the data from, or a function that returns one. The\n   * function is called with the node that is being loaded, and without an\n   * argument for the initial load. See\n   * [Loading on demand](/guide/loading-on-demand).\n   *\n   * Type: `string | ((node?: Node) => string)`\n   *\n   * @defaultValue The element's `data-url` attribute.\n   * @group Data\n   */\n  dataUrl?: DataUrl;\n  /**\n   * Let the user move nodes by dragging them.\n   *\n   * @defaultValue `false`\n   * @group Drag and drop\n   */\n  dragAndDrop: boolean;\n  /**\n   * Handle the keyboard when the focus is on the tree. See\n   * [Selection](/guide/selection#keyboard-navigation).\n   *\n   * @defaultValue `true`\n   * @group Selection\n   */\n  keyboardSupport: boolean;\n  /**\n   * Let the user select multiple nodes: a click adds a node to the\n   * selection, or removes it when it is selected. The arrow keys move the\n   * focus instead of the selection, and `Space` adds the focused node or\n   * removes it. See [Selection](/guide/selection#multiple-nodes).\n   *\n   * @defaultValue `false`\n   * @group Selection\n   */\n  multiSelect: boolean;\n  /**\n   * The class used to create nodes. Subclass [`Node`](/reference/node) to\n   * add your own methods. The `Node` class is not exposed on the global\n   * `TreeElement`, so this option needs the `lib` build.\n   *\n   * @example\n   * ```js\n   * import TreeElement from \"tree-element/lib/index.js\";\n   * import { Node } from \"tree-element/lib/node.js\";\n   *\n   * class MyNode extends Node {\n   *   fullName() {\n   *     return this.getParent()\n   *       ? `${this.getParent().name}/${this.name}`\n   *       : this.name;\n   *   }\n   * }\n   *\n   * new TreeElement({ data, htmlElement, nodeClass: MyNode });\n   * ```\n   *\n   * @defaultValue `Node`\n   * @group Advanced\n   */\n  nodeClass: typeof Node;\n  /**\n   * Called before a drag starts. Return `false` to keep the node in place.\n   *\n   * Type: `(node: Node) => boolean`\n   *\n   * @group Drag and drop\n   */\n  onCanMove?: OnCanMove;\n  /**\n   * Called for a possible drop. `position` is `\"before\"`, `\"after\"` or\n   * `\"inside\"`. Return `false` to refuse the drop.\n   *\n   * Type: `(movedNode: Node, targetNode: Node, position: string) => boolean`\n   *\n   * @group Drag and drop\n   */\n  onCanMoveTo?: OnCanMoveTo;\n  /**\n   * Called before a node is selected. Return `false` to refuse.\n   *\n   * Type: `(node: Node) => boolean`\n   *\n   * @group Selection\n   */\n  onCanSelectNode?: OnCanSelectNode;\n  /**\n   * Called after the `li` of a node is created, so you can add to it. See\n   * [Styling](/guide/styling#customizing-the-markup).\n   *\n   * Type: `(node: Node, li: HTMLElement, isSelected: boolean) => void`\n   *\n   * @group Appearance\n   */\n  onCreateLi?: OnCreateLi;\n  /**\n   * Called while a node is being dragged.\n   *\n   * Type: `(node: Node, event: Event | Touch) => void`\n   *\n   * @group Drag and drop\n   */\n  onDragMove?: DragMethod;\n  /**\n   * Called when a drag ends.\n   *\n   * Type: `(node: Node, event: Event | Touch) => void`\n   *\n   * @group Drag and drop\n   */\n  onDragStop?: DragMethod;\n  /**\n   * Read the saved state, as a JSON string, from somewhere other than\n   * `localStorage`.\n   *\n   * Type: `() => string`\n   *\n   * @group State\n   */\n  onGetStateFromStorage?: OnGetStateFromStorage;\n  /**\n   * Decides whether an element inside a node starts a drag. Without it, the\n   * whole node is a handle.\n   *\n   * Type: `(element: HTMLElement) => boolean`\n   *\n   * @group Drag and drop\n   */\n  onIsMoveHandle?: OnIsMoveHandle;\n  /**\n   * Write the state, as a JSON string, to somewhere other than\n   * `localStorage`.\n   *\n   * Type: `(state: string) => void`\n   *\n   * @group State\n   */\n  onSetStateFromStorage?: OnSetStateFromStorage;\n  /**\n   * The icon of an open folder.\n   *\n   * Type: `HTMLElement | string`\n   *\n   * @defaultValue An SVG triangle pointing down, sized in em and filled with\n   * `currentColor`.\n   * @group Appearance\n   */\n  openedIcon?: IconElement;\n  /**\n   * How long, in milliseconds, a closed folder has to be hovered during a\n   * drag before it opens. `false` never opens folders while dragging.\n   *\n   * @defaultValue `500`\n   * @group Drag and drop\n   */\n  openFolderDelay: false | number;\n  /**\n   * Mirror the tree for right-to-left languages.\n   *\n   * @defaultValue The element's `data-rtl` attribute, otherwise `false`.\n   * @group Appearance\n   */\n  rtl?: boolean;\n  /**\n   * Remember the open and selected nodes in `localStorage`. A string is used\n   * as the storage key, and `true` uses `tree`. See\n   * [Saving state](/guide/saving-state).\n   *\n   * @defaultValue `false`\n   * @group State\n   */\n  saveState: boolean | string;\n  /**\n   * Allow the user to select nodes.\n   *\n   * @defaultValue `true`\n   * @group Selection\n   */\n  selectable: boolean;\n  /**\n   * Render a node with `children: []` as a folder instead of as a leaf.\n   *\n   * @defaultValue `false`\n   * @group Appearance\n   */\n  showEmptyFolder: boolean;\n  /**\n   * Animate opening and closing folders.\n   *\n   * @defaultValue `true`\n   * @group Appearance\n   */\n  slide: boolean;\n  /**\n   * How long, in milliseconds, the mouse has to be held down on a node\n   * before a drag starts.\n   *\n   * @defaultValue `300`\n   * @group Drag and drop\n   */\n  startDndDelay?: number;\n  /**\n   * The `tabindex` of the selected node's title, which is what makes the\n   * tree focusable. When no node is selected, the first node gets it. The\n   * other nodes get `-1`.\n   *\n   * @defaultValue `0`\n   * @group Selection\n   */\n  tabIndex?: number;\n  /**\n   * The class of the root `ul`.\n   *\n   * @defaultValue The value of `classPrefix`.\n   * @group Appearance\n   */\n  treeClassName?: string;\n  /**\n   * Handle right clicks on a node: the browser menu is suppressed and\n   * [`tree.contextmenu`](/reference/events#tree-contextmenu) is dispatched\n   * instead.\n   *\n   * @defaultValue `true`\n   * @group Selection\n   */\n  useContextMenu: boolean;\n}\n\ntype DataUrlFunction = (node?: Node) => string;\n"],"names":[],"mappings":"AAiCA;AACA;AACA;AACA;AACO,IAAM,iBAAiB,GAAG,CAC/B,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,eAAe,EACf,UAAU;;AAGZ;AACA;AACA;;"}

package/lib/saveStateHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"saveStateHandler.d.ts","sourceRoot":"","sources":["../src/saveStateHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,mBAAmB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAQ,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAI9E,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,eAAe,CAAC;IACjC,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,qBAAqB,CAAC,CAAwB;IACtD,OAAO,CAAC,qBAAqB,CAAC,CAAwB;IACtD,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,mBAAmB,CAAsB;IACjD,OAAO,CAAC,eAAe,CAAmB;gBAE9B,EACV,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,qBAAqB,EACrB,qBAAqB,EACrB,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,SAAS,GACV,EAAE,sBAAsB;IAalB,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAUtC,QAAQ,IAAI,UAAU;IAgCtB,mBAAmB,IAAI,IAAI,GAAG,UAAU;IAUxC,SAAS,IAAI,IAAI;IAoBjB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO;IAcrC,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAyCtE,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,kBAAkB;CAiB3B"}
+{"version":3,"file":"saveStateHandler.d.ts","sourceRoot":"","sources":["../src/saveStateHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,mBAAmB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAQ,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAI9E,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,EAAE,eAAe,CAAC;IACjC,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,qBAAqB,CAAC,CAAwB;IACtD,OAAO,CAAC,qBAAqB,CAAC,CAAwB;IACtD,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,mBAAmB,CAAsB;IACjD,OAAO,CAAC,eAAe,CAAmB;gBAE9B,EACV,cAAc,EACd,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,qBAAqB,EACrB,qBAAqB,EACrB,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,SAAS,GACV,EAAE,sBAAsB;IAalB,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAOtC,QAAQ,IAAI,UAAU;IAgCtB,mBAAmB,IAAI,IAAI,GAAG,UAAU;IAUxC,SAAS,IAAI,IAAI;IAoBjB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO;IAcrC,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAyCtE,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,kBAAkB;CAgB3B"}

package/lib/saveStateHandler.js

@@ -25,9 +25,7 @@ class SaveStateHandler {
     this._saveStateOption = saveState;
   }
   _getNodeIdToBeSelected() {
-    if (!this._saveStateOption) {
-      return null;
-    }
+    // Without the saveState option there is no state
     let state = this._getStateFromStorage();
     return state?.selected_node ? state.selected_node[0] ?? null : null;
   }
@@ -156,17 +154,19 @@ class SaveStateHandler {
       this._removeFromSelection(node);
     }
   }
+
+  // result: is a node selected?
   _selectInitialNodes(nodeIds) {
-    let selectCount = 0;
+    let isNodeSelected = false;
     for (let nodeId of nodeIds) {
       let node = this._getNodeById(nodeId);
       if (!node) {
         continue;
       }
-      selectCount += 1;
       this._addToSelection(node);
+      isNodeSelected = true;
     }
-    return selectCount !== 0;
+    return isNodeSelected;
   }
 }
 

package/lib/saveStateHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"saveStateHandler.js","sources":["../src/saveStateHandler.ts"],"sourcesContent":["import type {\n  AddToSelection,\n  GetNodeById,\n  GetSelectedNodes,\n  GetTree,\n  OpenNode,\n  RefreshElements,\n  RemoveFromSelection,\n} from \"./methodTypes\";\nimport type { Node, NodeId } from \"./node\";\nimport type { OnGetStateFromStorage, OnSetStateFromStorage } from \"./options\";\n\nimport { isInt } from \"./util\";\n\nexport interface SavedState {\n  open_nodes?: NodeId[];\n  selected_node?: NodeId[];\n}\n\ninterface SaveStateHandlerParams {\n  addToSelection: AddToSelection;\n  getNodeById: GetNodeById;\n  getSelectedNodes: GetSelectedNodes;\n  getTree: GetTree;\n  onGetStateFromStorage?: OnGetStateFromStorage;\n  onSetStateFromStorage?: OnSetStateFromStorage;\n  openNode: OpenNode;\n  refreshElements: RefreshElements;\n  removeFromSelection: RemoveFromSelection;\n  saveState: boolean | string;\n}\n\nexport default class SaveStateHandler {\n  private addToSelection: AddToSelection;\n  private getNodeById: GetNodeById;\n  private getSelectedNodes: GetSelectedNodes;\n  private getTree: GetTree;\n  private onGetStateFromStorage?: OnGetStateFromStorage;\n  private onSetStateFromStorage?: OnSetStateFromStorage;\n  private openNode: OpenNode;\n  private refreshElements: RefreshElements;\n  private removeFromSelection: RemoveFromSelection;\n  private saveStateOption: boolean | string;\n\n  constructor({\n    addToSelection,\n    getNodeById,\n    getSelectedNodes,\n    getTree,\n    onGetStateFromStorage,\n    onSetStateFromStorage,\n    openNode,\n    refreshElements,\n    removeFromSelection,\n    saveState,\n  }: SaveStateHandlerParams) {\n    this.addToSelection = addToSelection;\n    this.getNodeById = getNodeById;\n    this.getSelectedNodes = getSelectedNodes;\n    this.getTree = getTree;\n    this.onGetStateFromStorage = onGetStateFromStorage;\n    this.onSetStateFromStorage = onSetStateFromStorage;\n    this.openNode = openNode;\n    this.refreshElements = refreshElements;\n    this.removeFromSelection = removeFromSelection;\n    this.saveStateOption = saveState;\n  }\n\n  public getNodeIdToBeSelected(): NodeId | null {\n    if (!this.saveStateOption) {\n      return null;\n    }\n\n    const state = this.getStateFromStorage();\n\n    return state?.selected_node ? (state.selected_node[0] ?? null) : null;\n  }\n\n  public getState(): SavedState {\n    const getOpenNodeIds = (): NodeId[] => {\n      const openNodes: NodeId[] = [];\n\n      this.getTree()?.iterate((node: Node) => {\n        if (node.is_open && node.id && node.hasChildren()) {\n          openNodes.push(node.id);\n        }\n        return true;\n      });\n\n      return openNodes;\n    };\n\n    const getSelectedNodeIds = (): NodeId[] => {\n      const selectedNodeIds: NodeId[] = [];\n\n      for (const node of this.getSelectedNodes()) {\n        if (node.id != null) {\n          selectedNodeIds.push(node.id);\n        }\n      }\n\n      return selectedNodeIds;\n    };\n\n    return {\n      open_nodes: getOpenNodeIds(),\n      selected_node: getSelectedNodeIds(),\n    };\n  }\n\n  public getStateFromStorage(): null | SavedState {\n    if (!this.saveStateOption) {\n      return null;\n    }\n\n    const jsonData = this.loadFromStorage();\n\n    return jsonData ? this.parseState(jsonData) : null;\n  }\n\n  public saveState(): void {\n    if (!this.saveStateOption) {\n      return;\n    }\n\n    const state = JSON.stringify(this.getState());\n\n    if (this.onSetStateFromStorage) {\n      this.onSetStateFromStorage(state);\n    } else {\n      localStorage.setItem(this.getKeyName(), state);\n    }\n  }\n\n  /*\n    Set initial state\n    Don't handle nodes that are loaded on demand\n\n    result: must load on demand (boolean)\n    */\n  public setInitialState(state: SavedState): boolean {\n    const mustLoadOnDemand = state.open_nodes\n      ? this.openInitialNodes(state.open_nodes)\n      : false;\n\n    this.resetSelection();\n\n    if (state.selected_node) {\n      this.selectInitialNodes(state.selected_node);\n    }\n\n    return mustLoadOnDemand;\n  }\n\n  public async setInitialStateOnDemand(state: SavedState): Promise<void> {\n    let nodeIds = state.open_nodes;\n\n    const openNodes = async () => {\n      if (!nodeIds) {\n        return;\n      }\n\n      const newNodesIds = [];\n\n      for (const nodeId of nodeIds) {\n        const node = this.getNodeById(nodeId);\n\n        if (node) {\n          if (!node.is_loading) {\n            if (node.load_on_demand) {\n              await loadAndOpenNode(node);\n            } else {\n              await this.openNode(node, false);\n            }\n          }\n        } else {\n          newNodesIds.push(nodeId);\n        }\n      }\n\n      nodeIds = newNodesIds;\n\n      if (state.selected_node && this.selectInitialNodes(state.selected_node)) {\n        this.refreshElements(null);\n      }\n    };\n\n    const loadAndOpenNode = async (node: Node) => {\n      await this.openNode(node, false);\n      await openNodes();\n    };\n\n    await openNodes();\n  }\n\n  private getKeyName(): string {\n    return typeof this.saveStateOption === \"string\"\n      ? this.saveStateOption\n      : \"tree\";\n  }\n\n  private loadFromStorage(): null | string {\n    return this.onGetStateFromStorage\n      ? this.onGetStateFromStorage()\n      : localStorage.getItem(this.getKeyName());\n  }\n\n  private openInitialNodes(nodeIds: NodeId[]): boolean {\n    let mustLoadOnDemand = false;\n\n    for (const nodeId of nodeIds) {\n      const node = this.getNodeById(nodeId);\n\n      if (node) {\n        if (node.load_on_demand) {\n          mustLoadOnDemand = true;\n        } else {\n          node.is_open = true;\n        }\n      }\n    }\n\n    return mustLoadOnDemand;\n  }\n\n  private parseState(jsonData: string): SavedState {\n    const state = JSON.parse(jsonData) as Record<string, unknown>;\n\n    // Check if selected_node is an int (instead of an array)\n    if (state.selected_node && isInt(state.selected_node)) {\n      // Convert to array\n      state.selected_node = [state.selected_node];\n    }\n\n    return state;\n  }\n\n  private resetSelection(): void {\n    const selectedNodes = this.getSelectedNodes();\n\n    for (const node of selectedNodes) {\n      this.removeFromSelection(node);\n    }\n  }\n\n  private selectInitialNodes(nodeIds: NodeId[]): boolean {\n    let selectCount = 0;\n\n    for (const nodeId of nodeIds) {\n      const node = this.getNodeById(nodeId);\n\n      if (!node) {\n        continue;\n      }\n\n      selectCount += 1;\n\n      this.addToSelection(node);\n    }\n\n    return selectCount !== 0;\n  }\n}\n"],"names":["addToSelection","getNodeById","getSelectedNodes","getTree","onGetStateFromStorage","onSetStateFromStorage","openNode","refreshElements","removeFromSelection","saveStateOption","getNodeIdToBeSelected","getStateFromStorage","getState","loadFromStorage","parseState","saveState","getKeyName","setInitialState","openInitialNodes","resetSelection","selectInitialNodes","setInitialStateOnDemand"],"mappings":"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"}
+{"version":3,"file":"saveStateHandler.js","sources":["../src/saveStateHandler.ts"],"sourcesContent":["import type {\n  AddToSelection,\n  GetNodeById,\n  GetSelectedNodes,\n  GetTree,\n  OpenNode,\n  RefreshElements,\n  RemoveFromSelection,\n} from \"./methodTypes\";\nimport type { Node, NodeId } from \"./node\";\nimport type { OnGetStateFromStorage, OnSetStateFromStorage } from \"./options\";\n\nimport { isInt } from \"./util\";\n\nexport interface SavedState {\n  open_nodes?: NodeId[];\n  selected_node?: NodeId[];\n}\n\ninterface SaveStateHandlerParams {\n  addToSelection: AddToSelection;\n  getNodeById: GetNodeById;\n  getSelectedNodes: GetSelectedNodes;\n  getTree: GetTree;\n  onGetStateFromStorage?: OnGetStateFromStorage;\n  onSetStateFromStorage?: OnSetStateFromStorage;\n  openNode: OpenNode;\n  refreshElements: RefreshElements;\n  removeFromSelection: RemoveFromSelection;\n  saveState: boolean | string;\n}\n\nexport default class SaveStateHandler {\n  private addToSelection: AddToSelection;\n  private getNodeById: GetNodeById;\n  private getSelectedNodes: GetSelectedNodes;\n  private getTree: GetTree;\n  private onGetStateFromStorage?: OnGetStateFromStorage;\n  private onSetStateFromStorage?: OnSetStateFromStorage;\n  private openNode: OpenNode;\n  private refreshElements: RefreshElements;\n  private removeFromSelection: RemoveFromSelection;\n  private saveStateOption: boolean | string;\n\n  constructor({\n    addToSelection,\n    getNodeById,\n    getSelectedNodes,\n    getTree,\n    onGetStateFromStorage,\n    onSetStateFromStorage,\n    openNode,\n    refreshElements,\n    removeFromSelection,\n    saveState,\n  }: SaveStateHandlerParams) {\n    this.addToSelection = addToSelection;\n    this.getNodeById = getNodeById;\n    this.getSelectedNodes = getSelectedNodes;\n    this.getTree = getTree;\n    this.onGetStateFromStorage = onGetStateFromStorage;\n    this.onSetStateFromStorage = onSetStateFromStorage;\n    this.openNode = openNode;\n    this.refreshElements = refreshElements;\n    this.removeFromSelection = removeFromSelection;\n    this.saveStateOption = saveState;\n  }\n\n  public getNodeIdToBeSelected(): NodeId | null {\n    // Without the saveState option there is no state\n    const state = this.getStateFromStorage();\n\n    return state?.selected_node ? (state.selected_node[0] ?? null) : null;\n  }\n\n  public getState(): SavedState {\n    const getOpenNodeIds = (): NodeId[] => {\n      const openNodes: NodeId[] = [];\n\n      this.getTree()?.iterate((node: Node) => {\n        if (node.is_open && node.id && node.hasChildren()) {\n          openNodes.push(node.id);\n        }\n        return true;\n      });\n\n      return openNodes;\n    };\n\n    const getSelectedNodeIds = (): NodeId[] => {\n      const selectedNodeIds: NodeId[] = [];\n\n      for (const node of this.getSelectedNodes()) {\n        if (node.id != null) {\n          selectedNodeIds.push(node.id);\n        }\n      }\n\n      return selectedNodeIds;\n    };\n\n    return {\n      open_nodes: getOpenNodeIds(),\n      selected_node: getSelectedNodeIds(),\n    };\n  }\n\n  public getStateFromStorage(): null | SavedState {\n    if (!this.saveStateOption) {\n      return null;\n    }\n\n    const jsonData = this.loadFromStorage();\n\n    return jsonData ? this.parseState(jsonData) : null;\n  }\n\n  public saveState(): void {\n    if (!this.saveStateOption) {\n      return;\n    }\n\n    const state = JSON.stringify(this.getState());\n\n    if (this.onSetStateFromStorage) {\n      this.onSetStateFromStorage(state);\n    } else {\n      localStorage.setItem(this.getKeyName(), state);\n    }\n  }\n\n  /*\n    Set initial state\n    Don't handle nodes that are loaded on demand\n\n    result: must load on demand (boolean)\n    */\n  public setInitialState(state: SavedState): boolean {\n    const mustLoadOnDemand = state.open_nodes\n      ? this.openInitialNodes(state.open_nodes)\n      : false;\n\n    this.resetSelection();\n\n    if (state.selected_node) {\n      this.selectInitialNodes(state.selected_node);\n    }\n\n    return mustLoadOnDemand;\n  }\n\n  public async setInitialStateOnDemand(state: SavedState): Promise<void> {\n    let nodeIds = state.open_nodes;\n\n    const openNodes = async () => {\n      if (!nodeIds) {\n        return;\n      }\n\n      const newNodesIds = [];\n\n      for (const nodeId of nodeIds) {\n        const node = this.getNodeById(nodeId);\n\n        if (node) {\n          if (!node.is_loading) {\n            if (node.load_on_demand) {\n              await loadAndOpenNode(node);\n            } else {\n              await this.openNode(node, false);\n            }\n          }\n        } else {\n          newNodesIds.push(nodeId);\n        }\n      }\n\n      nodeIds = newNodesIds;\n\n      if (state.selected_node && this.selectInitialNodes(state.selected_node)) {\n        this.refreshElements(null);\n      }\n    };\n\n    const loadAndOpenNode = async (node: Node) => {\n      await this.openNode(node, false);\n      await openNodes();\n    };\n\n    await openNodes();\n  }\n\n  private getKeyName(): string {\n    return typeof this.saveStateOption === \"string\"\n      ? this.saveStateOption\n      : \"tree\";\n  }\n\n  private loadFromStorage(): null | string {\n    return this.onGetStateFromStorage\n      ? this.onGetStateFromStorage()\n      : localStorage.getItem(this.getKeyName());\n  }\n\n  private openInitialNodes(nodeIds: NodeId[]): boolean {\n    let mustLoadOnDemand = false;\n\n    for (const nodeId of nodeIds) {\n      const node = this.getNodeById(nodeId);\n\n      if (node) {\n        if (node.load_on_demand) {\n          mustLoadOnDemand = true;\n        } else {\n          node.is_open = true;\n        }\n      }\n    }\n\n    return mustLoadOnDemand;\n  }\n\n  private parseState(jsonData: string): SavedState {\n    const state = JSON.parse(jsonData) as Record<string, unknown>;\n\n    // Check if selected_node is an int (instead of an array)\n    if (state.selected_node && isInt(state.selected_node)) {\n      // Convert to array\n      state.selected_node = [state.selected_node];\n    }\n\n    return state;\n  }\n\n  private resetSelection(): void {\n    const selectedNodes = this.getSelectedNodes();\n\n    for (const node of selectedNodes) {\n      this.removeFromSelection(node);\n    }\n  }\n\n  // result: is a node selected?\n  private selectInitialNodes(nodeIds: NodeId[]): boolean {\n    let isNodeSelected = false;\n\n    for (const nodeId of nodeIds) {\n      const node = this.getNodeById(nodeId);\n\n      if (!node) {\n        continue;\n      }\n\n      this.addToSelection(node);\n      isNodeSelected = true;\n    }\n\n    return isNodeSelected;\n  }\n}\n"],"names":["addToSelection","getNodeById","getSelectedNodes","getTree","onGetStateFromStorage","onSetStateFromStorage","openNode","refreshElements","removeFromSelection","saveStateOption","getNodeIdToBeSelected","getStateFromStorage","getState","loadFromStorage","parseState","saveState","getKeyName","setInitialState","openInitialNodes","resetSelection","selectInitialNodes","setInitialStateOnDemand"],"mappings":"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"}

package/lib/selectNodeHandler.d.ts

@@ -35,6 +35,9 @@ export default class SelectNodeHandler {
     isNodeSelected(node: Node): boolean;
     removeFromSelection(node: Node, includeChildren?: boolean): void;
     selectSingleNode(node: Node, optionsParam?: SelectNodeOptions): void;
+    toggleNodeInSelection(node: Node, mustSetFocus?: boolean): void;
+    private canSelect;
+    private deselectNode;
 }
 export {};
 //# sourceMappingURL=selectNodeHandler.d.ts.map

package/lib/selectNodeHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectNodeHandler.d.ts","sourceRoot":"","sources":["../src/selectNodeHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,qBAAqB,EACrB,WAAW,EACX,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,IAAI,EAAU,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,2BAA2B;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,kBAAkB,EAAE,MAAM,eAAe,GAAG,SAAS,CAAC;IACtD,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,OAAO,iBAAiB;IACpC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,qBAAqB,CAAwB;IACrD,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,kBAAkB,CAAc;IACxC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,aAAa,CAAa;gBAEtB,EACV,WAAW,EACX,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,2BAA2B;IAavB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAQhC,KAAK,IAAI,IAAI;IAKb,eAAe,IAAI,IAAI,GAAG,IAAI;IAM9B,gBAAgB,IAAI,IAAI,EAAE;IAiB1B,qBAAqB,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE;IAmB3C,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IAOnC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,UAAQ,GAAG,IAAI;IA6B9D,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,iBAAiB;CA+CrE"}
+{"version":3,"file":"selectNodeHandler.d.ts","sourceRoot":"","sources":["../src/selectNodeHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,qBAAqB,EACrB,WAAW,EACX,YAAY,EACb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,IAAI,EAAU,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,2BAA2B;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,kBAAkB,EAAE,MAAM,eAAe,GAAG,SAAS,CAAC;IACtD,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,OAAO,iBAAiB;IACpC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,qBAAqB,CAAwB;IACrD,OAAO,CAAC,kBAAkB,CAAoC;IAC9D,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,kBAAkB,CAAc;IACxC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,aAAa,CAAa;gBAEtB,EACV,WAAW,EACX,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE,2BAA2B;IAavB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAQhC,KAAK,IAAI,IAAI;IAKb,eAAe,IAAI,IAAI,GAAG,IAAI;IAM9B,gBAAgB,IAAI,IAAI,EAAE;IAiB1B,qBAAqB,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE;IAmB3C,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IAOnC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,eAAe,UAAQ,GAAG,IAAI;IA6B9D,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,CAAC,EAAE,iBAAiB;IA0D7D,qBAAqB,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,UAAO,GAAG,IAAI;IAoBnE,OAAO,CAAC,SAAS;IASjB,OAAO,CAAC,YAAY;CAIrB"}