tree-element 0.1.1 → 0.3.0

package/README.md

@@ -1,4 +1,4 @@
-# Html-tree
+# Tree-element
 
 Tree widget in plain javascript. No jQuery, no framework, no runtime dependencies.
 
@@ -11,6 +11,10 @@ Tree widget in plain javascript. No jQuery, no framework, no runtime dependencie
 
 Full documentation: https://mbraak.github.io/tree-element/
 
+npm package: https://www.npmjs.com/package/tree-element
+
+![screenshot](https://raw.github.com/mbraak/tree-element/master/screenshot.png)
+
 ## Install
 
 ```sh
@@ -75,32 +79,34 @@ new TreeElement({
 
 ## Options
 
-| Option            | Default              | Description                                                                       |
-| ----------------- | -------------------- | --------------------------------------------------------------------------------- |
-| `animationSpeed`  | `"fast"`             | `"fast"`, `"slow"`, or a number of milliseconds                                   |
-| `autoEscape`      | `true`               | Escape node names. Set to `false` to render html in a name                        |
-| `autoOpen`        | `false`              | `true` opens everything, a number opens that many levels (`0` is the first level) |
-| `buttonLeft`      | `true`               | Put the open/close button left of the title                                       |
+| Option            | Default                 | Description                                                                       |
+| ----------------- | ----------------------- | --------------------------------------------------------------------------------- |
+| `animationSpeed`  | `"fast"`                | `"fast"`, `"slow"`, or a number of milliseconds. `0` for reduced motion           |
+| `ariaLabel`       |                         | The accessible name of the tree                                                   |
+| `ariaLabelledBy`  |                         | The id of the element that names the tree                                         |
+| `autoEscape`      | `true`                  | Escape node names. Set to `false` to render html in a name                        |
+| `autoOpen`        | `false`                 | `true` opens everything, a number opens that many levels (`0` is the first level) |
+| `buttonLeft`      | `true`                  | Put the open/close button left of the title                                       |
 | `classPrefix`     | `"tree-element"`        | The prefix of all css classes                                                     |
-| `closedIcon`      | `►` (`◄` in rtl)     | Html string or element                                                            |
+| `closedIcon`      | `►` (`◄` in rtl)        | Html string or element                                                            |
 | `commonClassName` | `"tree-element-common"` | The class that every element gets                                                 |
-| `data`            |                      | The nodes to display                                                              |
-| `dataFilter`      |                      | Transforms the response of `dataUrl` into node data                               |
-| `dataUrl`         | `data-url` attribute | Url, or a function returning a url                                                |
-| `dragAndDrop`     | `false`              | Enable drag and drop                                                              |
-| `keyboardSupport` | `true`               | Navigate with the arrow keys                                                      |
-| `nodeClass`       | `Node`               | Subclass of `Node` to use for nodes                                               |
-| `openFolderDelay` | `500`                | Milliseconds before a folder opens while dragging over it. `false` disables it    |
-| `openedIcon`      | `▼`                  | Html string or element                                                            |
-| `rtl`             | `data-rtl` attribute | Right-to-left rendering                                                           |
-| `saveState`       | `false`              | `true`, or a string to use as the storage key                                     |
-| `selectable`      | `true`               | Allow selecting nodes                                                             |
-| `showEmptyFolder` | `false`              | Show the open/close button for nodes without children                             |
-| `slide`           | `true`               | Animate opening and closing                                                       |
-| `startDndDelay`   | `300`                | Milliseconds to hold before a drag starts                                         |
-| `tabIndex`        | `0`                  | Tab index of the tree element                                                     |
+| `data`            |                         | The nodes to display                                                              |
+| `dataFilter`      |                         | Transforms the response of `dataUrl` into node data                               |
+| `dataUrl`         | `data-url` attribute    | Url, or a function returning a url                                                |
+| `dragAndDrop`     | `false`                 | Enable drag and drop                                                              |
+| `keyboardSupport` | `true`                  | Navigate with the keyboard                                                        |
+| `nodeClass`       | `Node`                  | Subclass of `Node` to use for nodes                                               |
+| `openFolderDelay` | `500`                   | Milliseconds before a folder opens while dragging over it. `false` disables it    |
+| `openedIcon`      | `▼`                     | Html string or element                                                            |
+| `rtl`             | `data-rtl` attribute    | Right-to-left rendering                                                           |
+| `saveState`       | `false`                 | `true`, or a string to use as the storage key                                     |
+| `selectable`      | `true`                  | Allow selecting nodes                                                             |
+| `showEmptyFolder` | `false`                 | Show the open/close button for nodes without children                             |
+| `slide`           | `true`                  | Animate opening and closing                                                       |
+| `startDndDelay`   | `300`                   | Milliseconds to hold before a drag starts                                         |
+| `tabIndex`        | `0`                     | Tab index of the tree element                                                     |
 | `treeClassName`   | `"tree-element"`        | The class of the root `ul`                                                        |
-| `useContextMenu`  | `true`               | Fire `tree.contextmenu` on right click                                            |
+| `useContextMenu`  | `true`                  | Fire `tree.contextmenu` on right click                                            |
 
 ### Callbacks
 
@@ -133,6 +139,7 @@ element.addEventListener("tree.select", (e) => {
 | `tree.click`        | `node`, `originalEvent`                                                                            |
 | `tree.dblclick`     | `node`, `originalEvent`                                                                            |
 | `tree.contextmenu`  | `node`, `originalEvent`                                                                            |
+| `tree.activate`     | `node`, `originalEvent`                                                                            |
 | `tree.select`       | `node`, `deselectedNode`                                                                           |
 | `tree.deselect`     | `node`                                                                                             |
 | `tree.open`         | `node`                                                                                             |
@@ -158,7 +165,8 @@ Nodes are `Node` instances. Get one with `getNodeById`, `getNodeByName`,
 
 **Nodes**: `appendNode(data, parentNode)`, `prependNode(data, parentNode)`, `addNodeAfter(data, node)`, `addNodeBefore(data, node)`, `addParentNode(data, node)`, `updateNode(node, data)`, `removeNode(node)`, `moveNode(node, targetNode, position)`
 
-**Opening**: `openNode(node, slide?)`, `closeNode(node, slide?)`, `toggle(node, slide?)`
+**Opening**: `openNode(node, slide?)`, `closeNode(node, slide?)`, `toggle(node, slide?)`.
+`openNode`, `closeNode` and `toggle` return a promise that is resolved when the folder is open or closed.
 
 **Selection**: `selectNode(node, options?)`, `getSelectedNode()`, `getSelectedNodes()`, `isNodeSelected(node)`, `addToSelection(node, mustSetFocus?)`, `removeFromSelection(node)`, `moveUp()`, `moveDown()`
 
@@ -188,11 +196,11 @@ const data: NodeData[] = [{ name: "root", id: 1 }];
 
 ## Entry points
 
-|                           |                                                              |
-| ------------------------- | ------------------------------------------------------------ |
-| `import "tree-element"`      | `lib/index.js`, unbundled es modules                         |
-| `require`, script tag     | `tree_element.js`, minified iife exposing the global `TreeElement` |
-| `tree-element/tree_element.css` | The stylesheet                                               |
+|                                 |                                                                    |
+| ------------------------------- | ------------------------------------------------------------------ |
+| `import "tree-element"`         | `lib/index.js`, unbundled es modules                               |
+| `require`, script tag           | `tree_element.js`, minified iife exposing the global `TreeElement` |
+| `tree-element/tree_element.css` | The stylesheet                                                     |
 
 `tree_element.debug.js` is the same bundle without minification.
 
@@ -214,7 +222,11 @@ pnpm docs-check    # type-check the code snippets in the docs
 pnpm ci            # lint, typecheck, check the docs and test
 ```
 
-`pnpm test` runs the vitest unit tests and the playwright browser tests.
+`pnpm test` runs the vitest unit tests and the playwright browser tests. The
+browser tests include accessibility checks: axe scans the rendered tree
+(including color contrast) and keyboard-only tests cover tabbing into the tree,
+the arrow keys, `Home`, `End` and `Enter`. They are in
+`playwright/accessibility.test.ts`.
 
 ### Releasing
 

package/lib/animation.d.ts

@@ -1,5 +1,5 @@
 export type AnimationSpeed = "fast" | "slow" | number;
 export declare const getAnimationDuration: (duration: AnimationSpeed) => number;
-export declare const slideDown: (element: HTMLElement, animationSpeed: AnimationSpeed, onFinished: () => void) => void;
-export declare const slideUp: (element: HTMLElement, animationSpeed: AnimationSpeed, onFinished: () => void) => void;
+export declare const slideDown: (element: HTMLElement, animationSpeed: AnimationSpeed) => Promise<void>;
+export declare const slideUp: (element: HTMLElement, animationSpeed: AnimationSpeed) => Promise<void>;
 //# sourceMappingURL=animation.d.ts.map

package/lib/animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../src/animation.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,eAAO,MAAM,oBAAoB,GAAI,UAAU,cAAc,KAAG,MAM/D,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,SAAS,WAAW,EACpB,gBAAgB,cAAc,EAC9B,YAAY,MAAM,IAAI,KACrB,IAcF,CAAC;AAEF,eAAO,MAAM,OAAO,GAClB,SAAS,WAAW,EACpB,gBAAgB,cAAc,EAC9B,YAAY,MAAM,IAAI,KACrB,IAaF,CAAC"}
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../src/animation.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,eAAO,MAAM,oBAAoB,GAAI,UAAU,cAAc,KAAG,MAM/D,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,SAAS,WAAW,EACpB,gBAAgB,cAAc,KAC7B,OAAO,CAAC,IAAI,CAgBd,CAAC;AAEF,eAAO,MAAM,OAAO,GAClB,SAAS,WAAW,EACpB,gBAAgB,cAAc,KAC7B,OAAO,CAAC,IAAI,CAed,CAAC"}

package/lib/animation.js

@@ -1,12 +1,12 @@
-const getAnimationDuration = duration => {
+let getAnimationDuration = duration => {
   if (typeof duration === "number") {
     return duration;
   }
   return duration === "slow" ? 600 : 200;
 };
-const slideDown = (element, animationSpeed, onFinished) => {
+let slideDown = (element, animationSpeed) => {
   element.style.display = "block";
-  const animation = element.animate([{
+  let animation = element.animate([{
     height: "0",
     overflow: "hidden"
   }, {
@@ -15,12 +15,14 @@ const slideDown = (element, animationSpeed, onFinished) => {
   }], {
     duration: getAnimationDuration(animationSpeed)
   });
-  animation.onfinish = () => {
-    onFinished();
-  };
+  return new Promise(resolve => {
+    animation.onfinish = () => {
+      resolve();
+    };
+  });
 };
-const slideUp = (element, animationSpeed, onFinished) => {
-  const animation = element.animate([{
+let slideUp = (element, animationSpeed) => {
+  let animation = element.animate([{
     height: `${element.scrollHeight}px`,
     overflow: "hidden"
   }, {
@@ -29,10 +31,12 @@ const slideUp = (element, animationSpeed, onFinished) => {
   }], {
     duration: getAnimationDuration(animationSpeed)
   });
-  animation.onfinish = () => {
-    element.style.display = "none";
-    onFinished();
-  };
+  return new Promise(resolve => {
+    animation.onfinish = () => {
+      element.style.display = "none";
+      resolve();
+    };
+  });
 };
 
 export { getAnimationDuration, slideDown, slideUp };

package/lib/animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation.js","sources":["../src/animation.ts"],"sourcesContent":["export type AnimationSpeed = \"fast\" | \"slow\" | number;\n\nexport const getAnimationDuration = (duration: AnimationSpeed): number => {\n  if (typeof duration === \"number\") {\n    return duration;\n  }\n\n  return duration === \"slow\" ? 600 : 200;\n};\n\nexport const slideDown = (\n  element: HTMLElement,\n  animationSpeed: AnimationSpeed,\n  onFinished: () => void,\n): void => {\n  element.style.display = \"block\";\n\n  const animation = element.animate(\n    [\n      { height: \"0\", overflow: \"hidden\" },\n      { height: `${element.scrollHeight}px`, overflow: \"hidden\" },\n    ],\n    { duration: getAnimationDuration(animationSpeed) },\n  );\n\n  animation.onfinish = () => {\n    onFinished();\n  };\n};\n\nexport const slideUp = (\n  element: HTMLElement,\n  animationSpeed: AnimationSpeed,\n  onFinished: () => void,\n): void => {\n  const animation = element.animate(\n    [\n      { height: `${element.scrollHeight}px`, overflow: \"hidden\" },\n      { height: \"0\", overflow: \"hidden\" },\n    ],\n    { duration: getAnimationDuration(animationSpeed) },\n  );\n\n  animation.onfinish = () => {\n    element.style.display = \"none\";\n    onFinished();\n  };\n};"],"names":[],"mappings":"AAEO,MAAM,oBAAoB,GAAI,QAAwB,IAAa;AACxE,EAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,IAAA,OAAO,QAAQ;AACjB,EAAA;AAEA,EAAA,OAAO,QAAQ,KAAK,MAAM,GAAG,GAAG,GAAG,GAAG;AACxC;AAEO,MAAM,SAAS,GAAG,CACvB,OAAoB,EACpB,cAA8B,EAC9B,UAAsB,KACb;AACT,EAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;AAE/B,EAAA,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAC/B,CACE;AAAE,IAAA,MAAM,EAAE,GAAG;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,EACnC;AAAE,IAAA,MAAM,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAA,EAAA,CAAI;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,CAC5D,EACD;IAAE,QAAQ,EAAE,oBAAoB,CAAC,cAAc;AAAE,GACnD,CAAC;EAED,SAAS,CAAC,QAAQ,GAAG,MAAM;AACzB,IAAA,UAAU,EAAE;EACd,CAAC;AACH;AAEO,MAAM,OAAO,GAAG,CACrB,OAAoB,EACpB,cAA8B,EAC9B,UAAsB,KACb;AACT,EAAA,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAC/B,CACE;AAAE,IAAA,MAAM,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAA,EAAA,CAAI;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,EAC3D;AAAE,IAAA,MAAM,EAAE,GAAG;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,CACpC,EACD;IAAE,QAAQ,EAAE,oBAAoB,CAAC,cAAc;AAAE,GACnD,CAAC;EAED,SAAS,CAAC,QAAQ,GAAG,MAAM;AACzB,IAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAC9B,IAAA,UAAU,EAAE;EACd,CAAC;AACH;;"}
+{"version":3,"file":"animation.js","sources":["../src/animation.ts"],"sourcesContent":["export type AnimationSpeed = \"fast\" | \"slow\" | number;\n\nexport const getAnimationDuration = (duration: AnimationSpeed): number => {\n  if (typeof duration === \"number\") {\n    return duration;\n  }\n\n  return duration === \"slow\" ? 600 : 200;\n};\n\nexport const slideDown = (\n  element: HTMLElement,\n  animationSpeed: AnimationSpeed,\n): Promise<void> => {\n  element.style.display = \"block\";\n\n  const animation = element.animate(\n    [\n      { height: \"0\", overflow: \"hidden\" },\n      { height: `${element.scrollHeight}px`, overflow: \"hidden\" },\n    ],\n    { duration: getAnimationDuration(animationSpeed) },\n  );\n\n  return new Promise((resolve) => {\n    animation.onfinish = () => {\n      resolve();\n    };\n  });\n};\n\nexport const slideUp = (\n  element: HTMLElement,\n  animationSpeed: AnimationSpeed,\n): Promise<void> => {\n  const animation = element.animate(\n    [\n      { height: `${element.scrollHeight}px`, overflow: \"hidden\" },\n      { height: \"0\", overflow: \"hidden\" },\n    ],\n    { duration: getAnimationDuration(animationSpeed) },\n  );\n\n  return new Promise((resolve) => {\n    animation.onfinish = () => {\n      element.style.display = \"none\";\n      resolve();\n    };\n  });\n};\n"],"names":[],"mappings":"AAEO,IAAM,oBAAoB,GAAI,QAAwB,IAAa;AACxE,EAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;AAChC,IAAA,OAAO,QAAQ;AACjB,EAAA;AAEA,EAAA,OAAO,QAAQ,KAAK,MAAM,GAAG,GAAG,GAAG,GAAG;AACxC;IAEa,SAAS,GAAG,CACvB,OAAoB,EACpB,cAA8B,KACZ;AAClB,EAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;AAE/B,EAAA,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAC/B,CACE;AAAE,IAAA,MAAM,EAAE,GAAG;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,EACnC;AAAE,IAAA,MAAM,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAA,EAAA,CAAI;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,CAC5D,EACD;IAAE,QAAQ,EAAE,oBAAoB,CAAC,cAAc;AAAE,GACnD,CAAC;AAED,EAAA,OAAO,IAAI,OAAO,CAAE,OAAO,IAAK;IAC9B,SAAS,CAAC,QAAQ,GAAG,MAAM;AACzB,MAAA,OAAO,EAAE;IACX,CAAC;AACH,EAAA,CAAC,CAAC;AACJ;IAEa,OAAO,GAAG,CACrB,OAAoB,EACpB,cAA8B,KACZ;AAClB,EAAA,IAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAC/B,CACE;AAAE,IAAA,MAAM,EAAE,CAAA,EAAG,OAAO,CAAC,YAAY,CAAA,EAAA,CAAI;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,EAC3D;AAAE,IAAA,MAAM,EAAE,GAAG;AAAE,IAAA,QAAQ,EAAE;AAAS,GAAC,CACpC,EACD;IAAE,QAAQ,EAAE,oBAAoB,CAAC,cAAc;AAAE,GACnD,CAAC;AAED,EAAA,OAAO,IAAI,OAAO,CAAE,OAAO,IAAK;IAC9B,SAAS,CAAC,QAAQ,GAAG,MAAM;AACzB,MAAA,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAC9B,MAAA,OAAO,EAAE;IACX,CAAC;AACH,EAAA,CAAC,CAAC;AACJ;;"}

package/lib/classNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,iBAAiB,CAAC;AAOnD,QAAA,MAAM,gBAAgB,GAAI,kDAIvB,iBAAiB,KAAG,UAwBrB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"classNames.d.ts","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,iBAAiB,CAAC;AAOnD,QAAA,MAAM,gBAAgB,GAAI,kDAIvB,iBAAiB,KAAG,UAwBrB,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/lib/classNames.js

@@ -1,11 +1,11 @@
-const DEFAULT_CLASS_PREFIX = "tree-element";
+let DEFAULT_CLASS_PREFIX = "tree-element";
 
 /* Create the class names that the widget puts on the elements it creates.
  * They are all derived from classPrefix, except for the class of the root
  * element and the class that every element gets, which have an option of
  * their own.
  */
-const createClassNames = ({
+let createClassNames = ({
   classPrefix,
   commonClassName,
   treeClassName

package/lib/classNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"classNames.js","sources":["../src/classNames.ts"],"sourcesContent":["export interface ClassNames {\n    border: string;\n    circle: string;\n    closed: string;\n    common: string;\n    dnd: string;\n    dragging: string;\n    element: string;\n    folder: string;\n    ghost: string;\n    inside: string;\n    line: string;\n    loading: string;\n    moving: string;\n    rtl: string;\n    selected: string;\n    title: string;\n    titleButtonLeft: string;\n    titleButtonRight: string;\n    titleFolder: string;\n    toggler: string;\n    togglerLeft: string;\n    togglerRight: string;\n    tree: string;\n}\n\nexport interface ClassNamesOptions {\n    classPrefix: string;\n    commonClassName?: string;\n    treeClassName?: string;\n}\n\nexport const DEFAULT_CLASS_PREFIX = \"tree-element\";\n\n/* Create the class names that the widget puts on the elements it creates.\n * They are all derived from classPrefix, except for the class of the root\n * element and the class that every element gets, which have an option of\n * their own.\n */\nconst createClassNames = ({\n    classPrefix,\n    commonClassName,\n    treeClassName,\n}: ClassNamesOptions): ClassNames => ({\n    border: `${classPrefix}-border`,\n    circle: `${classPrefix}-circle`,\n    closed: `${classPrefix}-closed`,\n    common: commonClassName ?? `${classPrefix}-common`,\n    dnd: `${classPrefix}-dnd`,\n    dragging: `${classPrefix}-dragging`,\n    element: `${classPrefix}-element`,\n    folder: `${classPrefix}-folder`,\n    ghost: `${classPrefix}-ghost`,\n    inside: `${classPrefix}-inside`,\n    line: `${classPrefix}-line`,\n    loading: `${classPrefix}-loading`,\n    moving: `${classPrefix}-moving`,\n    rtl: `${classPrefix}-rtl`,\n    selected: `${classPrefix}-selected`,\n    title: `${classPrefix}-title`,\n    titleButtonLeft: `${classPrefix}-title-button-left`,\n    titleButtonRight: `${classPrefix}-title-button-right`,\n    titleFolder: `${classPrefix}-title-folder`,\n    toggler: `${classPrefix}-toggler`,\n    togglerLeft: `${classPrefix}-toggler-left`,\n    togglerRight: `${classPrefix}-toggler-right`,\n    tree: treeClassName ?? classPrefix,\n});\n\nexport default createClassNames;\n"],"names":[],"mappings":"AAgCO,MAAM,oBAAoB,GAAG;;AAEpC;AACA;AACA;AACA;AACA;AACA,MAAM,gBAAgB,GAAG,CAAC;EACtB,WAAW;EACX,eAAe;AACf,EAAA;AACe,CAAC,MAAkB;EAClC,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;AAC/B,EAAA,MAAM,EAAE,eAAe,IAAI,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAClD,GAAG,EAAE,CAAA,EAAG,WAAW,CAAA,IAAA,CAAM;EACzB,QAAQ,EAAE,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW;EACnC,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,QAAA,CAAU;EACjC,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,MAAA,CAAQ;EAC7B,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,IAAI,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO;EAC3B,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,QAAA,CAAU;EACjC,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,GAAG,EAAE,CAAA,EAAG,WAAW,CAAA,IAAA,CAAM;EACzB,QAAQ,EAAE,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW;EACnC,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,MAAA,CAAQ;EAC7B,eAAe,EAAE,CAAA,EAAG,WAAW,CAAA,kBAAA,CAAoB;EACnD,gBAAgB,EAAE,CAAA,EAAG,WAAW,CAAA,mBAAA,CAAqB;EACrD,WAAW,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe;EAC1C,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,QAAA,CAAU;EACjC,WAAW,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe;EAC1C,YAAY,EAAE,CAAA,EAAG,WAAW,CAAA,cAAA,CAAgB;EAC5C,IAAI,EAAE,aAAa,IAAI;AAC3B,CAAC;;"}
+{"version":3,"file":"classNames.js","sources":["../src/classNames.ts"],"sourcesContent":["export interface ClassNames {\n  border: string;\n  circle: string;\n  closed: string;\n  common: string;\n  dnd: string;\n  dragging: string;\n  element: string;\n  folder: string;\n  ghost: string;\n  inside: string;\n  line: string;\n  loading: string;\n  moving: string;\n  rtl: string;\n  selected: string;\n  title: string;\n  titleButtonLeft: string;\n  titleButtonRight: string;\n  titleFolder: string;\n  toggler: string;\n  togglerLeft: string;\n  togglerRight: string;\n  tree: string;\n}\n\nexport interface ClassNamesOptions {\n  classPrefix: string;\n  commonClassName?: string;\n  treeClassName?: string;\n}\n\nexport const DEFAULT_CLASS_PREFIX = \"tree-element\";\n\n/* Create the class names that the widget puts on the elements it creates.\n * They are all derived from classPrefix, except for the class of the root\n * element and the class that every element gets, which have an option of\n * their own.\n */\nconst createClassNames = ({\n  classPrefix,\n  commonClassName,\n  treeClassName,\n}: ClassNamesOptions): ClassNames => ({\n  border: `${classPrefix}-border`,\n  circle: `${classPrefix}-circle`,\n  closed: `${classPrefix}-closed`,\n  common: commonClassName ?? `${classPrefix}-common`,\n  dnd: `${classPrefix}-dnd`,\n  dragging: `${classPrefix}-dragging`,\n  element: `${classPrefix}-element`,\n  folder: `${classPrefix}-folder`,\n  ghost: `${classPrefix}-ghost`,\n  inside: `${classPrefix}-inside`,\n  line: `${classPrefix}-line`,\n  loading: `${classPrefix}-loading`,\n  moving: `${classPrefix}-moving`,\n  rtl: `${classPrefix}-rtl`,\n  selected: `${classPrefix}-selected`,\n  title: `${classPrefix}-title`,\n  titleButtonLeft: `${classPrefix}-title-button-left`,\n  titleButtonRight: `${classPrefix}-title-button-right`,\n  titleFolder: `${classPrefix}-title-folder`,\n  toggler: `${classPrefix}-toggler`,\n  togglerLeft: `${classPrefix}-toggler-left`,\n  togglerRight: `${classPrefix}-toggler-right`,\n  tree: treeClassName ?? classPrefix,\n});\n\nexport default createClassNames;\n"],"names":[],"mappings":"AAgCO,IAAM,oBAAoB,GAAG;;AAEpC;AACA;AACA;AACA;AACA;AACA,IAAM,gBAAgB,GAAG,CAAC;EACxB,WAAW;EACX,eAAe;AACf,EAAA;AACiB,CAAC,MAAkB;EACpC,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;AAC/B,EAAA,MAAM,EAAE,eAAe,IAAI,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAClD,GAAG,EAAE,CAAA,EAAG,WAAW,CAAA,IAAA,CAAM;EACzB,QAAQ,EAAE,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW;EACnC,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,QAAA,CAAU;EACjC,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,MAAA,CAAQ;EAC7B,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,IAAI,EAAE,CAAA,EAAG,WAAW,CAAA,KAAA,CAAO;EAC3B,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,QAAA,CAAU;EACjC,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS;EAC/B,GAAG,EAAE,CAAA,EAAG,WAAW,CAAA,IAAA,CAAM;EACzB,QAAQ,EAAE,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW;EACnC,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,MAAA,CAAQ;EAC7B,eAAe,EAAE,CAAA,EAAG,WAAW,CAAA,kBAAA,CAAoB;EACnD,gBAAgB,EAAE,CAAA,EAAG,WAAW,CAAA,mBAAA,CAAqB;EACrD,WAAW,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe;EAC1C,OAAO,EAAE,CAAA,EAAG,WAAW,CAAA,QAAA,CAAU;EACjC,WAAW,EAAE,CAAA,EAAG,WAAW,CAAA,aAAA,CAAe;EAC1C,YAAY,EAAE,CAAA,EAAG,WAAW,CAAA,cAAA,CAAgB;EAC5C,IAAI,EAAE,aAAa,IAAI;AACzB,CAAC;;"}

package/lib/dataLoader.d.ts

@@ -20,6 +20,7 @@ export default class DataLoader {
     constructor({ classNames, dataFilter, loadData, treeElement, triggerEvent, }: DataLoaderParams);
     deinit(): void;
     loadFromUrl(url: RequestUrl, node?: Node): Promise<void>;
+    private getTitleSpan;
 }
 export {};
 //# sourceMappingURL=dataLoader.d.ts.map

package/lib/dataLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dataLoader.d.ts","sourceRoot":"","sources":["../src/dataLoader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,UAAU,gBAAgB;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,OAAO,UAAU;IAC3B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,YAAY,CAAe;gBAEvB,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,GACf,EAAE,gBAAgB;IASZ,MAAM,IAAI,IAAI;IAIR,WAAW,CACpB,GAAG,EAAE,UAAU,EACf,IAAI,CAAC,EAAE,IAAI,GACZ,OAAO,CAAC,IAAI,CAAC;CAgDnB"}
+{"version":3,"file":"dataLoader.d.ts","sourceRoot":"","sources":["../src/dataLoader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAY,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAE3C,UAAU,gBAAgB;IACxB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,OAAO,UAAU;IAC7B,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,QAAQ,CAAW;IAC3B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,YAAY,CAAe;gBAEvB,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,gBAAgB;IASZ,MAAM,IAAI,IAAI;IAIR,WAAW,CAAC,GAAG,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAsDrE,OAAO,CAAC,YAAY;CAKrB"}

package/lib/dataLoader.js

@@ -1,16 +1,10 @@
 class DataLoader {
-  _abortController;
-  _classNames;
-  _dataFilter;
-  _loadData;
-  _treeElement;
-  _triggerEvent;
   constructor({
-    classNames,
-    dataFilter,
-    loadData,
-    treeElement,
-    triggerEvent
+    _classNames: classNames,
+    _dataFilter: dataFilter,
+    _loadData: loadData,
+    _treeElement: treeElement,
+    _triggerEvent: triggerEvent
   }) {
     this._abortController = new AbortController();
     this._classNames = classNames;
@@ -19,26 +13,31 @@ class DataLoader {
     this._treeElement = treeElement;
     this._triggerEvent = triggerEvent;
   }
-  deinit() {
+  _deinit() {
     this._abortController.abort();
   }
-  async loadFromUrl(url, node) {
-    const element = node?.element ?? this._treeElement;
+  async _loadFromUrl(url, node) {
+    let element = node?.element ?? this._treeElement;
     element.classList.add(this._classNames.loading);
+
+    // Tell screen readers that the children of the folder are loading
+    let titleSpan = node ? this._getTitleSpan(element) : null;
+    titleSpan?.setAttribute("aria-busy", "true");
     this._triggerEvent("tree.loading_data", {
       element,
       node
     });
-    const stopLoading = () => {
+    let stopLoading = () => {
       element.classList.remove(this._classNames.loading);
+      titleSpan?.removeAttribute("aria-busy");
       this._triggerEvent("tree.loaded_data", {
         element,
         node
       });
     };
-    const handleResponse = async response => {
+    let handleResponse = async response => {
       if (response.ok) {
-        const data = await response.json();
+        let data = await response.json();
         stopLoading();
         this._loadData(this._dataFilter ? this._dataFilter(data) : data, node);
       } else {
@@ -48,9 +47,9 @@ class DataLoader {
         });
       }
     };
-    const signal = this._abortController.signal;
-    url.setSearchParam("_", Date.now().toString());
-    return fetch(url.toString(), {
+    let signal = this._abortController.signal;
+    url._setSearchParam("_", Date.now().toString());
+    return fetch(url._value(), {
       headers: {
         "Content-Type": "application/json"
       },
@@ -66,6 +65,9 @@ class DataLoader {
       });
     });
   }
+  _getTitleSpan(element) {
+    return element.querySelector(`:scope > .${this._classNames.element} > .${this._classNames.title}`);
+  }
 }
 
 export { DataLoader as default };

package/lib/dataLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataLoader.js","sources":["../src/dataLoader.ts"],"sourcesContent":["import type { ClassNames } from \"./classNames\";\nimport type { LoadData, TriggerEvent } from \"./methodTypes\";\nimport type { Node, NodeData } from \"./node\";\nimport type { DataFilter } from \"./options\";\nimport type RequestUrl from \"./requestUrl\";\n\ninterface DataLoaderParams {\n    classNames: ClassNames;\n    dataFilter?: DataFilter;\n    loadData: LoadData;\n    treeElement: HTMLElement;\n    triggerEvent: TriggerEvent;\n}\n\nexport default class DataLoader {\n    private abortController: AbortController;\n    private classNames: ClassNames;\n    private dataFilter?: DataFilter;\n    private loadData: LoadData;\n    private treeElement: HTMLElement;\n    private triggerEvent: TriggerEvent;\n\n    constructor({\n        classNames,\n        dataFilter,\n        loadData,\n        treeElement,\n        triggerEvent,\n    }: DataLoaderParams) {\n        this.abortController = new AbortController();\n        this.classNames = classNames;\n        this.dataFilter = dataFilter;\n        this.loadData = loadData;\n        this.treeElement = treeElement;\n        this.triggerEvent = triggerEvent;\n    }\n\n    public deinit(): void {\n        this.abortController.abort();\n    }\n\n    public async loadFromUrl(\n        url: RequestUrl,\n        node?: Node,\n    ): Promise<void> {\n        const element = node?.element ?? this.treeElement;\n        element.classList.add(this.classNames.loading);\n\n        this.triggerEvent(\"tree.loading_data\", {\n            element,\n            node,\n        });\n\n        const stopLoading = (): void => {\n            element.classList.remove(this.classNames.loading);\n            this.triggerEvent(\"tree.loaded_data\", {\n                element,\n                node,\n            });\n        };\n\n        const handleResponse = async (response: Response): Promise<void> => {\n            if (response.ok) {\n                const data = (await response.json()) as NodeData[];\n\n                stopLoading();\n                this.loadData(\n                    this.dataFilter ? this.dataFilter(data) : data,\n                    node\n                );\n            } else {\n                stopLoading();\n\n                this.triggerEvent(\"tree.load_failed\", { response });\n            }\n        };\n\n        const signal = this.abortController.signal;\n        url.setSearchParam(\"_\", Date.now().toString());\n\n        return fetch(url.toString(), { headers: { \"Content-Type\": \"application/json\" }, signal })\n            .then(handleResponse)\n            .catch((error: unknown) => {\n                if (this.abortController.signal.aborted) {\n                    // The request was aborted by deinit.\n                    return;\n                }\n\n                stopLoading();\n                this.triggerEvent(\"tree.load_failed\", { error });\n            });\n    }\n}\n"],"names":["abortController","classNames","dataFilter","loadData","treeElement","triggerEvent"],"mappings":"AAce,MAAM,UAAU,CAAC;EACpBA,gBAAe;EACfC,WAAU;EACVC,WAAU;EACVC,SAAQ;EACRC,YAAW;EACXC,aAAY;AAEpB,EAAA,WAAW,CAAC;IACR,UAAU;IACV,UAAU;IACV,QAAQ;IACR,WAAW;AACX,IAAA;AACc,GAAC,EAAE;AACjB,IAAA,IAAI,CAACL,gBAAe,GAAG,IAAI,eAAe,EAAE;IAC5C,IAAI,CAACC,WAAU,GAAG,UAAU;IAC5B,IAAI,CAACC,WAAU,GAAG,UAAU;IAC5B,IAAI,CAACC,SAAQ,GAAG,QAAQ;IACxB,IAAI,CAACC,YAAW,GAAG,WAAW;IAC9B,IAAI,CAACC,aAAY,GAAG,YAAY;AACpC,EAAA;AAEO,EAAA,MAAM,GAAS;AAClB,IAAA,IAAI,CAACL,gBAAe,CAAC,KAAK,EAAE;AAChC,EAAA;AAEA,EAAA,MAAa,WAAW,CACpB,GAAe,EACf,IAAW,EACE;IACb,MAAM,OAAO,GAAG,IAAI,EAAE,OAAO,IAAI,IAAI,CAACI,YAAW;IACjD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAACH,WAAU,CAAC,OAAO,CAAC;AAE9C,IAAA,IAAI,CAACI,aAAY,CAAC,mBAAmB,EAAE;MACnC,OAAO;AACP,MAAA;AACJ,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAY;MAC5B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAACJ,WAAU,CAAC,OAAO,CAAC;AACjD,MAAA,IAAI,CAACI,aAAY,CAAC,kBAAkB,EAAE;QAClC,OAAO;AACP,QAAA;AACJ,OAAC,CAAC;IACN,CAAC;AAED,IAAA,MAAM,cAAc,GAAG,MAAO,QAAkB,IAAoB;MAChE,IAAI,QAAQ,CAAC,EAAE,EAAE;AACb,QAAA,MAAM,IAAI,GAAI,MAAM,QAAQ,CAAC,IAAI,EAAiB;AAElD,QAAA,WAAW,EAAE;AACb,QAAA,IAAI,CAACF,SAAQ,CACT,IAAI,CAACD,WAAU,GAAG,IAAI,CAACA,WAAU,CAAC,IAAI,CAAC,GAAG,IAAI,EAC9C,IACJ,CAAC;AACL,MAAA,CAAC,MAAM;AACH,QAAA,WAAW,EAAE;AAEb,QAAA,IAAI,CAACG,aAAY,CAAC,kBAAkB,EAAE;AAAE,UAAA;AAAS,SAAC,CAAC;AACvD,MAAA;IACJ,CAAC;AAED,IAAA,MAAM,MAAM,GAAG,IAAI,CAACL,gBAAe,CAAC,MAAM;AAC1C,IAAA,GAAG,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE9C,IAAA,OAAO,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE;AAAE,MAAA,OAAO,EAAE;AAAE,QAAA,cAAc,EAAE;OAAoB;AAAE,MAAA;KAAQ,CAAC,CACpF,IAAI,CAAC,cAAc,CAAC,CACpB,KAAK,CAAE,KAAc,IAAK;AACvB,MAAA,IAAI,IAAI,CAACA,gBAAe,CAAC,MAAM,CAAC,OAAO,EAAE;AACrC;AACA,QAAA;AACJ,MAAA;AAEA,MAAA,WAAW,EAAE;AACb,MAAA,IAAI,CAACK,aAAY,CAAC,kBAAkB,EAAE;AAAE,QAAA;AAAM,OAAC,CAAC;AACpD,IAAA,CAAC,CAAC;AACV,EAAA;AACJ;;"}
+{"version":3,"file":"dataLoader.js","sources":["../src/dataLoader.ts"],"sourcesContent":["import type { ClassNames } from \"./classNames\";\nimport type { LoadData, TriggerEvent } from \"./methodTypes\";\nimport type { Node, NodeData } from \"./node\";\nimport type { DataFilter } from \"./options\";\nimport type RequestUrl from \"./requestUrl\";\n\ninterface DataLoaderParams {\n  classNames: ClassNames;\n  dataFilter?: DataFilter;\n  loadData: LoadData;\n  treeElement: HTMLElement;\n  triggerEvent: TriggerEvent;\n}\n\nexport default class DataLoader {\n  private abortController: AbortController;\n  private classNames: ClassNames;\n  private dataFilter?: DataFilter;\n  private loadData: LoadData;\n  private treeElement: HTMLElement;\n  private triggerEvent: TriggerEvent;\n\n  constructor({\n    classNames,\n    dataFilter,\n    loadData,\n    treeElement,\n    triggerEvent,\n  }: DataLoaderParams) {\n    this.abortController = new AbortController();\n    this.classNames = classNames;\n    this.dataFilter = dataFilter;\n    this.loadData = loadData;\n    this.treeElement = treeElement;\n    this.triggerEvent = triggerEvent;\n  }\n\n  public deinit(): void {\n    this.abortController.abort();\n  }\n\n  public async loadFromUrl(url: RequestUrl, node?: Node): Promise<void> {\n    const element = node?.element ?? this.treeElement;\n    element.classList.add(this.classNames.loading);\n\n    // Tell screen readers that the children of the folder are loading\n    const titleSpan = node ? this.getTitleSpan(element) : null;\n    titleSpan?.setAttribute(\"aria-busy\", \"true\");\n\n    this.triggerEvent(\"tree.loading_data\", {\n      element,\n      node,\n    });\n\n    const stopLoading = (): void => {\n      element.classList.remove(this.classNames.loading);\n      titleSpan?.removeAttribute(\"aria-busy\");\n      this.triggerEvent(\"tree.loaded_data\", {\n        element,\n        node,\n      });\n    };\n\n    const handleResponse = async (response: Response): Promise<void> => {\n      if (response.ok) {\n        const data = (await response.json()) as NodeData[];\n\n        stopLoading();\n        this.loadData(this.dataFilter ? this.dataFilter(data) : data, node);\n      } else {\n        stopLoading();\n\n        this.triggerEvent(\"tree.load_failed\", { response });\n      }\n    };\n\n    const signal = this.abortController.signal;\n    url.setSearchParam(\"_\", Date.now().toString());\n\n    return fetch(url.value(), {\n      headers: { \"Content-Type\": \"application/json\" },\n      signal,\n    })\n      .then(handleResponse)\n      .catch((error: unknown) => {\n        if (this.abortController.signal.aborted) {\n          // The request was aborted by deinit.\n          return;\n        }\n\n        stopLoading();\n        this.triggerEvent(\"tree.load_failed\", { error });\n      });\n  }\n\n  private getTitleSpan(element: HTMLElement): HTMLElement | null {\n    return element.querySelector<HTMLElement>(\n      `:scope > .${this.classNames.element} > .${this.classNames.title}`,\n    );\n  }\n}\n"],"names":["abortController","classNames","dataFilter","loadData","treeElement","triggerEvent","deinit","loadFromUrl","getTitleSpan","setSearchParam","value"],"mappings":"AAce,MAAM,UAAU,CAAC;AAQ9B,EAAA,WAAW,CAAC;IACV,WAAA,EAAA,UAAU;IACV,WAAA,EAAA,UAAU;IACV,SAAA,EAAA,QAAQ;IACR,YAAA,EAAA,WAAW;AACX,IAAA,aAAA,EAAA;AACgB,GAAC,EAAE;AACnB,IAAA,IAAI,CAACA,gBAAe,GAAG,IAAI,eAAe,EAAE;IAC5C,IAAI,CAACC,WAAU,GAAG,UAAU;IAC5B,IAAI,CAACC,WAAU,GAAG,UAAU;IAC5B,IAAI,CAACC,SAAQ,GAAG,QAAQ;IACxB,IAAI,CAACC,YAAW,GAAG,WAAW;IAC9B,IAAI,CAACC,aAAY,GAAG,YAAY;AAClC,EAAA;AAEOC,EAAAA,OAAMA,GAAS;AACpB,IAAA,IAAI,CAACN,gBAAe,CAAC,KAAK,EAAE;AAC9B,EAAA;AAEA,EAAA,MAAaO,YAAWA,CAAC,GAAe,EAAE,IAAW,EAAiB;IACpE,IAAM,OAAO,GAAG,IAAI,EAAE,OAAO,IAAI,IAAI,CAACH,YAAW;IACjD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAACH,WAAU,CAAC,OAAO,CAAC;;AAE9C;IACA,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAACO,aAAY,CAAC,OAAO,CAAC,GAAG,IAAI;AAC1D,IAAA,SAAS,EAAE,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;AAE5C,IAAA,IAAI,CAACH,aAAY,CAAC,mBAAmB,EAAE;MACrC,OAAO;AACP,MAAA;AACF,KAAC,CAAC;IAEF,IAAM,WAAW,GAAG,MAAY;MAC9B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAACJ,WAAU,CAAC,OAAO,CAAC;AACjD,MAAA,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC;AACvC,MAAA,IAAI,CAACI,aAAY,CAAC,kBAAkB,EAAE;QACpC,OAAO;AACP,QAAA;AACF,OAAC,CAAC;IACJ,CAAC;AAED,IAAA,IAAM,cAAc,GAAG,MAAO,QAAkB,IAAoB;MAClE,IAAI,QAAQ,CAAC,EAAE,EAAE;AACf,QAAA,IAAM,IAAI,GAAI,MAAM,QAAQ,CAAC,IAAI,EAAiB;AAElD,QAAA,WAAW,EAAE;AACb,QAAA,IAAI,CAACF,SAAQ,CAAC,IAAI,CAACD,WAAU,GAAG,IAAI,CAACA,WAAU,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC;AACrE,MAAA,CAAC,MAAM;AACL,QAAA,WAAW,EAAE;AAEb,QAAA,IAAI,CAACG,aAAY,CAAC,kBAAkB,EAAE;AAAE,UAAA;AAAS,SAAC,CAAC;AACrD,MAAA;IACF,CAAC;AAED,IAAA,IAAM,MAAM,GAAG,IAAI,CAACL,gBAAe,CAAC,MAAM;AAC1C,IAAA,GAAG,CAACS,eAAc,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE9C,IAAA,OAAO,KAAK,CAAC,GAAG,CAACC,MAAK,EAAE,EAAE;AACxB,MAAA,OAAO,EAAE;AAAE,QAAA,cAAc,EAAE;OAAoB;AAC/C,MAAA;KACD,CAAC,CACC,IAAI,CAAC,cAAc,CAAC,CACpB,KAAK,CAAE,KAAc,IAAK;AACzB,MAAA,IAAI,IAAI,CAACV,gBAAe,CAAC,MAAM,CAAC,OAAO,EAAE;AACvC;AACA,QAAA;AACF,MAAA;AAEA,MAAA,WAAW,EAAE;AACb,MAAA,IAAI,CAACK,aAAY,CAAC,kBAAkB,EAAE;AAAE,QAAA;AAAM,OAAC,CAAC;AAClD,IAAA,CAAC,CAAC;AACN,EAAA;EAEQG,aAAYA,CAAC,OAAoB,EAAsB;AAC7D,IAAA,OAAO,OAAO,CAAC,aAAa,CAC1B,CAAA,UAAA,EAAa,IAAI,CAACP,WAAU,CAAC,OAAO,OAAO,IAAI,CAACA,WAAU,CAAC,KAAK,EAClE,CAAC;AACH,EAAA;AACF;;"}

package/lib/dragAndDropHandler/binarySearch.js

@@ -2,12 +2,12 @@ function binarySearch(items, compareFn) {
   let low = 0;
   let high = items.length;
   while (low < high) {
-    const mid = low + high >> 1;
-    const item = items[mid];
+    let mid = low + high >> 1;
+    let item = items[mid];
     if (item === undefined) {
       return null;
     }
-    const compareResult = compareFn(item);
+    let compareResult = compareFn(item);
     if (compareResult > 0) {
       high = mid;
     } else if (compareResult < 0) {

package/lib/dragAndDropHandler/binarySearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"binarySearch.js","sources":["../../src/dragAndDropHandler/binarySearch.ts"],"sourcesContent":["function binarySearch<T>(items: T[], compareFn: (a: T) => number): null | T {\n    let low = 0;\n    let high = items.length;\n\n    while (low < high) {\n        const mid = (low + high) >> 1;\n        const item = items[mid];\n\n        if (item === undefined) {\n            return null;\n        }\n\n        const compareResult = compareFn(item);\n\n        if (compareResult > 0) {\n            high = mid;\n        } else if (compareResult < 0) {\n            low = mid + 1;\n        } else {\n            return item;\n        }\n    }\n\n    return null;\n}\n\nexport default binarySearch;\n"],"names":[],"mappings":"AAAA,SAAS,YAAY,CAAI,KAAU,EAAE,SAA2B,EAAY;EACxE,IAAI,GAAG,GAAG,CAAC;AACX,EAAA,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM;EAEvB,OAAO,GAAG,GAAG,IAAI,EAAE;AACf,IAAA,MAAM,GAAG,GAAI,GAAG,GAAG,IAAI,IAAK,CAAC;AAC7B,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC;IAEvB,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,MAAA,OAAO,IAAI;AACf,IAAA;AAEA,IAAA,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;IAErC,IAAI,aAAa,GAAG,CAAC,EAAE;AACnB,MAAA,IAAI,GAAG,GAAG;AACd,IAAA,CAAC,MAAM,IAAI,aAAa,GAAG,CAAC,EAAE;MAC1B,GAAG,GAAG,GAAG,GAAG,CAAC;AACjB,IAAA,CAAC,MAAM;AACH,MAAA,OAAO,IAAI;AACf,IAAA;AACJ,EAAA;AAEA,EAAA,OAAO,IAAI;AACf;;"}
+{"version":3,"file":"binarySearch.js","sources":["../../src/dragAndDropHandler/binarySearch.ts"],"sourcesContent":["function binarySearch<T>(items: T[], compareFn: (a: T) => number): null | T {\n  let low = 0;\n  let high = items.length;\n\n  while (low < high) {\n    const mid = (low + high) >> 1;\n    const item = items[mid];\n\n    if (item === undefined) {\n      return null;\n    }\n\n    const compareResult = compareFn(item);\n\n    if (compareResult > 0) {\n      high = mid;\n    } else if (compareResult < 0) {\n      low = mid + 1;\n    } else {\n      return item;\n    }\n  }\n\n  return null;\n}\n\nexport default binarySearch;\n"],"names":[],"mappings":"AAAA,SAAS,YAAY,CAAI,KAAU,EAAE,SAA2B,EAAY;EAC1E,IAAI,GAAG,GAAG,CAAC;AACX,EAAA,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM;EAEvB,OAAO,GAAG,GAAG,IAAI,EAAE;AACjB,IAAA,IAAM,GAAG,GAAI,GAAG,GAAG,IAAI,IAAK,CAAC;AAC7B,IAAA,IAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC;IAEvB,IAAI,IAAI,KAAK,SAAS,EAAE;AACtB,MAAA,OAAO,IAAI;AACb,IAAA;AAEA,IAAA,IAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;IAErC,IAAI,aAAa,GAAG,CAAC,EAAE;AACrB,MAAA,IAAI,GAAG,GAAG;AACZ,IAAA,CAAC,MAAM,IAAI,aAAa,GAAG,CAAC,EAAE;MAC5B,GAAG,GAAG,GAAG,GAAG,CAAC;AACf,IAAA,CAAC,MAAM;AACL,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,IAAI;AACb;;"}

package/lib/dragAndDropHandler/dragElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dragElement.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/dragElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,iBAAiB;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,cAAM,WAAW;IACb,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,OAAO,CAAS;gBAEZ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,GACd,EAAE,iBAAiB;IASb,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAKxC,MAAM,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;CAkBxB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"dragElement.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/dragElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,iBAAiB;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,cAAM,WAAW;IACf,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,OAAO,CAAS;gBAEZ,EACV,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,GACZ,EAAE,iBAAiB;IASb,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAKxC,MAAM,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;CAmBtB;AAED,eAAe,WAAW,CAAC"}

package/lib/dragAndDropHandler/dragElement.js

@@ -1,33 +1,31 @@
 class DragElement {
-  _element;
-  _offsetX;
-  _offsetY;
   constructor({
-    autoEscape,
-    classNames,
-    nodeName,
-    offsetX,
-    offsetY,
-    treeElement
+    _autoEscape: autoEscape,
+    _classNames: classNames,
+    _nodeName: nodeName,
+    _offsetX: offsetX,
+    _offsetY: offsetY,
+    _treeElement: treeElement
   }) {
     this._offsetX = offsetX;
     this._offsetY = offsetY;
     this._element = this._createElement(nodeName, autoEscape, classNames);
-    treeElement.appendChild(this._element);
+    treeElement.append(this._element);
   }
-  move(pageX, pageY) {
+  _move(pageX, pageY) {
     this._element.style.left = `${pageX - this._offsetX}px`;
     this._element.style.top = `${pageY - this._offsetY}px`;
   }
-  remove() {
+  _remove() {
     this._element.remove();
   }
   _createElement(nodeName, autoEscape, classNames) {
-    const element = document.createElement("span");
+    let element = document.createElement("span");
     element.classList.add(classNames.title, classNames.dragging);
     if (autoEscape) {
       element.textContent = nodeName;
     } else {
+      // eslint-disable-next-line no-unsanitized/property -- the user opted out of escaping with autoEscape: false
       element.innerHTML = nodeName;
     }
     element.style.position = "absolute";

package/lib/dragAndDropHandler/dragElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragElement.js","sources":["../../src/dragAndDropHandler/dragElement.ts"],"sourcesContent":["import type { ClassNames } from \"../classNames\";\n\ninterface DragElementParams {\n    autoEscape: boolean;\n    classNames: ClassNames;\n    nodeName: string;\n    offsetX: number;\n    offsetY: number;\n    treeElement: HTMLElement;\n}\n\nclass DragElement {\n    private element: HTMLElement;\n    private offsetX: number;\n    private offsetY: number;\n\n    constructor({\n        autoEscape,\n        classNames,\n        nodeName,\n        offsetX,\n        offsetY,\n        treeElement,\n    }: DragElementParams) {\n        this.offsetX = offsetX;\n        this.offsetY = offsetY;\n\n        this.element = this.createElement(nodeName, autoEscape, classNames);\n\n        treeElement.appendChild(this.element);\n    }\n\n    public move(pageX: number, pageY: number): void {\n        this.element.style.left = `${pageX - this.offsetX}px`;\n        this.element.style.top = `${pageY - this.offsetY}px`;\n    }\n\n    public remove(): void {\n        this.element.remove();\n    }\n\n    private createElement(\n        nodeName: string,\n        autoEscape: boolean,\n        classNames: ClassNames,\n    ) {\n        const element = document.createElement(\"span\");\n        element.classList.add(classNames.title, classNames.dragging);\n\n        if (autoEscape) {\n            element.textContent = nodeName;\n        } else {\n            element.innerHTML = nodeName;\n        }\n\n        element.style.position = \"absolute\";\n\n        return element;\n    }\n}\n\nexport default DragElement;\n"],"names":["element","offsetX","offsetY","createElement"],"mappings":"AAWA,MAAM,WAAW,CAAC;EACNA,QAAO;EACPC,QAAO;EACPC,QAAO;AAEf,EAAA,WAAW,CAAC;IACR,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;AACP,IAAA;AACe,GAAC,EAAE;IAClB,IAAI,CAACD,QAAO,GAAG,OAAO;IACtB,IAAI,CAACC,QAAO,GAAG,OAAO;AAEtB,IAAA,IAAI,CAACF,QAAO,GAAG,IAAI,CAACG,cAAa,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC;AAEnE,IAAA,WAAW,CAAC,WAAW,CAAC,IAAI,CAACH,QAAO,CAAC;AACzC,EAAA;AAEO,EAAA,IAAI,CAAC,KAAa,EAAE,KAAa,EAAQ;AAC5C,IAAA,IAAI,CAACA,QAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,GAAG,IAAI,CAACC,QAAO,CAAA,EAAA,CAAI;AACrD,IAAA,IAAI,CAACD,QAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,KAAK,GAAG,IAAI,CAACE,QAAO,CAAA,EAAA,CAAI;AACxD,EAAA;AAEO,EAAA,MAAM,GAAS;AAClB,IAAA,IAAI,CAACF,QAAO,CAAC,MAAM,EAAE;AACzB,EAAA;AAEQG,EAAAA,cAAaA,CACjB,QAAgB,EAChB,UAAmB,EACnB,UAAsB,EACxB;AACE,IAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC;AAE5D,IAAA,IAAI,UAAU,EAAE;MACZ,OAAO,CAAC,WAAW,GAAG,QAAQ;AAClC,IAAA,CAAC,MAAM;MACH,OAAO,CAAC,SAAS,GAAG,QAAQ;AAChC,IAAA;AAEA,IAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAEnC,IAAA,OAAO,OAAO;AAClB,EAAA;AACJ;;"}
+{"version":3,"file":"dragElement.js","sources":["../../src/dragAndDropHandler/dragElement.ts"],"sourcesContent":["import type { ClassNames } from \"../classNames\";\n\ninterface DragElementParams {\n  autoEscape: boolean;\n  classNames: ClassNames;\n  nodeName: string;\n  offsetX: number;\n  offsetY: number;\n  treeElement: HTMLElement;\n}\n\nclass DragElement {\n  private element: HTMLElement;\n  private offsetX: number;\n  private offsetY: number;\n\n  constructor({\n    autoEscape,\n    classNames,\n    nodeName,\n    offsetX,\n    offsetY,\n    treeElement,\n  }: DragElementParams) {\n    this.offsetX = offsetX;\n    this.offsetY = offsetY;\n\n    this.element = this.createElement(nodeName, autoEscape, classNames);\n\n    treeElement.append(this.element);\n  }\n\n  public move(pageX: number, pageY: number): void {\n    this.element.style.left = `${pageX - this.offsetX}px`;\n    this.element.style.top = `${pageY - this.offsetY}px`;\n  }\n\n  public remove(): void {\n    this.element.remove();\n  }\n\n  private createElement(\n    nodeName: string,\n    autoEscape: boolean,\n    classNames: ClassNames,\n  ) {\n    const element = document.createElement(\"span\");\n    element.classList.add(classNames.title, classNames.dragging);\n\n    if (autoEscape) {\n      element.textContent = nodeName;\n    } else {\n      // eslint-disable-next-line no-unsanitized/property -- the user opted out of escaping with autoEscape: false\n      element.innerHTML = nodeName;\n    }\n\n    element.style.position = \"absolute\";\n\n    return element;\n  }\n}\n\nexport default DragElement;\n"],"names":["offsetX","offsetY","element","createElement","move","remove"],"mappings":"AAWA,MAAM,WAAW,CAAC;AAKhB,EAAA,WAAW,CAAC;IACV,WAAA,EAAA,UAAU;IACV,WAAA,EAAA,UAAU;IACV,SAAA,EAAA,QAAQ;IACR,QAAA,EAAA,OAAO;IACP,QAAA,EAAA,OAAO;AACP,IAAA,YAAA,EAAA;AACiB,GAAC,EAAE;IACpB,IAAI,CAACA,QAAO,GAAG,OAAO;IACtB,IAAI,CAACC,QAAO,GAAG,OAAO;AAEtB,IAAA,IAAI,CAACC,QAAO,GAAG,IAAI,CAACC,cAAa,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC;AAEnE,IAAA,WAAW,CAAC,MAAM,CAAC,IAAI,CAACD,QAAO,CAAC;AAClC,EAAA;AAEOE,EAAAA,KAAIA,CAAC,KAAa,EAAE,KAAa,EAAQ;AAC9C,IAAA,IAAI,CAACF,QAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,GAAG,IAAI,CAACF,QAAO,CAAA,EAAA,CAAI;AACrD,IAAA,IAAI,CAACE,QAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,KAAK,GAAG,IAAI,CAACD,QAAO,CAAA,EAAA,CAAI;AACtD,EAAA;AAEOI,EAAAA,OAAMA,GAAS;AACpB,IAAA,IAAI,CAACH,QAAO,CAAC,MAAM,EAAE;AACvB,EAAA;AAEQC,EAAAA,cAAaA,CACnB,QAAgB,EAChB,UAAmB,EACnB,UAAsB,EACtB;AACA,IAAA,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC;AAE5D,IAAA,IAAI,UAAU,EAAE;MACd,OAAO,CAAC,WAAW,GAAG,QAAQ;AAChC,IAAA,CAAC,MAAM;AACL;MACA,OAAO,CAAC,SAAS,GAAG,QAAQ;AAC9B,IAAA;AAEA,IAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAEnC,IAAA,OAAO,OAAO;AAChB,EAAA;AACF;;"}

package/lib/dragAndDropHandler/generateHitAreas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateHitAreas.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/generateHitAreas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAKvC,UAAU,WAAW;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,GAC7B,MAAM,IAAI,EACV,aAAa,IAAI,KAClB,WAAW,EA8Gb,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACjC,UAAU,OAAO,EAAE,EACnB,kBAAkB,WAAW,EAAE,EAC/B,KAAK,MAAM,EACX,QAAQ,MAAM,SAsBjB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACtC,cAAc,WAAW,EAAE,EAC3B,YAAY,MAAM,KACnB,OAAO,EA4BT,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,MAAM,IAAI,EAAE,aAAa,IAAI,EAAE,YAAY,MAAM,cAItE,CAAC;AAEN,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"generateHitAreas.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/generateHitAreas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAKvC,UAAU,WAAW;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,oBAAoB,GAC/B,MAAM,IAAI,EACV,aAAa,IAAI,KAChB,WAAW,EA8Gb,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,UAAU,OAAO,EAAE,EACnB,kBAAkB,WAAW,EAAE,EAC/B,KAAK,MAAM,EACX,QAAQ,MAAM,SAsBf,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,cAAc,WAAW,EAAE,EAC3B,YAAY,MAAM,KACjB,OAAO,EAuBT,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,MAAM,IAAI,EAAE,aAAa,IAAI,EAAE,YAAY,MAAM,cAIxE,CAAC;AAEJ,eAAe,gBAAgB,CAAC"}

package/lib/dragAndDropHandler/generateHitAreas.js

@@ -1,10 +1,10 @@
 import { getOffsetTop } from '../positionUtils.js';
 import iterateVisibleNodes from './iterateVisibleNodes.js';
 
-const generateHitPositions = (tree, currentNode) => {
-  const hitPositions = [];
+let generateHitPositions = (tree, currentNode) => {
+  let hitPositions = [];
   let lastTop = 0;
-  const addHitPosition = (node, position, top) => {
+  let addHitPosition = (node, position, top) => {
     hitPositions.push({
       node,
       position,
@@ -12,7 +12,7 @@ const generateHitPositions = (tree, currentNode) => {
     });
     lastTop = top;
   };
-  const handleAfterOpenFolder = (node, nextNode) => {
+  let handleAfterOpenFolder = (node, nextNode) => {
     if (node === currentNode || nextNode === currentNode) {
       // Cannot move before or after current item
       addHitPosition(node, null, lastTop);
@@ -20,8 +20,8 @@ const generateHitPositions = (tree, currentNode) => {
       addHitPosition(node, "after", lastTop);
     }
   };
-  const handleClosedFolder = (node, nextNode, element) => {
-    const top = getOffsetTop(element);
+  let handleClosedFolder = (node, nextNode, element) => {
+    let top = getOffsetTop(element);
     if (node === currentNode) {
       // Cannot move after current item
       addHitPosition(node, null, top);
@@ -34,13 +34,13 @@ const generateHitPositions = (tree, currentNode) => {
       }
     }
   };
-  const handleFirstNode = node => {
+  let handleFirstNode = node => {
     if (node !== currentNode && node.element) {
       addHitPosition(node, "before", getOffsetTop(node.element));
     }
   };
-  const handleNode = (node, nextNode, element) => {
-    const top = getOffsetTop(element);
+  let handleNode = (node, nextNode, element) => {
+    let top = getOffsetTop(element);
     if (node === currentNode) {
       // Cannot move inside current item
       addHitPosition(node, null, top);
@@ -54,13 +54,13 @@ const generateHitPositions = (tree, currentNode) => {
       addHitPosition(node, "after", top);
     }
   };
-  const handleOpenFolder = (node, element) => {
+  let handleOpenFolder = (node, element) => {
     if (node === currentNode) {
       // Cannot move inside current item
 
       // Dnd over the current element is not possible: add a position with type None for the top and the bottom.
-      const top = getOffsetTop(element);
-      const height = element.clientHeight;
+      let top = getOffsetTop(element);
+      let height = element.clientHeight;
       addHitPosition(node, null, top);
       if (height > 5) {
         // Subtract 5 pixels to allow more space for the next element.
@@ -80,21 +80,21 @@ const generateHitPositions = (tree, currentNode) => {
     return true;
   };
   iterateVisibleNodes(tree, {
-    handleAfterOpenFolder,
-    handleClosedFolder,
-    handleFirstNode,
-    handleNode,
-    handleOpenFolder
+    _handleAfterOpenFolder: handleAfterOpenFolder,
+    _handleClosedFolder: handleClosedFolder,
+    _handleFirstNode: handleFirstNode,
+    _handleNode: handleNode,
+    _handleOpenFolder: handleOpenFolder
   });
   return hitPositions;
 };
-const generateHitAreasForGroup = (hitAreas, positionsInGroup, top, bottom) => {
+let generateHitAreasForGroup = (hitAreas, positionsInGroup, top, bottom) => {
   // limit positions in group
-  const positionCount = Math.min(positionsInGroup.length, 4);
-  const areaHeight = Math.round((bottom - top) / positionCount);
+  let positionCount = Math.min(positionsInGroup.length, 4);
+  let areaHeight = Math.round((bottom - top) / positionCount);
   let areaTop = top;
   for (let i = 0; i < positionCount; i++) {
-    const position = positionsInGroup[i];
+    let position = positionsInGroup[i];
     if (position.position) {
       hitAreas.push({
         bottom: areaTop + areaHeight,
@@ -106,14 +106,14 @@ const generateHitAreasForGroup = (hitAreas, positionsInGroup, top, bottom) => {
     areaTop += areaHeight;
   }
 };
-const generateHitAreasFromPositions = (hitPositions, treeBottom) => {
+let generateHitAreasFromPositions = (hitPositions, treeBottom) => {
   if (!hitPositions.length) {
     return [];
   }
   let previousTop = hitPositions[0].top;
   let group = [];
-  const hitAreas = [];
-  for (const position of hitPositions) {
+  let hitAreas = [];
+  for (let position of hitPositions) {
     if (position.top !== previousTop && group.length) {
       generateHitAreasForGroup(hitAreas, group, previousTop, position.top);
       previousTop = position.top;
@@ -124,7 +124,7 @@ const generateHitAreasFromPositions = (hitPositions, treeBottom) => {
   generateHitAreasForGroup(hitAreas, group, previousTop, treeBottom);
   return hitAreas;
 };
-const generateHitAreas = (tree, currentNode, treeBottom) => generateHitAreasFromPositions(generateHitPositions(tree, currentNode), treeBottom);
+let generateHitAreas = (tree, currentNode, treeBottom) => generateHitAreasFromPositions(generateHitPositions(tree, currentNode), treeBottom);
 
 export { generateHitAreas as default, generateHitAreasForGroup, generateHitAreasFromPositions, generateHitPositions };
 //# sourceMappingURL=generateHitAreas.js.map