tree-element 0.1.1 → 0.2.0

package/lib/setDefaultOptions.js

@@ -1,7 +1,7 @@
 import { DEFAULT_CLASS_PREFIX } from './classNames.js';
 import { Node } from './node.js';
 
-const defaults = {
+let defaults = {
   animationSpeed: "fast",
   autoEscape: true,
   autoOpen: false,
@@ -11,33 +11,29 @@ const defaults = {
   // the prefix of all css classes
   // The symbol to use for a closed node - ► BLACK RIGHT-POINTING POINTER
   // http://www.fileformat.info/info/unicode/char/25ba/index.htm
-  closedIcon: undefined,
-  commonClassName: undefined,
-  // the class of every element; the default is "<classPrefix>-common"
-  data: undefined,
-  dataFilter: undefined,
-  dataUrl: undefined,
+  // closedIcon: undefined,
+  // commonClassName: undefined, // the class of every element; the default is "<classPrefix>-common"
+  // data: undefined,
+  // dataFilter: undefined,
+  // dataUrl: undefined,
   dragAndDrop: false,
   keyboardSupport: true,
   nodeClass: Node,
-  onCanMove: undefined,
-  // Can this node be moved?
-  onCanMoveTo: undefined,
-  // Can this node be moved to this position? function(moved_node, target_node, position)
-  onCanSelectNode: undefined,
-  onCreateLi: undefined,
-  onDragMove: undefined,
-  onDragStop: undefined,
-  onGetStateFromStorage: undefined,
-  onIsMoveHandle: undefined,
-  onSetStateFromStorage: undefined,
-  openedIcon: undefined,
+  // onCanMove: undefined, // Can this node be moved?
+  // onCanMoveTo: undefined, // Can this node be moved to this position? function(moved_node, target_node, position)
+  // onCanSelectNode: undefined,
+  // onCreateLi: undefined,
+  // onDragMove: undefined,
+  // onDragStop: undefined,
+  // onGetStateFromStorage: undefined,
+  // onIsMoveHandle: undefined,
+  // onSetStateFromStorage: undefined,
+  // openedIcon: undefined,
   openFolderDelay: 500,
   // The delay for opening a folder during drag and drop; the value is in milliseconds
   // The symbol to use for an open node - ▼ BLACK DOWN-POINTING TRIANGLE
   // http://www.fileformat.info/info/unicode/char/25bc/index.htm
-  rtl: undefined,
-  // right-to-left support; true / false (default)
+  // rtl: undefined, // right-to-left support; true / false (default)
   saveState: false,
   // true / false / string (local storage key; the default key is "tree")
   selectable: true,
@@ -47,12 +43,11 @@ const defaults = {
   startDndDelay: 300,
   // The delay for starting dnd (in milliseconds)
   tabIndex: 0,
-  treeClassName: undefined,
-  // the class of the root element; the default is classPrefix
+  // treeClassName: undefined, // the class of the root element; the default is classPrefix
   useContextMenu: true
 };
-const setDefaultOptions = (htmlElement, inputOptions) => {
-  const options = {
+let setDefaultOptions = (htmlElement, inputOptions) => {
+  let options = {
     ...defaults,
     ...inputOptions
   };
@@ -62,7 +57,7 @@ const setDefaultOptions = (htmlElement, inputOptions) => {
   options.openedIcon ??= "&#x25bc;";
   return options;
 };
-const getDefaultClosedIcon = options => {
+let getDefaultClosedIcon = options => {
   if (options.rtl) {
     // triangle to the left
     return "&#x25c0;";
@@ -71,8 +66,8 @@ const getDefaultClosedIcon = options => {
     return "&#x25ba;";
   }
 };
-const getRtlOptionFromHTMLElement = htmlElement => {
-  const dataRtl = htmlElement.dataset.rtl;
+let getRtlOptionFromHTMLElement = htmlElement => {
+  let dataRtl = htmlElement.dataset.rtl;
   if (dataRtl == "") {
     return true;
   } else if (dataRtl === "false") {

package/lib/setDefaultOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"setDefaultOptions.js","sources":["../src/setDefaultOptions.ts"],"sourcesContent":["import type { TreeElementOptions } from \"./options\";\n\nimport { DEFAULT_CLASS_PREFIX } from \"./classNames\";\nimport { Node } from \"./node\";\n\nconst defaults: TreeElementOptions = {\n  animationSpeed: \"fast\",\n  autoEscape: true,\n  autoOpen: false, // true / false / int (open n levels starting at 0)\n  buttonLeft: true,\n  classPrefix: DEFAULT_CLASS_PREFIX, // the prefix of all css classes\n  // The symbol to use for a closed node - ► BLACK RIGHT-POINTING POINTER\n  // http://www.fileformat.info/info/unicode/char/25ba/index.htm\n  closedIcon: undefined,\n  commonClassName: undefined, // the class of every element; the default is \"<classPrefix>-common\"\n  data: undefined,\n  dataFilter: undefined,\n  dataUrl: undefined,\n  dragAndDrop: false,\n  keyboardSupport: true,\n  nodeClass: Node,\n  onCanMove: undefined, // Can this node be moved?\n  onCanMoveTo: undefined, // Can this node be moved to this position? function(moved_node, target_node, position)\n  onCanSelectNode: undefined,\n  onCreateLi: undefined,\n  onDragMove: undefined,\n  onDragStop: undefined,\n  onGetStateFromStorage: undefined,\n  onIsMoveHandle: undefined,\n  onSetStateFromStorage: undefined,\n  openedIcon: undefined,\n  openFolderDelay: 500, // The delay for opening a folder during drag and drop; the value is in milliseconds\n  // The symbol to use for an open node - ▼ BLACK DOWN-POINTING TRIANGLE\n  // http://www.fileformat.info/info/unicode/char/25bc/index.htm\n  rtl: undefined, // right-to-left support; true / false (default)\n  saveState: false, // true / false / string (local storage key; the default key is \"tree\")\n  selectable: true,\n  showEmptyFolder: false,\n  slide: true, // must display slide animation?\n  startDndDelay: 300, // The delay for starting dnd (in milliseconds)\n  tabIndex: 0,\n  treeClassName: undefined, // the class of the root element; the default is classPrefix\n  useContextMenu: true,\n};\n\nconst setDefaultOptions = (htmlElement: HTMLElement, inputOptions: Partial<TreeElementOptions>): TreeElementOptions => {\n  const options = { ...defaults, ...inputOptions };\n\n  options.dataUrl ??= htmlElement.dataset.url;\n  options.rtl ??= getRtlOptionFromHTMLElement(htmlElement);\n  options.closedIcon ??= getDefaultClosedIcon(options);\n  options.openedIcon ??= \"&#x25bc;\";\n\n  return options;\n}\n\nconst getDefaultClosedIcon = (options: TreeElementOptions): string => {\n  if (options.rtl) {\n    // triangle to the left\n    return \"&#x25c0;\";\n  } else {\n    // triangle to the right\n    return \"&#x25ba;\";\n  }\n}\n\nconst getRtlOptionFromHTMLElement = (htmlElement: HTMLElement): boolean => {\n  const dataRtl = htmlElement.dataset.rtl;\n\n  if (dataRtl == \"\") {\n    return true;\n  } else if (dataRtl === \"false\") {\n    return false;\n  } else {\n    return Boolean(dataRtl);\n  }\n}\n\nexport default setDefaultOptions;"],"names":[],"mappings":";;;AAKA,MAAM,QAA4B,GAAG;AACnC,EAAA,cAAc,EAAE,MAAM;AACtB,EAAA,UAAU,EAAE,IAAI;AAChB,EAAA,QAAQ,EAAE,KAAK;AAAE;AACjB,EAAA,UAAU,EAAE,IAAI;AAChB,EAAA,WAAW,EAAE,oBAAoB;AAAE;AACnC;AACA;AACA,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,eAAe,EAAE,SAAS;AAAE;AAC5B,EAAA,IAAI,EAAE,SAAS;AACf,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,OAAO,EAAE,SAAS;AAClB,EAAA,WAAW,EAAE,KAAK;AAClB,EAAA,eAAe,EAAE,IAAI;AACrB,EAAA,SAAS,EAAE,IAAI;AACf,EAAA,SAAS,EAAE,SAAS;AAAE;AACtB,EAAA,WAAW,EAAE,SAAS;AAAE;AACxB,EAAA,eAAe,EAAE,SAAS;AAC1B,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,qBAAqB,EAAE,SAAS;AAChC,EAAA,cAAc,EAAE,SAAS;AACzB,EAAA,qBAAqB,EAAE,SAAS;AAChC,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,eAAe,EAAE,GAAG;AAAE;AACtB;AACA;AACA,EAAA,GAAG,EAAE,SAAS;AAAE;AAChB,EAAA,SAAS,EAAE,KAAK;AAAE;AAClB,EAAA,UAAU,EAAE,IAAI;AAChB,EAAA,eAAe,EAAE,KAAK;AACtB,EAAA,KAAK,EAAE,IAAI;AAAE;AACb,EAAA,aAAa,EAAE,GAAG;AAAE;AACpB,EAAA,QAAQ,EAAE,CAAC;AACX,EAAA,aAAa,EAAE,SAAS;AAAE;AAC1B,EAAA,cAAc,EAAE;AAClB,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,WAAwB,EAAE,YAAyC,KAAyB;AACrH,EAAA,MAAM,OAAO,GAAG;AAAE,IAAA,GAAG,QAAQ;IAAE,GAAG;GAAc;AAEhD,EAAA,OAAO,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,CAAC,GAAG;AAC3C,EAAA,OAAO,CAAC,GAAG,KAAK,2BAA2B,CAAC,WAAW,CAAC;AACxD,EAAA,OAAO,CAAC,UAAU,KAAK,oBAAoB,CAAC,OAAO,CAAC;EACpD,OAAO,CAAC,UAAU,KAAK,UAAU;AAEjC,EAAA,OAAO,OAAO;AAChB;AAEA,MAAM,oBAAoB,GAAI,OAA2B,IAAa;EACpE,IAAI,OAAO,CAAC,GAAG,EAAE;AACf;AACA,IAAA,OAAO,UAAU;AACnB,EAAA,CAAC,MAAM;AACL;AACA,IAAA,OAAO,UAAU;AACnB,EAAA;AACF,CAAC;AAED,MAAM,2BAA2B,GAAI,WAAwB,IAAc;AACzE,EAAA,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG;EAEvC,IAAI,OAAO,IAAI,EAAE,EAAE;AACjB,IAAA,OAAO,IAAI;AACb,EAAA,CAAC,MAAM,IAAI,OAAO,KAAK,OAAO,EAAE;AAC9B,IAAA,OAAO,KAAK;AACd,EAAA,CAAC,MAAM;IACL,OAAO,OAAO,CAAC,OAAO,CAAC;AACzB,EAAA;AACF,CAAC;;"}
+{"version":3,"file":"setDefaultOptions.js","sources":["../src/setDefaultOptions.ts"],"sourcesContent":["import type { TreeElementOptions } from \"./options\";\n\nimport { DEFAULT_CLASS_PREFIX } from \"./classNames\";\nimport { Node } from \"./node\";\n\nconst defaults: TreeElementOptions = {\n  animationSpeed: \"fast\",\n  autoEscape: true,\n  autoOpen: false, // true / false / int (open n levels starting at 0)\n  buttonLeft: true,\n  classPrefix: DEFAULT_CLASS_PREFIX, // the prefix of all css classes\n  // The symbol to use for a closed node - ► BLACK RIGHT-POINTING POINTER\n  // http://www.fileformat.info/info/unicode/char/25ba/index.htm\n  // closedIcon: undefined,\n  // commonClassName: undefined, // the class of every element; the default is \"<classPrefix>-common\"\n  // data: undefined,\n  // dataFilter: undefined,\n  // dataUrl: undefined,\n  dragAndDrop: false,\n  keyboardSupport: true,\n  nodeClass: Node,\n  // onCanMove: undefined, // Can this node be moved?\n  // onCanMoveTo: undefined, // Can this node be moved to this position? function(moved_node, target_node, position)\n  // onCanSelectNode: undefined,\n  // onCreateLi: undefined,\n  // onDragMove: undefined,\n  // onDragStop: undefined,\n  // onGetStateFromStorage: undefined,\n  // onIsMoveHandle: undefined,\n  // onSetStateFromStorage: undefined,\n  // openedIcon: undefined,\n  openFolderDelay: 500, // The delay for opening a folder during drag and drop; the value is in milliseconds\n  // The symbol to use for an open node - ▼ BLACK DOWN-POINTING TRIANGLE\n  // http://www.fileformat.info/info/unicode/char/25bc/index.htm\n  // rtl: undefined, // right-to-left support; true / false (default)\n  saveState: false, // true / false / string (local storage key; the default key is \"tree\")\n  selectable: true,\n  showEmptyFolder: false,\n  slide: true, // must display slide animation?\n  startDndDelay: 300, // The delay for starting dnd (in milliseconds)\n  tabIndex: 0,\n  // treeClassName: undefined, // the class of the root element; the default is classPrefix\n  useContextMenu: true,\n};\n\nconst setDefaultOptions = (\n  htmlElement: HTMLElement,\n  inputOptions: Partial<TreeElementOptions>,\n): TreeElementOptions => {\n  const options = { ...defaults, ...inputOptions };\n\n  options.dataUrl ??= htmlElement.dataset.url;\n  options.rtl ??= getRtlOptionFromHTMLElement(htmlElement);\n  options.closedIcon ??= getDefaultClosedIcon(options);\n  options.openedIcon ??= \"&#x25bc;\";\n\n  return options;\n};\n\nconst getDefaultClosedIcon = (options: TreeElementOptions): string => {\n  if (options.rtl) {\n    // triangle to the left\n    return \"&#x25c0;\";\n  } else {\n    // triangle to the right\n    return \"&#x25ba;\";\n  }\n};\n\nconst getRtlOptionFromHTMLElement = (htmlElement: HTMLElement): boolean => {\n  const dataRtl = htmlElement.dataset.rtl;\n\n  if (dataRtl == \"\") {\n    return true;\n  } else if (dataRtl === \"false\") {\n    return false;\n  } else {\n    return Boolean(dataRtl);\n  }\n};\n\nexport default setDefaultOptions;\n"],"names":[],"mappings":";;;AAKA,IAAM,QAA4B,GAAG;AACnC,EAAA,cAAc,EAAE,MAAM;AACtB,EAAA,UAAU,EAAE,IAAI;AAChB,EAAA,QAAQ,EAAE,KAAK;AAAE;AACjB,EAAA,UAAU,EAAE,IAAI;AAChB,EAAA,WAAW,EAAE,oBAAoB;AAAE;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,WAAW,EAAE,KAAK;AAClB,EAAA,eAAe,EAAE,IAAI;AACrB,EAAA,SAAS,EAAE,IAAI;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,eAAe,EAAE,GAAG;AAAE;AACtB;AACA;AACA;AACA,EAAA,SAAS,EAAE,KAAK;AAAE;AAClB,EAAA,UAAU,EAAE,IAAI;AAChB,EAAA,eAAe,EAAE,KAAK;AACtB,EAAA,KAAK,EAAE,IAAI;AAAE;AACb,EAAA,aAAa,EAAE,GAAG;AAAE;AACpB,EAAA,QAAQ,EAAE,CAAC;AACX;AACA,EAAA,cAAc,EAAE;AAClB,CAAC;AAED,IAAM,iBAAiB,GAAG,CACxB,WAAwB,EACxB,YAAyC,KAClB;AACvB,EAAA,IAAM,OAAO,GAAG;AAAE,IAAA,GAAG,QAAQ;IAAE,GAAG;GAAc;AAEhD,EAAA,OAAO,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,CAAC,GAAG;AAC3C,EAAA,OAAO,CAAC,GAAG,KAAK,2BAA2B,CAAC,WAAW,CAAC;AACxD,EAAA,OAAO,CAAC,UAAU,KAAK,oBAAoB,CAAC,OAAO,CAAC;EACpD,OAAO,CAAC,UAAU,KAAK,UAAU;AAEjC,EAAA,OAAO,OAAO;AAChB;AAEA,IAAM,oBAAoB,GAAI,OAA2B,IAAa;EACpE,IAAI,OAAO,CAAC,GAAG,EAAE;AACf;AACA,IAAA,OAAO,UAAU;AACnB,EAAA,CAAC,MAAM;AACL;AACA,IAAA,OAAO,UAAU;AACnB,EAAA;AACF,CAAC;AAED,IAAM,2BAA2B,GAAI,WAAwB,IAAc;AACzE,EAAA,IAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG;EAEvC,IAAI,OAAO,IAAI,EAAE,EAAE;AACjB,IAAA,OAAO,IAAI;AACb,EAAA,CAAC,MAAM,IAAI,OAAO,KAAK,OAAO,EAAE;AAC9B,IAAA,OAAO,KAAK;AACd,EAAA,CAAC,MAAM;IACL,OAAO,OAAO,CAAC,OAAO,CAAC;AACzB,EAAA;AACF,CAAC;;"}

package/lib/triggerCustomEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"triggerCustomEvent.d.ts","sourceRoot":"","sources":["../src/triggerCustomEvent.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,kBAAkB,GAAI,SAAS,WAAW,EAAE,WAAW,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,OAUvG,CAAA;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"triggerCustomEvent.d.ts","sourceRoot":"","sources":["../src/triggerCustomEvent.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,kBAAkB,GACtB,SAAS,WAAW,EACpB,WAAW,MAAM,EACjB,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC/B,OAUF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/triggerCustomEvent.js

@@ -1,6 +1,6 @@
 // Trigger a CustomEvent. Return if the event is processed (true) or cancelled (false).
-const triggerCustomEvent = (element, eventName, values) => {
-  const event = new CustomEvent(eventName, {
+let triggerCustomEvent = (element, eventName, values) => {
+  let event = new CustomEvent(eventName, {
     bubbles: true,
     cancelable: true,
     detail: values

package/lib/triggerCustomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerCustomEvent.js","sources":["../src/triggerCustomEvent.ts"],"sourcesContent":["// Trigger a CustomEvent. Return if the event is processed (true) or cancelled (false).\nconst triggerCustomEvent = (element: HTMLElement, eventName: string, values?: Record<string, unknown>): boolean => {\n  const event = new CustomEvent(eventName, {\n    bubbles: true,\n    cancelable: true,\n    detail: values,\n  });\n\n  element.dispatchEvent(event);\n\n  return !event.defaultPrevented;\n}\n\nexport default triggerCustomEvent;"],"names":[],"mappings":"AAAA;AACA,MAAM,kBAAkB,GAAG,CAAC,OAAoB,EAAE,SAAiB,EAAE,MAAgC,KAAc;AACjH,EAAA,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE;AACvC,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,MAAM,EAAE;AACV,GAAC,CAAC;AAEF,EAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;EAE5B,OAAO,CAAC,KAAK,CAAC,gBAAgB;AAChC;;"}
+{"version":3,"file":"triggerCustomEvent.js","sources":["../src/triggerCustomEvent.ts"],"sourcesContent":["// Trigger a CustomEvent. Return if the event is processed (true) or cancelled (false).\nconst triggerCustomEvent = (\n  element: HTMLElement,\n  eventName: string,\n  values?: Record<string, unknown>,\n): boolean => {\n  const event = new CustomEvent(eventName, {\n    bubbles: true,\n    cancelable: true,\n    detail: values,\n  });\n\n  element.dispatchEvent(event);\n\n  return !event.defaultPrevented;\n};\n\nexport default triggerCustomEvent;\n"],"names":[],"mappings":"AAAA;AACA,IAAM,kBAAkB,GAAG,CACzB,OAAoB,EACpB,SAAiB,EACjB,MAAgC,KACpB;AACZ,EAAA,IAAM,KAAK,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE;AACvC,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,UAAU,EAAE,IAAI;AAChB,IAAA,MAAM,EAAE;AACV,GAAC,CAAC;AAEF,EAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC;EAE5B,OAAO,CAAC,KAAK,CAAC,gBAAgB;AAChC;;"}

package/lib/util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,GAAG,OAAO,KAAG,OACK,CAAC;AAEzC,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,MACnB,CAAC"}
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,GAAG,OAAO,KAAG,OACG,CAAC;AAEvC,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,MACrB,CAAC"}

package/lib/util.js

@@ -1,5 +1,5 @@
-const isInt = n => typeof n === "number" && n % 1 === 0;
-const getBoolString = value => value ? "true" : "false";
+let isInt = n => typeof n === "number" && n % 1 === 0;
+let getBoolString = value => value ? "true" : "false";
 
 export { getBoolString, isInt };
 //# sourceMappingURL=util.js.map

package/lib/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../src/util.ts"],"sourcesContent":["export const isInt = (n: unknown): boolean =>\n    typeof n === \"number\" && n % 1 === 0;\n\nexport const getBoolString = (value: unknown): string =>\n    value ? \"true\" : \"false\";\n"],"names":[],"mappings":"AAAO,MAAM,KAAK,GAAI,CAAU,IAC5B,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,CAAC,KAAK;AAEhC,MAAM,aAAa,GAAI,KAAc,IACxC,KAAK,GAAG,MAAM,GAAG;;"}
+{"version":3,"file":"util.js","sources":["../src/util.ts"],"sourcesContent":["export const isInt = (n: unknown): boolean =>\n  typeof n === \"number\" && n % 1 === 0;\n\nexport const getBoolString = (value: unknown): string =>\n  value ? \"true\" : \"false\";\n"],"names":[],"mappings":"AAAO,IAAM,KAAK,GAAI,CAAU,IAC9B,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,GAAG,CAAC,KAAK;AAE9B,IAAM,aAAa,GAAI,KAAc,IAC1C,KAAK,GAAG,MAAM,GAAG;;"}

package/lib/version.d.ts

@@ -1,3 +1,3 @@
-declare const version = "0.1.1";
+declare const version = "0.2.0";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/lib/version.js

@@ -1,5 +1,5 @@
 // Generated by config/generateVersion.mjs. Do not edit.
-const version = "0.1.1";
+let version = "0.2.0";
 
 export { version as default };
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["// Generated by config/generateVersion.mjs. Do not edit.\nconst version = \"0.1.1\";\n\nexport default version;\n"],"names":[],"mappings":"AAAA;AACA,MAAM,OAAO,GAAG;;"}
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["// Generated by config/generateVersion.mjs. Do not edit.\nconst version = \"0.2.0\";\n\nexport default version;\n"],"names":[],"mappings":"AAAA;AACA,IAAM,OAAO,GAAG;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tree-element",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Tree widget in plain javascript",
   "keywords": [
     "tree"
@@ -35,7 +35,8 @@
   },
   "scripts": {
     "ci": "pnpm lint && pnpm tsc && pnpm docs-check && pnpm test",
-    "vitest": "vitest run --coverage --config test/vitest.config.mjs",
+    "build-debug": "DEBUG_BUILD=true rollup --config config/rollup.config.mjs",
+    "vitest": "pnpm build-debug && vitest run --coverage --config test/vitest.config.mjs",
     "vitest-watch": "vitest --config test/vitest.config.mjs",
     "lint": "eslint config src playwright test",
     "production": "./config/production",
@@ -46,7 +47,7 @@
     "docs-preview": "vitepress preview docs",
     "devserver-with-coverage": "COVERAGE=true SERVE=true rollup --config config/rollup.config.mjs",
     "build-with-coverage": "COVERAGE=true rollup --config config/rollup.config.mjs",
-    "prettier": "prettier src/*.ts --write --tab-width 4",
+    "prettier": "prettier src/**/*.ts test/**/*.ts --write --tab-width 2",
     "tsc": "tsc --noEmit --project tsconfig.json",
     "version": "node config/generateVersion.mjs && git add src/version.ts",
     "prepublishOnly": "pnpm run production",
@@ -76,6 +77,7 @@
     "autoprefixer": "^10.5.4",
     "axe-core": "^4.13.0",
     "babel-plugin-istanbul": "^8.0.0",
+    "babel-plugin-prefix-private-members": "^0.2.0",
     "eslint": "^10",
     "eslint-import-resolver-typescript": "^4.4.5",
     "eslint-plugin-import-x": "^4.17.1",

package/src/animation.ts

@@ -45,4 +45,4 @@ export const slideUp = (
     element.style.display = "none";
     onFinished();
   };
-};
+};

package/src/classNames.ts

@@ -1,33 +1,33 @@
 export interface ClassNames {
-    border: string;
-    circle: string;
-    closed: string;
-    common: string;
-    dnd: string;
-    dragging: string;
-    element: string;
-    folder: string;
-    ghost: string;
-    inside: string;
-    line: string;
-    loading: string;
-    moving: string;
-    rtl: string;
-    selected: string;
-    title: string;
-    titleButtonLeft: string;
-    titleButtonRight: string;
-    titleFolder: string;
-    toggler: string;
-    togglerLeft: string;
-    togglerRight: string;
-    tree: string;
+  border: string;
+  circle: string;
+  closed: string;
+  common: string;
+  dnd: string;
+  dragging: string;
+  element: string;
+  folder: string;
+  ghost: string;
+  inside: string;
+  line: string;
+  loading: string;
+  moving: string;
+  rtl: string;
+  selected: string;
+  title: string;
+  titleButtonLeft: string;
+  titleButtonRight: string;
+  titleFolder: string;
+  toggler: string;
+  togglerLeft: string;
+  togglerRight: string;
+  tree: string;
 }
 
 export interface ClassNamesOptions {
-    classPrefix: string;
-    commonClassName?: string;
-    treeClassName?: string;
+  classPrefix: string;
+  commonClassName?: string;
+  treeClassName?: string;
 }
 
 export const DEFAULT_CLASS_PREFIX = "tree-element";
@@ -38,33 +38,33 @@ export const DEFAULT_CLASS_PREFIX = "tree-element";
  * their own.
  */
 const createClassNames = ({
-    classPrefix,
-    commonClassName,
-    treeClassName,
+  classPrefix,
+  commonClassName,
+  treeClassName,
 }: ClassNamesOptions): ClassNames => ({
-    border: `${classPrefix}-border`,
-    circle: `${classPrefix}-circle`,
-    closed: `${classPrefix}-closed`,
-    common: commonClassName ?? `${classPrefix}-common`,
-    dnd: `${classPrefix}-dnd`,
-    dragging: `${classPrefix}-dragging`,
-    element: `${classPrefix}-element`,
-    folder: `${classPrefix}-folder`,
-    ghost: `${classPrefix}-ghost`,
-    inside: `${classPrefix}-inside`,
-    line: `${classPrefix}-line`,
-    loading: `${classPrefix}-loading`,
-    moving: `${classPrefix}-moving`,
-    rtl: `${classPrefix}-rtl`,
-    selected: `${classPrefix}-selected`,
-    title: `${classPrefix}-title`,
-    titleButtonLeft: `${classPrefix}-title-button-left`,
-    titleButtonRight: `${classPrefix}-title-button-right`,
-    titleFolder: `${classPrefix}-title-folder`,
-    toggler: `${classPrefix}-toggler`,
-    togglerLeft: `${classPrefix}-toggler-left`,
-    togglerRight: `${classPrefix}-toggler-right`,
-    tree: treeClassName ?? classPrefix,
+  border: `${classPrefix}-border`,
+  circle: `${classPrefix}-circle`,
+  closed: `${classPrefix}-closed`,
+  common: commonClassName ?? `${classPrefix}-common`,
+  dnd: `${classPrefix}-dnd`,
+  dragging: `${classPrefix}-dragging`,
+  element: `${classPrefix}-element`,
+  folder: `${classPrefix}-folder`,
+  ghost: `${classPrefix}-ghost`,
+  inside: `${classPrefix}-inside`,
+  line: `${classPrefix}-line`,
+  loading: `${classPrefix}-loading`,
+  moving: `${classPrefix}-moving`,
+  rtl: `${classPrefix}-rtl`,
+  selected: `${classPrefix}-selected`,
+  title: `${classPrefix}-title`,
+  titleButtonLeft: `${classPrefix}-title-button-left`,
+  titleButtonRight: `${classPrefix}-title-button-right`,
+  titleFolder: `${classPrefix}-title-folder`,
+  toggler: `${classPrefix}-toggler`,
+  togglerLeft: `${classPrefix}-toggler-left`,
+  togglerRight: `${classPrefix}-toggler-right`,
+  tree: treeClassName ?? classPrefix,
 });
 
 export default createClassNames;

package/src/dataLoader.ts

@@ -5,89 +5,86 @@ import type { DataFilter } from "./options";
 import type RequestUrl from "./requestUrl";
 
 interface DataLoaderParams {
-    classNames: ClassNames;
-    dataFilter?: DataFilter;
-    loadData: LoadData;
-    treeElement: HTMLElement;
-    triggerEvent: TriggerEvent;
+  classNames: ClassNames;
+  dataFilter?: DataFilter;
+  loadData: LoadData;
+  treeElement: HTMLElement;
+  triggerEvent: TriggerEvent;
 }
 
 export default class DataLoader {
-    private abortController: AbortController;
-    private classNames: ClassNames;
-    private dataFilter?: DataFilter;
-    private loadData: LoadData;
-    private treeElement: HTMLElement;
-    private triggerEvent: TriggerEvent;
+  private abortController: AbortController;
+  private classNames: ClassNames;
+  private dataFilter?: DataFilter;
+  private loadData: LoadData;
+  private treeElement: HTMLElement;
+  private triggerEvent: TriggerEvent;
 
-    constructor({
-        classNames,
-        dataFilter,
-        loadData,
-        treeElement,
-        triggerEvent,
-    }: DataLoaderParams) {
-        this.abortController = new AbortController();
-        this.classNames = classNames;
-        this.dataFilter = dataFilter;
-        this.loadData = loadData;
-        this.treeElement = treeElement;
-        this.triggerEvent = triggerEvent;
-    }
+  constructor({
+    classNames,
+    dataFilter,
+    loadData,
+    treeElement,
+    triggerEvent,
+  }: DataLoaderParams) {
+    this.abortController = new AbortController();
+    this.classNames = classNames;
+    this.dataFilter = dataFilter;
+    this.loadData = loadData;
+    this.treeElement = treeElement;
+    this.triggerEvent = triggerEvent;
+  }
 
-    public deinit(): void {
-        this.abortController.abort();
-    }
+  public deinit(): void {
+    this.abortController.abort();
+  }
 
-    public async loadFromUrl(
-        url: RequestUrl,
-        node?: Node,
-    ): Promise<void> {
-        const element = node?.element ?? this.treeElement;
-        element.classList.add(this.classNames.loading);
+  public async loadFromUrl(url: RequestUrl, node?: Node): Promise<void> {
+    const element = node?.element ?? this.treeElement;
+    element.classList.add(this.classNames.loading);
 
-        this.triggerEvent("tree.loading_data", {
-            element,
-            node,
-        });
+    this.triggerEvent("tree.loading_data", {
+      element,
+      node,
+    });
 
-        const stopLoading = (): void => {
-            element.classList.remove(this.classNames.loading);
-            this.triggerEvent("tree.loaded_data", {
-                element,
-                node,
-            });
-        };
+    const stopLoading = (): void => {
+      element.classList.remove(this.classNames.loading);
+      this.triggerEvent("tree.loaded_data", {
+        element,
+        node,
+      });
+    };
 
-        const handleResponse = async (response: Response): Promise<void> => {
-            if (response.ok) {
-                const data = (await response.json()) as NodeData[];
+    const handleResponse = async (response: Response): Promise<void> => {
+      if (response.ok) {
+        const data = (await response.json()) as NodeData[];
 
-                stopLoading();
-                this.loadData(
-                    this.dataFilter ? this.dataFilter(data) : data,
-                    node
-                );
-            } else {
-                stopLoading();
+        stopLoading();
+        this.loadData(this.dataFilter ? this.dataFilter(data) : data, node);
+      } else {
+        stopLoading();
 
-                this.triggerEvent("tree.load_failed", { response });
-            }
-        };
+        this.triggerEvent("tree.load_failed", { response });
+      }
+    };
 
-        const signal = this.abortController.signal;
-        url.setSearchParam("_", Date.now().toString());
+    const signal = this.abortController.signal;
+    url.setSearchParam("_", Date.now().toString());
 
-        return fetch(url.toString(), { headers: { "Content-Type": "application/json" }, signal })
-            .then(handleResponse)
-            .catch((error: unknown) => {
-                if (this.abortController.signal.aborted) {
-                    // The request was aborted by deinit.
-                    return;
-                }
+    return fetch(url.value(), {
+      headers: { "Content-Type": "application/json" },
+      signal,
+    })
+      .then(handleResponse)
+      .catch((error: unknown) => {
+        if (this.abortController.signal.aborted) {
+          // The request was aborted by deinit.
+          return;
+        }
 
-                stopLoading();
-                this.triggerEvent("tree.load_failed", { error });
-            });
-    }
+        stopLoading();
+        this.triggerEvent("tree.load_failed", { error });
+      });
+  }
 }

package/src/dragAndDropHandler/binarySearch.ts

@@ -1,27 +1,27 @@
 function binarySearch<T>(items: T[], compareFn: (a: T) => number): null | T {
-    let low = 0;
-    let high = items.length;
+  let low = 0;
+  let high = items.length;
 
-    while (low < high) {
-        const mid = (low + high) >> 1;
-        const item = items[mid];
+  while (low < high) {
+    const mid = (low + high) >> 1;
+    const item = items[mid];
 
-        if (item === undefined) {
-            return null;
-        }
+    if (item === undefined) {
+      return null;
+    }
 
-        const compareResult = compareFn(item);
+    const compareResult = compareFn(item);
 
-        if (compareResult > 0) {
-            high = mid;
-        } else if (compareResult < 0) {
-            low = mid + 1;
-        } else {
-            return item;
-        }
+    if (compareResult > 0) {
+      high = mid;
+    } else if (compareResult < 0) {
+      low = mid + 1;
+    } else {
+      return item;
     }
+  }
 
-    return null;
+  return null;
 }
 
 export default binarySearch;