tree-element 0.1.0 → 0.2.0

package/tree_element.js

@@ -1,5 +1,5 @@
 /*
-Html-tree 0.1.0
+Tree-element 0.2.0
 
 Copyright 2026 Marco Braak
 
@@ -17,5 +17,5 @@ limitations under the License.
 @license
 
 */
-var TreeElement=function(){"use strict";class t{t;i;o;h;l;u;constructor({classNames:t,dataFilter:e,loadData:s,treeElement:i,triggerEvent:o}){this.t=new AbortController,this.i=t,this.o=e,this.h=s,this.l=i,this.u=o}deinit(){this.t.abort()}async loadFromUrl(t,e){const s=e?.element??this.l;s.classList.add(this.i.loading),this.u("tree.loading_data",{element:s,node:e});const i=()=>{s.classList.remove(this.i.loading),this.u("tree.loaded_data",{element:s,node:e})},o=this.t.signal;return t.setSearchParam("_",Date.now().toString()),fetch(t.toString(),{headers:{"Content-Type":"application/json"},signal:o}).then(async t=>{if(t.ok){const s=await t.json();i(),this.h(this.o?this.o(s):s,e)}else i(),this.u("tree.load_failed",{response:t})}).catch(t=>{if(!this.t.signal.aborted)throw t})}}const e=t=>s(t).top,s=t=>{const e=t.getBoundingClientRect();return{left:e.x+window.scrollX,top:e.y+window.scrollY}};class i{m;_;p;constructor({autoEscape:t,classNames:e,nodeName:s,offsetX:i,offsetY:o,treeElement:n}){this._=i,this.p=o,this.m=this.v(s,t,e),n.appendChild(this.m)}move(t,e){this.m.style.left=t-this._+"px",this.m.style.top=e-this.p+"px"}remove(){this.m.remove()}v(t,e,s){const i=document.createElement("span");return i.classList.add(s.title,s.dragging),e?i.textContent=t:i.innerHTML=t,i.style.position="absolute",i}}const o=(t,e,s,i)=>{const o=Math.min(e.length,4),n=Math.round((i-s)/o);let r=s;for(let s=0;s<o;s++){const i=e[s];i.position&&t.push({bottom:r+n,node:i.node,position:i.position,top:r}),r+=n}},n=(t,s,i)=>((t,e)=>{if(!t.length)return[];let s=t[0].top,i=[];const n=[];for(const e of t)e.top!==s&&i.length&&(o(n,i,s,e.top),s=e.top,i=[]),i.push(e);return o(n,i,s,e),n})(((t,s)=>{const i=[];let o=0;const n=(t,e,s)=>{i.push({node:t,position:e,top:s}),o=s};return((t,{handleAfterOpenFolder:e,handleClosedFolder:s,handleFirstNode:i,handleNode:o,handleOpenFolder:n})=>{let r=!0;const h=(t,l)=>{let a=(!0===t.is_open||!t.element)&&t.hasChildren(),c=null;if(t.element?.offsetParent&&(c=t.element,r&&(i(t),r=!1),t.hasChildren()?t.is_open?n(t,t.element)||(a=!1):s(t,l,c):o(t,l,t.element)),a){const s=t.children.length;t.children.forEach((e,i)=>{const o=t.children[i];if(o)if(i===s-1)h(o,null);else{const e=t.children[i+1];e&&h(o,e)}}),t.is_open&&c&&e(t,l)}};h(t,null)})(t,{handleAfterOpenFolder:(t,e)=>{n(t,t===s||e===s?null:"after",o)},handleClosedFolder:(t,i,o)=>{const r=e(o);t===s?n(t,null,r):(n(t,"inside",r),i!==s&&n(t,"after",r))},handleFirstNode:t=>{t!==s&&t.element&&n(t,"before",e(t.element))},handleNode:(t,i,o)=>{const r=e(o);n(t,t===s?null:"inside",r),n(t,i===s||t===s?null:"after",r)},handleOpenFolder:(t,i)=>{if(t===s){const s=e(i),o=i.clientHeight;return n(t,null,s),o>5&&n(t,null,s+o-5),!1}return t.children[0]!==s&&n(t,"inside",e(i)),!0}}),i})(t,s),i);class r{currentItem;hitAreas;hoveredArea;isDragging;S;i;N;D;F;C;M;T;I;$;A;k;H;L;B;P;O;U;l;u;constructor({autoEscape:t,classNames:e,getNodeElement:s,getNodeElementForNode:i,getScrollLeft:o,getTree:n,onCanMove:r,onCanMoveTo:h,onDragMove:l,onDragStop:a,onIsMoveHandle:c,openFolderDelay:d,openNode:u,refreshElements:m,slide:g,treeElement:_,triggerEvent:f}){this.S=t,this.i=e,this.D=s,this.F=i,this.C=o,this.M=n,this.T=r,this.I=h,this.$=l,this.A=a,this.k=c,this.H=d,this.B=u,this.O=m,this.U=g,this.l=_,this.u=f,this.hoveredArea=null,this.hitAreas=[],this.isDragging=!1,this.currentItem=null,this.N=null,this.L=null,this.P=null}mouseCapture(t){const e=t.target;if(!this.R(e))return null;if(this.k&&!this.k(e))return null;let s=this.D(e);return s&&this.T&&(this.T(s.node)||(s=null)),this.currentItem=s,null!=this.currentItem}mouseDrag(t){if(!this.currentItem||!this.N)return!1;this.N.move(t.pageX,t.pageY);const e=this.V(t.pageX,t.pageY);return e&&this.Y(e,this.currentItem)?(e.node.isFolder()||this.j(),this.hoveredArea!==e&&(this.hoveredArea=e,this.G(e)?this.X(e.node):this.j(),this.J())):(this.K(),this.j(),this.hoveredArea=e),e||this.$&&this.$(this.currentItem.node,t.originalEvent),!0}mouseStart(t){if(!this.currentItem)return!1;this.refresh();const{left:e,top:o}=s(t.target),n=this.currentItem.node;return this.N=new i({autoEscape:this.S??!0,classNames:this.i,nodeName:n.name,offsetX:t.pageX-e,offsetY:t.pageY-o,treeElement:this.l}),this.isDragging=!0,this.currentItem.element.classList.add(this.i.moving),!0}mouseStop(t){this.W(t),this.q(),this.Z(),this.K(),this.tt();const e=this.currentItem;return this.currentItem&&(this.currentItem.element.classList.remove(this.i.moving),this.currentItem=null),this.isDragging=!1,!this.hoveredArea&&e&&this.A&&this.A(e.node,t.originalEvent),!1}refresh(){if(this.tt(),this.currentItem){const t=this.currentItem.node;this.et(t),this.currentItem=this.F(t),this.isDragging&&this.currentItem.element.classList.add(this.i.moving)}}Y(t,e){return!this.I||this.I(e.node,t.node,t.position)}q(){this.N&&(this.N.remove(),this.N=null)}V(t,e){const s=this.st();return t<s.left||e<s.top||t>s.right||e>s.bottom?null:function(t,e){let s=0,i=t.length;for(;s<i;){const o=s+i>>1,n=t[o];if(void 0===n)return null;const r=e(n);if(r>0)i=o;else{if(!(r<0))return n;s=o+1}}return null}(this.hitAreas,t=>e<t.top?1:e>t.bottom?-1:0)}et(t){const e=this.M();this.hitAreas=e?n(e,t,this.st().bottom):[]}st(){const t=s(this.l),e=t.left+this.C(),i=t.top;return{bottom:i+this.l.clientHeight+16,left:e,right:e+this.l.clientWidth,top:i}}W(t){if(this.currentItem&&this.hoveredArea?.position&&this.Y(this.hoveredArea,this.currentItem)){const e=this.currentItem.node,s=this.hoveredArea.node,i=this.hoveredArea.position,o=e.parent;"inside"===i&&(this.hoveredArea.node.is_open=!0);const n=()=>{const t=this.M();t&&(t.moveNode(e,s,i),this.l.textContent="",this.O(null))};this.u("tree.move",{moveInfo:{doMove:n,movedNode:e,originalEvent:t.originalEvent,position:i,previousParent:o,targetNode:s}})&&n()}}R(t){const e=t.nodeName;return"INPUT"!==e&&"SELECT"!==e&&"TEXTAREA"!==e}G(t){const e=t.node;return e.isFolder()&&!e.is_open&&"inside"===t.position}K(){this.P&&this.P.remove()}tt(){this.hitAreas=[]}Z(){this.hoveredArea=null}X(t){const e=()=>{this.B(t,this.U).then(()=>{this.refresh(),this.J()})};this.j();const s=this.H;!1!==s&&(this.L=window.setTimeout(e,s))}j(){this.L&&(clearTimeout(this.L),this.L=null)}J(){if(!this.hoveredArea)return;this.K();const t=this.F(this.hoveredArea.node);this.P=t.addDropHint(this.hoveredArea.position)}}const h=t=>t?"true":"false";class l{closedIconElement;openedIconElement;S;it;i;ot;M;nt;rt;ht;lt;ct;dt;ut;constructor({autoEscape:t,buttonLeft:e,classNames:s,closedIcon:i,dragAndDrop:o,getTree:n,htmlElement:r,isNodeSelected:h,onCreateLi:l,openedIcon:a,rtl:c,setNodeElement:d,showEmptyFolder:u,tabIndex:m}){this.S=t,this.it=e,this.i=s,this.ot=o,this.M=n,this.nt=r,this.rt=h,this.ht=l,this.lt=c,this.ct=d,this.dt=u,this.ut=m,this.openedIconElement=this.gt(a??"+"),this.closedIconElement=this.gt(i??"-")}render(t){t?.parent?this.renderFromNode(t):this.renderFromRoot()}renderFromNode(t){if(!t.element)return;const e=t.element,s=this._t(t,t.getLevel());e.replaceWith(s),this.ft(s,t.children,!1,t.getLevel()+1)}renderFromRoot(){this.nt.textContent="";const t=this.M();t&&this.ft(this.nt,t.children,!0,1)}vt(t,e){t.element=e,this.ct(e,t)}gt(t){if("string"==typeof t){const e=document.createElement("div");return e.innerHTML=t,document.createTextNode(e.innerHTML)}return t.nodeType?t:void 0}ft(t,e,s,i){const o=this.St(s);t.appendChild(o);for(const t of e){const e=this._t(t,i);o.appendChild(e),t.hasChildren()&&this.ft(e,t.children,!1,i+1)}}Nt(t,e,s){const i=this.Et(t),o=this.wt(t,s),n=t.is_open?this.openedIconElement:this.closedIconElement,r=document.createElement("li");r.className=`${this.i.common} ${o}`,r.setAttribute("role","none");const l=document.createElement("div");l.className=`${this.i.element} ${this.i.common}`,l.setAttribute("role","none"),r.appendChild(l);const a=document.createElement("a");a.className=i,n&&a.appendChild(n.cloneNode(!0)),this.it&&l.appendChild(a);const c=this.bt(t.name,s,!0,e);return c.setAttribute("aria-expanded",h(t.is_open)),l.appendChild(c),this.it||l.appendChild(a),r}_t(t,e){const s=this.rt(t),i=t.isFolder()||t.isEmptyFolder&&this.dt?this.Nt(t,e,s):this.yt(t,e,s);return this.vt(t,i),this.ht&&this.ht(t,i,s),i}yt(t,e,s){const i=[this.i.common];s&&i.push(this.i.selected);const o=i.join(" "),n=document.createElement("li");n.className=o,n.setAttribute("role","none");const r=document.createElement("div");r.className=`${this.i.element} ${this.i.common}`,r.setAttribute("role","none"),n.appendChild(r);const h=this.bt(t.name,s,!1,e);return r.appendChild(h),n}bt(t,e,s,i){const o=document.createElement("span");let n=`${this.i.title} ${this.i.common}`;if(s&&(n+=` ${this.i.titleFolder}`),n+=` ${this.it?this.i.titleButtonLeft:this.i.titleButtonRight}`,o.className=n,e){const t=this.ut;void 0!==t&&o.setAttribute("tabindex",`${t}`)}return this.Dt(o,t,i,e),this.S?o.textContent=t:o.innerHTML=t,o}St(t){let e,s;t?(e=this.i.tree,s="tree",this.lt&&(e+=` ${this.i.rtl}`)):(e="",s="group"),this.ot&&(e+=` ${this.i.dnd}`);const i=document.createElement("ul");return i.className=`${this.i.common} ${e}`,i.setAttribute("role",s),i}Et(t){const e=[this.i.toggler,this.i.common];return t.is_open||e.push(this.i.closed),this.it?e.push(this.i.togglerLeft):e.push(this.i.togglerRight),e.join(" ")}wt(t,e){const s=[this.i.folder];return t.is_open||s.push(this.i.closed),e&&s.push(this.i.selected),t.is_loading&&s.push(this.i.loading),s.join(" ")}Dt(t,e,s,i){t.setAttribute("aria-label",e),t.setAttribute("aria-level",`${s}`),t.setAttribute("aria-selected",h(i)),t.setAttribute("role","treeitem")}}class a{Ft;Ct;Mt;Tt;B;It;constructor({closeNode:t,getSelectedNode:e,isFocusOnTree:s,keyboardSupport:i,openNode:o,selectNode:n}){this.Ft=t,this.Ct=e,this.Mt=s,this.Tt=i,this.B=o,this.It=n,i&&document.addEventListener("keydown",this.$t)}deinit(){this.Tt&&document.removeEventListener("keydown",this.$t)}moveDown(t){return this.xt(t.getNextVisibleNode())}moveUp(t){return this.xt(t.getPreviousVisibleNode())}At(){return this.Tt&&this.Mt()}$t=t=>{if(!this.At())return;let e=!1;const s=this.Ct();if(s)switch(t.key){case"ArrowDown":e=this.moveDown(s);break;case"ArrowLeft":e=this.kt(s);break;case"ArrowRight":e=this.Ht(s);break;case"ArrowUp":e=this.moveUp(s)}e&&t.preventDefault()};kt(t){return t.isFolder()&&t.is_open?(this.Ft(t),!0):this.xt(t.getParent())}Ht(t){return!!t.isFolder()&&(t.is_open?this.xt(t.getNextVisibleNode()):(this.B(t),!0))}xt(t){return!!t&&(this.It(t),!0)}}const c=t=>({originalEvent:t,pageX:t.pageX,pageY:t.pageY,target:t.target}),d=(t,e)=>({originalEvent:e,pageX:t.pageX,pageY:t.pageY,target:t.target});class u{i;m;Lt;Bt;Pt;Ot;Ut;Rt;zt;Vt;Yt;jt;Gt;Xt;u;Jt;constructor({classNames:t,element:e,getMouseDelay:s,getNode:i,onClickButton:o,onClickTitle:n,onMouseCapture:r,onMouseDrag:h,onMouseStart:l,onMouseStop:a,triggerEvent:c,useContextMenu:d}){this.i=t,this.m=e,this.Lt=s,this.Bt=i,this.zt=o,this.Vt=n,this.Yt=r,this.jt=h,this.Gt=l,this.Xt=a,this.u=c,this.Jt=d,e.addEventListener("click",this.Kt),e.addEventListener("dblclick",this.Wt),e.addEventListener("mousedown",this.qt,{passive:!1}),e.addEventListener("touchstart",this.Qt,{passive:!1}),d&&e.addEventListener("contextmenu",this.Zt),this.Ot=!1,this.Ut=null,this.Pt=!1,this.Rt=null}deinit(){this.m.removeEventListener("click",this.Kt),this.m.removeEventListener("dblclick",this.Wt),this.Jt&&this.m.removeEventListener("contextmenu",this.Zt),this.m.removeEventListener("mousedown",this.qt),this.m.removeEventListener("touchstart",this.Qt),this.te()}ee(t){const e=t.closest(`.${this.i.toggler}`);if(e){const t=this.Bt(e);if(t)return{node:t,type:"button"}}else{const e=t.closest(`.${this.i.element}`);if(e){const t=this.Bt(e);if(t)return{node:t,type:"label"}}}return null}Kt=t=>{if(!t.target)return;const e=this.ee(t.target);if(e)switch(e.type){case"button":this.zt(e.node),t.preventDefault(),t.stopPropagation();break;case"label":this.u("tree.click",{node:e.node,originalEvent:t})&&this.Vt(e.node)}};Zt=t=>{if(!t.target)return;const e=t.target.closest(`ul.${this.i.tree} .${this.i.element}`);if(e){const s=this.Bt(e);if(s)return t.preventDefault(),t.stopPropagation(),this.u("tree.contextmenu",{node:s,originalEvent:t}),!1}return null};Wt=t=>{if(!t.target)return;const e=this.ee(t.target);"label"===e?.type&&this.u("tree.dblclick",{node:e.node,originalEvent:t})};se(t){return this.Ot&&this.ie(t),this.Rt=t,!!this.Yt(t)&&(this.oe(),!0)}ne(t,e){if(this.Ot)return this.jt(e),void(t.cancelable&&t.preventDefault());this.Pt&&(this.Rt&&(this.Ot=this.Gt(this.Rt)),this.Ot?(this.jt(e),t.cancelable&&t.preventDefault()):this.ie(e))}ie(t){this.te(),this.Pt=!1,this.Rt=null,this.Ot&&(this.Ot=!1,this.Xt(t))}oe(){document.addEventListener("mousemove",this.re,{passive:!1}),document.addEventListener("touchmove",this.he,{passive:!1}),document.addEventListener("mouseup",this.le,{passive:!1}),document.addEventListener("touchend",this.ae,{passive:!1});const t=this.Lt();t?this.ce(t):this.Pt=!0}qt=t=>{if(0!==t.button)return;this.se(c(t))&&t.cancelable&&t.preventDefault()};re=t=>{this.ne(t,c(t))};le=t=>{this.ie(c(t))};te(){document.removeEventListener("mousemove",this.re),document.removeEventListener("touchmove",this.he),document.removeEventListener("mouseup",this.le),document.removeEventListener("touchend",this.ae)}ce(t){this.Ut&&clearTimeout(this.Ut),this.Ut=window.setTimeout(()=>{this.Rt&&(this.Pt=!0)},t),this.Pt=!1}ae=t=>{if(t.touches.length>1)return;const e=t.touches[0];e&&this.ie(d(e,t))};he=t=>{if(t.touches.length>1)return;const e=t.touches[0];e&&this.ne(t,d(e,t))};Qt=t=>{if(t.touches.length>1)return;const e=t.touches[0];e&&this.se(d(e,t))}}const m=t=>"object"==typeof t&&"children"in t&&t.children instanceof Array;class g{children;element;id;idMapping;is_loading;is_open;isEmptyFolder;load_on_demand;name;nodeClass;parent;tree;constructor(t=null,e=!1,s=g){this.name="",this.load_on_demand=!1,this.isEmptyFolder=null!=t&&m(t)&&0===t.children.length,this.setData(t),this.children=[],this.parent=null,this.is_loading=void 0,this.is_open??=void 0,e?(this.idMapping=new Map,this.tree=this,this.nodeClass=s):this.idMapping=void 0}addAfter(t){if(this.parent){const e=this.de(t),s=this.parent.getChildIndex(this);return this.parent.addChildAtPosition(e,s+1),e.ue(t),e}return null}addBefore(t){if(this.parent){const e=this.de(t),s=this.parent.getChildIndex(this);return this.parent.addChildAtPosition(e,s),e.ue(t),e}return null}addChild(t){this.children.push(t),t.me(this)}addChildAtPosition(t,e){this.children.splice(e,0,t),t.me(this)}addNodeToIndex(t){null!=t.id&&this.idMapping?.set(t.id,t)}addParent(t){if(this.parent){const e=this.de(t);this.tree&&e.me(this.tree);const s=this.parent;for(const t of s.children)e.addChild(t);return s.children=[],s.addChild(e),e}return null}append(t){const e=this.de(t);return this.addChild(e),e.ue(t),e}filter(t){const e=[];return this.iterate(s=>(t(s)&&e.push(s),!0)),e}getChildIndex(t){return this.children.indexOf(t)}getData(t=!1){const e=t=>t.map(t=>{const s={};for(const e in t)if(-1===["parent","children","element","idMapping","load_on_demand","nodeClass","tree","isEmptyFolder"].indexOf(e)&&Object.prototype.hasOwnProperty.call(t,e)){const i=t[e];s[e]=i}return t.hasChildren()&&(s.children=e(t.children)),s});return e(t?[this]:this.children)}getLastChild(){if(this.hasChildren()){const t=this.children[this.children.length-1];return t.hasChildren()&&t.is_open?t.getLastChild():t}return null}getLevel(){let t=0,e=this;for(;e.parent;)t+=1,e=e.parent;return t}getNextNode(t=!0){if(t&&this.hasChildren())return this.children[0]??null;if(this.parent){const t=this.getNextSibling();return t||this.parent.getNextNode(!1)}return null}getNextSibling(){if(this.parent){const t=this.parent.getChildIndex(this)+1;return t<this.parent.children.length?this.parent.children[t]??null:null}return null}getNextVisibleNode(){if(this.hasChildren()&&this.is_open)return this.children[0]??null;if(this.parent){const t=this.getNextSibling();return t||this.parent.getNextNode(!1)}return null}getNodeByCallback(t){let e=null;return this.iterate(s=>!e&&(!t(s)||(e=s,!1))),e}getNodeById(t){return this.idMapping?.get(t)??null}getNodeByName(t){return this.getNodeByCallback(e=>e.name===t)}getNodeByNameMustExist(t){const e=this.getNodeByCallback(e=>e.name===t);if(!e)throw new Error(`Node with name ${t} not found`);return e}getNodesByProperty(t,e){return this.filter(s=>s[t]===e)}getParent(){return this.parent&&this.parent.parent?this.parent:null}getPreviousNode(){if(this.parent){const t=this.getPreviousSibling();return t?t.hasChildren()?t.getLastChild():t:this.getParent()}return null}getPreviousSibling(){if(this.parent){const t=this.parent.getChildIndex(this)-1;return t>=0?this.parent.children[t]??null:null}return null}getPreviousVisibleNode(){if(this.parent){const t=this.getPreviousSibling();return t?t.hasChildren()&&t.is_open?t.getLastChild():t:this.getParent()}return null}hasChildren(){return 0!==this.children.length}initFromData(t){const e=t=>{for(const e of t){const t=this.de();t.initFromData(e),this.addChild(t)}};(t=>{this.setData(t),m(t)&&t.children.length&&e(t.children)})(t)}isFolder(){return this.hasChildren()||this.load_on_demand}isParentOf(t){let e=t.parent;for(;e;){if(e===this)return!0;e=e.parent}return!1}iterate(t){const e=(s,i)=>{for(const o of s.children){t(o,i)&&o.hasChildren()&&e(o,i+1)}};e(this,0)}loadFromData(t){this.removeChildren();for(const e of t){const t=this.de(e);this.addChild(t),m(e)&&t.loadFromData(e.children)}return this}moveNode(t,e,s){if(!t.parent||t.isParentOf(e))return!1;switch(t.parent.ge(t),s){case"after":return!!e.parent&&(e.parent.addChildAtPosition(t,e.parent.getChildIndex(e)+1),!0);case"before":return!!e.parent&&(e.parent.addChildAtPosition(t,e.parent.getChildIndex(e)),!0);case"inside":return e.addChildAtPosition(t,0),!0}}prepend(t){const e=this.de(t);return this.addChildAtPosition(e,0),e.ue(t),e}remove(){this.parent&&(this.parent.removeChild(this),this.parent=null)}removeChild(t){t.removeChildren(),this.ge(t)}removeChildren(){this.iterate(t=>(this.tree?.removeNodeFromIndex(t),!0)),this.children=[]}removeNodeFromIndex(t){null!=t.id&&this.idMapping?.delete(t.id)}setData(t){if(t)if("string"==typeof t)this.name=t;else if("object"==typeof t)for(const e in t)if(Object.prototype.hasOwnProperty.call(t,e)){const s=t[e];"label"===e||"name"===e?"string"==typeof s&&(this.name=s):"children"!==e&&"parent"!==e&&(this[e]=s)}}de(t){return new(this._e())(t)}ge(t){this.children.splice(this.getChildIndex(t),1),this.tree?.removeNodeFromIndex(t)}_e(){return this.nodeClass??this.tree?.nodeClass??g}ue(t){m(t)&&t.children.length&&this.loadFromData(t.children)}me(t){this.parent=t,this.tree=t.tree,this.tree?.addNodeToIndex(this)}}class _{fe;constructor(t,e,s){const i=t.querySelector(`:scope > .${s.element}`);if(!i)return void(this.fe=void 0);const o=Math.max(t.offsetWidth+e-4,0),n=Math.max(t.clientHeight-4,0),r=document.createElement("span");r.className=s.border,r.style.width=`${o}px`,r.style.height=`${n}px`,this.fe=r,i.append(this.fe)}remove(){this.fe?.remove()}}class f{i;m;pe;ve;constructor(t,e,s,i){switch(this.i=i,this.m=e,this.ve=t,this.pe=this.Se(),s){case"after":this.Ne();break;case"before":this.Ee();break;case"inside":t.isFolder()&&t.is_open?this.we():this.be()}}remove(){this.pe.remove()}Se(){const{circle:t,common:e,ghost:s,line:i}=this.i,o=document.createElement("li");o.className=`${e} ${s}`;const n=document.createElement("span");n.className=`${e} ${t}`,o.append(n);const r=document.createElement("span");return r.className=`${e} ${i}`,o.append(r),o}Ne(){this.m.after(this.pe)}Ee(){this.m.before(this.pe)}be(){this.m.after(this.pe),this.pe.classList.add(this.i.inside)}we(){const t=this.ve.children[0]?.element;t&&t.before(this.pe)}}class p{element;node;i;C;ut;l;constructor({classNames:t,getScrollLeft:e,node:s,tabIndex:i,treeElement:o}){this.i=t,this.C=e,this.node=s,this.ut=i,this.l=o,s.element??=this.l,this.element=s.element}addDropHint(t){return this.ye(t)?new _(this.element,this.C(),this.i):new f(this.node,this.element,t,this.i)}deselect(){this.element.classList.remove(this.i.selected);const t=this.De();t.removeAttribute("tabindex"),t.setAttribute("aria-selected","false"),t.blur()}select(t){this.element.classList.add(this.i.selected);const e=this.De(),s=this.ut;null!=s&&e.setAttribute("tabindex",s.toString()),e.setAttribute("aria-selected","true"),t&&e.focus()}De(){return this.element.querySelector(`:scope > .${this.i.element} > span.${this.i.title}`)}Fe(){return this.element.querySelector(":scope > ul")}ye(t){return"inside"===t}}const v=t=>"number"==typeof t?t:"slow"===t?600:200;class S extends p{Ce;Me;u;constructor({classNames:t,closedIconElement:e,getScrollLeft:s,node:i,openedIconElement:o,tabIndex:n,treeElement:r,triggerEvent:h}){super({classNames:t,getScrollLeft:s,node:i,tabIndex:n,treeElement:r}),this.Ce=e,this.Me=o,this.u=h}close(t,e){if(!this.node.is_open)return;this.node.is_open=!1;const s=this.Te();s.classList.add(this.i.closed),s.innerHTML="";const i=this.Ce;if(i){const t=i.cloneNode(!0);s.appendChild(t)}const o=()=>{this.element.classList.add(this.i.closed);this.De().setAttribute("aria-expanded","false"),this.u("tree.close",{node:this.node})},n=this.Fe();t?((t,e,s)=>{t.animate([{height:`${t.scrollHeight}px`,overflow:"hidden"},{height:"0",overflow:"hidden"}],{duration:v(e)}).onfinish=()=>{t.style.display="none",s()}})(n,e,o):(n.style.display="none",o())}async open(t,e){return new Promise(s=>{if(this.node.is_open)return void s();this.node.is_open=!0;const i=this.Te();i.classList.remove(this.i.closed),i.innerHTML="";const o=this.Me;if(o){const t=o.cloneNode(!0);i.appendChild(t)}const n=()=>{this.element.classList.remove(this.i.closed);this.De().setAttribute("aria-expanded","true"),this.u("tree.open",{node:this.node}),s()},r=this.Fe();t?((t,e,s)=>{t.style.display="block",t.animate([{height:"0",overflow:"hidden"},{height:`${t.scrollHeight}px`,overflow:"hidden"}],{duration:v(e)}).onfinish=()=>{s()}})(r,e,n):(r.style.display="block",n())})}ye(t){return!this.node.is_open&&"inside"===t}Te(){return this.element.querySelector(`:scope > .${this.i.element} > a.${this.i.toggler}`)}}const N="http://localhost";class E{Ie;$e;constructor(t){(t=>{try{return new URL(t),!0}catch{return!1}})(t)?(this.$e=new URL(t),this.Ie=!0):(this.$e=new URL(t,N),this.Ie=!1)}setSearchParam(t,e){this.$e.searchParams.set(t,e)}toString(){return this.Ie?this.$e.href:this.$e.href.slice(16)}}class w{xe;Ae;ke;M;He;Le;B;O;Be;Pe;constructor({addToSelection:t,getNodeById:e,getSelectedNodes:s,getTree:i,onGetStateFromStorage:o,onSetStateFromStorage:n,openNode:r,refreshElements:h,removeFromSelection:l,saveState:a}){this.xe=t,this.Ae=e,this.ke=s,this.M=i,this.He=o,this.Le=n,this.B=r,this.O=h,this.Be=l,this.Pe=a}getNodeIdToBeSelected(){if(!this.Pe)return null;const t=this.getStateFromStorage();return t?.selected_node?t.selected_node[0]??null:null}getState(){return{open_nodes:(()=>{const t=[];return this.M()?.iterate(e=>(e.is_open&&e.id&&e.hasChildren()&&t.push(e.id),!0)),t})(),selected_node:(()=>{const t=[];return this.ke().forEach(e=>{null!=e.id&&t.push(e.id)}),t})()}}getStateFromStorage(){if(!this.Pe)return null;const t=this.Oe();return t?this.Ue(t):null}saveState(){if(!this.Pe)return;const t=JSON.stringify(this.getState());this.Le?this.Le(t):localStorage.setItem(this.Re(),t)}setInitialState(t){let e=!1;return t.open_nodes&&(e=this.ze(t.open_nodes)),this.Ve(),t.selected_node&&this.Ye(t.selected_node),e}async setInitialStateOnDemand(t){let e=t.open_nodes;const s=async()=>{if(!e)return;const s=[];for(const t of e){const e=this.Ae(t);e?e.is_loading||(e.load_on_demand?await i(e):await this.B(e,!1)):s.push(t)}e=s,t.selected_node&&this.Ye(t.selected_node)&&this.O(null)},i=async t=>{await this.B(t,!1),await s()};await s()}Re(){return"string"==typeof this.Pe?this.Pe:"tree"}Oe(){return this.He?this.He():localStorage.getItem(this.Re())}ze(t){let e=!1;for(const s of t){const t=this.Ae(s);t&&(t.load_on_demand?e=!0:t.is_open=!0)}return e}Ue(t){const e=JSON.parse(t);var s;return e.selected_node&&("number"==typeof(s=e.selected_node)&&s%1==0)&&(e.selected_node=[e.selected_node]),e}Ve(){this.ke().forEach(t=>{this.Be(t)})}Ye(t){let e=0;for(const s of t){const t=this.Ae(s);t&&(e+=1,this.xe(t))}return 0!==e}}class b{je;Ge;Xe;Je;Ke;We;constructor({container:t,refreshHitAreas:e}){this.je=t,this.Je=e}checkHorizontalScrolling(t){const e=this.qe(t);this.Ge!==e&&(this.Ge=e,null!=this.Xe&&window.clearTimeout(this.Xe),e&&(this.Xe=window.setTimeout(this.Qe.bind(this),40)))}checkVerticalScrolling(t){const e=this.Ze(t);this.Ke!==e&&(this.Ke=e,null!=this.We&&(window.clearTimeout(this.We),this.We=void 0),e&&(this.We=window.setTimeout(this.ts.bind(this),40)))}getScrollLeft(){return this.je.scrollLeft}scrollToY(t){this.je.scrollTop=t}stopScrolling(){this.Ge=void 0,this.Ke=void 0}Qe(){if(!this.Ge)return;const t="left"===this.Ge?-20:20;this.je.scrollBy({behavior:"instant",left:t,top:0}),this.Je(),setTimeout(this.Qe.bind(this),40)}ts(){if(!this.Ke)return;const t="top"===this.Ke?-20:20;this.je.scrollBy({behavior:"instant",left:0,top:t}),this.Je(),setTimeout(this.ts.bind(this),40)}}class y extends b{es;ss;stopScrolling(){super.stopScrolling(),this.Ge=void 0,this.Ke=void 0}qe(t){const e=s(this.je),i=this.je.getBoundingClientRect().width,o=e.left+i,n=e.left;return t>o-20?"right":t<n+20?"left":void 0}Ze(t){return t<this.ns()?"top":t>this.rs()?"bottom":void 0}rs(){if(null==this.es){const t=this.je.getBoundingClientRect().height;this.es=this.ns()+t}return this.es}ns(){return this.ss??=e(this.je),this.ss}}class D extends b{hs;ls;l;constructor({refreshHitAreas:t,treeElement:e}){super({container:document.documentElement,refreshHitAreas:t}),this.l=e}scrollToY(t){const s=e(this.l);super.scrollToY(t+s)}stopScrolling(){super.stopScrolling(),this.hs=void 0,this.ls=void 0}qe(t){const e=t-this.je.scrollLeft<20;return t>window.innerWidth-20&&this.cs()?"right":e?"left":void 0}Ze(t){const e=this.je.scrollTop;if(t-e<20)return"top";return window.innerHeight-(t-e)<20&&this.ds()?"bottom":void 0}ds(){return this.je.scrollTop+this.je.clientHeight<this.us()}cs(){return this.je.scrollLeft+this.je.clientWidth<this.gs()}us(){return this.hs??=this.je.scrollHeight,this.hs}gs(){return this.ls??=this.je.scrollWidth,this.ls}}const F=t=>"auto"===t||"scroll"===t,C=t=>{const e=getComputedStyle(t);return F(e.overflowX)||F(e.overflowY)},M=(t,e)=>{const s=(t=>{if(C(t))return t;let e=t.parentElement;for(;e;){if(C(e))return e;e=e.parentElement}return null})(t);return s&&"HTML"!==s.tagName?new y({container:s,refreshHitAreas:e}):new D({refreshHitAreas:e,treeElement:t})};class T{Je;_s;l;constructor({refreshHitAreas:t,treeElement:e}){this.Je=t,this._s=void 0,this.l=e}checkScrolling(t){this.fs(t),this.ps(t)}getScrollLeft(){return this.vs().getScrollLeft()}scrollToY(t){this.vs().scrollToY(t)}stopScrolling(){this.vs().stopScrolling()}ps(t){this.vs().checkHorizontalScrolling(t.pageX)}fs(t){this.vs().checkVerticalScrolling(t.pageY)}vs(){return this._s??=M(this.l,this.Je),this._s}}class I{Ae;F;Ss;Ns;Es;ws;bs;ys;u;constructor({getNodeById:t,getNodeElementForNode:e,getOnCanSelectNode:s,getSelectable:i,openParents:o,saveState:n,triggerEvent:r}){this.Ae=t,this.F=e,this.Ss=s,this.Ns=i,this.Es=o,this.ws=n,this.bs=new Set,this.ys=null,this.u=r}addToSelection(t){null!=t.id?this.bs.add(t.id):this.ys=t}clear(){this.bs.clear(),this.ys=null}getSelectedNode(){const t=this.getSelectedNodes();return!!t.length&&(t[0]??!1)}getSelectedNodes(){if(this.ys)return[this.ys];{const t=[];return this.bs.forEach(e=>{const s=this.Ae(e);s&&t.push(s)}),t}}getSelectedNodesUnder(t){if(this.ys)return t.isParentOf(this.ys)?[this.ys]:[];{const e=[];return this.bs.forEach(s=>{const i=this.Ae(s);i&&t.isParentOf(i)&&e.push(i)}),e}}isNodeSelected(t){return null!=t.id?this.bs.has(t.id):!!this.ys&&this.ys.element===t.element}removeFromSelection(t,e=!1){null==t.id?this.ys&&t.element===this.ys.element&&(this.ys=null):(this.bs.delete(t.id),e&&t.iterate(()=>(null!=t.id&&this.bs.delete(t.id),!0)))}selectSingleNode(t,e){const s={mustSetFocus:!0,mustToggle:!0,...e??{}};if(!(()=>{if(!this.Ns())return!1;const e=this.Ss();return!e||e(t)})())return;const i=t=>{this.removeFromSelection(t),this.F(t).deselect()};if(this.isNodeSelected(t))s.mustToggle&&(i(t),this.u("tree.deselect",{node:t}));else{const e=this.getSelectedNode();e&&i(e),this.addToSelection(t),this.Es(t),this.F(t).select(s.mustSetFocus),this.u("tree.select",{deselectedNode:e||null,node:t})}this.ws()}}const $={animationSpeed:"fast",autoEscape:!0,autoOpen:!1,buttonLeft:!0,classPrefix:"tree-element",closedIcon:void 0,commonClassName:void 0,data:void 0,dataFilter:void 0,dataUrl:void 0,dragAndDrop:!1,keyboardSupport:!0,nodeClass:g,onCanMove:void 0,onCanMoveTo:void 0,onCanSelectNode:void 0,onCreateLi:void 0,onDragMove:void 0,onDragStop:void 0,onGetStateFromStorage:void 0,onIsMoveHandle:void 0,onSetStateFromStorage:void 0,openedIcon:void 0,openFolderDelay:500,rtl:void 0,saveState:!1,selectable:!0,showEmptyFolder:!1,slide:!0,startDndDelay:300,tabIndex:0,treeClassName:void 0,useContextMenu:!0},x=t=>t.rtl?"&#x25c0;":"&#x25ba;",A=t=>{const e=t.dataset.rtl;return""==e||"false"!==e&&Boolean(e)},k=(t,e,s)=>{const i=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:s});return t.dispatchEvent(i),!i.defaultPrevented};return class{tree;i;Ds;Fs;nt;Cs;Ms;Ts;Is;$s;xs;As;ks;Hs;Ls;constructor({htmlElement:e,overrideTriggerEventProvider:s,...i}){this.nt=e,this.$s=((t,e)=>{const s={...$,...e};return s.dataUrl??=t.dataset.url,s.rtl??=A(t),s.closedIcon??=x(s),s.openedIcon??="&#x25bc;",s})(e,i),this.i=(({classPrefix:t,commonClassName:e,treeClassName:s})=>({border:`${t}-border`,circle:`${t}-circle`,closed:`${t}-closed`,common:e??`${t}-common`,dnd:`${t}-dnd`,dragging:`${t}-dragging`,element:`${t}-element`,folder:`${t}-folder`,ghost:`${t}-ghost`,inside:`${t}-inside`,line:`${t}-line`,loading:`${t}-loading`,moving:`${t}-moving`,rtl:`${t}-rtl`,selected:`${t}-selected`,title:`${t}-title`,titleButtonLeft:`${t}-title-button-left`,titleButtonRight:`${t}-title-button-right`,titleFolder:`${t}-title-folder`,toggler:`${t}-toggler`,togglerLeft:`${t}-toggler-left`,togglerRight:`${t}-toggler-right`,tree:s??t}))(this.$s),this.Ls=s??k,this.Cs=!1,this.tree=new g({},!0),this.Is=new WeakMap;const{autoEscape:o,buttonLeft:n,closedIcon:h,dataFilter:c,dragAndDrop:d,keyboardSupport:m,onCanMove:_,onCanMoveTo:f,onCreateLi:p,onDragMove:v,onDragStop:S,onGetStateFromStorage:N,onIsMoveHandle:E,onSetStateFromStorage:b,openedIcon:y,openFolderDelay:D,rtl:F,saveState:C,showEmptyFolder:M,slide:H,tabIndex:L}=this.$s,B=this.i,P=this.closeNode.bind(this),O=this.D.bind(this),U=this.F.bind(this),R=this.getNodeById.bind(this),z=this.getSelectedNode.bind(this),V=this.getTree.bind(this),Y=this.Mt.bind(this),j=this.loadData.bind(this),G=this.openNode.bind(this),X=this.Es.bind(this),J=this.O.bind(this),K=this.refreshHitAreas.bind(this),W=this.ct.bind(this),q=this.nt,Q=this.u.bind(this),Z=new I({getNodeById:R,getNodeElementForNode:U,getOnCanSelectNode:()=>this.$s.onCanSelectNode,getSelectable:()=>this.$s.selectable,openParents:X,saveState:()=>{rt.saveState()},triggerEvent:Q}),tt=Z.addToSelection.bind(Z),et=Z.getSelectedNodes.bind(Z),st=Z.isNodeSelected.bind(Z),it=Z.removeFromSelection.bind(Z),ot=Z.selectSingleNode.bind(Z),nt=new t({classNames:B,dataFilter:c,loadData:j,treeElement:q,triggerEvent:Q}),rt=new w({addToSelection:tt,getNodeById:R,getSelectedNodes:et,getTree:V,onGetStateFromStorage:N,onSetStateFromStorage:b,openNode:G,refreshElements:J,removeFromSelection:it,saveState:C}),ht=new T({refreshHitAreas:K,treeElement:q}),lt=ht.getScrollLeft.bind(ht),at=new r({autoEscape:o,classNames:B,getNodeElement:O,getNodeElementForNode:U,getScrollLeft:lt,getTree:V,onCanMove:_,onCanMoveTo:f,onDragMove:v,onDragStop:S,onIsMoveHandle:E,openFolderDelay:D,openNode:G,refreshElements:J,slide:H,treeElement:q,triggerEvent:Q}),ct=new a({closeNode:P,getSelectedNode:z,isFocusOnTree:Y,keyboardSupport:m,openNode:G,selectNode:ot}),dt=new l({autoEscape:o,buttonLeft:n,classNames:B,closedIcon:h,dragAndDrop:d,getTree:V,htmlElement:q,isNodeSelected:st,onCreateLi:p,openedIcon:y,rtl:F,setNodeElement:W,showEmptyFolder:M,tabIndex:L}),ut=this.getNode.bind(this),mt=this.Bs.bind(this),gt=this.Ps.bind(this),_t=this.Os.bind(this),ft=this.Us.bind(this),pt=new u({classNames:B,element:q,getMouseDelay:()=>this.$s.startDndDelay??0,getNode:ut,onClickButton:this.toggle.bind(this),onClickTitle:ot,onMouseCapture:mt,onMouseDrag:gt,onMouseStart:_t,onMouseStop:ft,triggerEvent:Q,useContextMenu:this.$s.useContextMenu});this.Ds=nt,this.Fs=at,this.Ms=ct,this.Ts=pt,this.xs=dt,this.As=rt,this.ks=ht,this.Hs=Z,this.Rs()}addNodeAfter(t,e){const s=e.addAfter(t);return s&&this.O(e.parent),s}addNodeBefore(t,e){const s=e.addBefore(t);return s&&this.O(e.parent),s}addParentNode(t,e){const s=e.addParent(t);return s&&this.O(s.parent),s}addToSelection(t,e){this.Hs.addToSelection(t),this.Es(t),this.F(t).select(e??!0),this.ws()}appendNode(t,e){const s=e.append(t);return this.O(e),s}closeNode(t,e){(t.isFolder()||t.isEmptyFolder)&&(this.zs(t).close(e??this.$s.slide,this.$s.animationSpeed),this.ws())}deinit(){this.nt.textContent="",this.Ds.deinit(),this.Ms.deinit(),this.Ts.deinit(),this.tree=new g({},!0)}getNode(t){const e=t.closest(`li.${this.i.common}`);return e?this.Is.get(e)??null:null}getNodeByCallback(t){return this.tree.getNodeByCallback(t)}getNodeById(t){return this.tree.getNodeById(t)}getNodeByName(t){return this.tree.getNodeByName(t)}getNodeByNameMustExist(t){return this.tree.getNodeByNameMustExist(t)}getNodesByProperty(t,e){return this.tree.getNodesByProperty(t,e)}getSelectedNode(){return this.Hs.getSelectedNode()}getSelectedNodes(){return this.Hs.getSelectedNodes()}getState(){return this.As.getState()}getStateFromStorage(){return this.As.getStateFromStorage()}getTree(){return this.tree}getVersion(){return"0.1.0"}isDragging(){return this.Fs.isDragging}isNodeSelected(t){return this.Hs.isNodeSelected(t)}loadData(t,e){t&&(e?(this.Vs(e),this.Ys(t,e)):this.js(t),this.isDragging()&&this.Fs.refresh()),this.u("tree.set_data",{node:e,treeData:t??void 0})}async loadDataFromUrl(t,e){const s=t?new E(t):this.Gs(e);s&&await this.Ds.loadFromUrl(s,e)}moveDown(){const t=this.getSelectedNode();t&&this.Ms.moveDown(t)}moveNode(t,e,s){this.tree.moveNode(t,e,s),this.O(null)}moveUp(){const t=this.getSelectedNode();t&&this.Ms.moveUp(t)}async openNode(t,e){const s=e??this.$s.slide,i=async(e,s)=>{if(!t.children.length)return;const i=this.zs(e);await i.open(s,this.$s.animationSpeed)};if(t.isFolder()||t.isEmptyFolder)if(t.load_on_demand)await this.Xs(t,s);else{let e=t.parent;for(;e;)e.parent&&await i(e,!1),e=e.parent;await i(t,s),this.ws()}}prependNode(t,e){const s=e.prepend(t);return this.O(e),s}refresh(){this.O(null)}refreshHitAreas(){this.Fs.refresh()}removeFromSelection(t){this.Hs.removeFromSelection(t),this.F(t).deselect(),this.ws()}removeNode(t){this.Hs.removeFromSelection(t,!0);const e=t.parent;t.remove(),this.O(e)}scrollToNode(t){if(!t.element)return;const s=e(t.element)-e(this.nt);this.ks.scrollToY(s)}selectNode(t,e){if(!t)return this.Js(),void this.As.saveState();this.Hs.selectSingleNode(t,e)}setOption(t,e){this.$s[t]=e}setState(t){this.As.setInitialState(t),this.O(null)}toggle(t,e=null){const s=e??this.$s.slide;t.is_open?this.closeNode(t,s):this.openNode(t,s)}toJson(){return JSON.stringify(this.tree.getData())}updateNode(t,e){const s="object"==typeof e&&e.id&&e.id!==t.id;s&&this.tree.removeNodeFromIndex(t),t.setData(e),s&&this.tree.addNodeToIndex(t),"object"==typeof e&&e.children&&e.children instanceof Array&&(t.removeChildren(),e.children.length&&t.loadFromData(e.children)),this.O(t)}zs(t){const e=this.i,s=this.xs.closedIconElement,i=this.ks.getScrollLeft.bind(this.ks),o=this.xs.openedIconElement,n=this.$s.tabIndex,r=this.nt,h=this.u.bind(this);return new S({classNames:e,closedIconElement:s,getScrollLeft:i,node:t,openedIconElement:o,tabIndex:n,treeElement:r,triggerEvent:h})}Ks(t){const e=this.i,s=this.ks.getScrollLeft.bind(this.ks),i=this.$s.tabIndex,o=this.nt;return new p({classNames:e,getScrollLeft:s,node:t,tabIndex:i,treeElement:o})}Gs(t){const e=this.$s.dataUrl;let s;if(s="function"==typeof e?e(t):e,!s)return null;const i=new E(s);if(t?.id)i.setSearchParam("node",t.id.toString());else{const t=this.Ws();t&&i.setSearchParam("selected_node",t.toString())}return i}Js(){const t=this.getSelectedNode();t&&this.removeFromSelection(t)}Vs(t){const e=this.Hs.getSelectedNodesUnder(t);for(const t of e)this.Hs.removeFromSelection(t)}qs(){return!0===this.$s.autoOpen?-1:"number"==typeof this.$s.autoOpen?this.$s.autoOpen:"string"==typeof this.$s.autoOpen?parseInt(this.$s.autoOpen,10):0}D(t){const e=this.getNode(t);return e?this.F(e):null}F(t){return t.isFolder()?this.zs(t):this.Ks(t)}Ws(){return this.As.getNodeIdToBeSelected()}Rs(){if(this.$s.data)this.loadData(this.$s.data);else{this.Gs()?this.loadDataFromUrl():this.loadData([])}}js(t){const e=()=>{this.Cs||(this.Cs=!0,this.u("tree.init"))};this.tree=new this.$s.nodeClass(null,!0,this.$s.nodeClass),this.Hs.clear(),this.tree.loadFromData(t);const s=this.Qs();this.O(null),s?this.Zs().then(e):e()}Mt(){const t=document.activeElement;if(!t)return!1;const e=t.tagName;if("A"!==e&&"SPAN"!==e)return!1;const s=this.getNode(t);return s?.tree===this.tree}ti(t){const e=this.getSelectedNode();return!!e&&(t===e||t.isParentOf(e))}async Xs(t,e){t.is_loading=!0,await this.loadDataFromUrl(void 0,t),await this.openNode(t,e)}Ys(t,e){e.loadFromData(t),e.load_on_demand=!1,e.is_loading=!1,this.O(e)}Bs(t){return!!this.$s.dragAndDrop&&this.Fs.mouseCapture(t)}Ps(t){if(!this.$s.dragAndDrop)return!1;const e=this.Fs.mouseDrag(t);return this.ks.checkScrolling(t),e}Os(t){return!!this.$s.dragAndDrop&&this.Fs.mouseStart(t)}Us(t){return!!this.$s.dragAndDrop&&(this.ks.stopScrolling(),this.Fs.mouseStop(t))}Es(t){const e=t.parent;e?.parent&&!e.is_open&&this.openNode(e,!1)}O(t){const e=this.Mt(),s=!!t&&this.ti(t);this.xs.render(t),s&&this.ei(e),this.u("tree.refresh")}ws(){this.As.saveState()}ei(t){const e=this.getSelectedNode();if(e){this.F(e).select(t)}}Qs(){const t=()=>{if(!1===this.$s.autoOpen)return!1;const t=this.qs();let e=!1;return this.tree.iterate((s,i)=>s.load_on_demand?(e=!0,!1):!!s.hasChildren()&&(s.is_open=!0,i!==t)),e};let[e,s]=(()=>{const t=this.As.getStateFromStorage();if(t){return[!0,this.As.setInitialState(t)]}return[!1,!1]})();return e||(s=t()),s}async Zs(){return new Promise(t=>{const e=()=>{const e=this.qs();let s=0;const i=t=>{s+=1,this.openNode(t,!1).then(()=>{s-=1,o()})},o=()=>{this.tree.iterate((t,s)=>t.load_on_demand?(t.is_loading||i(t),!1):(this.openNode(t,!1),s!==e)),0===s&&t()};o()};(()=>{const e=this.As.getStateFromStorage();return!!e&&(this.As.setInitialStateOnDemand(e).then(()=>{t()}),!0)})()||e()})}ct(t,e){this.Is.set(t,e)}u(t,e){return this.Ls(this.nt,t,e)}}}();
+var TreeElement=function(){"use strict";class t{constructor({t:t,i:e,h:i,l:s,o:h}){this.u=new AbortController,this.t=t,this.i=e,this.h=i,this.l=s,this.o=h}_(){this.u.abort()}async m(t,e){let i=e?.element??this.l;i.classList.add(this.t.loading),this.o("tree.loading_data",{element:i,node:e});let s=()=>{i.classList.remove(this.t.loading),this.o("tree.loaded_data",{element:i,node:e})},h=this.u.signal;return t.p("_",Date.now().toString()),fetch(t.v(),{headers:{"Content-Type":"application/json"},signal:h}).then(async t=>{if(t.ok){let i=await t.json();s(),this.h(this.i?this.i(i):i,e)}else s(),this.o("tree.load_failed",{response:t})}).catch(t=>{this.u.signal.aborted||(s(),this.o("tree.load_failed",{error:t}))})}}let e=t=>i(t).top,i=t=>{let e=t.getBoundingClientRect();return{left:e.x+window.scrollX,top:e.y+window.scrollY}};class s{constructor({N:t,t:e,S:i,D:s,F:h,l:r}){this.D=s,this.F=h,this.C=this.T(i,t,e),r.appendChild(this.C)}$(t,e){this.C.style.left=t-this.D+"px",this.C.style.top=e-this.F+"px"}M(){this.C.remove()}T(t,e,i){let s=document.createElement("span");return s.classList.add(i.title,i.dragging),e?s.textContent=t:s.innerHTML=t,s.style.position="absolute",s}}let h=(t,e,i,s)=>{let h=Math.min(e.length,4),r=Math.round((s-i)/h),n=i;for(let i=0;i<h;i++){let s=e[i];s.position&&t.push({bottom:n+r,node:s.node,position:s.position,top:n}),n+=r}};class r{constructor({N:t,t:e,I:i,k:s,A:h,H:r,L:n,B:l,P:o,O:a,U:d,R:u,V:_,j:c,Y:m,l:g,o:f}){this.N=t,this.t=e,this.I=i,this.k=s,this.A=h,this.H=r,this.L=n,this.B=l,this.P=o,this.O=a,this.U=d,this.R=u,this.V=_,this.j=c,this.Y=m,this.l=g,this.o=f,this.X=null,this.G=[],this.J=!1,this.K=null,this.W=null,this.q=null,this.Z=null}tt(t){let e=t.target;if(!this.et(e))return null;if(this.U&&!this.U(e))return null;let i=this.I(e);return i&&this.L&&(this.L(i.it)||(i=null)),this.K=i,null!=this.K}st(t){if(!this.K||!this.W)return!1;this.W.$(t.pageX,t.pageY);let e=this.ht(t.pageX,t.pageY);return e&&this.rt(e,this.K)?(e.node.isFolder()||this.nt(),this.X!==e&&(this.X=e,this.lt(e)?this.ot(e.node):this.nt(),this.dt())):(this.ut(),this.nt(),this.X=e),e||this.P&&this.P(this.K.it,t.originalEvent),!0}_t(t){if(!this.K)return!1;this.ct();let{left:e,top:h}=i(t.target);return this.W=new s({N:this.N??!0,t:this.t,S:this.K.it.name,D:t.pageX-e,F:t.pageY-h,l:this.l}),this.J=!0,this.K.C.classList.add(this.t.moving),!0}gt(t){this.ft(t),this.vt(),this.Nt(),this.ut(),this.St();let e=this.K;return this.K&&(this.K.C.classList.remove(this.t.moving),this.K=null),this.J=!1,!this.X&&e&&this.O&&this.O(e.it,t.originalEvent),!1}ct(){if(this.St(),this.K){let t=this.K.it;this.wt(t),this.K=this.k(t),this.J&&this.K.C.classList.add(this.t.moving)}}rt(t,e){return!this.B||this.B(e.it,t.node,t.position)}vt(){this.W&&(this.W.M(),this.W=null)}ht(t,e){let i=this.Et();return t<i.left||e<i.top||t>i.right||e>i.bottom?null:function(t,e){let i=0,s=t.length;for(;i<s;){let h=i+s>>1,r=t[h];if(void 0===r)return null;let n=e(r);if(n>0)s=h;else{if(!(n<0))return r;i=h+1}}return null}(this.G,t=>e<t.top?1:e>t.bottom?-1:0)}wt(t){let i=this.H();this.G=i?((t,i,s)=>((t,e)=>{if(!t.length)return[];let i=t[0].top,s=[],r=[];for(let e of t)e.top!==i&&s.length&&(h(r,s,i,e.top),i=e.top,s=[]),s.push(e);return h(r,s,i,e),r})(((t,i)=>{let s=[],h=0,r=(t,e,i)=>{s.push({node:t,position:e,top:i}),h=i};return((t,{bt:e,yt:i,Dt:s,Ft:h,Ct:r})=>{let n=!0,l=(t,o)=>{let a=(!0===t.is_open||!t.element)&&t.hasChildren(),d=null;if(t.element?.offsetParent&&(d=t.element,n&&(s(t),n=!1),t.hasChildren()?t.is_open?r(t,t.element)||(a=!1):i(t,o,d):h(t,o,t.element)),a){let i=t.children.length;t.children.forEach((e,s)=>{let h=t.children[s];if(h)if(s===i-1)l(h,null);else{let e=t.children[s+1];e&&l(h,e)}}),t.is_open&&d&&e(t,o)}};l(t,null)})(t,{bt:(t,e)=>{r(t,t===i||e===i?null:"after",h)},yt:(t,s,h)=>{let n=e(h);t===i?r(t,null,n):(r(t,"inside",n),s!==i&&r(t,"after",n))},Dt:t=>{t!==i&&t.element&&r(t,"before",e(t.element))},Ft:(t,s,h)=>{let n=e(h);r(t,t===i?null:"inside",n),r(t,s===i||t===i?null:"after",n)},Ct:(t,s)=>{if(t===i){let i=e(s),h=s.clientHeight;return r(t,null,i),h>5&&r(t,null,i+h-5),!1}return t.children[0]!==i&&r(t,"inside",e(s)),!0}}),s})(t,i),s))(i,t,this.Et().bottom):[]}Et(){let t=i(this.l),e=t.left+this.A(),s=t.top;return{bottom:s+this.l.clientHeight+16,left:e,right:e+this.l.clientWidth,top:s}}ft(t){if(this.K&&this.X?.position&&this.rt(this.X,this.K)){let e=this.K.it,i=this.X.node,s=this.X.position,h=e.parent;"inside"===s&&(this.X.node.is_open=!0);let r=()=>{let t=this.H();t&&(t.moveNode(e,i,s),this.l.textContent="",this.j(null))};this.o("tree.move",{moveInfo:{doMove:r,movedNode:e,originalEvent:t.originalEvent,position:s,previousParent:h,targetNode:i}})&&r()}}et(t){let e=t.nodeName;return"INPUT"!==e&&"SELECT"!==e&&"TEXTAREA"!==e}lt(t){let e=t.node;return e.isFolder()&&!e.is_open&&"inside"===t.position}ut(){this.Z&&this.Z.remove()}St(){this.G=[]}Nt(){this.X=null}ot(t){this.nt();let e=this.R;!1!==e&&(this.q=window.setTimeout(()=>{this.V(t,this.Y).then(()=>{this.ct(),this.dt()})},e))}nt(){this.q&&(clearTimeout(this.q),this.q=null)}dt(){if(!this.X)return;this.ut();let t=this.k(this.X.node);this.Z=t.Tt(this.X.position)}}class n{constructor({N:t,$t:e,t:i,Mt:s,It:h,H:r,xt:n,kt:l,At:o,Ht:a,Lt:d,Bt:u,Pt:_,Ot:c}){this.N=t,this.$t=e,this.t=i,this.It=h,this.H=r,this.xt=n,this.kt=l,this.At=o,this.Lt=d,this.Bt=u,this.Pt=_,this.Ot=c,this.Ut=this.Rt(a??"+"),this.Vt=this.Rt(s??"-"),this.jt=this.Yt(!0),this.zt=this.Yt(!1),this.Xt=this.Gt(),this.Jt=this.Kt(!0),this.Wt=this.Kt(!1)}qt(t){t?.parent?this.Qt(t):this.Zt()}te(t){return t.element&&t.hasChildren()?this.ee(t.element,t.children,!1,t.getLevel()+1):null}Qt(t){if(!t.element)return;let e=t.element,i=this.ie(t,t.getLevel());e.replaceWith(i),this.se(t)&&this.ee(i,t.children,!1,t.getLevel()+1)}Zt(){this.xt.textContent="";let t=this.H();t&&this.ee(this.xt,t.children,!0,1)}he(t,e){t.element=e,this.Bt(e,t)}Rt(t){if("string"==typeof t){let e=document.createElement("template");return e.innerHTML=t,e.content}return t.nodeType?t:void 0}ee(t,e,i,s){let h=(i?this.jt:this.zt).cloneNode();t.appendChild(h);for(let t of e){let e=this.ie(t,s);h.appendChild(e),this.se(t)&&this.ee(e,t.children,!1,s+1)}return h}re(t,e,i){let s=(t.is_open?this.Jt:this.Wt).cloneNode(!0);return i&&s.classList.add(this.t.selected),t.is_loading&&s.classList.add(this.t.loading),this.ne(s.firstChild.childNodes[this.$t?1:0],t.name,i,e),s}Kt(t){let e=[this.t.common,this.t.folder];t||e.push(this.t.closed);let i=this.le(e.join(" ")),s=i.firstChild,h=document.createElement("a");h.className=this.oe(t);let r=t?this.Ut:this.Vt;r&&h.appendChild(r.cloneNode(!0)),this.$t&&s.appendChild(h);let n=this.ae(!0);return n.setAttribute("aria-expanded",t?"true":"false"),s.appendChild(n),this.$t||s.appendChild(h),i}ie(t,e){let i=this.kt(t),s=t.isFolder()||t.isEmptyFolder&&this.Pt?this.re(t,e,i):this.de(t,e,i);return this.he(t,s),this.At&&this.At(t,s,i),s}le(t){let e=document.createElement("li");e.className=t,e.setAttribute("role","none");let i=document.createElement("div");return i.className=`${this.t.element} ${this.t.common}`,i.setAttribute("role","none"),e.appendChild(i),e}de(t,e,i){let s=this.Xt.cloneNode(!0);return i&&s.classList.add(this.t.selected),this.ne(s.firstChild.firstChild,t.name,i,e),s}Gt(){let t=this.le(this.t.common);return t.firstChild.appendChild(this.ae(!1)),t}ae(t){let e=document.createElement("span"),i=`${this.t.title} ${this.t.common}`;return t&&(i+=` ${this.t.titleFolder}`),i+=` ${this.$t?this.t.titleButtonLeft:this.t.titleButtonRight}`,e.className=i,e.setAttribute("role","treeitem"),e.setAttribute("aria-selected","false"),e}Yt(t){let e,i;t?(e=this.t.tree,i="tree",this.Lt&&(e+=` ${this.t.rtl}`)):(e="",i="group"),this.It&&(e+=` ${this.t.dnd}`);let s=document.createElement("ul");return s.className=`${this.t.common} ${e}`,s.setAttribute("role",i),s}ne(t,e,i,s){if(t.setAttribute("aria-label",e),t.setAttribute("aria-level",`${s}`),i){t.setAttribute("aria-selected","true");let e=this.Ot;void 0!==e&&t.setAttribute("tabindex",`${e}`)}this.N?t.textContent=e:t.innerHTML=e}oe(t){let e=[this.t.toggler,this.t.common];return t||e.push(this.t.closed),e.push(this.$t?this.t.togglerLeft:this.t.togglerRight),e.join(" ")}se(t){return t.hasChildren()&&!0===t.is_open}}class l{constructor({ue:t,_e:e,ce:i,me:s,V:h,ge:r}){this.ue=t,this._e=e,this.ce=i,this.me=s,this.V=h,this.fe=r,s&&document.addEventListener("keydown",this.pe)}_(){this.me&&document.removeEventListener("keydown",this.pe)}ve(){return this.ge(this._e()?.getNextVisibleNode())}Ne(){return this.ge(this._e()?.getPreviousVisibleNode())}Se(){return this.me&&this.ce()}pe=t=>{if(!this.Se())return;let e=!1;if(this._e())switch(t.key){case"ArrowDown":e=this.ve();break;case"ArrowLeft":e=this.we();break;case"ArrowRight":e=this.Ee();break;case"ArrowUp":e=this.Ne()}e&&t.preventDefault()};we(){let t=this._e();return!!t&&(t.isFolder()&&t.is_open?(this.ue(t),!0):this.ge(t.getParent()))}Ee(){let t=this._e();return!!t?.isFolder()&&(t.is_open?this.ge(t.getNextVisibleNode()):(this.V(t),!0))}ge(t){return!!t&&(this.fe(t),!0)}}let o=t=>({originalEvent:t,pageX:t.pageX,pageY:t.pageY,target:t.target}),a=(t,e)=>({originalEvent:e,pageX:t.pageX,pageY:t.pageY,target:t.target});class d{constructor({t:t,C:e,be:i,ye:s,De:h,Fe:r,Ce:n,Te:l,$e:o,Me:a,o:d,Ie:u}){this.t=t,this.C=e,this.be=i,this.ye=s,this.De=h,this.Fe=r,this.Ce=n,this.Te=l,this.$e=o,this.Me=a,this.o=d,this.Ie=u,e.addEventListener("click",this.xe),e.addEventListener("dblclick",this.ke),e.addEventListener("mousedown",this.Ae,{passive:!1}),e.addEventListener("touchstart",this.He,{passive:!1}),u&&e.addEventListener("contextmenu",this.Le),this.Be=!1,this.Pe=null,this.Oe=!1,this.Ue=null}_(){this.C.removeEventListener("click",this.xe),this.C.removeEventListener("dblclick",this.ke),this.Ie&&this.C.removeEventListener("contextmenu",this.Le),this.C.removeEventListener("mousedown",this.Ae),this.C.removeEventListener("touchstart",this.He),this.Re()}Ve(t){let e=t.closest(`.${this.t.toggler}`);if(e){let t=this.ye(e);if(t)return{node:t,type:"button"}}else{let e=t.closest(`.${this.t.element}`);if(e){let t=this.ye(e);if(t)return{node:t,type:"label"}}}return null}xe=t=>{if(!t.target)return;let e=this.Ve(t.target);if(e)switch(e.type){case"button":this.De(e.node),t.preventDefault(),t.stopPropagation();break;case"label":this.o("tree.click",{node:e.node,originalEvent:t})&&this.Fe(e.node)}};Le=t=>{if(!t.target)return;let e=t.target.closest(`ul.${this.t.tree} .${this.t.element}`);if(e){let i=this.ye(e);if(i)return t.preventDefault(),t.stopPropagation(),this.o("tree.contextmenu",{node:i,originalEvent:t}),!1}return null};ke=t=>{if(!t.target)return;let e=this.Ve(t.target);"label"===e?.type&&this.o("tree.dblclick",{node:e.node,originalEvent:t})};je(t){return this.Be&&this.Ye(t),this.Ue=t,!!this.Ce(t)&&(this.ze(),!0)}Xe(t,e){if(this.Be)return this.Te(e),void(t.cancelable&&t.preventDefault());this.Oe&&(this.Ue&&(this.Be=this.$e(this.Ue)),this.Be?(this.Te(e),t.cancelable&&t.preventDefault()):this.Ye(e))}Ye(t){this.Re(),this.Oe=!1,this.Ue=null,this.Be&&(this.Be=!1,this.Me(t))}ze(){document.addEventListener("mousemove",this.Ge,{passive:!1}),document.addEventListener("touchmove",this.Je,{passive:!1}),document.addEventListener("mouseup",this.Ke,{passive:!1}),document.addEventListener("touchend",this.We,{passive:!1});let t=this.be();t?this.qe(t):this.Oe=!0}Ae=t=>{0===t.button&&this.je(o(t))&&t.cancelable&&t.preventDefault()};Ge=t=>{this.Xe(t,o(t))};Ke=t=>{this.Ye(o(t))};Re(){document.removeEventListener("mousemove",this.Ge),document.removeEventListener("touchmove",this.Je),document.removeEventListener("mouseup",this.Ke),document.removeEventListener("touchend",this.We)}qe(t){this.Pe&&clearTimeout(this.Pe),this.Pe=window.setTimeout(()=>{this.Ue&&(this.Oe=!0)},t),this.Oe=!1}We=t=>{if(t.touches.length>1)return;let e=t.touches[0];e&&this.Ye(a(e,t))};Je=t=>{if(t.touches.length>1)return;let e=t.touches[0];e&&this.Xe(t,a(e,t))};He=t=>{if(t.touches.length>1)return;let e=t.touches[0];e&&this.je(a(e,t))}}let u=t=>"object"==typeof t&&"children"in t&&t.children instanceof Array;class _{children;element;id;idMapping;is_loading;is_open;isEmptyFolder;load_on_demand;name;nodeClass;parent;tree;constructor(t=null,e=!1,i=_){this.name="",this.load_on_demand=!1,this.isEmptyFolder=null!=t&&u(t)&&0===t.children.length,this.setData(t),this.children=[],this.parent=null,this.is_loading=void 0,this.is_open??=void 0,e?(this.idMapping=new Map,this.tree=this,this.nodeClass=i):this.idMapping=void 0}addAfter(t){if(this.parent){let e=this.Qe(t),i=this.parent.getChildIndex(this);return this.parent.addChildAtPosition(e,i+1),e.Ze(t),e}return null}addBefore(t){if(this.parent){let e=this.Qe(t),i=this.parent.getChildIndex(this);return this.parent.addChildAtPosition(e,i),e.Ze(t),e}return null}addChild(t){this.children.push(t),t.ti(this)}addChildAtPosition(t,e){this.children.splice(e,0,t),t.ti(this)}addNodeToIndex(t){null!=t.id&&this.idMapping?.set(t.id,t)}addParent(t){if(this.parent){let e=this.Qe(t);this.tree&&e.ti(this.tree);let i=this.parent;for(let t of i.children)e.addChild(t);return i.children=[],i.addChild(e),e}return null}append(t){let e=this.Qe(t);return this.addChild(e),e.Ze(t),e}filter(t){let e=[];return this.iterate(i=>(t(i)&&e.push(i),!0)),e}getChildIndex(t){return this.children.indexOf(t)}getData(t=!1){let e=t=>t.map(t=>{let i={};for(let e in t)-1===["parent","children","element","idMapping","load_on_demand","nodeClass","tree","isEmptyFolder"].indexOf(e)&&Object.prototype.hasOwnProperty.call(t,e)&&(i[e]=t[e]);return t.hasChildren()&&(i.children=e(t.children)),i});return e(t?[this]:this.children)}getLastChild(){if(this.hasChildren()){let t=this.children[this.children.length-1];return t.hasChildren()&&t.is_open?t.getLastChild():t}return null}getLevel(){let t=0,e=this;for(;e.parent;)t+=1,e=e.parent;return t}getNextNode(t=!0){return t&&this.hasChildren()?this.children[0]??null:this.parent?this.getNextSibling()||this.parent.getNextNode(!1):null}getNextSibling(){if(this.parent){let t=this.parent.getChildIndex(this)+1;return t<this.parent.children.length?this.parent.children[t]??null:null}return null}getNextVisibleNode(){return this.hasChildren()&&this.is_open?this.children[0]??null:this.parent?this.getNextSibling()||this.parent.getNextNode(!1):null}getNodeByCallback(t){let e=null;return this.iterate(i=>!(e||t(i)&&(e=i,1))),e}getNodeById(t){return this.idMapping?.get(t)??null}getNodeByName(t){return this.getNodeByCallback(e=>e.name===t)}getNodeByNameMustExist(t){let e=this.getNodeByCallback(e=>e.name===t);if(!e)throw new Error(`Node with name ${t} not found`);return e}getNodesByProperty(t,e){return this.filter(i=>i[t]===e)}getParent(){return this.parent&&this.parent.parent?this.parent:null}getPreviousNode(){if(this.parent){let t=this.getPreviousSibling();return t?t.hasChildren()?t.getLastChild():t:this.getParent()}return null}getPreviousSibling(){if(this.parent){let t=this.parent.getChildIndex(this)-1;return t>=0?this.parent.children[t]??null:null}return null}getPreviousVisibleNode(){if(this.parent){let t=this.getPreviousSibling();return t?t.hasChildren()&&t.is_open?t.getLastChild():t:this.getParent()}return null}hasChildren(){return 0!==this.children.length}initFromData(t){let e=t=>{for(let e of t){let t=this.Qe();t.initFromData(e),this.addChild(t)}};(t=>{this.setData(t),u(t)&&t.children.length&&e(t.children)})(t)}isFolder(){return this.hasChildren()||this.load_on_demand}isParentOf(t){let e=t.parent;for(;e;){if(e===this)return!0;e=e.parent}return!1}iterate(t){let e=(i,s)=>{for(let h of i.children)t(h,s)&&h.hasChildren()&&e(h,s+1)};e(this,0)}loadFromData(t){this.removeChildren();for(let e of t){let t=this.Qe(e);this.addChild(t),u(e)&&t.loadFromData(e.children)}return this}moveNode(t,e,i){if(!t.parent||t.isParentOf(e))return!1;switch(t.parent.ei(t),i){case"after":return!!e.parent&&(e.parent.addChildAtPosition(t,e.parent.getChildIndex(e)+1),!0);case"before":return!!e.parent&&(e.parent.addChildAtPosition(t,e.parent.getChildIndex(e)),!0);case"inside":return e.addChildAtPosition(t,0),!0}}prepend(t){let e=this.Qe(t);return this.addChildAtPosition(e,0),e.Ze(t),e}remove(){this.parent&&(this.parent.removeChild(this),this.parent=null)}removeChild(t){t.removeChildren(),this.ei(t)}removeChildren(){this.iterate(t=>(this.tree?.removeNodeFromIndex(t),!0)),this.children=[]}removeNodeFromIndex(t){null!=t.id&&this.idMapping?.delete(t.id)}setData(t){if(t)if("string"==typeof t)this.name=t;else if("object"==typeof t)for(let e in t)if(Object.prototype.hasOwnProperty.call(t,e)){let i=t[e];"label"===e||"name"===e?"string"==typeof i&&(this.name=i):"children"!==e&&"parent"!==e&&(this[e]=i)}}Qe(t){return new(this.ii())(t)}ei(t){this.children.splice(this.getChildIndex(t),1),this.tree?.removeNodeFromIndex(t)}ii(){return this.nodeClass??this.tree?.nodeClass??_}Ze(t){u(t)&&t.children.length&&this.loadFromData(t.children)}ti(t){this.parent=t,this.tree=t.tree,this.tree?.addNodeToIndex(this)}}class c{constructor(t,e,i){let s=t.querySelector(`:scope > .${i.element}`);if(!s)return void(this.si=void 0);let h=Math.max(t.offsetWidth+e-4,0),r=Math.max(t.clientHeight-4,0),n=document.createElement("span");n.className=i.border,n.style.width=`${h}px`,n.style.height=`${r}px`,this.si=n,s.append(this.si)}remove(){this.si?.remove()}}class m{constructor(t,e,i,s){switch(this.t=s,this.C=e,this.it=t,this.hi=this.ri(),i){case"after":this.ni();break;case"before":this.li();break;case"inside":t.isFolder()&&t.is_open?this.oi():this.ai()}}remove(){this.hi.remove()}ri(){let{circle:t,common:e,ghost:i,line:s}=this.t,h=document.createElement("li");h.className=`${e} ${i}`;let r=document.createElement("span");r.className=`${e} ${t}`,h.append(r);let n=document.createElement("span");return n.className=`${e} ${s}`,h.append(n),h}ni(){this.C.after(this.hi)}li(){this.C.before(this.hi)}ai(){this.C.after(this.hi),this.hi.classList.add(this.t.inside)}oi(){let t=this.it.children[0]?.element;t&&t.before(this.hi)}}class g{constructor({t:t,A:e,it:i,Ot:s,l:h}){this.t=t,this.A=e,this.it=i,this.Ot=s,this.l=h,this.C=i.element??this.l}Tt(t){return this.di(t)?new c(this.C,this.A(),this.t):new m(this.it,this.C,t,this.t)}ui(){if(!this._i())return;this.C.classList.remove(this.t.selected);let t=this.ci();t.removeAttribute("tabindex"),t.setAttribute("aria-selected","false"),t.blur()}mi(t){if(!this._i())return;this.C.classList.add(this.t.selected);let e=this.ci(),i=this.Ot;null!=i&&e.setAttribute("tabindex",i.toString()),e.setAttribute("aria-selected","true"),t&&e.focus()}ci(){return this.C.querySelector(`:scope > .${this.t.element} > span.${this.t.title}`)}gi(){return this.C.querySelector(":scope > ul")}_i(){return Boolean(this.it.element)}di(t){return"inside"===t}}let f=t=>"number"==typeof t?t:"slow"===t?600:200;class p extends g{constructor({t:t,Vt:e,A:i,it:s,Ut:h,te:r,Ot:n,l:l,o:o}){super({t:t,A:i,it:s,Ot:n,l:l}),this.Vt=e,this.Ut=h,this.te=r,this.o=o}fi(t,e){if(!this.it.is_open)return;if(this.it.is_open=!1,!this._i())return void this.o("tree.close",{node:this.it});let i=this.pi();i.classList.add(this.t.closed),i.innerHTML="";let s=this.Vt;if(s){let t=s.cloneNode(!0);i.appendChild(t)}let h=()=>{this.C.classList.add(this.t.closed),this.ci().setAttribute("aria-expanded","false"),this.o("tree.close",{node:this.it})},r=this.gi();r?t?((t,e,i)=>{t.animate([{height:`${t.scrollHeight}px`,overflow:"hidden"},{height:"0",overflow:"hidden"}],{duration:f(e)}).onfinish=()=>{t.style.display="none",i()}})(r,e,h):(r.style.display="none",h()):h()}async Ni(t,e){return new Promise(i=>{if(this.it.is_open)return void i();if(this.it.is_open=!0,!this._i())return this.o("tree.open",{node:this.it}),void i();let s=this.pi();s.classList.remove(this.t.closed),s.innerHTML="";let h=this.Ut;if(h){let t=h.cloneNode(!0);s.appendChild(t)}let r=()=>{this.C.classList.remove(this.t.closed),this.ci().setAttribute("aria-expanded","true"),this.o("tree.open",{node:this.it}),i()},n=this.gi()??this.te(this.it);n?t?((t,e,i)=>{t.style.display="block",t.animate([{height:"0",overflow:"hidden"},{height:`${t.scrollHeight}px`,overflow:"hidden"}],{duration:f(e)}).onfinish=()=>{i()}})(n,e,r):(n.style.display="block",r()):r()})}di(t){return!this.it.is_open&&"inside"===t}pi(){return this.C.querySelector(`:scope > .${this.t.element} > a.${this.t.toggler}`)}}class v{constructor(t){(t=>{try{return new URL(t),!0}catch{return!1}})(t)?(this.Si=new URL(t),this.wi=!0):(this.Si=new URL(t,"http://localhost"),this.wi=!1)}p(t,e){this.Si.searchParams.set(t,e)}v(){return this.wi?this.Si.href:this.Si.href.slice(16)}}class N{constructor({Ei:t,bi:e,yi:i,H:s,Di:h,Fi:r,V:n,j:l,Ci:o,Ti:a}){this.Ei=t,this.bi=e,this.yi=i,this.H=s,this.Di=h,this.Fi=r,this.V=n,this.j=l,this.Ci=o,this.$i=a}Mi(){if(!this.$i)return null;let t=this.Ii();return t?.selected_node?t.selected_node[0]??null:null}xi(){return{open_nodes:(()=>{let t=[];return this.H()?.iterate(e=>(e.is_open&&e.id&&e.hasChildren()&&t.push(e.id),!0)),t})(),selected_node:(()=>{let t=[];return this.yi().forEach(e=>{null!=e.id&&t.push(e.id)}),t})()}}Ii(){if(!this.$i)return null;let t=this.ki();return t?this.Ai(t):null}Ti(){if(!this.$i)return;let t=JSON.stringify(this.xi());this.Fi?this.Fi(t):localStorage.setItem(this.Hi(),t)}Li(t){let e=!1;return t.open_nodes&&(e=this.Bi(t.open_nodes)),this.Pi(),t.selected_node&&this.Oi(t.selected_node),e}async Ui(t){let e=t.open_nodes,i=async()=>{if(!e)return;let i=[];for(let t of e){let e=this.bi(t);e?e.is_loading||(e.load_on_demand?await s(e):await this.V(e,!1)):i.push(t)}e=i,t.selected_node&&this.Oi(t.selected_node)&&this.j(null)},s=async t=>{await this.V(t,!1),await i()};await i()}Hi(){return"string"==typeof this.$i?this.$i:"tree"}ki(){return this.Di?this.Di():localStorage.getItem(this.Hi())}Bi(t){let e=!1;for(let i of t){let t=this.bi(i);t&&(t.load_on_demand?e=!0:t.is_open=!0)}return e}Ai(t){let e=JSON.parse(t);var i;return e.selected_node&&"number"==typeof(i=e.selected_node)&&i%1==0&&(e.selected_node=[e.selected_node]),e}Pi(){this.yi().forEach(t=>{this.Ci(t)})}Oi(t){let e=0;for(let i of t){let t=this.bi(i);t&&(e+=1,this.Ei(t))}return 0!==e}}class S{constructor({Ri:t,Vi:e}){this.Ri=t,this.Vi=e}ji(t){let e=this.Yi(t);this.zi!==e&&(this.zi=e,null!=this.Xi&&window.clearTimeout(this.Xi),e&&(this.Xi=window.setTimeout(this.Gi.bind(this),40)))}Ji(t){let e=this.Ki(t);this.Wi!==e&&(this.Wi=e,null!=this.qi&&(window.clearTimeout(this.qi),this.qi=void 0),e&&(this.qi=window.setTimeout(this.Qi.bind(this),40)))}A(){return this.Ri.scrollLeft}Zi(t){this.Ri.scrollTop=t}ts(){this.zi=void 0,this.Wi=void 0}Gi(){this.zi&&(this.Ri.scrollBy({behavior:"instant",left:"left"===this.zi?-20:20,top:0}),this.Vi(),setTimeout(this.Gi.bind(this),40))}Qi(){this.Wi&&(this.Ri.scrollBy({behavior:"instant",left:0,top:"top"===this.Wi?-20:20}),this.Vi(),setTimeout(this.Qi.bind(this),40))}}class w extends S{ts(){super.ts(),this.zi=void 0,this.Wi=void 0}Yi(t){let e=i(this.Ri),s=this.Ri.getBoundingClientRect().width;return t>e.left+s-20?"right":t<e.left+20?"left":void 0}Ki(t){return t<this.es()?"top":t>this.ss()?"bottom":void 0}ss(){if(null==this.hs){let t=this.Ri.getBoundingClientRect().height;this.hs=this.es()+t}return this.hs}es(){return this.rs??=e(this.Ri),this.rs}}class E extends S{constructor({Vi:t,l:e}){super({Ri:document.documentElement,Vi:t}),this.l=e}Zi(t){let i=e(this.l);super.Zi(t+i)}ts(){super.ts(),this.ns=void 0,this.ls=void 0}Yi(t){let e=t-this.Ri.scrollLeft<20;return t>window.innerWidth-20&&this.ds()?"right":e?"left":void 0}Ki(t){let e=this.Ri.scrollTop;return t-e<20?"top":window.innerHeight-(t-e)<20&&this.us()?"bottom":void 0}us(){return this.Ri.scrollTop+this.Ri.clientHeight<this._s()}ds(){return this.Ri.scrollLeft+this.Ri.clientWidth<this.cs()}_s(){return this.ns??=this.Ri.scrollHeight,this.ns}cs(){return this.ls??=this.Ri.scrollWidth,this.ls}}let b=t=>"auto"===t||"scroll"===t,y=t=>{let e=getComputedStyle(t);return b(e.overflowX)||b(e.overflowY)};class D{constructor({Vi:t,l:e}){this.Vi=t,this.gs=void 0,this.l=e}fs(t){this.Ji(t),this.ji(t)}A(){return this.ps().A()}Zi(t){this.ps().Zi(t)}ts(){this.ps().ts()}ji(t){this.ps().ji(t.pageX)}Ji(t){this.ps().Ji(t.pageY)}ps(){return this.gs??=((t,e)=>{let i=(t=>{if(y(t))return t;let e=t.parentElement;for(;e;){if(y(e))return e;e=e.parentElement}return null})(t);return i&&"HTML"!==i.tagName?new w({Ri:i,Vi:e}):new E({Vi:e,l:t})})(this.l,this.Vi),this.gs}}class F{constructor({bi:t,k:e,vs:i,Ns:s,Ss:h,Ti:r,o:n}){this.bi=t,this.k=e,this.vs=i,this.Ns=s,this.Ss=h,this.Ti=r,this.ws=new Set,this.Es=null,this.o=n}Ei(t){null!=t.id?this.ws.add(t.id):this.Es=t}vt(){this.ws.clear(),this.Es=null}_e(){let t=this.yi();return t.length?t[0]??null:null}yi(){if(this.Es)return[this.Es];{let t=[];return this.ws.forEach(e=>{let i=this.bi(e);i&&t.push(i)}),t}}bs(t){if(this.Es)return t.isParentOf(this.Es)?[this.Es]:[];{let e=[];return this.ws.forEach(i=>{let s=this.bi(i);s&&t.isParentOf(s)&&e.push(s)}),e}}kt(t){return null!=t.id?this.ws.has(t.id):!!this.Es&&this.Es===t}Ci(t,e=!1){null==t.id?this.Es===t&&(this.Es=null):(this.ws.delete(t.id),e&&t.iterate(()=>(null!=t.id&&this.ws.delete(t.id),!0)))}ys(t,e){let i={mustSetFocus:!0,mustToggle:!0,...e??{}};if(!(()=>{if(!this.Ns())return!1;let e=this.vs();return!e||e(t)})())return;let s=t=>{this.Ci(t),this.k(t).ui()};if(this.kt(t))i.mustToggle&&(s(t),this.o("tree.deselect",{node:t}));else{let e=this._e();e&&s(e),this.Ei(t),this.Ss(t),this.k(t).mi(i.mustSetFocus),this.o("tree.select",{deselectedNode:e,node:t})}this.Ti()}}let C={animationSpeed:"fast",autoEscape:!0,autoOpen:!1,buttonLeft:!0,classPrefix:"tree-element",dragAndDrop:!1,keyboardSupport:!0,nodeClass:_,openFolderDelay:500,saveState:!1,selectable:!0,showEmptyFolder:!1,slide:!0,startDndDelay:300,tabIndex:0,useContextMenu:!0},T=(t,e,i)=>{let s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:i});return t.dispatchEvent(s),!s.defaultPrevented};return class{t;Ds;Fs;xt;Cs;Ts;$s;Ms;Is;xs;ks;As;Hs;Ls;Bs;constructor({htmlElement:e,overrideTriggerEventProvider:i,...s}){this.xt=e,this.Is=((t,e)=>{let i={...C,...e};return i.dataUrl??=t.dataset.url,i.rtl??=(t=>{let e=t.dataset.rtl;return""==e||"false"!==e&&Boolean(e)})(t),i.closedIcon??=(t=>t.rtl?"&#x25c0;":"&#x25ba;")(i),i.openedIcon??="&#x25bc;",i})(e,s),this.t=(({classPrefix:t,commonClassName:e,treeClassName:i})=>({border:`${t}-border`,circle:`${t}-circle`,closed:`${t}-closed`,common:e??`${t}-common`,dnd:`${t}-dnd`,dragging:`${t}-dragging`,element:`${t}-element`,folder:`${t}-folder`,ghost:`${t}-ghost`,inside:`${t}-inside`,line:`${t}-line`,loading:`${t}-loading`,moving:`${t}-moving`,rtl:`${t}-rtl`,selected:`${t}-selected`,title:`${t}-title`,titleButtonLeft:`${t}-title-button-left`,titleButtonRight:`${t}-title-button-right`,titleFolder:`${t}-title-folder`,toggler:`${t}-toggler`,togglerLeft:`${t}-toggler-left`,togglerRight:`${t}-toggler-right`,tree:i??t}))(this.Is),this.Bs=i??T,this.Cs=!1,this.Ls=new _({},!0),this.Ms=new WeakMap;let{autoEscape:h,buttonLeft:o,closedIcon:a,dataFilter:u,dragAndDrop:c,keyboardSupport:m,onCanMove:g,onCanMoveTo:f,onCreateLi:p,onDragMove:v,onDragStop:S,onGetStateFromStorage:w,onIsMoveHandle:E,onSetStateFromStorage:b,openedIcon:y,openFolderDelay:$,rtl:M,saveState:I,showEmptyFolder:x,slide:k,tabIndex:A}=this.Is,H=this.t,L=this.closeNode.bind(this),B=this.I.bind(this),P=this.k.bind(this),O=this.getNodeById.bind(this),U=this.getSelectedNode.bind(this),R=this.getTree.bind(this),V=this.ce.bind(this),j=this.loadData.bind(this),Y=this.openNode.bind(this),z=this.Ss.bind(this),X=this.j.bind(this),G=this.refreshHitAreas.bind(this),J=this.Bt.bind(this),K=this.xt,W=this.o.bind(this),q=new F({bi:O,k:P,vs:()=>this.Is.onCanSelectNode,Ns:()=>this.Is.selectable,Ss:z,Ti:()=>{ht.Ti()},o:W}),Q=q.Ei.bind(q),Z=q.yi.bind(q),tt=q.kt.bind(q),et=q.Ci.bind(q),it=q.ys.bind(q),st=new t({t:H,i:u,h:j,l:K,o:W}),ht=new N({Ei:Q,bi:O,yi:Z,H:R,Di:w,Fi:b,V:Y,j:X,Ci:et,Ti:I}),rt=new D({Vi:G,l:K}),nt=rt.A.bind(rt),lt=new r({N:h,t:H,I:B,k:P,A:nt,H:R,L:g,B:f,P:v,O:S,U:E,R:$,V:Y,j:X,Y:k,l:K,o:W}),ot=new l({ue:L,_e:U,ce:V,me:m,V:Y,ge:it}),at=new n({N:h,$t:o,t:H,Mt:a,It:c,H:R,xt:K,kt:tt,At:p,Ht:y,Lt:M,Bt:J,Pt:x,Ot:A}),dt=this.getNode.bind(this),ut=this.tt.bind(this),_t=this.st.bind(this),ct=this._t.bind(this),mt=this.gt.bind(this),gt=new d({t:H,C:K,be:()=>this.Is.startDndDelay??0,ye:dt,De:this.toggle.bind(this),Fe:it,Ce:ut,Te:_t,$e:ct,Me:mt,o:W,Ie:this.Is.useContextMenu});this.Ds=st,this.Fs=lt,this.Ts=ot,this.$s=gt,this.xs=at,this.ks=ht,this.As=rt,this.Hs=q,this.Ps()}addNodeAfter(t,e){let i=e.addAfter(t);return i&&this.j(e.parent),i}addNodeBefore(t,e){let i=e.addBefore(t);return i&&this.j(e.parent),i}addParentNode(t,e){let i=e.addParent(t);return i&&this.j(i.parent),i}addToSelection(t,e){this.Hs.Ei(t),this.Ss(t),this.k(t).mi(e??!0),this.Ti()}appendNode(t,e){let i=e.append(t);return this.j(e),i}closeNode(t,e){(t.isFolder()||t.isEmptyFolder)&&(this.Os(t).fi(e??this.Is.slide,this.Is.animationSpeed),this.Ti())}deinit(){this.xt.textContent="",this.Ds._(),this.Ts._(),this.$s._(),this.Ls=new _({},!0)}getNode(t){let e=t.closest(`li.${this.t.common}`);return e?this.Ms.get(e)??null:null}getNodeByCallback(t){return this.Ls.getNodeByCallback(t)}getNodeById(t){return this.Ls.getNodeById(t)}getNodeByName(t){return this.Ls.getNodeByName(t)}getNodeByNameMustExist(t){return this.Ls.getNodeByNameMustExist(t)}getNodesByProperty(t,e){return this.Ls.getNodesByProperty(t,e)}getSelectedNode(){return this.Hs._e()}getSelectedNodes(){return this.Hs.yi()}getState(){return this.ks.xi()}getStateFromStorage(){return this.ks.Ii()}getTree(){return this.Ls}getVersion(){return"0.2.0"}isDragging(){return this.Fs.J}isNodeSelected(t){return this.Hs.kt(t)}loadData(t,e){t&&(e?(this.Us(e),this.Rs(t,e)):this.Vs(t),this.isDragging()&&this.Fs.ct()),this.o("tree.set_data",{node:e,treeData:t??void 0})}async loadDataFromUrl(t,e){let i=t?new v(t):this.js(e);i&&await this.Ds.m(i,e)}moveDown(){this.Ts.ve()}moveNode(t,e,i){this.Ls.moveNode(t,e,i),this.j(null)}moveUp(){this.Ts.Ne()}async openNode(t,e){let i=e??this.Is.slide,s=async(e,i)=>{if(!t.children.length)return;let s=this.Os(e);await s.Ni(i,this.Is.animationSpeed)};if(t.isFolder()||t.isEmptyFolder)if(t.load_on_demand)await this.Ys(t,i);else{let e=t.parent;for(;e;)e.parent&&await s(e,!1),e=e.parent;await s(t,i),this.Ti()}}prependNode(t,e){let i=e.prepend(t);return this.j(e),i}refresh(){this.j(null)}refreshHitAreas(){this.Fs.ct()}removeFromSelection(t){this.Hs.Ci(t),this.k(t).ui(),this.Ti()}removeNode(t){this.Hs.Ci(t,!0);let e=t.parent;t.remove(),this.j(e)}scrollToNode(t){if(!t.element)return;let i=e(t.element)-e(this.xt);this.As.Zi(i)}selectNode(t,e){if(!t)return this.zs(),void this.ks.Ti();this.Hs.ys(t,e)}setOption(t,e){this.Is[t]=e}setState(t){this.ks.Li(t),this.j(null),this.Ti()}toggle(t,e=null){let i=e??this.Is.slide;t.is_open?this.closeNode(t,i):this.openNode(t,i)}toJson(){return JSON.stringify(this.Ls.getData())}updateNode(t,e){let i="object"==typeof e&&e.id&&e.id!==t.id;i&&this.Ls.removeNodeFromIndex(t),t.setData(e),i&&this.Ls.addNodeToIndex(t),"object"==typeof e&&e.children&&e.children instanceof Array&&(t.removeChildren(),e.children.length&&t.loadFromData(e.children)),this.j(t)}Os(t){let e=this.t,i=this.xs.Vt,s=this.As.A.bind(this.As),h=this.xs.Ut,r=this.xs.te.bind(this.xs),n=this.Is.tabIndex,l=this.xt,o=this.o.bind(this);return new p({t:e,Vt:i,A:s,it:t,Ut:h,te:r,Ot:n,l:l,o:o})}Xs(t){let e=this.t,i=this.As.A.bind(this.As);return new g({t:e,A:i,it:t,Ot:this.Is.tabIndex,l:this.xt})}js(t){let e,i=this.Is.dataUrl;if(e="function"==typeof i?i(t):i,!e)return null;let s=new v(e);if(t?.id)s.p("node",t.id.toString());else{let t=this.Mi();t&&s.p("selected_node",t.toString())}return s}zs(){let t=this.getSelectedNode();t&&this.removeFromSelection(t)}Us(t){let e=this.Hs.bs(t);for(let t of e)this.Hs.Ci(t)}Gs(){return!0===this.Is.autoOpen?-1:"number"==typeof this.Is.autoOpen?this.Is.autoOpen:"string"==typeof this.Is.autoOpen?parseInt(this.Is.autoOpen,10):0}I(t){let e=this.getNode(t);return e?this.k(e):null}k(t){return t.isFolder()?this.Os(t):this.Xs(t)}Mi(){return this.ks.Mi()}Ps(){this.Is.data?this.loadData(this.Is.data):this.js()?this.loadDataFromUrl():this.loadData([])}Vs(t){let e=()=>{this.Cs||(this.Cs=!0,this.o("tree.init"))};this.Ls=new this.Is.nodeClass(null,!0,this.Is.nodeClass),this.Hs.vt(),this.Ls.loadFromData(t);let i=this.Li();this.j(null),i?this.Ui().then(e):e()}ce(){let t=document.activeElement;if(!t)return!1;let e=t.tagName;if("A"!==e&&"SPAN"!==e)return!1;let i=this.getNode(t);return i?.tree===this.Ls}Js(t){let e=this.getSelectedNode();return!!e&&(t===e||t.isParentOf(e))}async Ys(t,e){t.is_loading=!0,await this.loadDataFromUrl(void 0,t),await this.openNode(t,e)}Rs(t,e){e.loadFromData(t),e.load_on_demand=!1,e.is_loading=!1,this.j(e)}tt(t){return!!this.Is.dragAndDrop&&this.Fs.tt(t)}st(t){if(!this.Is.dragAndDrop)return!1;let e=this.Fs.st(t);return this.As.fs(t),e}_t(t){return!!this.Is.dragAndDrop&&this.Fs._t(t)}gt(t){return!!this.Is.dragAndDrop&&(this.As.ts(),this.Fs.gt(t))}Ss(t){let e=t.parent;e?.parent&&!e.is_open&&this.openNode(e,!1)}j(t){let e=this.ce(),i=!!t&&this.Js(t);this.xs.qt(t),i&&this.Ks(e),this.o("tree.refresh")}Ti(){this.ks.Ti()}Ks(t){let e=this.getSelectedNode();e&&this.k(e).mi(t)}Li(){let[t,e]=(()=>{let t=this.ks.Ii();return t?[!0,this.ks.Li(t)]:[!1,!1]})();return t||(e=(()=>{if(!1===this.Is.autoOpen)return!1;let t=this.Gs(),e=!1;return this.Ls.iterate((i,s)=>i.load_on_demand?(e=!0,!1):!!i.hasChildren()&&(i.is_open=!0,s!==t)),e})()),e}async Ui(){return new Promise(t=>{(()=>{let e=this.ks.Ii();return!!e&&(this.ks.Ui(e).then(()=>{t()}),!0)})()||(()=>{let e=this.Gs(),i=0,s=t=>{i+=1,this.openNode(t,!1).then(()=>{i-=1,h()})},h=()=>{this.Ls.iterate((t,i)=>t.load_on_demand?(t.is_loading||s(t),!1):(this.openNode(t,!1),i!==e)),0===i&&t()};h()})()})}Bt(t,e){this.Ms.set(t,e)}o(t,e){return this.Bs(this.xt,t,e)}}}();
 //# sourceMappingURL=tree_element.js.map