treeselectjs 0.3.2 → 0.3.5

package/README.md

@@ -16,11 +16,11 @@ npm install --save treeselectjs
 ```
 Import treeselectjs (ES)
 ```
-import Treeselect from 'treeselectjs'
+import { Treeselect } from 'treeselectjs'
 ```
 Import treeselectjs (CommonJS)
 ```
-const Treeselect = require('treeselectjs').default
+const { Treeselect } = require('treeselectjs')
 ```
 Import css file with styles
 ```
@@ -29,7 +29,7 @@ Import css file with styles
 
 Example
 ```
-import Treeselect from 'treeselectjs'
+import { Treeselect } from 'treeselectjs'
 
 const options = [
   {

package/dist/treeselect-js.cjs.js

@@ -1 +1 @@
-var e,t,s,i,n,l=require("@swc/helpers/lib/_class_private_field_get.js"),o=require("@swc/helpers/lib/_class_private_field_init.js"),a=require("@swc/helpers/lib/_class_private_field_set.js"),c=require("@swc/helpers/lib/_class_private_method_get.js"),h=require("@swc/helpers/lib/_class_private_method_init.js");function r(e){return e&&e.__esModule?e.default:e}e=module.exports,Object.defineProperty(e,"__esModule",{value:!0,configurable:!0}),t=module.exports,s="default",i=function(){return ks},Object.defineProperty(t,s,{get:i,set:n,enumerable:!0,configurable:!0});const d={arrowUp:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>',arrowDown:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>',attention:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',clear:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',cross:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',check:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',partialCheck:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'},u=(e,t)=>{if(t.innerHTML="","string"==typeof e)t.innerHTML=e;else{const s=e.cloneNode(!0);t.appendChild(s)}},p=e=>{const t=e?{...e}:{};return Object.keys(d).forEach((e=>{t[e]||(t[e]=d[e])})),t};var m=new WeakMap,v=new WeakMap,w=new WeakMap,f=new WeakMap,E=new WeakSet,k=new WeakSet,g=new WeakSet,L=new WeakSet,b=new WeakSet,_=new WeakSet,y=new WeakSet,S=new WeakSet,x=new WeakSet,W=new WeakSet,C=new WeakSet,O=new WeakSet,T=new WeakSet,A=new WeakSet,H=new WeakSet,M=new WeakSet,B=new WeakSet,P=new WeakSet,q=new WeakSet,N=new WeakSet,G=new WeakSet,j=new WeakSet,D=new WeakSet,I=new WeakSet,V=new WeakSet,$=new WeakSet;function R(){r(c)(this,k,z).call(this),r(c)(this,b,F).call(this),r(c)(this,g,U).call(this)}function z(){r(l)(this,m).innerHTML="",this.showTags?r(l)(this,m).append(...r(c)(this,W,Z).call(this)):r(l)(this,m).appendChild(r(c)(this,A,ie).call(this))}function U(){const e=[];r(l)(this,w).innerHTML="",this.clearable&&e.push(r(c)(this,q,ce).call(this)),this.isAlwaysOpened||e.push(r(c)(this,G,re).call(this,this.isOpened)),e.length&&r(l)(this,w).append(...e)}function Y(){if(!this.isAlwaysOpened&&r(l)(this,f)){const e=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;u(e,r(l)(this,f))}}function F(){var e;(null===(e=this.value)||void 0===e?void 0:e.length)?r(l)(this,v).removeAttribute("placeholder"):r(l)(this,v).setAttribute("placeholder",this.placeholder),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),r(l)(this,v).value=this.searchText}function J(){this.isOpened=!this.isOpened,r(c)(this,L,Y).call(this),this.isOpened?r(c)(this,V,me).call(this):r(c)(this,$,ve).call(this)}function K(e,t,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(e=>r(c)(this,S,X).call(this,e))),i.append(e,t,s),i}function X(e){e.preventDefault(),this.isOpened||r(c)(this,_,J).call(this),this.focus()}function Q(){const e=document.createElement("div");return e.classList.add("treeselect-input__tags"),e}function Z(){return this.value.map((e=>{const t=document.createElement("div");t.classList.add("treeselect-input__tags-element"),t.setAttribute("tabindex","-1"),t.setAttribute("tag-id",e.id.toString()),t.setAttribute("title",e.name);const s=r(c)(this,O,te).call(this,e.name),i=r(c)(this,T,se).call(this);return t.addEventListener("mousedown",(t=>r(c)(this,C,ee).call(this,t,e.id))),t.append(s,i),t}))}function ee(e,t){e.preventDefault(),e.stopPropagation(),this.focus(),this.removeItem(t)}function te(e){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-name"),t.innerHTML=e,t}function se(){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-cross"),u(this.iconElements.cross,e),e}function ie(){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-count"),this.value.length?(e.innerHTML=1===this.value.length?this.value[0].name:`${this.value.length} ${this.tagsCountText}`,e):(e.innerHTML="",e)}function ne(){const e=document.createElement("input");return e.classList.add("treeselect-input__edit"),e.setAttribute("id",this.id),this.disabled&&e.setAttribute("tabindex","-1"),e.addEventListener("keydown",(e=>r(c)(this,M,le).call(this,e))),e.addEventListener("input",(t=>r(c)(this,B,oe).call(this,t,e))),e}function le(e){"Backspace"!==e.key||this.searchText.length||!this.value.length||this.showTags||this.clear(),"Backspace"===e.key&&!this.searchText.length&&this.value.length&&this.removeItem(this.value[this.value.length-1].id),"Space"!==e.code||this.searchText&&this.searchable||r(c)(this,_,J).call(this)}function oe(e,t){e.stopPropagation();const s=this.searchText,i=t.value.trim();if(0!==s.length||0!==i.length){if(this.searchable){const t=e.target.value;r(c)(this,I,pe).call(this,t),this.isOpened||r(c)(this,_,J).call(this)}else t.value="";this.searchText=t.value}else t.value=""}function ae(){const e=document.createElement("div");return e.classList.add("treeselect-input__operators"),e}function ce(){const e=document.createElement("span");return e.classList.add("treeselect-input__clear"),e.setAttribute("tabindex","-1"),u(this.iconElements.clear,e),e.addEventListener("mousedown",(e=>r(c)(this,N,he).call(this,e))),e}function he(e){var t;e.preventDefault(),e.stopPropagation(),null===(t=r(l)(this,v))||void 0===t||t.focus(),(this.searchText.length||this.value.length)&&this.clear()}function re(e){r(a)(this,f,document.createElement("span")),r(l)(this,f).classList.add("treeselect-input__arrow");const t=e?this.iconElements.arrowUp:this.iconElements.arrowDown;return u(t,r(l)(this,f)),r(l)(this,f).addEventListener("mousedown",(e=>r(c)(this,j,de).call(this,e))),r(l)(this,f)}function de(e){e.stopPropagation(),e.preventDefault(),this.focus(),r(c)(this,_,J).call(this)}function ue(){this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.value}))}function pe(e){this.srcElement.dispatchEvent(new CustomEvent("search",{detail:e}))}function me(){this.srcElement.dispatchEvent(new CustomEvent("open"))}function ve(){this.srcElement.dispatchEvent(new CustomEvent("close"))}var we=class{focus(){r(l)(this,v).focus()}blur(){this.isOpened&&r(c)(this,_,J).call(this)}updateValue(e){this.value=e,r(c)(this,k,z).call(this),r(c)(this,b,F).call(this)}removeItem(e){this.value=this.value.filter((t=>t.id!==e)),r(c)(this,D,ue).call(this),r(c)(this,k,z).call(this),r(c)(this,b,F).call(this)}clear(){this.value=[],this.searchText="",r(c)(this,I,pe).call(this,""),r(c)(this,D,ue).call(this),r(c)(this,k,z).call(this),r(c)(this,b,F).call(this)}openClose(){r(c)(this,_,J).call(this)}constructor({value:e,showTags:t,tagsCountText:s,clearable:i,isAlwaysOpened:n,searchable:d,placeholder:u,disabled:p,id:z,iconElements:U}){r(h)(this,E),r(h)(this,k),r(h)(this,g),r(h)(this,L),r(h)(this,b),r(h)(this,_),r(h)(this,y),r(h)(this,S),r(h)(this,x),r(h)(this,W),r(h)(this,C),r(h)(this,O),r(h)(this,T),r(h)(this,A),r(h)(this,H),r(h)(this,M),r(h)(this,B),r(h)(this,P),r(h)(this,q),r(h)(this,N),r(h)(this,G),r(h)(this,j),r(h)(this,D),r(h)(this,I),r(h)(this,V),r(h)(this,$),r(o)(this,m,{writable:!0,value:void 0}),r(o)(this,v,{writable:!0,value:void 0}),r(o)(this,w,{writable:!0,value:void 0}),r(o)(this,f,{writable:!0,value:void 0}),this.value=e,this.showTags=t,this.tagsCountText=s,this.searchable=d,this.placeholder=u,this.clearable=i,this.isAlwaysOpened=n,this.disabled=p,this.id=z,this.iconElements=U,this.isOpened=!1,this.searchText="",r(a)(this,m,r(c)(this,x,Q).call(this)),r(a)(this,v,r(c)(this,H,ne).call(this)),r(a)(this,w,r(c)(this,P,ae).call(this)),r(a)(this,f,null),this.srcElement=r(c)(this,y,K).call(this,r(l)(this,m),r(l)(this,v),r(l)(this,w)),r(c)(this,E,R).call(this)}};const fe=(e,t,s="",i=0)=>e.reduce(((e,n)=>{var l;const o=!!(null===(l=n.children)||void 0===l?void 0:l.length),a=i>=t&&o,c=i>t;if(e.push({id:n.value,name:n.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:a,hidden:c}),o){const s=fe(n.children,t,n.value,i+1);e.push(...s)}return e}),[]),Ee=({id:e,checked:t},s)=>{s.forEach((i=>{i.childOf===e&&(i.checked=null==t||t,i.isPartialChecked=!1,i.isGroup&&Ee(i,s))}))},ke=(e,t)=>{const s=t.find((t=>t.id===e)),i=t.filter((e=>e.childOf===(null==s?void 0:s.id)));if(!s)return;const n=i.every((e=>e.checked)),l=i.some((e=>e.isPartialChecked||e.checked))&&!n,o=!n&&!l;n&&(s.checked=!0,s.isPartialChecked=!1),l&&(s.checked=!1,s.isPartialChecked=!0),o&&(s.checked=!1,s.isPartialChecked=!1),s.childOf&&ke(s.childOf,t)},ge=({id:e,isGroup:t,childOf:s,checked:i},n)=>{t&&Ee({id:e,checked:i},n),s&&ke(s,n)},Le=(e,t)=>t.reduce(((s,i)=>(i.childOf===e&&(s.push(i),i.isGroup&&s.push(...Le(i.id,t))),s)),[]),be=(e,t)=>t.reduce(((s,i)=>(i.id===e&&(s.push(i),i.childOf&&s.push(...be(i.childOf,t))),s)),[]),_e=e=>{const{onlyGroupsIds:t,allItems:s}=e.reduce(((e,t)=>t.checked?(t.isGroup&&e.onlyGroupsIds.push(t.id),e.allItems.push(t),e):e),{onlyGroupsIds:[],allItems:[]});return s.filter((e=>!t.some((t=>t===e.childOf))))},ye=(e,{id:t,isClosed:s})=>{e.filter((e=>e.childOf===t)).forEach((t=>{t.hidden=null!=s&&s,t.isGroup&&!t.isClosed&&ye(e,{id:t.id,isClosed:s})}))},Se=(e,t)=>{const s=((e,t)=>e.reduce(((s,i)=>{if(i.name.toLowerCase().includes(t.toLowerCase())){if(s.push(i),i.isGroup){const t=Le(i.id,e);s.push(...t)}if(i.childOf){const t=be(i.childOf,e);s.push(...t)}}return s}),[]))(e,t);e.forEach((t=>{s.some((e=>e.id===t.id))?(t.isGroup&&(t.isClosed=!1,ye(e,t)),t.hidden=!1):t.hidden=!0}))},xe=(e,t)=>{(e=>{e.forEach((e=>{e.checked=!1,e.isPartialChecked=!1}))})(t);t.filter((t=>e.some((e=>e===t.id)))).forEach((e=>{e.checked=!0,e.isPartialChecked=!1,ge(e,t)}))},We=(e,t,s,i)=>{xe(e,t),Ce(t,s,i)},Ce=(e,t,s)=>{e.forEach((i=>{const n=t.querySelector(`[input-id="${i.id}"]`),l=qe(n);n.checked=i.checked,Oe(i,l),Te(i,l),Ae(i,l,s),He(i,l),Be(i,l,e),Me(i,n,s)})),Pe(e,t)},Oe=(e,t)=>{e.checked?t.classList.add("treeselect-list__item--checked"):t.classList.remove("treeselect-list__item--checked")},Te=(e,t)=>{e.isPartialChecked?t.classList.add("treeselect-list__item--partial-checked"):t.classList.remove("treeselect-list__item--partial-checked")},Ae=(e,t,s)=>{if(e.isGroup){const i=t.querySelector(".treeselect-list__item-icon"),n=e.isClosed?s.arrowRight:s.arrowDown;u(n,i),e.isClosed?t.classList.add("treeselect-list__item--closed"):t.classList.remove("treeselect-list__item--closed")}},He=(e,t)=>{e.hidden?t.classList.add("treeselect-list__item--hidden"):t.classList.remove("treeselect-list__item--hidden")},Me=(e,t,s)=>{const i=t.parentNode.querySelector(".treeselect-list__item-checkbox-icon");e.checked?u(s.check,i):e.isPartialChecked?u(s.partialCheck,i):i.innerHTML=""},Be=(e,t,s)=>{if(0===e.level){const i=s.some((t=>t.isGroup&&t.level===e.level)),n=!e.isGroup&&i?"20px":"5px";t.style.paddingLeft=e.isGroup?"0":n}else t.style.paddingLeft=e.isGroup?20*e.level+"px":20*e.level+20+"px";t.setAttribute("level",e.level.toString()),t.setAttribute("group",e.isGroup.toString())},Pe=(e,t)=>{const s=e.some((e=>!e.hidden)),i=t.querySelector(".treeselect-list__empty");s?i.classList.add("treeselect-list__empty--hidden"):i.classList.remove("treeselect-list__empty--hidden")},qe=e=>e.parentNode.parentNode,Ne=(e,t)=>t.find((t=>t.id.toString()===e));var Ge=new WeakMap,je=new WeakMap,De=new WeakSet,Ie=new WeakSet,Ve=new WeakSet,$e=new WeakSet,Re=new WeakSet,ze=new WeakSet,Ue=new WeakSet,Ye=new WeakSet,Fe=new WeakSet,Je=new WeakSet,Ke=new WeakSet,Xe=new WeakSet,Qe=new WeakSet,Ze=new WeakSet,et=new WeakSet,tt=new WeakSet,st=new WeakSet,it=new WeakSet,nt=new WeakSet,lt=new WeakSet,ot=new WeakSet,at=new WeakSet,ct=new WeakSet,ht=new WeakSet,rt=new WeakSet;function dt(e,t){if(!e)return;const s=e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=Ne(s,this.flattedOptions),n=e.querySelector(".treeselect-list__item-icon");"ArrowLeft"!==t||i.isClosed||n.dispatchEvent(new Event("mousedown")),"ArrowRight"===t&&i.isClosed&&n.dispatchEvent(new Event("mousedown"))}function ut(e,t){const s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((e=>"none"!==window.getComputedStyle(qe(e)).display));if(s.length)if(e){const e=s.findIndex((e=>qe(e).classList.contains("treeselect-list__item--focused")));qe(s[e]).classList.remove("treeselect-list__item--focused");const n="ArrowDown"===t?e+1:e-1,l="ArrowDown"===t?0:s.length-1;var i;const o=null!==(i=s[n])&&void 0!==i?i:s[l],a=!s[n],c=qe(o);c.classList.add("treeselect-list__item--focused");const h=this.srcElement.getBoundingClientRect(),r=c.getBoundingClientRect();if(a&&"ArrowDown"===t)return void this.srcElement.scroll(0,0);if(a&&"ArrowUp"===t)return void this.srcElement.scroll(0,this.srcElement.scrollHeight);if(h.y+h.height<r.y+r.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+r.height);if(h.y>r.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-r.height)}else{qe(s[0]).classList.add("treeselect-list__item--focused")}}function pt(){const e=r(c)(this,$e,mt).call(this),t=r(c)(this,Ue,ft).call(this,this.options);e.append(...t);const s=r(c)(this,Ye,Et).call(this);s&&e.append(s);const i=r(c)(this,Fe,kt).call(this);return e.append(i),e}function mt(){const e=document.createElement("div");return e.classList.add("treeselect-list"),e.addEventListener("mouseout",(e=>r(c)(this,Re,vt).call(this,e))),e.addEventListener("mousemove",(()=>r(c)(this,ze,wt).call(this))),e}function vt(e){e.stopPropagation(),r(l)(this,Ge)&&r(l)(this,je)&&r(l)(this,Ge).classList.add("treeselect-list__item--focused")}function wt(){r(a)(this,je,!0)}function ft(e){return e.reduce(((e,t)=>{var s;if(null===(s=t.children)||void 0===s?void 0:s.length){const s=r(c)(this,Je,gt).call(this,t),i=r(c)(this,Ue,ft).call(this,t.children);return s.append(...i),e.push(s),e}const i=r(c)(this,Ke,Lt).call(this,t,!1);return e.push(i),e}),[])}function Et(){if(!this.listSlotHtmlComponent)return null;const e=document.createElement("div");return e.classList.add("treeselect-list__slot"),e.appendChild(this.listSlotHtmlComponent),e}function kt(){const e=document.createElement("div");e.classList.add("treeselect-list__empty"),e.setAttribute("title",this.emptyText);const t=document.createElement("span");t.classList.add("treeselect-list__empty-icon"),u(this.iconElements.attention,t);const s=document.createElement("span");return s.classList.add("treeselect-list__empty-text"),s.innerHTML=this.emptyText,e.append(t,s),e}function gt(e){const t=document.createElement("div");t.setAttribute("group-container-id",e.value.toString()),t.classList.add("treeselect-list__group-container");const s=r(c)(this,Ke,Lt).call(this,e,!0);return t.appendChild(s),t}function Lt(e,t){const s=r(c)(this,Xe,bt).call(this,e);if(t){const e=r(c)(this,tt,xt).call(this);s.appendChild(e)}const i=r(c)(this,it,Ct).call(this,e),n=r(c)(this,nt,Ot).call(this,e);return s.append(i,n),s}function bt(e){const t=document.createElement("div");return t.setAttribute("tabindex","-1"),t.setAttribute("title",e.name),t.classList.add("treeselect-list__item"),t.addEventListener("mouseover",(()=>r(c)(this,Qe,_t).call(this,t)),!0),t.addEventListener("mouseout",(()=>r(c)(this,Ze,yt).call(this,t)),!0),t.addEventListener("mousedown",(t=>r(c)(this,et,St).call(this,t,e))),t}function _t(e){r(l)(this,je)&&r(c)(this,at,Ht).call(this,!0,e)}function yt(e){r(l)(this,je)&&(r(c)(this,at,Ht).call(this,!1,e),r(a)(this,Ge,e))}function St(e,t){e.stopPropagation();const s=e.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,r(c)(this,lt,Tt).call(this,s,t)}function xt(){const e=document.createElement("span");return e.setAttribute("tabindex","-1"),e.classList.add("treeselect-list__item-icon"),u(this.iconElements.arrowDown,e),e.addEventListener("mousedown",(e=>r(c)(this,st,Wt).call(this,e))),e}function Wt(e){e.stopPropagation(),r(c)(this,ot,At).call(this,e)}function Ct(e){const t=document.createElement("div");t.classList.add("treeselect-list__item-checkbox-container");const s=document.createElement("span");s.classList.add("treeselect-list__item-checkbox-icon"),s.innerHTML="";const i=document.createElement("input");return i.setAttribute("tabindex","-1"),i.setAttribute("type","checkbox"),i.setAttribute("input-id",e.value.toString()),i.classList.add("treeselect-list__item-checkbox"),t.append(s,i),t}function Ot(e){const t=document.createElement("label");return t.innerHTML=e.name,t.classList.add("treeselect-list__item-label"),t}function Tt(e,t){const s=this.flattedOptions.find((e=>e.id===t.value));s&&(s.checked=e.checked,s.isPartialChecked=!1,ge(s,this.flattedOptions),Ce(this.flattedOptions,this.srcElement,this.iconElements),r(c)(this,rt,Pt).call(this))}function At(e){var t,s;const i=null===(t=e.target)||void 0===t||null===(s=t.parentNode)||void 0===s?void 0:s.querySelector("[input-id]");var n;const l=null!==(n=null==i?void 0:i.getAttribute("input-id"))&&void 0!==n?n:null,o=Ne(l,this.flattedOptions);o&&(o.isClosed=!o.isClosed,ye(this.flattedOptions,o),Ce(this.flattedOptions,this.srcElement,this.iconElements),r(c)(this,ht,Bt).call(this))}function Ht(e,t){const s="treeselect-list__item--focused";if(e){const e=Array.from(this.srcElement.querySelectorAll(`.${s}`));e.length&&e.forEach((e=>e.classList.remove(s))),t.classList.add(s)}else t.classList.remove(s)}function Mt(){var e;this.selectedNodes={nodes:(e=this.flattedOptions,e.filter((e=>e.checked&&!e.isGroup))),groupedNodes:_e(this.flattedOptions)}}function Bt(){this.srcElement.dispatchEvent(new CustomEvent("arrow-click"))}function Pt(){r(c)(this,ct,Mt).call(this),this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.selectedNodes}))}var qt=class{updateValue(e){We(e,this.flattedOptions,this.srcElement,this.iconElements),r(c)(this,ct,Mt).call(this)}updateSearchValue(e){if(e===this.searchText)return;const t=""===this.searchText&&""!==e;this.searchText=e,t&&(this.flattedOptionsBeforeSearch=JSON.parse(JSON.stringify(this.flattedOptions))),""===this.searchText&&(this.flattedOptions=this.flattedOptionsBeforeSearch.map((e=>{const t=this.flattedOptions.find((t=>t.id===e.id));return t.isClosed=e.isClosed,t.hidden=e.hidden,t})),this.flattedOptionsBeforeSearch=[]),this.searchText&&Se(this.flattedOptions,e),Ce(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(e){r(a)(this,je,!1);const t=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===e&&t&&t.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==e&&"ArrowRight"!==e||r(c)(this,De,dt).call(this,t,e),"ArrowDown"!==e&&"ArrowUp"!==e||r(c)(this,Ie,ut).call(this,t,e)}focusFirstListElement(){const e="treeselect-list__item--focused",t=this.srcElement.querySelector(`.${e}`),s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((e=>"none"!==window.getComputedStyle(qe(e)).display));if(!s.length)return;t&&t.classList.remove(e);qe(s[0]).classList.add(e)}constructor({options:e,value:t,openLevel:s,listSlotHtmlComponent:i,emptyText:n,iconElements:l}){r(h)(this,De),r(h)(this,Ie),r(h)(this,Ve),r(h)(this,$e),r(h)(this,Re),r(h)(this,ze),r(h)(this,Ue),r(h)(this,Ye),r(h)(this,Fe),r(h)(this,Je),r(h)(this,Ke),r(h)(this,Xe),r(h)(this,Qe),r(h)(this,Ze),r(h)(this,et),r(h)(this,tt),r(h)(this,st),r(h)(this,it),r(h)(this,nt),r(h)(this,lt),r(h)(this,ot),r(h)(this,at),r(h)(this,ct),r(h)(this,ht),r(h)(this,rt),r(o)(this,Ge,{writable:!0,value:null}),r(o)(this,je,{writable:!0,value:!0}),this.options=e,this.value=t,this.openLevel=null!=s?s:0,this.listSlotHtmlComponent=null!=i?i:null,this.emptyText=null!=n?n:"No results found...",this.iconElements=l,this.searchText="",this.flattedOptions=fe(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=r(c)(this,Ve,pt).call(this),this.updateValue(this.value),(e=>{const{duplications:t}=e.reduce(((e,t)=>(e.allItems.some((e=>e.toString()===t.id.toString()))&&e.duplications.push(t.id),e.allItems.push(t.id),e)),{duplications:[],allItems:[]});t.length&&console.error(`Validation: You have duplicated values: ${t.join(", ")}! You should use unique values.`)})(this.flattedOptions)}};const Nt=e=>e.map((e=>e.id));var Gt=new WeakMap,jt=new WeakMap,Dt=new WeakMap,It=new WeakMap,Vt=new WeakMap,$t=new WeakMap,Rt=new WeakMap,zt=new WeakSet,Ut=new WeakSet,Yt=new WeakSet,Ft=new WeakSet,Jt=new WeakSet,Kt=new WeakSet,Xt=new WeakSet,Qt=new WeakSet,Zt=new WeakSet,es=new WeakSet,ts=new WeakSet,ss=new WeakSet,is=new WeakSet,ns=new WeakSet;function ls(){const e=this.parentHtmlContainer;e.classList.add("treeselect");const t=new qt({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements}),{groupedNodes:s,nodes:i}=t.selectedNodes,n=new we({value:this.grouped?s:i,showTags:this.showTags,tagsCountText:this.tagsCountText,clearable:this.clearable,isAlwaysOpened:this.alwaysOpen,searchable:this.searchable,placeholder:this.placeholder,disabled:this.disabled,id:this.id,iconElements:this.iconElements});return this.appendToBody&&r(a)(this,Dt,new ResizeObserver((()=>this.updateListPosition()))),n.srcElement.addEventListener("input",(e=>r(c)(this,Ut,os).call(this,e,t))),n.srcElement.addEventListener("open",(()=>r(c)(this,Qt,us).call(this))),n.srcElement.addEventListener("keydown",(e=>r(c)(this,Yt,as).call(this,e,t))),n.srcElement.addEventListener("search",(e=>r(c)(this,Ft,cs).call(this,e,t))),n.srcElement.addEventListener("focus",(()=>r(c)(this,Jt,hs).call(this)),!0),this.alwaysOpen||n.srcElement.addEventListener("close",(()=>r(c)(this,Zt,ps).call(this))),t.srcElement.addEventListener("mouseup",(()=>n.focus()),!0),t.srcElement.addEventListener("input",(e=>r(c)(this,Kt,rs).call(this,e,n))),t.srcElement.addEventListener("arrow-click",(()=>r(c)(this,Xt,ds).call(this,n))),e.append(n.srcElement),{container:e,list:t,input:n}}function os(e,t){const s=Nt(e.detail);t.updateValue(s);const{nodes:i}=t.selectedNodes;this.value=Nt(i),r(c)(this,ns,Es).call(this)}function as(e,t){this.isListOpened&&t.callKeyAction(e.key)}function cs(e,t){t.updateSearchValue(e.detail),this.updateListPosition()}function hs(){r(c)(this,ts,vs).call(this,!0),r(l)(this,$t)&&r(l)(this,$t)&&r(l)(this,Rt)&&(document.addEventListener("mousedown",r(l)(this,$t),!0),document.addEventListener("focus",r(l)(this,$t),!0),window.addEventListener("blur",r(l)(this,Rt)))}function rs(e,t){const{groupedNodes:s,nodes:i}=e.detail,n=this.grouped?s:i;t.updateValue(n),this.value=Nt(i),t.focus(),r(c)(this,ns,Es).call(this)}function ds(e){e.focus(),this.updateListPosition()}function us(){if(this.isListOpened=!0,r(l)(this,It)&&r(l)(this,Vt)&&(window.addEventListener("scroll",r(l)(this,It),!0),window.addEventListener("resize",r(l)(this,Vt))),r(l)(this,Gt)&&this.srcElement){var e;if(this.appendToBody)document.body.appendChild(r(l)(this,Gt).srcElement),null===(e=r(l)(this,Dt))||void 0===e||e.observe(this.srcElement);else this.srcElement.appendChild(r(l)(this,Gt).srcElement);this.updateListPosition(),r(c)(this,ss,ws).call(this,!0),r(l)(this,Gt).focusFirstListElement()}}function ps(){if(this.isListOpened=!1,r(l)(this,It)&&r(l)(this,Vt)&&(window.removeEventListener("scroll",r(l)(this,It),!0),window.removeEventListener("resize",r(l)(this,Vt))),!r(l)(this,Gt)||!this.srcElement)return;if(this.appendToBody?document.body.contains(r(l)(this,Gt).srcElement):this.srcElement.contains(r(l)(this,Gt).srcElement)){var e;if(this.appendToBody)document.body.removeChild(r(l)(this,Gt).srcElement),null===(e=r(l)(this,Dt))||void 0===e||e.disconnect();else this.srcElement.removeChild(r(l)(this,Gt).srcElement);r(c)(this,ss,ws).call(this,!1)}}function ms(e,t){if(!r(l)(this,Gt)||!r(l)(this,jt))return;const s=t?"treeselect-list--top-to-body":"treeselect-list--top",i=t?"treeselect-list--bottom-to-body":"treeselect-list--bottom";e?(r(l)(this,Gt).srcElement.classList.add(s),r(l)(this,Gt).srcElement.classList.remove(i),r(l)(this,jt).srcElement.classList.add("treeselect-input--top"),r(l)(this,jt).srcElement.classList.remove("treeselect-input--bottom")):(r(l)(this,Gt).srcElement.classList.remove(s),r(l)(this,Gt).srcElement.classList.add(i),r(l)(this,jt).srcElement.classList.remove("treeselect-input--top"),r(l)(this,jt).srcElement.classList.add("treeselect-input--bottom"))}function vs(e){r(l)(this,jt)&&r(l)(this,Gt)&&(e?(r(l)(this,jt).srcElement.classList.add("treeselect-input--focused"),r(l)(this,Gt).srcElement.classList.add("treeselect-list--focused")):(r(l)(this,jt).srcElement.classList.remove("treeselect-input--focused"),r(l)(this,Gt).srcElement.classList.remove("treeselect-list--focused")))}function ws(e){var t,s,i,n;e?null===(t=r(l)(this,jt))||void 0===t||t.srcElement.classList.add("treeselect-input--opened"):null===(s=r(l)(this,jt))||void 0===s||s.srcElement.classList.remove("treeselect-input--opened"),this.staticList?null===(i=r(l)(this,Gt))||void 0===i||i.srcElement.classList.add("treeselect-list--static"):null===(n=r(l)(this,Gt))||void 0===n||n.srcElement.classList.remove("treeselect-list--static")}function fs(e){r(l)(this,It)&&r(l)(this,Vt)&&r(l)(this,$t)&&r(l)(this,Rt)&&(this.alwaysOpen&&!e||(window.removeEventListener("scroll",r(l)(this,It),!0),window.removeEventListener("resize",r(l)(this,Vt))),document.removeEventListener("click",r(l)(this,$t),!0),document.removeEventListener("focus",r(l)(this,$t),!0),window.removeEventListener("blur",r(l)(this,Rt)))}function Es(){var e;null===(e=this.srcElement)||void 0===e||e.dispatchEvent(new CustomEvent("input",{detail:this.value})),this.inputCallback&&this.inputCallback(this.value)}var ks=class{mount(){var e;this.destroy();const{container:t,list:s,input:i}=r(c)(this,zt,ls).call(this);this.srcElement=t,r(a)(this,Gt,s),r(a)(this,jt,i),r(a)(this,It,this.scrollWindowHandler.bind(this)),r(a)(this,Vt,this.scrollWindowHandler.bind(this)),r(a)(this,$t,this.focusWindowHandler.bind(this)),r(a)(this,Rt,this.blurWindowHandler.bind(this)),this.alwaysOpen&&(null===(e=r(l)(this,jt))||void 0===e||e.openClose()),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(e){const t=r(l)(this,Gt);if(t){var s;t.updateValue(e);const{groupedNodes:i,nodes:n}=t.selectedNodes,o=this.grouped?i:n;null===(s=r(l)(this,jt))||void 0===s||s.updateValue(o)}}destroy(){this.srcElement&&(r(c)(this,Zt,ps).call(this),this.srcElement.innerHTML="",this.srcElement=null,r(c)(this,is,fs).call(this,!0))}focus(){r(l)(this,jt)&&r(l)(this,jt).focus()}toggleOpenClose(){r(l)(this,jt)&&(r(l)(this,jt).openClose(),r(l)(this,jt).focus())}scrollWindowHandler(){this.updateListPosition()}focusWindowHandler(e){var t,s;var i;(null===(t=this.srcElement)||void 0===t?void 0:t.contains(e.target))||(null===(s=r(l)(this,Gt))||void 0===s?void 0:s.srcElement.contains(e.target))||(null===(i=r(l)(this,jt))||void 0===i||i.blur(),r(c)(this,is,fs).call(this,!1),r(c)(this,ts,vs).call(this,!1))}blurWindowHandler(){var e;null===(e=r(l)(this,jt))||void 0===e||e.blur(),r(c)(this,is,fs).call(this,!1),r(c)(this,ts,vs).call(this,!1)}updateListPosition(){var e;const t=this.srcElement,s=null===(e=r(l)(this,Gt))||void 0===e?void 0:e.srcElement;if(!t||!s)return;s.style.transform="";const{y:i,height:n}=s.getBoundingClientRect(),{x:o,y:a,height:h,width:d}=t.getBoundingClientRect(),u=window.innerHeight-a-h,p=a>u&&a>=n&&u<n;this.appendToBody&&(s.style.transform=p?`translateY(${a-i-n}px)`:`translateY(${a+h-i}px)`,s.style.width=`${d}px`,s.style.left=`${o+window.scrollX}px`);const m=p?"top":"bottom";s.getAttribute("direction")!==m&&(s.setAttribute("direction",m),r(c)(this,es,ms).call(this,p,this.appendToBody))}constructor({parentHtmlContainer:e,value:t,options:s,openLevel:i,appendToBody:n,alwaysOpen:l,showTags:a,tagsCountText:c,clearable:d,searchable:u,placeholder:m,grouped:v,listSlotHtmlComponent:w,disabled:f,emptyText:E,staticList:k,id:g,iconElements:L,inputCallback:b}){r(h)(this,zt),r(h)(this,Ut),r(h)(this,Yt),r(h)(this,Ft),r(h)(this,Jt),r(h)(this,Kt),r(h)(this,Xt),r(h)(this,Qt),r(h)(this,Zt),r(h)(this,es),r(h)(this,ts),r(h)(this,ss),r(h)(this,is),r(h)(this,ns),r(o)(this,Gt,{writable:!0,value:null}),r(o)(this,jt,{writable:!0,value:null}),r(o)(this,Dt,{writable:!0,value:null}),r(o)(this,It,{writable:!0,value:null}),r(o)(this,Vt,{writable:!0,value:null}),r(o)(this,$t,{writable:!0,value:null}),r(o)(this,Rt,{writable:!0,value:null}),(({parentHtmlContainer:e,staticList:t,appendToBody:s})=>{e||console.error("Validation: parentHtmlContainer prop is required!"),t&&s&&console.error("Validation: You should set staticList to false if you use appendToBody!")})({parentHtmlContainer:e,staticList:k,appendToBody:n}),this.parentHtmlContainer=e,this.value=null!=t?t:[],this.options=null!=s?s:[],this.openLevel=null!=i?i:0,this.appendToBody=null==n||n,this.alwaysOpen=!(!l||f),this.showTags=null==a||a,this.tagsCountText=null!=c?c:"elements selected",this.clearable=null==d||d,this.searchable=null==u||u,this.placeholder=null!=m?m:"Search...",this.grouped=null==v||v,this.listSlotHtmlComponent=null!=w?w:null,this.disabled=null!=f&&f,this.emptyText=null!=E?E:"No results found...",this.staticList=!(!k||this.appendToBody),this.id=null!=g?g:"",this.iconElements=p(L),this.inputCallback=b,this.isListOpened=!1,this.srcElement=null,this.mount()}};
+function t(t,e,s,i){Object.defineProperty(t,e,{get:s,set:i,enumerable:!0,configurable:!0})}t(module.exports,"Treeselect",(function(){return ne}),(function(t){return ne=t}));var e={};t(e,"TreeselectInput",(function(){return W}),(function(t){return W=t}));const s={arrowUp:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>',arrowDown:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>',attention:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',clear:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',cross:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',check:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',partialCheck:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'},i=(t,e)=>{if(e.innerHTML="","string"==typeof t)e.innerHTML=t;else{const s=t.cloneNode(!0);e.appendChild(s)}},l=t=>{const e=t?Object.assign({},t):{};return Object.keys(s).forEach((t=>{e[t]||(e[t]=s[t])})),e};var n,o,c,a,r,h,d,u,p,m,f,v,w,E,g,k,b,L,y,C,_,x,T,O,A,S,H,P,B=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)},M=function(t,e,s,i,l){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?l.call(t,s):l?l.value=s:e.set(t,s),s};class W{focus(){B(this,c,"f").focus()}blur(){this.isOpened&&B(this,n,"m",f).call(this),this.searchText="",this.searchCallback(""),B(this,n,"m",m).call(this),B(this,c,"f").blur()}updateValue(t){this.value=t,B(this,n,"m",d).call(this),B(this,n,"m",m).call(this)}removeItem(t){this.value=this.value.filter((e=>e.id!==t)),B(this,n,"m",P).call(this),B(this,n,"m",d).call(this),B(this,n,"m",m).call(this)}clear(){this.value=[],this.searchText="",this.searchCallback(""),B(this,n,"m",P).call(this),B(this,n,"m",d).call(this),B(this,n,"m",m).call(this)}openClose(){B(this,n,"m",f).call(this)}constructor({value:t,showTags:e,tagsCountText:s,clearable:i,isAlwaysOpened:l,searchable:d,placeholder:u,disabled:p,id:m,iconElements:f,inputCallback:w,searchCallback:g,openCallback:k,closeCallback:b,keydownCallback:L,focusCallback:y}){n.add(this),o.set(this,void 0),c.set(this,void 0),a.set(this,void 0),r.set(this,void 0),this.value=t,this.showTags=e,this.tagsCountText=s,this.searchable=d,this.placeholder=u,this.clearable=i,this.isAlwaysOpened=l,this.disabled=p,this.id=m,this.iconElements=f,this.isOpened=!1,this.searchText="",M(this,o,B(this,n,"m",E).call(this),"f"),M(this,c,B(this,n,"m",C).call(this),"f"),M(this,a,B(this,n,"m",T).call(this),"f"),M(this,r,null,"f"),this.inputCallback=w,this.searchCallback=g,this.openCallback=k,this.closeCallback=b,this.keydownCallback=L,this.focusCallback=y,this.srcElement=B(this,n,"m",v).call(this,B(this,o,"f"),B(this,c,"f"),B(this,a,"f")),B(this,n,"m",h).call(this)}}o=new WeakMap,c=new WeakMap,a=new WeakMap,r=new WeakMap,n=new WeakSet,h=function(){B(this,n,"m",d).call(this),B(this,n,"m",m).call(this),B(this,n,"m",u).call(this)},d=function(){B(this,o,"f").innerHTML="",this.showTags?B(this,o,"f").append(...B(this,n,"m",g).call(this)):B(this,o,"f").appendChild(B(this,n,"m",y).call(this)),B(this,o,"f").appendChild(B(this,c,"f"))},u=function(){const t=[];B(this,a,"f").innerHTML="",this.clearable&&t.push(B(this,n,"m",O).call(this)),this.isAlwaysOpened||t.push(B(this,n,"m",S).call(this,this.isOpened)),t.length&&B(this,a,"f").append(...t)},p=function(){if(!this.isAlwaysOpened&&B(this,r,"f")){const t=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;i(t,B(this,r,"f"))}},m=function(){var t;(null===(t=this.value)||void 0===t?void 0:t.length)?(B(this,c,"f").removeAttribute("placeholder"),this.srcElement.classList.remove("treeselect-input--value-not-selected")):(B(this,c,"f").setAttribute("placeholder",this.placeholder),this.srcElement.classList.add("treeselect-input--value-not-selected")),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),B(this,c,"f").value=this.searchText},f=function(){this.isOpened=!this.isOpened,B(this,n,"m",p).call(this),this.isOpened?this.openCallback():this.closeCallback()},v=function(t,e,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(t=>B(this,n,"m",w).call(this,t))),i.addEventListener("focus",(()=>this.focusCallback()),!0),t.appendChild(e),i.append(t,s),i},w=function(t){t.preventDefault(),this.isOpened||B(this,n,"m",f).call(this),this.focus()},E=function(){const t=document.createElement("div");return t.classList.add("treeselect-input__tags"),t},g=function(){return this.value.map((t=>{const e=document.createElement("div");e.classList.add("treeselect-input__tags-element"),e.setAttribute("tabindex","-1"),e.setAttribute("tag-id",t.id.toString()),e.setAttribute("title",t.name);const s=B(this,n,"m",b).call(this,t.name),i=B(this,n,"m",L).call(this);return e.addEventListener("mousedown",(e=>B(this,n,"m",k).call(this,e,t.id))),e.append(s,i),e}))},k=function(t,e){t.preventDefault(),t.stopPropagation(),this.removeItem(e),this.focus()},b=function(t){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-name"),e.innerHTML=t,e},L=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-cross"),i(this.iconElements.cross,t),t},y=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-count"),this.value.length?(t.innerHTML=1===this.value.length?this.value[0].name:`${this.value.length} ${this.tagsCountText}`,t):(t.innerHTML="",t)},C=function(){const t=document.createElement("input");return t.classList.add("treeselect-input__edit"),t.setAttribute("id",this.id),this.disabled&&t.setAttribute("tabindex","-1"),t.addEventListener("keydown",(t=>B(this,n,"m",_).call(this,t))),t.addEventListener("input",(e=>B(this,n,"m",x).call(this,e,t))),t},_=function(t){"Backspace"!==t.key||this.searchText.length||!this.value.length||this.showTags||this.clear(),"Backspace"===t.key&&!this.searchText.length&&this.value.length&&this.removeItem(this.value[this.value.length-1].id),"Space"!==t.code||this.searchText&&this.searchable||B(this,n,"m",f).call(this),this.keydownCallback(t.key),this.focus()},x=function(t,e){t.stopPropagation();const s=this.searchText,i=e.value.trim();if(0!==s.length||0!==i.length){if(this.searchable){const e=t.target.value;this.searchCallback(e),this.isOpened||B(this,n,"m",f).call(this)}else e.value="";this.searchText=e.value}else e.value=""},T=function(){const t=document.createElement("div");return t.classList.add("treeselect-input__operators"),t},O=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__clear"),t.setAttribute("tabindex","-1"),i(this.iconElements.clear,t),t.addEventListener("mousedown",(t=>B(this,n,"m",A).call(this,t))),t},A=function(t){t.preventDefault(),t.stopPropagation(),(this.searchText.length||this.value.length)&&this.clear(),this.focus()},S=function(t){M(this,r,document.createElement("span"),"f"),B(this,r,"f").classList.add("treeselect-input__arrow");const e=t?this.iconElements.arrowUp:this.iconElements.arrowDown;return i(e,B(this,r,"f")),B(this,r,"f").addEventListener("mousedown",(t=>B(this,n,"m",H).call(this,t))),B(this,r,"f")},H=function(t){t.stopPropagation(),t.preventDefault(),this.focus(),B(this,n,"m",f).call(this)},P=function(){this.inputCallback(this.value)};var N={};t(N,"TreeselectList",(function(){return Bt}),(function(t){return Bt=t}));const j=(t,e,s="",i=0)=>t.reduce(((t,l)=>{var n;const o=!!(null===(n=l.children)||void 0===n?void 0:n.length),c=i>=e&&o,a=i>e;if(t.push({id:l.value,name:l.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:c,hidden:a}),o){const s=j(l.children,e,l.value,i+1);t.push(...s)}return t}),[]),G=({id:t,checked:e},s)=>{s.forEach((i=>{i.childOf===t&&(i.checked=null==e||e,i.isPartialChecked=!1,i.isGroup&&G(i,s))}))},q=(t,e)=>{const s=e.find((e=>e.id===t)),i=e.filter((t=>t.childOf===(null==s?void 0:s.id)));if(!s)return;const l=i.every((t=>t.checked)),n=i.some((t=>t.isPartialChecked||t.checked))&&!l,o=!l&&!n;l&&(s.checked=!0,s.isPartialChecked=!1),n&&(s.checked=!1,s.isPartialChecked=!0),o&&(s.checked=!1,s.isPartialChecked=!1),s.childOf&&q(s.childOf,e)},I=({id:t,isGroup:e,childOf:s,checked:i},l)=>{e&&G({id:t,checked:i},l),s&&q(s,l)},D=(t,e)=>e.reduce(((s,i)=>(i.childOf===t&&(s.push(i),i.isGroup&&s.push(...D(i.id,e))),s)),[]),V=(t,e)=>e.reduce(((s,i)=>(i.id===t&&(s.push(i),i.childOf&&s.push(...V(i.childOf,e))),s)),[]),$=t=>{const{onlyGroupsIds:e,allItems:s}=t.reduce(((t,e)=>e.checked?(e.isGroup&&t.onlyGroupsIds.push(e.id),t.allItems.push(e),t):t),{onlyGroupsIds:[],allItems:[]});return s.filter((t=>!e.some((e=>e===t.childOf))))},R=(t,{id:e,isClosed:s})=>{t.filter((t=>t.childOf===e)).forEach((e=>{e.hidden=null!=s&&s,e.isGroup&&!e.isClosed&&R(t,{id:e.id,isClosed:s})}))},z=(t,e)=>{const s=((t,e)=>t.reduce(((s,i)=>{if(i.name.toLowerCase().includes(e.toLowerCase())){if(s.push(i),i.isGroup){const e=D(i.id,t);s.push(...e)}if(i.childOf){const e=V(i.childOf,t);s.push(...e)}}return s}),[]))(t,e);t.forEach((e=>{s.some((t=>t.id===e.id))?(e.isGroup&&(e.isClosed=!1,R(t,e)),e.hidden=!1):e.hidden=!0}))},U=(t,e)=>{(t=>{t.forEach((t=>{t.checked=!1,t.isPartialChecked=!1}))})(e);e.filter((e=>t.some((t=>t===e.id)))).forEach((t=>{t.checked=!0,t.isPartialChecked=!1,I(t,e)}))};var Y,F,J,K,X,Q,Z,tt,et,st,it,lt,nt,ot,ct,at,rt,ht,dt,ut,pt,mt,ft,vt,wt,Et,gt,kt=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)},bt=function(t,e,s,i,l){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?l.call(t,s):l?l.value=s:e.set(t,s),s};const Lt=(t,e,s,i)=>{U(t,e),yt(e,s,i)},yt=(t,e,s)=>{t.forEach((i=>{const l=e.querySelector(`[input-id="${i.id}"]`),n=Ht(l);l.checked=i.checked,Ct(i,n),_t(i,n),xt(i,n,s),Tt(i,n),At(i,n,t),Ot(i,l,s)})),St(t,e)},Ct=(t,e)=>{t.checked?e.classList.add("treeselect-list__item--checked"):e.classList.remove("treeselect-list__item--checked")},_t=(t,e)=>{t.isPartialChecked?e.classList.add("treeselect-list__item--partial-checked"):e.classList.remove("treeselect-list__item--partial-checked")},xt=(t,e,s)=>{if(t.isGroup){const l=e.querySelector(".treeselect-list__item-icon"),n=t.isClosed?s.arrowRight:s.arrowDown;i(n,l),t.isClosed?e.classList.add("treeselect-list__item--closed"):e.classList.remove("treeselect-list__item--closed")}},Tt=(t,e)=>{t.hidden?e.classList.add("treeselect-list__item--hidden"):e.classList.remove("treeselect-list__item--hidden")},Ot=(t,e,s)=>{const l=e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");t.checked?i(s.check,l):t.isPartialChecked?i(s.partialCheck,l):l.innerHTML=""},At=(t,e,s)=>{if(0===t.level){const i=s.some((e=>e.isGroup&&e.level===t.level)),l=!t.isGroup&&i?"20px":"5px";e.style.paddingLeft=t.isGroup?"0":l}else e.style.paddingLeft=t.isGroup?20*t.level+"px":20*t.level+20+"px";e.setAttribute("level",t.level.toString()),e.setAttribute("group",t.isGroup.toString())},St=(t,e)=>{const s=t.some((t=>!t.hidden)),i=e.querySelector(".treeselect-list__empty");s?i.classList.add("treeselect-list__empty--hidden"):i.classList.remove("treeselect-list__empty--hidden")},Ht=t=>t.parentNode.parentNode,Pt=(t,e)=>e.find((e=>e.id.toString()===t));class Bt{updateValue(t){Lt(t,this.flattedOptions,this.srcElement,this.iconElements),kt(this,Y,"m",Et).call(this)}updateSearchValue(t){if(t===this.searchText)return;const e=""===this.searchText&&""!==t;this.searchText=t,e&&(this.flattedOptionsBeforeSearch=JSON.parse(JSON.stringify(this.flattedOptions))),""===this.searchText&&(this.flattedOptions=this.flattedOptionsBeforeSearch.map((t=>{const e=this.flattedOptions.find((e=>e.id===t.id));return e.isClosed=t.isClosed,e.hidden=t.hidden,e})),this.flattedOptionsBeforeSearch=[]),this.searchText&&z(this.flattedOptions,t),yt(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(t){bt(this,J,!1,"f");const e=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===t&&e&&e.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==t&&"ArrowRight"!==t||kt(this,Y,"m",K).call(this,e,t),"ArrowDown"!==t&&"ArrowUp"!==t||kt(this,Y,"m",X).call(this,e,t)}focusFirstListElement(){const t="treeselect-list__item--focused",e=this.srcElement.querySelector(`.${t}`),s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Ht(t)).display));if(!s.length)return;e&&e.classList.remove(t);Ht(s[0]).classList.add(t)}constructor({options:t,value:e,openLevel:s,listSlotHtmlComponent:i,emptyText:l,iconElements:n,inputCallback:o,arrowClickCallback:c,mouseupCallback:a}){Y.add(this),F.set(this,null),J.set(this,!0),this.options=t,this.value=e,this.openLevel=null!=s?s:0,this.listSlotHtmlComponent=null!=i?i:null,this.emptyText=null!=l?l:"No results found...",this.iconElements=n,this.searchText="",this.flattedOptions=j(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=kt(this,Y,"m",Q).call(this),this.inputCallback=o,this.arrowClickCallback=c,this.mouseupCallback=a,this.updateValue(this.value),(t=>{const{duplications:e}=t.reduce(((t,e)=>(t.allItems.some((t=>t.toString()===e.id.toString()))&&t.duplications.push(e.id),t.allItems.push(e.id),t)),{duplications:[],allItems:[]});e.length&&console.error(`Validation: You have duplicated values: ${e.join(", ")}! You should use unique values.`)})(this.flattedOptions)}}F=new WeakMap,J=new WeakMap,Y=new WeakSet,K=function(t,e){if(!t)return;const s=t.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=Pt(s,this.flattedOptions),l=t.querySelector(".treeselect-list__item-icon");"ArrowLeft"!==e||i.isClosed||l.dispatchEvent(new Event("mousedown")),"ArrowRight"===e&&i.isClosed&&l.dispatchEvent(new Event("mousedown"))},X=function(t,e){var s;const i=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Ht(t)).display));if(i.length)if(t){const t=i.findIndex((t=>Ht(t).classList.contains("treeselect-list__item--focused")));Ht(i[t]).classList.remove("treeselect-list__item--focused");const l="ArrowDown"===e?t+1:t-1,n="ArrowDown"===e?0:i.length-1,o=null!==(s=i[l])&&void 0!==s?s:i[n],c=!i[l],a=Ht(o);a.classList.add("treeselect-list__item--focused");const r=this.srcElement.getBoundingClientRect(),h=a.getBoundingClientRect();if(c&&"ArrowDown"===e)return void this.srcElement.scroll(0,0);if(c&&"ArrowUp"===e)return void this.srcElement.scroll(0,this.srcElement.scrollHeight);if(r.y+r.height<h.y+h.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+h.height);if(r.y>h.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-h.height)}else{Ht(i[0]).classList.add("treeselect-list__item--focused")}},Q=function(){const t=kt(this,Y,"m",Z).call(this),e=kt(this,Y,"m",st).call(this,this.options);t.append(...e);const s=kt(this,Y,"m",it).call(this);s&&t.append(s);const i=kt(this,Y,"m",lt).call(this);return t.append(i),t},Z=function(){const t=document.createElement("div");return t.classList.add("treeselect-list"),t.addEventListener("mouseout",(t=>kt(this,Y,"m",tt).call(this,t))),t.addEventListener("mousemove",(()=>kt(this,Y,"m",et).call(this))),t.addEventListener("mouseup",(()=>this.mouseupCallback()),!0),t},tt=function(t){t.stopPropagation(),kt(this,F,"f")&&kt(this,J,"f")&&kt(this,F,"f").classList.add("treeselect-list__item--focused")},et=function(){bt(this,J,!0,"f")},st=function t(e){return e.reduce(((e,s)=>{var i;if(null===(i=s.children)||void 0===i?void 0:i.length){const i=kt(this,Y,"m",nt).call(this,s),l=kt(this,Y,"m",t).call(this,s.children);return i.append(...l),e.push(i),e}const l=kt(this,Y,"m",ot).call(this,s,!1);return e.push(l),e}),[])},it=function(){if(!this.listSlotHtmlComponent)return null;const t=document.createElement("div");return t.classList.add("treeselect-list__slot"),t.appendChild(this.listSlotHtmlComponent),t},lt=function(){const t=document.createElement("div");t.classList.add("treeselect-list__empty"),t.setAttribute("title",this.emptyText);const e=document.createElement("span");e.classList.add("treeselect-list__empty-icon"),i(this.iconElements.attention,e);const s=document.createElement("span");return s.classList.add("treeselect-list__empty-text"),s.innerHTML=this.emptyText,t.append(e,s),t},nt=function(t){const e=document.createElement("div");e.setAttribute("group-container-id",t.value.toString()),e.classList.add("treeselect-list__group-container");const s=kt(this,Y,"m",ot).call(this,t,!0);return e.appendChild(s),e},ot=function(t,e){const s=kt(this,Y,"m",ct).call(this,t);if(e){const t=kt(this,Y,"m",dt).call(this);s.appendChild(t)}const i=kt(this,Y,"m",pt).call(this,t),l=kt(this,Y,"m",mt).call(this,t);return s.append(i,l),s},ct=function(t){const e=document.createElement("div");return e.setAttribute("tabindex","-1"),e.setAttribute("title",t.name),e.classList.add("treeselect-list__item"),e.addEventListener("mouseover",(()=>kt(this,Y,"m",at).call(this,e)),!0),e.addEventListener("mouseout",(()=>kt(this,Y,"m",rt).call(this,e)),!0),e.addEventListener("mousedown",(e=>kt(this,Y,"m",ht).call(this,e,t))),e},at=function(t){kt(this,J,"f")&&kt(this,Y,"m",wt).call(this,!0,t)},rt=function(t){kt(this,J,"f")&&(kt(this,Y,"m",wt).call(this,!1,t),bt(this,F,t,"f"))},ht=function(t,e){t.stopPropagation();const s=t.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,kt(this,Y,"m",ft).call(this,s,e)},dt=function(){const t=document.createElement("span");return t.setAttribute("tabindex","-1"),t.classList.add("treeselect-list__item-icon"),i(this.iconElements.arrowDown,t),t.addEventListener("mousedown",(t=>kt(this,Y,"m",ut).call(this,t))),t},ut=function(t){t.stopPropagation(),kt(this,Y,"m",vt).call(this,t)},pt=function(t){const e=document.createElement("div");e.classList.add("treeselect-list__item-checkbox-container");const s=document.createElement("span");s.classList.add("treeselect-list__item-checkbox-icon"),s.innerHTML="";const i=document.createElement("input");return i.setAttribute("tabindex","-1"),i.setAttribute("type","checkbox"),i.setAttribute("input-id",t.value.toString()),i.classList.add("treeselect-list__item-checkbox"),e.append(s,i),e},mt=function(t){const e=document.createElement("label");return e.innerHTML=t.name,e.classList.add("treeselect-list__item-label"),e},ft=function(t,e){const s=this.flattedOptions.find((t=>t.id===e.value));s&&(s.checked=t.checked,s.isPartialChecked=!1,I(s,this.flattedOptions),yt(this.flattedOptions,this.srcElement,this.iconElements),kt(this,Y,"m",gt).call(this))},vt=function(t){var e,s,i;const l=null===(s=null===(e=t.target)||void 0===e?void 0:e.parentNode)||void 0===s?void 0:s.querySelector("[input-id]"),n=null!==(i=null==l?void 0:l.getAttribute("input-id"))&&void 0!==i?i:null,o=Pt(n,this.flattedOptions);o&&(o.isClosed=!o.isClosed,R(this.flattedOptions,o),yt(this.flattedOptions,this.srcElement,this.iconElements),this.arrowClickCallback())},wt=function(t,e){const s="treeselect-list__item--focused";if(t){const t=Array.from(this.srcElement.querySelectorAll(`.${s}`));t.length&&t.forEach((t=>t.classList.remove(s))),e.classList.add(s)}else e.classList.remove(s)},Et=function(){var t;this.selectedNodes={nodes:(t=this.flattedOptions,t.filter((t=>t.checked&&!t.isGroup))),groupedNodes:$(this.flattedOptions)}},gt=function(){kt(this,Y,"m",Et).call(this),this.inputCallback(this.selectedNodes)};var Mt,Wt,Nt,jt,Gt,qt,It,Dt,Vt,$t,Rt,zt,Ut,Yt,Ft,Jt,Kt,Xt,Qt,Zt,te,ee,se=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)},ie=function(t,e,s,i,l){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?l.call(t,s):l?l.value=s:e.set(t,s),s};const le=t=>t.map((t=>t.id));class ne{mount(){var t;this.destroy();const{container:e,list:s,input:i}=se(this,Mt,"m",Vt).call(this);this.srcElement=e,ie(this,Wt,s,"f"),ie(this,Nt,i,"f"),ie(this,Gt,this.scrollWindowHandler.bind(this),"f"),ie(this,qt,this.scrollWindowHandler.bind(this),"f"),ie(this,It,this.focusWindowHandler.bind(this),"f"),ie(this,Dt,this.blurWindowHandler.bind(this),"f"),this.alwaysOpen&&(null===(t=se(this,Nt,"f"))||void 0===t||t.openClose()),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(t){var e;const s=se(this,Wt,"f");if(s){s.updateValue(t);const{groupedNodes:i,nodes:l}=s.selectedNodes,n=this.grouped?i:l;null===(e=se(this,Nt,"f"))||void 0===e||e.updateValue(n)}}destroy(){this.srcElement&&(se(this,Mt,"m",Kt).call(this),this.srcElement.innerHTML="",this.srcElement=null,se(this,Mt,"m",te).call(this,!0))}focus(){se(this,Nt,"f")&&se(this,Nt,"f").focus()}toggleOpenClose(){se(this,Nt,"f")&&(se(this,Nt,"f").openClose(),se(this,Nt,"f").focus())}scrollWindowHandler(){this.updateListPosition()}focusWindowHandler(t){var e,s,i;(null===(e=this.srcElement)||void 0===e?void 0:e.contains(t.target))||(null===(s=se(this,Wt,"f"))||void 0===s?void 0:s.srcElement.contains(t.target))||(null===(i=se(this,Nt,"f"))||void 0===i||i.blur(),se(this,Mt,"m",te).call(this,!1),se(this,Mt,"m",Qt).call(this,!1))}blurWindowHandler(){var t;null===(t=se(this,Nt,"f"))||void 0===t||t.blur(),se(this,Mt,"m",te).call(this,!1),se(this,Mt,"m",Qt).call(this,!1)}updateListPosition(){var t;const e=this.srcElement,s=null===(t=se(this,Wt,"f"))||void 0===t?void 0:t.srcElement;if(!e||!s)return;s.style.transform="";const{y:i,height:l}=s.getBoundingClientRect(),{x:n,y:o,height:c,width:a}=e.getBoundingClientRect(),r=window.innerHeight-o-c,h=o>r&&o>=l&&r<l;this.appendToBody&&(s.style.transform=h?`translateY(${o-i-l}px)`:`translateY(${o+c-i}px)`,s.style.width=`${a}px`,s.style.left=`${n+window.scrollX}px`);const d=h?"top":"bottom";s.getAttribute("direction")!==d&&(s.setAttribute("direction",d),se(this,Mt,"m",Xt).call(this,h,this.appendToBody))}constructor({parentHtmlContainer:t,value:e,options:s,openLevel:i,appendToBody:n,alwaysOpen:o,showTags:c,tagsCountText:a,clearable:r,searchable:h,placeholder:d,grouped:u,listSlotHtmlComponent:p,disabled:m,emptyText:f,staticList:v,id:w,iconElements:E,inputCallback:g}){Mt.add(this),Wt.set(this,null),Nt.set(this,null),jt.set(this,null),Gt.set(this,null),qt.set(this,null),It.set(this,null),Dt.set(this,null),(({parentHtmlContainer:t,staticList:e,appendToBody:s})=>{t||console.error("Validation: parentHtmlContainer prop is required!"),e&&s&&console.error("Validation: You should set staticList to false if you use appendToBody!")})({parentHtmlContainer:t,staticList:v,appendToBody:n}),this.parentHtmlContainer=t,this.value=null!=e?e:[],this.options=null!=s?s:[],this.openLevel=null!=i?i:0,this.appendToBody=null==n||n,this.alwaysOpen=!(!o||m),this.showTags=null==c||c,this.tagsCountText=null!=a?a:"elements selected",this.clearable=null==r||r,this.searchable=null==h||h,this.placeholder=null!=d?d:"Search...",this.grouped=null==u||u,this.listSlotHtmlComponent=null!=p?p:null,this.disabled=null!=m&&m,this.emptyText=null!=f?f:"No results found...",this.staticList=!(!v||this.appendToBody),this.id=null!=w?w:"",this.iconElements=l(E),this.inputCallback=g,this.isListOpened=!1,this.srcElement=null,this.mount()}}Wt=new WeakMap,Nt=new WeakMap,jt=new WeakMap,Gt=new WeakMap,qt=new WeakMap,It=new WeakMap,Dt=new WeakMap,Mt=new WeakSet,Vt=function(){const t=this.parentHtmlContainer;t.classList.add("treeselect");const s=new(0,N.TreeselectList)({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements,inputCallback:t=>se(this,Mt,"m",Yt).call(this,t),arrowClickCallback:()=>se(this,Mt,"m",Ft).call(this),mouseupCallback:()=>{var t;return null===(t=se(this,Nt,"f"))||void 0===t?void 0:t.focus()}}),{groupedNodes:i,nodes:l}=s.selectedNodes,n=new(0,e.TreeselectInput)({value:this.grouped?i:l,showTags:this.showTags,tagsCountText:this.tagsCountText,clearable:this.clearable,isAlwaysOpened:this.alwaysOpen,searchable:this.searchable,placeholder:this.placeholder,disabled:this.disabled,id:this.id,iconElements:this.iconElements,inputCallback:t=>se(this,Mt,"m",$t).call(this,t),searchCallback:t=>se(this,Mt,"m",zt).call(this,t),openCallback:()=>se(this,Mt,"m",Jt).call(this),closeCallback:()=>se(this,Mt,"m",Kt).call(this),keydownCallback:t=>se(this,Mt,"m",Rt).call(this,t),focusCallback:()=>se(this,Mt,"m",Ut).call(this)});return this.appendToBody&&ie(this,jt,new ResizeObserver((()=>this.updateListPosition())),"f"),t.append(n.srcElement),{container:t,list:s,input:n}},$t=function(t){var e,s,i;const l=le(t);null===(e=se(this,Wt,"f"))||void 0===e||e.updateValue(l);const n=null===(i=null===(s=se(this,Wt,"f"))||void 0===s?void 0:s.selectedNodes)||void 0===i?void 0:i.nodes;this.value=n?le(n):[],se(this,Mt,"m",ee).call(this)},Rt=function(t){var e;this.isListOpened&&(null===(e=se(this,Wt,"f"))||void 0===e||e.callKeyAction(t))},zt=function(t){var e;null===(e=se(this,Wt,"f"))||void 0===e||e.updateSearchValue(t),this.updateListPosition()},Ut=function(){se(this,Mt,"m",Qt).call(this,!0),se(this,It,"f")&&se(this,It,"f")&&se(this,Dt,"f")&&(document.addEventListener("mousedown",se(this,It,"f"),!0),document.addEventListener("focus",se(this,It,"f"),!0),window.addEventListener("blur",se(this,Dt,"f")))},Yt=function(t){var e,s;const{groupedNodes:i,nodes:l}=t,n=this.grouped?i:l;null===(e=se(this,Nt,"f"))||void 0===e||e.updateValue(n),this.value=le(l),null===(s=se(this,Nt,"f"))||void 0===s||s.focus(),se(this,Mt,"m",ee).call(this)},Ft=function(){var t;null===(t=se(this,Nt,"f"))||void 0===t||t.focus(),this.updateListPosition()},Jt=function(){var t;this.isListOpened=!0,se(this,Gt,"f")&&se(this,qt,"f")&&(window.addEventListener("scroll",se(this,Gt,"f"),!0),window.addEventListener("resize",se(this,qt,"f"))),se(this,Wt,"f")&&this.srcElement&&(this.appendToBody?(document.body.appendChild(se(this,Wt,"f").srcElement),null===(t=se(this,jt,"f"))||void 0===t||t.observe(this.srcElement)):this.srcElement.appendChild(se(this,Wt,"f").srcElement),this.updateListPosition(),se(this,Mt,"m",Zt).call(this,!0),se(this,Wt,"f").focusFirstListElement())},Kt=function(){var t;if(this.alwaysOpen)return;if(this.isListOpened=!1,se(this,Gt,"f")&&se(this,qt,"f")&&(window.removeEventListener("scroll",se(this,Gt,"f"),!0),window.removeEventListener("resize",se(this,qt,"f"))),!se(this,Wt,"f")||!this.srcElement)return;(this.appendToBody?document.body.contains(se(this,Wt,"f").srcElement):this.srcElement.contains(se(this,Wt,"f").srcElement))&&(this.appendToBody?(document.body.removeChild(se(this,Wt,"f").srcElement),null===(t=se(this,jt,"f"))||void 0===t||t.disconnect()):this.srcElement.removeChild(se(this,Wt,"f").srcElement),se(this,Mt,"m",Zt).call(this,!1))},Xt=function(t,e){if(!se(this,Wt,"f")||!se(this,Nt,"f"))return;const s=e?"treeselect-list--top-to-body":"treeselect-list--top",i=e?"treeselect-list--bottom-to-body":"treeselect-list--bottom";t?(se(this,Wt,"f").srcElement.classList.add(s),se(this,Wt,"f").srcElement.classList.remove(i),se(this,Nt,"f").srcElement.classList.add("treeselect-input--top"),se(this,Nt,"f").srcElement.classList.remove("treeselect-input--bottom")):(se(this,Wt,"f").srcElement.classList.remove(s),se(this,Wt,"f").srcElement.classList.add(i),se(this,Nt,"f").srcElement.classList.remove("treeselect-input--top"),se(this,Nt,"f").srcElement.classList.add("treeselect-input--bottom"))},Qt=function(t){se(this,Nt,"f")&&se(this,Wt,"f")&&(t?(se(this,Nt,"f").srcElement.classList.add("treeselect-input--focused"),se(this,Wt,"f").srcElement.classList.add("treeselect-list--focused")):(se(this,Nt,"f").srcElement.classList.remove("treeselect-input--focused"),se(this,Wt,"f").srcElement.classList.remove("treeselect-list--focused")))},Zt=function(t){var e,s,i,l;t?null===(e=se(this,Nt,"f"))||void 0===e||e.srcElement.classList.add("treeselect-input--opened"):null===(s=se(this,Nt,"f"))||void 0===s||s.srcElement.classList.remove("treeselect-input--opened"),this.staticList?null===(i=se(this,Wt,"f"))||void 0===i||i.srcElement.classList.add("treeselect-list--static"):null===(l=se(this,Wt,"f"))||void 0===l||l.srcElement.classList.remove("treeselect-list--static")},te=function(t){se(this,Gt,"f")&&se(this,qt,"f")&&se(this,It,"f")&&se(this,Dt,"f")&&(this.alwaysOpen&&!t||(window.removeEventListener("scroll",se(this,Gt,"f"),!0),window.removeEventListener("resize",se(this,qt,"f"))),document.removeEventListener("mousedown",se(this,It,"f"),!0),document.removeEventListener("focus",se(this,It,"f"),!0),window.removeEventListener("blur",se(this,Dt,"f")))},ee=function(){var t;null===(t=this.srcElement)||void 0===t||t.dispatchEvent(new CustomEvent("input",{detail:this.value})),this.inputCallback&&this.inputCallback(this.value)};

package/dist/treeselect-js.css

@@ -1 +1 @@
-.treeselect-input{width:100%;box-sizing:border-box;min-height:37px;cursor:text;background-color:#fff;border:1px solid #d7dde4;border-radius:4px;flex-wrap:wrap;align-items:center;padding:2px 40px 2px 4px;display:flex;position:relative}.treeselect-input--unsearchable{cursor:default}.treeselect-input--unsearchable .treeselect-input__edit{caret-color:#0000;cursor:default}.treeselect-input__tags{max-width:100%;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.treeselect-input__tags-element{cursor:pointer;max-width:100%;box-sizing:border-box;background-color:#d7dde4;border-radius:2px;align-items:center;padding:2px 5px;font-size:14px;display:inline-flex}.treeselect-input__tags-element:hover{background-color:#c5c7cb}.treeselect-input__tags-element:hover .treeselect-input__tags-cross svg{stroke:#eb4c42}.treeselect-input__tags-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.treeselect-input__tags-cross{margin-left:2px;display:flex}.treeselect-input__tags-cross svg{width:12px;height:12px}.treeselect-input__tags-count{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.treeselect-input__edit{min-width:0;border:none;flex:1;font-size:14px}.treeselect-input__edit:focus{min-width:30px;outline:none}.treeselect-input__operators{max-width:40px;display:flex;position:absolute;right:2px}.treeselect-input__clear{cursor:pointer;display:flex}.treeselect-input__clear svg{stroke:#c5c7cb;width:17px;min-width:17px;height:20px}.treeselect-input__clear:hover svg{stroke:#838790}.treeselect-input__arrow{cursor:pointer;display:flex}.treeselect-input__arrow svg{stroke:#c5c7cb;width:20px;min-width:20px;height:20px}.treeselect-input__arrow:hover svg{stroke:#838790}.treeselect-list{width:100%;box-sizing:border-box;max-height:300px;background-color:#fff;border:1px solid #d7dde4;overflow-y:auto}.treeselect-list__group-container{box-sizing:border-box}.treeselect-list__item{box-sizing:border-box;cursor:pointer;height:30px;align-items:center;display:flex}.treeselect-list__item:focus{outline:none}.treeselect-list__item--focused{background-color:azure!important}.treeselect-list__item--hidden{display:none}.treeselect-list__item-icon{cursor:pointer;height:20px;width:20px;min-width:20px;align-items:center;display:flex}.treeselect-list__item-icon svg{pointer-events:none;width:100%;height:100%;stroke:#c5c7cb}.treeselect-list__item-icon *{pointer-events:none}.treeselect-list__item-icon:hover svg{stroke:#838790}.treeselect-list__item-checkbox-container{width:20px;height:20px;min-width:20px;pointer-events:none;box-sizing:border-box;background-color:#fff;border:1px solid #d7dde4;border-radius:3px;position:relative}.treeselect-list__item-checkbox-container svg{height:100%;width:100%;position:absolute}.treeselect-list__item-checkbox{width:0;height:0;pointer-events:none;z-index:-1;margin:0;position:absolute}.treeselect-list__item-checkbox-icon{height:100%;width:100%;position:absolute;top:0;left:0}.treeselect-list__item-label{width:100%;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;pointer-events:none;padding-left:5px;font-size:14px;overflow:hidden}.treeselect-list__empty{height:30px;align-items:center;padding-left:4px;display:flex}.treeselect-list__empty--hidden{display:none}.treeselect-list__empty-icon{align-items:center;display:flex}.treeselect-list__empty-text{text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;padding-left:5px;font-size:14px;overflow:hidden}.treeselect-list__slot{box-sizing:border-box;width:100%;max-width:100%;background-color:#fff;position:sticky;bottom:0}.treeselect-list__item .treeselect-list__item-checkbox-container svg{stroke:#0000}.treeselect-list__item--checked .treeselect-list__item-checkbox-container svg,.treeselect-list__item--partial-checked .treeselect-list__item-checkbox-container svg{stroke:#fff}.treeselect-list__item--checked .treeselect-list__item-checkbox-container,.treeselect-list__item--partial-checked .treeselect-list__item-checkbox-container{background-color:#52c67e}.treeselect{width:100%;box-sizing:border-box;position:relative}.treeselect--disabled{pointer-events:none}.treeselect-list{box-sizing:border-box;z-index:1000;border-radius:4px;position:absolute;left:0}.treeselect .treeselect-list{position:absolute}.treeselect .treeselect-list--static{position:static}.treeselect-input--focused{border-color:#101010}.treeselect-input--opened.treeselect-input--top{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}.treeselect-input--opened.treeselect-input--bottom{border-bottom-color:#0000;border-bottom-left-radius:0;border-bottom-right-radius:0}.treeselect-list--focused{border-color:#101010}.treeselect-list--top,.treeselect-list--top-to-body{border-bottom-color:#d7dde4;border-bottom-left-radius:0;border-bottom-right-radius:0}.treeselect-list--bottom,.treeselect-list--bottom-to-body{border-top-color:#d7dde4;border-top-left-radius:0;border-top-right-radius:0}.treeselect-list--top{bottom:100%;left:0}.treeselect-list--bottom{top:100%;left:0}
+.treeselect-input{width:100%;box-sizing:border-box;min-height:37px;cursor:text;background-color:#fff;border:1px solid #d7dde4;border-radius:4px;flex-wrap:wrap;align-items:center;padding:2px 40px 2px 4px;display:flex;position:relative}.treeselect-input--unsearchable{cursor:default}.treeselect-input--unsearchable .treeselect-input__edit{caret-color:#0000;cursor:default}.treeselect-input--unsearchable .treeselect-input__edit:focus{z-index:-1;position:absolute}.treeselect-input--value-not-selected .treeselect-input__edit{width:auto;z-index:auto}.treeselect-input--value-not-selected .treeselect-input__tags{gap:0}.treeselect-input__tags{max-width:100%;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.treeselect-input__tags-element{cursor:pointer;max-width:100%;box-sizing:border-box;background-color:#d7dde4;border-radius:2px;align-items:center;padding:2px 5px;font-size:14px;display:inline-flex}.treeselect-input__tags-element:hover{background-color:#c5c7cb}.treeselect-input__tags-element:hover .treeselect-input__tags-cross svg{stroke:#eb4c42}.treeselect-input__tags-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.treeselect-input__tags-cross{margin-left:2px;display:flex}.treeselect-input__tags-cross svg{width:12px;height:12px}.treeselect-input__tags-count{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.treeselect-input__edit{width:0;z-index:-1;min-width:0;border:none;flex:1;font-size:14px;position:absolute}.treeselect-input__edit:focus{min-width:30px;z-index:auto;width:auto;outline:none;position:static}.treeselect-input__operators{max-width:40px;display:flex;position:absolute;right:2px}.treeselect-input__clear{cursor:pointer;display:flex}.treeselect-input__clear svg{stroke:#c5c7cb;width:17px;min-width:17px;height:20px}.treeselect-input__clear:hover svg{stroke:#838790}.treeselect-input__arrow{cursor:pointer;display:flex}.treeselect-input__arrow svg{stroke:#c5c7cb;width:20px;min-width:20px;height:20px}.treeselect-input__arrow:hover svg{stroke:#838790}.treeselect-list{width:100%;box-sizing:border-box;max-height:300px;background-color:#fff;border:1px solid #d7dde4;overflow-y:auto}.treeselect-list__group-container{box-sizing:border-box}.treeselect-list__item{box-sizing:border-box;cursor:pointer;height:30px;align-items:center;display:flex}.treeselect-list__item:focus{outline:none}.treeselect-list__item--focused{background-color:azure!important}.treeselect-list__item--hidden{display:none}.treeselect-list__item-icon{cursor:pointer;height:20px;width:20px;min-width:20px;align-items:center;display:flex}.treeselect-list__item-icon svg{pointer-events:none;width:100%;height:100%;stroke:#c5c7cb}.treeselect-list__item-icon *{pointer-events:none}.treeselect-list__item-icon:hover svg{stroke:#838790}.treeselect-list__item-checkbox-container{width:20px;height:20px;min-width:20px;pointer-events:none;box-sizing:border-box;background-color:#fff;border:1px solid #d7dde4;border-radius:3px;position:relative}.treeselect-list__item-checkbox-container svg{height:100%;width:100%;position:absolute}.treeselect-list__item-checkbox{width:0;height:0;pointer-events:none;z-index:-1;margin:0;position:absolute}.treeselect-list__item-checkbox-icon{height:100%;width:100%;position:absolute;top:0;left:0}.treeselect-list__item-label{width:100%;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;pointer-events:none;padding-left:5px;font-size:14px;overflow:hidden}.treeselect-list__empty{height:30px;align-items:center;padding-left:4px;display:flex}.treeselect-list__empty--hidden{display:none}.treeselect-list__empty-icon{align-items:center;display:flex}.treeselect-list__empty-text{text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;padding-left:5px;font-size:14px;overflow:hidden}.treeselect-list__slot{box-sizing:border-box;width:100%;max-width:100%;background-color:#fff;position:sticky;bottom:0}.treeselect-list__item .treeselect-list__item-checkbox-container svg{stroke:#0000}.treeselect-list__item--checked .treeselect-list__item-checkbox-container svg,.treeselect-list__item--partial-checked .treeselect-list__item-checkbox-container svg{stroke:#fff}.treeselect-list__item--checked .treeselect-list__item-checkbox-container,.treeselect-list__item--partial-checked .treeselect-list__item-checkbox-container{background-color:#52c67e}.treeselect{width:100%;box-sizing:border-box;position:relative}.treeselect--disabled{pointer-events:none}.treeselect-list{box-sizing:border-box;z-index:1000;border-radius:4px;position:absolute;left:0}.treeselect .treeselect-list{position:absolute}.treeselect .treeselect-list--static{position:static}.treeselect-input--focused{border-color:#101010}.treeselect-input--opened.treeselect-input--top{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0}.treeselect-input--opened.treeselect-input--bottom{border-bottom-color:#0000;border-bottom-left-radius:0;border-bottom-right-radius:0}.treeselect-list--focused{border-color:#101010}.treeselect-list--top,.treeselect-list--top-to-body{border-bottom-color:#d7dde4;border-bottom-left-radius:0;border-bottom-right-radius:0}.treeselect-list--bottom,.treeselect-list--bottom-to-body{border-top-color:#d7dde4;border-top-left-radius:0;border-top-right-radius:0}.treeselect-list--top{bottom:100%;left:0}.treeselect-list--bottom{top:100%;left:0}

package/dist/treeselect-js.d.ts

@@ -63,7 +63,7 @@ type IconsType = {
     check: string | HTMLElement;
     partialCheck: string | HTMLElement;
 };
-export default class Treeselect implements ITreeslect {
+export class Treeselect implements ITreeslect {
     #private;
     parentHtmlContainer: HTMLElement;
     value: ValueOptionType[];
@@ -97,4 +97,3 @@ export default class Treeselect implements ITreeslect {
     blurWindowHandler(): void;
     updateListPosition(): void;
 }
-export default Treeselect;

package/dist/treeselect-js.mjs.js

@@ -1 +1 @@
-import t from"@swc/helpers/src/_class_private_field_get.mjs";import e from"@swc/helpers/src/_class_private_field_init.mjs";import s from"@swc/helpers/src/_class_private_field_set.mjs";import i from"@swc/helpers/src/_class_private_method_get.mjs";import n from"@swc/helpers/src/_class_private_method_init.mjs";const l={arrowUp:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>',arrowDown:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>',attention:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',clear:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',cross:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',check:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',partialCheck:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'},o=(t,e)=>{if(e.innerHTML="","string"==typeof t)e.innerHTML=t;else{const s=t.cloneNode(!0);e.appendChild(s)}},c=t=>{const e=t?{...t}:{};return Object.keys(l).forEach((t=>{e[t]||(e[t]=l[t])})),e};var a=new WeakMap,h=new WeakMap,r=new WeakMap,d=new WeakMap,u=new WeakSet,p=new WeakSet,m=new WeakSet,v=new WeakSet,w=new WeakSet,f=new WeakSet,E=new WeakSet,k=new WeakSet,g=new WeakSet,L=new WeakSet,_=new WeakSet,b=new WeakSet,y=new WeakSet,S=new WeakSet,x=new WeakSet,W=new WeakSet,C=new WeakSet,O=new WeakSet,T=new WeakSet,A=new WeakSet,H=new WeakSet,B=new WeakSet,M=new WeakSet,P=new WeakSet,N=new WeakSet,G=new WeakSet;function j(){i(this,p,q).call(this),i(this,w,V).call(this),i(this,m,D).call(this)}function q(){t(this,a).innerHTML="",this.showTags?t(this,a).append(...i(this,L,Y).call(this)):t(this,a).appendChild(i(this,S,X).call(this))}function D(){const e=[];t(this,r).innerHTML="",this.clearable&&e.push(i(this,T,st).call(this)),this.isAlwaysOpened||e.push(i(this,H,nt).call(this,this.isOpened)),e.length&&t(this,r).append(...e)}function I(){if(!this.isAlwaysOpened&&t(this,d)){const e=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;o(e,t(this,d))}}function V(){var e;(null===(e=this.value)||void 0===e?void 0:e.length)?t(this,h).removeAttribute("placeholder"):t(this,h).setAttribute("placeholder",this.placeholder),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),t(this,h).value=this.searchText}function $(){this.isOpened=!this.isOpened,i(this,v,I).call(this),this.isOpened?i(this,N,at).call(this):i(this,G,ht).call(this)}function R(t,e,s){const n=document.createElement("div");return n.classList.add("treeselect-input"),n.setAttribute("tabindex","-1"),n.addEventListener("mousedown",(t=>i(this,k,z).call(this,t))),n.append(t,e,s),n}function z(t){t.preventDefault(),this.isOpened||i(this,f,$).call(this),this.focus()}function U(){const t=document.createElement("div");return t.classList.add("treeselect-input__tags"),t}function Y(){return this.value.map((t=>{const e=document.createElement("div");e.classList.add("treeselect-input__tags-element"),e.setAttribute("tabindex","-1"),e.setAttribute("tag-id",t.id.toString()),e.setAttribute("title",t.name);const s=i(this,b,J).call(this,t.name),n=i(this,y,K).call(this);return e.addEventListener("mousedown",(e=>i(this,_,F).call(this,e,t.id))),e.append(s,n),e}))}function F(t,e){t.preventDefault(),t.stopPropagation(),this.focus(),this.removeItem(e)}function J(t){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-name"),e.innerHTML=t,e}function K(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-cross"),o(this.iconElements.cross,t),t}function X(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-count"),this.value.length?(t.innerHTML=1===this.value.length?this.value[0].name:`${this.value.length} ${this.tagsCountText}`,t):(t.innerHTML="",t)}function Q(){const t=document.createElement("input");return t.classList.add("treeselect-input__edit"),t.setAttribute("id",this.id),this.disabled&&t.setAttribute("tabindex","-1"),t.addEventListener("keydown",(t=>i(this,W,Z).call(this,t))),t.addEventListener("input",(e=>i(this,C,tt).call(this,e,t))),t}function Z(t){"Backspace"!==t.key||this.searchText.length||!this.value.length||this.showTags||this.clear(),"Backspace"===t.key&&!this.searchText.length&&this.value.length&&this.removeItem(this.value[this.value.length-1].id),"Space"!==t.code||this.searchText&&this.searchable||i(this,f,$).call(this)}function tt(t,e){t.stopPropagation();const s=this.searchText,n=e.value.trim();if(0!==s.length||0!==n.length){if(this.searchable){const e=t.target.value;i(this,P,ct).call(this,e),this.isOpened||i(this,f,$).call(this)}else e.value="";this.searchText=e.value}else e.value=""}function et(){const t=document.createElement("div");return t.classList.add("treeselect-input__operators"),t}function st(){const t=document.createElement("span");return t.classList.add("treeselect-input__clear"),t.setAttribute("tabindex","-1"),o(this.iconElements.clear,t),t.addEventListener("mousedown",(t=>i(this,A,it).call(this,t))),t}function it(e){var s;e.preventDefault(),e.stopPropagation(),null===(s=t(this,h))||void 0===s||s.focus(),(this.searchText.length||this.value.length)&&this.clear()}function nt(e){s(this,d,document.createElement("span")),t(this,d).classList.add("treeselect-input__arrow");const n=e?this.iconElements.arrowUp:this.iconElements.arrowDown;return o(n,t(this,d)),t(this,d).addEventListener("mousedown",(t=>i(this,B,lt).call(this,t))),t(this,d)}function lt(t){t.stopPropagation(),t.preventDefault(),this.focus(),i(this,f,$).call(this)}function ot(){this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.value}))}function ct(t){this.srcElement.dispatchEvent(new CustomEvent("search",{detail:t}))}function at(){this.srcElement.dispatchEvent(new CustomEvent("open"))}function ht(){this.srcElement.dispatchEvent(new CustomEvent("close"))}var rt=class{focus(){t(this,h).focus()}blur(){this.isOpened&&i(this,f,$).call(this)}updateValue(t){this.value=t,i(this,p,q).call(this),i(this,w,V).call(this)}removeItem(t){this.value=this.value.filter((e=>e.id!==t)),i(this,M,ot).call(this),i(this,p,q).call(this),i(this,w,V).call(this)}clear(){this.value=[],this.searchText="",i(this,P,ct).call(this,""),i(this,M,ot).call(this),i(this,p,q).call(this),i(this,w,V).call(this)}openClose(){i(this,f,$).call(this)}constructor({value:l,showTags:o,tagsCountText:c,clearable:q,isAlwaysOpened:D,searchable:I,placeholder:V,disabled:$,id:z,iconElements:Y}){n(this,u),n(this,p),n(this,m),n(this,v),n(this,w),n(this,f),n(this,E),n(this,k),n(this,g),n(this,L),n(this,_),n(this,b),n(this,y),n(this,S),n(this,x),n(this,W),n(this,C),n(this,O),n(this,T),n(this,A),n(this,H),n(this,B),n(this,M),n(this,P),n(this,N),n(this,G),e(this,a,{writable:!0,value:void 0}),e(this,h,{writable:!0,value:void 0}),e(this,r,{writable:!0,value:void 0}),e(this,d,{writable:!0,value:void 0}),this.value=l,this.showTags=o,this.tagsCountText=c,this.searchable=I,this.placeholder=V,this.clearable=q,this.isAlwaysOpened=D,this.disabled=$,this.id=z,this.iconElements=Y,this.isOpened=!1,this.searchText="",s(this,a,i(this,g,U).call(this)),s(this,h,i(this,x,Q).call(this)),s(this,r,i(this,O,et).call(this)),s(this,d,null),this.srcElement=i(this,E,R).call(this,t(this,a),t(this,h),t(this,r)),i(this,u,j).call(this)}};const dt=(t,e,s="",i=0)=>t.reduce(((t,n)=>{var l;const o=!!(null===(l=n.children)||void 0===l?void 0:l.length),c=i>=e&&o,a=i>e;if(t.push({id:n.value,name:n.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:c,hidden:a}),o){const s=dt(n.children,e,n.value,i+1);t.push(...s)}return t}),[]),ut=({id:t,checked:e},s)=>{s.forEach((i=>{i.childOf===t&&(i.checked=null==e||e,i.isPartialChecked=!1,i.isGroup&&ut(i,s))}))},pt=(t,e)=>{const s=e.find((e=>e.id===t)),i=e.filter((t=>t.childOf===(null==s?void 0:s.id)));if(!s)return;const n=i.every((t=>t.checked)),l=i.some((t=>t.isPartialChecked||t.checked))&&!n,o=!n&&!l;n&&(s.checked=!0,s.isPartialChecked=!1),l&&(s.checked=!1,s.isPartialChecked=!0),o&&(s.checked=!1,s.isPartialChecked=!1),s.childOf&&pt(s.childOf,e)},mt=({id:t,isGroup:e,childOf:s,checked:i},n)=>{e&&ut({id:t,checked:i},n),s&&pt(s,n)},vt=(t,e)=>e.reduce(((s,i)=>(i.childOf===t&&(s.push(i),i.isGroup&&s.push(...vt(i.id,e))),s)),[]),wt=(t,e)=>e.reduce(((s,i)=>(i.id===t&&(s.push(i),i.childOf&&s.push(...wt(i.childOf,e))),s)),[]),ft=t=>{const{onlyGroupsIds:e,allItems:s}=t.reduce(((t,e)=>e.checked?(e.isGroup&&t.onlyGroupsIds.push(e.id),t.allItems.push(e),t):t),{onlyGroupsIds:[],allItems:[]});return s.filter((t=>!e.some((e=>e===t.childOf))))},Et=(t,{id:e,isClosed:s})=>{t.filter((t=>t.childOf===e)).forEach((e=>{e.hidden=null!=s&&s,e.isGroup&&!e.isClosed&&Et(t,{id:e.id,isClosed:s})}))},kt=(t,e)=>{const s=((t,e)=>t.reduce(((s,i)=>{if(i.name.toLowerCase().includes(e.toLowerCase())){if(s.push(i),i.isGroup){const e=vt(i.id,t);s.push(...e)}if(i.childOf){const e=wt(i.childOf,t);s.push(...e)}}return s}),[]))(t,e);t.forEach((e=>{s.some((t=>t.id===e.id))?(e.isGroup&&(e.isClosed=!1,Et(t,e)),e.hidden=!1):e.hidden=!0}))},gt=(t,e)=>{(t=>{t.forEach((t=>{t.checked=!1,t.isPartialChecked=!1}))})(e);e.filter((e=>t.some((t=>t===e.id)))).forEach((t=>{t.checked=!0,t.isPartialChecked=!1,mt(t,e)}))},Lt=(t,e,s,i)=>{gt(t,e),_t(e,s,i)},_t=(t,e,s)=>{t.forEach((i=>{const n=e.querySelector(`[input-id="${i.id}"]`),l=Tt(n);n.checked=i.checked,bt(i,l),yt(i,l),St(i,l,s),xt(i,l),Ct(i,l,t),Wt(i,n,s)})),Ot(t,e)},bt=(t,e)=>{t.checked?e.classList.add("treeselect-list__item--checked"):e.classList.remove("treeselect-list__item--checked")},yt=(t,e)=>{t.isPartialChecked?e.classList.add("treeselect-list__item--partial-checked"):e.classList.remove("treeselect-list__item--partial-checked")},St=(t,e,s)=>{if(t.isGroup){const i=e.querySelector(".treeselect-list__item-icon"),n=t.isClosed?s.arrowRight:s.arrowDown;o(n,i),t.isClosed?e.classList.add("treeselect-list__item--closed"):e.classList.remove("treeselect-list__item--closed")}},xt=(t,e)=>{t.hidden?e.classList.add("treeselect-list__item--hidden"):e.classList.remove("treeselect-list__item--hidden")},Wt=(t,e,s)=>{const i=e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");t.checked?o(s.check,i):t.isPartialChecked?o(s.partialCheck,i):i.innerHTML=""},Ct=(t,e,s)=>{if(0===t.level){const i=s.some((e=>e.isGroup&&e.level===t.level)),n=!t.isGroup&&i?"20px":"5px";e.style.paddingLeft=t.isGroup?"0":n}else e.style.paddingLeft=t.isGroup?20*t.level+"px":20*t.level+20+"px";e.setAttribute("level",t.level.toString()),e.setAttribute("group",t.isGroup.toString())},Ot=(t,e)=>{const s=t.some((t=>!t.hidden)),i=e.querySelector(".treeselect-list__empty");s?i.classList.add("treeselect-list__empty--hidden"):i.classList.remove("treeselect-list__empty--hidden")},Tt=t=>t.parentNode.parentNode,At=(t,e)=>e.find((e=>e.id.toString()===t));var Ht=new WeakMap,Bt=new WeakMap,Mt=new WeakSet,Pt=new WeakSet,Nt=new WeakSet,Gt=new WeakSet,jt=new WeakSet,qt=new WeakSet,Dt=new WeakSet,It=new WeakSet,Vt=new WeakSet,$t=new WeakSet,Rt=new WeakSet,zt=new WeakSet,Ut=new WeakSet,Yt=new WeakSet,Ft=new WeakSet,Jt=new WeakSet,Kt=new WeakSet,Xt=new WeakSet,Qt=new WeakSet,Zt=new WeakSet,te=new WeakSet,ee=new WeakSet,se=new WeakSet,ie=new WeakSet,ne=new WeakSet;function le(t,e){if(!t)return;const s=t.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=At(s,this.flattedOptions),n=t.querySelector(".treeselect-list__item-icon");"ArrowLeft"!==e||i.isClosed||n.dispatchEvent(new Event("mousedown")),"ArrowRight"===e&&i.isClosed&&n.dispatchEvent(new Event("mousedown"))}function oe(t,e){const s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Tt(t)).display));if(s.length)if(t){const t=s.findIndex((t=>Tt(t).classList.contains("treeselect-list__item--focused")));Tt(s[t]).classList.remove("treeselect-list__item--focused");const n="ArrowDown"===e?t+1:t-1,l="ArrowDown"===e?0:s.length-1;var i;const o=null!==(i=s[n])&&void 0!==i?i:s[l],c=!s[n],a=Tt(o);a.classList.add("treeselect-list__item--focused");const h=this.srcElement.getBoundingClientRect(),r=a.getBoundingClientRect();if(c&&"ArrowDown"===e)return void this.srcElement.scroll(0,0);if(c&&"ArrowUp"===e)return void this.srcElement.scroll(0,this.srcElement.scrollHeight);if(h.y+h.height<r.y+r.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+r.height);if(h.y>r.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-r.height)}else{Tt(s[0]).classList.add("treeselect-list__item--focused")}}function ce(){const t=i(this,Gt,ae).call(this),e=i(this,Dt,de).call(this,this.options);t.append(...e);const s=i(this,It,ue).call(this);s&&t.append(s);const n=i(this,Vt,pe).call(this);return t.append(n),t}function ae(){const t=document.createElement("div");return t.classList.add("treeselect-list"),t.addEventListener("mouseout",(t=>i(this,jt,he).call(this,t))),t.addEventListener("mousemove",(()=>i(this,qt,re).call(this))),t}function he(e){e.stopPropagation(),t(this,Ht)&&t(this,Bt)&&t(this,Ht).classList.add("treeselect-list__item--focused")}function re(){s(this,Bt,!0)}function de(t){return t.reduce(((t,e)=>{var s;if(null===(s=e.children)||void 0===s?void 0:s.length){const s=i(this,$t,me).call(this,e),n=i(this,Dt,de).call(this,e.children);return s.append(...n),t.push(s),t}const n=i(this,Rt,ve).call(this,e,!1);return t.push(n),t}),[])}function ue(){if(!this.listSlotHtmlComponent)return null;const t=document.createElement("div");return t.classList.add("treeselect-list__slot"),t.appendChild(this.listSlotHtmlComponent),t}function pe(){const t=document.createElement("div");t.classList.add("treeselect-list__empty"),t.setAttribute("title",this.emptyText);const e=document.createElement("span");e.classList.add("treeselect-list__empty-icon"),o(this.iconElements.attention,e);const s=document.createElement("span");return s.classList.add("treeselect-list__empty-text"),s.innerHTML=this.emptyText,t.append(e,s),t}function me(t){const e=document.createElement("div");e.setAttribute("group-container-id",t.value.toString()),e.classList.add("treeselect-list__group-container");const s=i(this,Rt,ve).call(this,t,!0);return e.appendChild(s),e}function ve(t,e){const s=i(this,zt,we).call(this,t);if(e){const t=i(this,Jt,ge).call(this);s.appendChild(t)}const n=i(this,Xt,_e).call(this,t),l=i(this,Qt,be).call(this,t);return s.append(n,l),s}function we(t){const e=document.createElement("div");return e.setAttribute("tabindex","-1"),e.setAttribute("title",t.name),e.classList.add("treeselect-list__item"),e.addEventListener("mouseover",(()=>i(this,Ut,fe).call(this,e)),!0),e.addEventListener("mouseout",(()=>i(this,Yt,Ee).call(this,e)),!0),e.addEventListener("mousedown",(e=>i(this,Ft,ke).call(this,e,t))),e}function fe(e){t(this,Bt)&&i(this,ee,xe).call(this,!0,e)}function Ee(e){t(this,Bt)&&(i(this,ee,xe).call(this,!1,e),s(this,Ht,e))}function ke(t,e){t.stopPropagation();const s=t.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,i(this,Zt,ye).call(this,s,e)}function ge(){const t=document.createElement("span");return t.setAttribute("tabindex","-1"),t.classList.add("treeselect-list__item-icon"),o(this.iconElements.arrowDown,t),t.addEventListener("mousedown",(t=>i(this,Kt,Le).call(this,t))),t}function Le(t){t.stopPropagation(),i(this,te,Se).call(this,t)}function _e(t){const e=document.createElement("div");e.classList.add("treeselect-list__item-checkbox-container");const s=document.createElement("span");s.classList.add("treeselect-list__item-checkbox-icon"),s.innerHTML="";const i=document.createElement("input");return i.setAttribute("tabindex","-1"),i.setAttribute("type","checkbox"),i.setAttribute("input-id",t.value.toString()),i.classList.add("treeselect-list__item-checkbox"),e.append(s,i),e}function be(t){const e=document.createElement("label");return e.innerHTML=t.name,e.classList.add("treeselect-list__item-label"),e}function ye(t,e){const s=this.flattedOptions.find((t=>t.id===e.value));s&&(s.checked=t.checked,s.isPartialChecked=!1,mt(s,this.flattedOptions),_t(this.flattedOptions,this.srcElement,this.iconElements),i(this,ne,Oe).call(this))}function Se(t){var e,s;const n=null===(e=t.target)||void 0===e||null===(s=e.parentNode)||void 0===s?void 0:s.querySelector("[input-id]");var l;const o=null!==(l=null==n?void 0:n.getAttribute("input-id"))&&void 0!==l?l:null,c=At(o,this.flattedOptions);c&&(c.isClosed=!c.isClosed,Et(this.flattedOptions,c),_t(this.flattedOptions,this.srcElement,this.iconElements),i(this,ie,Ce).call(this))}function xe(t,e){const s="treeselect-list__item--focused";if(t){const t=Array.from(this.srcElement.querySelectorAll(`.${s}`));t.length&&t.forEach((t=>t.classList.remove(s))),e.classList.add(s)}else e.classList.remove(s)}function We(){var t;this.selectedNodes={nodes:(t=this.flattedOptions,t.filter((t=>t.checked&&!t.isGroup))),groupedNodes:ft(this.flattedOptions)}}function Ce(){this.srcElement.dispatchEvent(new CustomEvent("arrow-click"))}function Oe(){i(this,se,We).call(this),this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.selectedNodes}))}var Te=class{updateValue(t){Lt(t,this.flattedOptions,this.srcElement,this.iconElements),i(this,se,We).call(this)}updateSearchValue(t){if(t===this.searchText)return;const e=""===this.searchText&&""!==t;this.searchText=t,e&&(this.flattedOptionsBeforeSearch=JSON.parse(JSON.stringify(this.flattedOptions))),""===this.searchText&&(this.flattedOptions=this.flattedOptionsBeforeSearch.map((t=>{const e=this.flattedOptions.find((e=>e.id===t.id));return e.isClosed=t.isClosed,e.hidden=t.hidden,e})),this.flattedOptionsBeforeSearch=[]),this.searchText&&kt(this.flattedOptions,t),_t(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(t){s(this,Bt,!1);const e=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===t&&e&&e.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==t&&"ArrowRight"!==t||i(this,Mt,le).call(this,e,t),"ArrowDown"!==t&&"ArrowUp"!==t||i(this,Pt,oe).call(this,e,t)}focusFirstListElement(){const t="treeselect-list__item--focused",e=this.srcElement.querySelector(`.${t}`),s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Tt(t)).display));if(!s.length)return;e&&e.classList.remove(t);Tt(s[0]).classList.add(t)}constructor({options:t,value:s,openLevel:l,listSlotHtmlComponent:o,emptyText:c,iconElements:a}){n(this,Mt),n(this,Pt),n(this,Nt),n(this,Gt),n(this,jt),n(this,qt),n(this,Dt),n(this,It),n(this,Vt),n(this,$t),n(this,Rt),n(this,zt),n(this,Ut),n(this,Yt),n(this,Ft),n(this,Jt),n(this,Kt),n(this,Xt),n(this,Qt),n(this,Zt),n(this,te),n(this,ee),n(this,se),n(this,ie),n(this,ne),e(this,Ht,{writable:!0,value:null}),e(this,Bt,{writable:!0,value:!0}),this.options=t,this.value=s,this.openLevel=null!=l?l:0,this.listSlotHtmlComponent=null!=o?o:null,this.emptyText=null!=c?c:"No results found...",this.iconElements=a,this.searchText="",this.flattedOptions=dt(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=i(this,Nt,ce).call(this),this.updateValue(this.value),(t=>{const{duplications:e}=t.reduce(((t,e)=>(t.allItems.some((t=>t.toString()===e.id.toString()))&&t.duplications.push(e.id),t.allItems.push(e.id),t)),{duplications:[],allItems:[]});e.length&&console.error(`Validation: You have duplicated values: ${e.join(", ")}! You should use unique values.`)})(this.flattedOptions)}};const Ae=t=>t.map((t=>t.id));var He=new WeakMap,Be=new WeakMap,Me=new WeakMap,Pe=new WeakMap,Ne=new WeakMap,Ge=new WeakMap,je=new WeakMap,qe=new WeakSet,De=new WeakSet,Ie=new WeakSet,Ve=new WeakSet,$e=new WeakSet,Re=new WeakSet,ze=new WeakSet,Ue=new WeakSet,Ye=new WeakSet,Fe=new WeakSet,Je=new WeakSet,Ke=new WeakSet,Xe=new WeakSet,Qe=new WeakSet;function Ze(){const t=this.parentHtmlContainer;t.classList.add("treeselect");const e=new Te({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements}),{groupedNodes:n,nodes:l}=e.selectedNodes,o=new rt({value:this.grouped?n:l,showTags:this.showTags,tagsCountText:this.tagsCountText,clearable:this.clearable,isAlwaysOpened:this.alwaysOpen,searchable:this.searchable,placeholder:this.placeholder,disabled:this.disabled,id:this.id,iconElements:this.iconElements});return this.appendToBody&&s(this,Me,new ResizeObserver((()=>this.updateListPosition()))),o.srcElement.addEventListener("input",(t=>i(this,De,ts).call(this,t,e))),o.srcElement.addEventListener("open",(()=>i(this,Ue,os).call(this))),o.srcElement.addEventListener("keydown",(t=>i(this,Ie,es).call(this,t,e))),o.srcElement.addEventListener("search",(t=>i(this,Ve,ss).call(this,t,e))),o.srcElement.addEventListener("focus",(()=>i(this,$e,is).call(this)),!0),this.alwaysOpen||o.srcElement.addEventListener("close",(()=>i(this,Ye,cs).call(this))),e.srcElement.addEventListener("mouseup",(()=>o.focus()),!0),e.srcElement.addEventListener("input",(t=>i(this,Re,ns).call(this,t,o))),e.srcElement.addEventListener("arrow-click",(()=>i(this,ze,ls).call(this,o))),t.append(o.srcElement),{container:t,list:e,input:o}}function ts(t,e){const s=Ae(t.detail);e.updateValue(s);const{nodes:n}=e.selectedNodes;this.value=Ae(n),i(this,Qe,us).call(this)}function es(t,e){this.isListOpened&&e.callKeyAction(t.key)}function ss(t,e){e.updateSearchValue(t.detail),this.updateListPosition()}function is(){i(this,Je,hs).call(this,!0),t(this,Ge)&&t(this,Ge)&&t(this,je)&&(document.addEventListener("mousedown",t(this,Ge),!0),document.addEventListener("focus",t(this,Ge),!0),window.addEventListener("blur",t(this,je)))}function ns(t,e){const{groupedNodes:s,nodes:n}=t.detail,l=this.grouped?s:n;e.updateValue(l),this.value=Ae(n),e.focus(),i(this,Qe,us).call(this)}function ls(t){t.focus(),this.updateListPosition()}function os(){if(this.isListOpened=!0,t(this,Pe)&&t(this,Ne)&&(window.addEventListener("scroll",t(this,Pe),!0),window.addEventListener("resize",t(this,Ne))),t(this,He)&&this.srcElement){var e;if(this.appendToBody)document.body.appendChild(t(this,He).srcElement),null===(e=t(this,Me))||void 0===e||e.observe(this.srcElement);else this.srcElement.appendChild(t(this,He).srcElement);this.updateListPosition(),i(this,Ke,rs).call(this,!0),t(this,He).focusFirstListElement()}}function cs(){if(this.isListOpened=!1,t(this,Pe)&&t(this,Ne)&&(window.removeEventListener("scroll",t(this,Pe),!0),window.removeEventListener("resize",t(this,Ne))),!t(this,He)||!this.srcElement)return;if(this.appendToBody?document.body.contains(t(this,He).srcElement):this.srcElement.contains(t(this,He).srcElement)){var e;if(this.appendToBody)document.body.removeChild(t(this,He).srcElement),null===(e=t(this,Me))||void 0===e||e.disconnect();else this.srcElement.removeChild(t(this,He).srcElement);i(this,Ke,rs).call(this,!1)}}function as(e,s){if(!t(this,He)||!t(this,Be))return;const i=s?"treeselect-list--top-to-body":"treeselect-list--top",n=s?"treeselect-list--bottom-to-body":"treeselect-list--bottom";e?(t(this,He).srcElement.classList.add(i),t(this,He).srcElement.classList.remove(n),t(this,Be).srcElement.classList.add("treeselect-input--top"),t(this,Be).srcElement.classList.remove("treeselect-input--bottom")):(t(this,He).srcElement.classList.remove(i),t(this,He).srcElement.classList.add(n),t(this,Be).srcElement.classList.remove("treeselect-input--top"),t(this,Be).srcElement.classList.add("treeselect-input--bottom"))}function hs(e){t(this,Be)&&t(this,He)&&(e?(t(this,Be).srcElement.classList.add("treeselect-input--focused"),t(this,He).srcElement.classList.add("treeselect-list--focused")):(t(this,Be).srcElement.classList.remove("treeselect-input--focused"),t(this,He).srcElement.classList.remove("treeselect-list--focused")))}function rs(e){var s,i,n,l;e?null===(s=t(this,Be))||void 0===s||s.srcElement.classList.add("treeselect-input--opened"):null===(i=t(this,Be))||void 0===i||i.srcElement.classList.remove("treeselect-input--opened"),this.staticList?null===(n=t(this,He))||void 0===n||n.srcElement.classList.add("treeselect-list--static"):null===(l=t(this,He))||void 0===l||l.srcElement.classList.remove("treeselect-list--static")}function ds(e){t(this,Pe)&&t(this,Ne)&&t(this,Ge)&&t(this,je)&&(this.alwaysOpen&&!e||(window.removeEventListener("scroll",t(this,Pe),!0),window.removeEventListener("resize",t(this,Ne))),document.removeEventListener("click",t(this,Ge),!0),document.removeEventListener("focus",t(this,Ge),!0),window.removeEventListener("blur",t(this,je)))}function us(){var t;null===(t=this.srcElement)||void 0===t||t.dispatchEvent(new CustomEvent("input",{detail:this.value})),this.inputCallback&&this.inputCallback(this.value)}var ps=class{mount(){var e;this.destroy();const{container:n,list:l,input:o}=i(this,qe,Ze).call(this);this.srcElement=n,s(this,He,l),s(this,Be,o),s(this,Pe,this.scrollWindowHandler.bind(this)),s(this,Ne,this.scrollWindowHandler.bind(this)),s(this,Ge,this.focusWindowHandler.bind(this)),s(this,je,this.blurWindowHandler.bind(this)),this.alwaysOpen&&(null===(e=t(this,Be))||void 0===e||e.openClose()),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(e){const s=t(this,He);if(s){var i;s.updateValue(e);const{groupedNodes:n,nodes:l}=s.selectedNodes,o=this.grouped?n:l;null===(i=t(this,Be))||void 0===i||i.updateValue(o)}}destroy(){this.srcElement&&(i(this,Ye,cs).call(this),this.srcElement.innerHTML="",this.srcElement=null,i(this,Xe,ds).call(this,!0))}focus(){t(this,Be)&&t(this,Be).focus()}toggleOpenClose(){t(this,Be)&&(t(this,Be).openClose(),t(this,Be).focus())}scrollWindowHandler(){this.updateListPosition()}focusWindowHandler(e){var s,n;var l;(null===(s=this.srcElement)||void 0===s?void 0:s.contains(e.target))||(null===(n=t(this,He))||void 0===n?void 0:n.srcElement.contains(e.target))||(null===(l=t(this,Be))||void 0===l||l.blur(),i(this,Xe,ds).call(this,!1),i(this,Je,hs).call(this,!1))}blurWindowHandler(){var e;null===(e=t(this,Be))||void 0===e||e.blur(),i(this,Xe,ds).call(this,!1),i(this,Je,hs).call(this,!1)}updateListPosition(){var e;const s=this.srcElement,n=null===(e=t(this,He))||void 0===e?void 0:e.srcElement;if(!s||!n)return;n.style.transform="";const{y:l,height:o}=n.getBoundingClientRect(),{x:c,y:a,height:h,width:r}=s.getBoundingClientRect(),d=window.innerHeight-a-h,u=a>d&&a>=o&&d<o;this.appendToBody&&(n.style.transform=u?`translateY(${a-l-o}px)`:`translateY(${a+h-l}px)`,n.style.width=`${r}px`,n.style.left=`${c+window.scrollX}px`);const p=u?"top":"bottom";n.getAttribute("direction")!==p&&(n.setAttribute("direction",p),i(this,Fe,as).call(this,u,this.appendToBody))}constructor({parentHtmlContainer:t,value:s,options:i,openLevel:l,appendToBody:o,alwaysOpen:a,showTags:h,tagsCountText:r,clearable:d,searchable:u,placeholder:p,grouped:m,listSlotHtmlComponent:v,disabled:w,emptyText:f,staticList:E,id:k,iconElements:g,inputCallback:L}){n(this,qe),n(this,De),n(this,Ie),n(this,Ve),n(this,$e),n(this,Re),n(this,ze),n(this,Ue),n(this,Ye),n(this,Fe),n(this,Je),n(this,Ke),n(this,Xe),n(this,Qe),e(this,He,{writable:!0,value:null}),e(this,Be,{writable:!0,value:null}),e(this,Me,{writable:!0,value:null}),e(this,Pe,{writable:!0,value:null}),e(this,Ne,{writable:!0,value:null}),e(this,Ge,{writable:!0,value:null}),e(this,je,{writable:!0,value:null}),(({parentHtmlContainer:t,staticList:e,appendToBody:s})=>{t||console.error("Validation: parentHtmlContainer prop is required!"),e&&s&&console.error("Validation: You should set staticList to false if you use appendToBody!")})({parentHtmlContainer:t,staticList:E,appendToBody:o}),this.parentHtmlContainer=t,this.value=null!=s?s:[],this.options=null!=i?i:[],this.openLevel=null!=l?l:0,this.appendToBody=null==o||o,this.alwaysOpen=!(!a||w),this.showTags=null==h||h,this.tagsCountText=null!=r?r:"elements selected",this.clearable=null==d||d,this.searchable=null==u||u,this.placeholder=null!=p?p:"Search...",this.grouped=null==m||m,this.listSlotHtmlComponent=null!=v?v:null,this.disabled=null!=w&&w,this.emptyText=null!=f?f:"No results found...",this.staticList=!(!E||this.appendToBody),this.id=null!=k?k:"",this.iconElements=c(g),this.inputCallback=L,this.isListOpened=!1,this.srcElement=null,this.mount()}};export{ps as default};
+function t(t,e,s,i){Object.defineProperty(t,e,{get:s,set:i,enumerable:!0,configurable:!0})}var e={};t(e,"Treeselect",(function(){return oe}),(function(t){return oe=t}));var s={};t(s,"TreeselectInput",(function(){return N}),(function(t){return N=t}));const i={arrowUp:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg>',arrowDown:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>',attention:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>',clear:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>',cross:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',check:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',partialCheck:'<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 25 25" fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'},l=(t,e)=>{if(e.innerHTML="","string"==typeof t)e.innerHTML=t;else{const s=t.cloneNode(!0);e.appendChild(s)}},n=t=>{const e=t?Object.assign({},t):{};return Object.keys(i).forEach((t=>{e[t]||(e[t]=i[t])})),e};var o,c,a,r,h,d,u,p,m,f,v,w,E,g,k,b,L,y,C,_,x,T,O,A,S,H,P,B,M=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)},W=function(t,e,s,i,l){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?l.call(t,s):l?l.value=s:e.set(t,s),s};class N{focus(){M(this,a,"f").focus()}blur(){this.isOpened&&M(this,o,"m",v).call(this),this.searchText="",this.searchCallback(""),M(this,o,"m",f).call(this),M(this,a,"f").blur()}updateValue(t){this.value=t,M(this,o,"m",u).call(this),M(this,o,"m",f).call(this)}removeItem(t){this.value=this.value.filter((e=>e.id!==t)),M(this,o,"m",B).call(this),M(this,o,"m",u).call(this),M(this,o,"m",f).call(this)}clear(){this.value=[],this.searchText="",this.searchCallback(""),M(this,o,"m",B).call(this),M(this,o,"m",u).call(this),M(this,o,"m",f).call(this)}openClose(){M(this,o,"m",v).call(this)}constructor({value:t,showTags:e,tagsCountText:s,clearable:i,isAlwaysOpened:l,searchable:n,placeholder:u,disabled:p,id:m,iconElements:f,inputCallback:v,searchCallback:E,openCallback:k,closeCallback:b,keydownCallback:L,focusCallback:y}){o.add(this),c.set(this,void 0),a.set(this,void 0),r.set(this,void 0),h.set(this,void 0),this.value=t,this.showTags=e,this.tagsCountText=s,this.searchable=n,this.placeholder=u,this.clearable=i,this.isAlwaysOpened=l,this.disabled=p,this.id=m,this.iconElements=f,this.isOpened=!1,this.searchText="",W(this,c,M(this,o,"m",g).call(this),"f"),W(this,a,M(this,o,"m",_).call(this),"f"),W(this,r,M(this,o,"m",O).call(this),"f"),W(this,h,null,"f"),this.inputCallback=v,this.searchCallback=E,this.openCallback=k,this.closeCallback=b,this.keydownCallback=L,this.focusCallback=y,this.srcElement=M(this,o,"m",w).call(this,M(this,c,"f"),M(this,a,"f"),M(this,r,"f")),M(this,o,"m",d).call(this)}}c=new WeakMap,a=new WeakMap,r=new WeakMap,h=new WeakMap,o=new WeakSet,d=function(){M(this,o,"m",u).call(this),M(this,o,"m",f).call(this),M(this,o,"m",p).call(this)},u=function(){M(this,c,"f").innerHTML="",this.showTags?M(this,c,"f").append(...M(this,o,"m",k).call(this)):M(this,c,"f").appendChild(M(this,o,"m",C).call(this)),M(this,c,"f").appendChild(M(this,a,"f"))},p=function(){const t=[];M(this,r,"f").innerHTML="",this.clearable&&t.push(M(this,o,"m",A).call(this)),this.isAlwaysOpened||t.push(M(this,o,"m",H).call(this,this.isOpened)),t.length&&M(this,r,"f").append(...t)},m=function(){if(!this.isAlwaysOpened&&M(this,h,"f")){const t=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;l(t,M(this,h,"f"))}},f=function(){var t;(null===(t=this.value)||void 0===t?void 0:t.length)?(M(this,a,"f").removeAttribute("placeholder"),this.srcElement.classList.remove("treeselect-input--value-not-selected")):(M(this,a,"f").setAttribute("placeholder",this.placeholder),this.srcElement.classList.add("treeselect-input--value-not-selected")),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),M(this,a,"f").value=this.searchText},v=function(){this.isOpened=!this.isOpened,M(this,o,"m",m).call(this),this.isOpened?this.openCallback():this.closeCallback()},w=function(t,e,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(t=>M(this,o,"m",E).call(this,t))),i.addEventListener("focus",(()=>this.focusCallback()),!0),t.appendChild(e),i.append(t,s),i},E=function(t){t.preventDefault(),this.isOpened||M(this,o,"m",v).call(this),this.focus()},g=function(){const t=document.createElement("div");return t.classList.add("treeselect-input__tags"),t},k=function(){return this.value.map((t=>{const e=document.createElement("div");e.classList.add("treeselect-input__tags-element"),e.setAttribute("tabindex","-1"),e.setAttribute("tag-id",t.id.toString()),e.setAttribute("title",t.name);const s=M(this,o,"m",L).call(this,t.name),i=M(this,o,"m",y).call(this);return e.addEventListener("mousedown",(e=>M(this,o,"m",b).call(this,e,t.id))),e.append(s,i),e}))},b=function(t,e){t.preventDefault(),t.stopPropagation(),this.removeItem(e),this.focus()},L=function(t){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-name"),e.innerHTML=t,e},y=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-cross"),l(this.iconElements.cross,t),t},C=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-count"),this.value.length?(t.innerHTML=1===this.value.length?this.value[0].name:`${this.value.length} ${this.tagsCountText}`,t):(t.innerHTML="",t)},_=function(){const t=document.createElement("input");return t.classList.add("treeselect-input__edit"),t.setAttribute("id",this.id),this.disabled&&t.setAttribute("tabindex","-1"),t.addEventListener("keydown",(t=>M(this,o,"m",x).call(this,t))),t.addEventListener("input",(e=>M(this,o,"m",T).call(this,e,t))),t},x=function(t){"Backspace"!==t.key||this.searchText.length||!this.value.length||this.showTags||this.clear(),"Backspace"===t.key&&!this.searchText.length&&this.value.length&&this.removeItem(this.value[this.value.length-1].id),"Space"!==t.code||this.searchText&&this.searchable||M(this,o,"m",v).call(this),this.keydownCallback(t.key),this.focus()},T=function(t,e){t.stopPropagation();const s=this.searchText,i=e.value.trim();if(0!==s.length||0!==i.length){if(this.searchable){const e=t.target.value;this.searchCallback(e),this.isOpened||M(this,o,"m",v).call(this)}else e.value="";this.searchText=e.value}else e.value=""},O=function(){const t=document.createElement("div");return t.classList.add("treeselect-input__operators"),t},A=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__clear"),t.setAttribute("tabindex","-1"),l(this.iconElements.clear,t),t.addEventListener("mousedown",(t=>M(this,o,"m",S).call(this,t))),t},S=function(t){t.preventDefault(),t.stopPropagation(),(this.searchText.length||this.value.length)&&this.clear(),this.focus()},H=function(t){W(this,h,document.createElement("span"),"f"),M(this,h,"f").classList.add("treeselect-input__arrow");const e=t?this.iconElements.arrowUp:this.iconElements.arrowDown;return l(e,M(this,h,"f")),M(this,h,"f").addEventListener("mousedown",(t=>M(this,o,"m",P).call(this,t))),M(this,h,"f")},P=function(t){t.stopPropagation(),t.preventDefault(),this.focus(),M(this,o,"m",v).call(this)},B=function(){this.inputCallback(this.value)};var j={};t(j,"TreeselectList",(function(){return Mt}),(function(t){return Mt=t}));const G=(t,e,s="",i=0)=>t.reduce(((t,l)=>{var n;const o=!!(null===(n=l.children)||void 0===n?void 0:n.length),c=i>=e&&o,a=i>e;if(t.push({id:l.value,name:l.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:c,hidden:a}),o){const s=G(l.children,e,l.value,i+1);t.push(...s)}return t}),[]),q=({id:t,checked:e},s)=>{s.forEach((i=>{i.childOf===t&&(i.checked=null==e||e,i.isPartialChecked=!1,i.isGroup&&q(i,s))}))},I=(t,e)=>{const s=e.find((e=>e.id===t)),i=e.filter((t=>t.childOf===(null==s?void 0:s.id)));if(!s)return;const l=i.every((t=>t.checked)),n=i.some((t=>t.isPartialChecked||t.checked))&&!l,o=!l&&!n;l&&(s.checked=!0,s.isPartialChecked=!1),n&&(s.checked=!1,s.isPartialChecked=!0),o&&(s.checked=!1,s.isPartialChecked=!1),s.childOf&&I(s.childOf,e)},D=({id:t,isGroup:e,childOf:s,checked:i},l)=>{e&&q({id:t,checked:i},l),s&&I(s,l)},V=(t,e)=>e.reduce(((s,i)=>(i.childOf===t&&(s.push(i),i.isGroup&&s.push(...V(i.id,e))),s)),[]),$=(t,e)=>e.reduce(((s,i)=>(i.id===t&&(s.push(i),i.childOf&&s.push(...$(i.childOf,e))),s)),[]),R=t=>{const{onlyGroupsIds:e,allItems:s}=t.reduce(((t,e)=>e.checked?(e.isGroup&&t.onlyGroupsIds.push(e.id),t.allItems.push(e),t):t),{onlyGroupsIds:[],allItems:[]});return s.filter((t=>!e.some((e=>e===t.childOf))))},z=(t,{id:e,isClosed:s})=>{t.filter((t=>t.childOf===e)).forEach((e=>{e.hidden=null!=s&&s,e.isGroup&&!e.isClosed&&z(t,{id:e.id,isClosed:s})}))},U=(t,e)=>{const s=((t,e)=>t.reduce(((s,i)=>{if(i.name.toLowerCase().includes(e.toLowerCase())){if(s.push(i),i.isGroup){const e=V(i.id,t);s.push(...e)}if(i.childOf){const e=$(i.childOf,t);s.push(...e)}}return s}),[]))(t,e);t.forEach((e=>{s.some((t=>t.id===e.id))?(e.isGroup&&(e.isClosed=!1,z(t,e)),e.hidden=!1):e.hidden=!0}))},Y=(t,e)=>{(t=>{t.forEach((t=>{t.checked=!1,t.isPartialChecked=!1}))})(e);e.filter((e=>t.some((t=>t===e.id)))).forEach((t=>{t.checked=!0,t.isPartialChecked=!1,D(t,e)}))};var F,J,K,X,Q,Z,tt,et,st,it,lt,nt,ot,ct,at,rt,ht,dt,ut,pt,mt,ft,vt,wt,Et,gt,kt,bt=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)},Lt=function(t,e,s,i,l){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?l.call(t,s):l?l.value=s:e.set(t,s),s};const yt=(t,e,s,i)=>{Y(t,e),Ct(e,s,i)},Ct=(t,e,s)=>{t.forEach((i=>{const l=e.querySelector(`[input-id="${i.id}"]`),n=Pt(l);l.checked=i.checked,_t(i,n),xt(i,n),Tt(i,n,s),Ot(i,n),St(i,n,t),At(i,l,s)})),Ht(t,e)},_t=(t,e)=>{t.checked?e.classList.add("treeselect-list__item--checked"):e.classList.remove("treeselect-list__item--checked")},xt=(t,e)=>{t.isPartialChecked?e.classList.add("treeselect-list__item--partial-checked"):e.classList.remove("treeselect-list__item--partial-checked")},Tt=(t,e,s)=>{if(t.isGroup){const i=e.querySelector(".treeselect-list__item-icon"),n=t.isClosed?s.arrowRight:s.arrowDown;l(n,i),t.isClosed?e.classList.add("treeselect-list__item--closed"):e.classList.remove("treeselect-list__item--closed")}},Ot=(t,e)=>{t.hidden?e.classList.add("treeselect-list__item--hidden"):e.classList.remove("treeselect-list__item--hidden")},At=(t,e,s)=>{const i=e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");t.checked?l(s.check,i):t.isPartialChecked?l(s.partialCheck,i):i.innerHTML=""},St=(t,e,s)=>{if(0===t.level){const i=s.some((e=>e.isGroup&&e.level===t.level)),l=!t.isGroup&&i?"20px":"5px";e.style.paddingLeft=t.isGroup?"0":l}else e.style.paddingLeft=t.isGroup?20*t.level+"px":20*t.level+20+"px";e.setAttribute("level",t.level.toString()),e.setAttribute("group",t.isGroup.toString())},Ht=(t,e)=>{const s=t.some((t=>!t.hidden)),i=e.querySelector(".treeselect-list__empty");s?i.classList.add("treeselect-list__empty--hidden"):i.classList.remove("treeselect-list__empty--hidden")},Pt=t=>t.parentNode.parentNode,Bt=(t,e)=>e.find((e=>e.id.toString()===t));class Mt{updateValue(t){yt(t,this.flattedOptions,this.srcElement,this.iconElements),bt(this,F,"m",gt).call(this)}updateSearchValue(t){if(t===this.searchText)return;const e=""===this.searchText&&""!==t;this.searchText=t,e&&(this.flattedOptionsBeforeSearch=JSON.parse(JSON.stringify(this.flattedOptions))),""===this.searchText&&(this.flattedOptions=this.flattedOptionsBeforeSearch.map((t=>{const e=this.flattedOptions.find((e=>e.id===t.id));return e.isClosed=t.isClosed,e.hidden=t.hidden,e})),this.flattedOptionsBeforeSearch=[]),this.searchText&&U(this.flattedOptions,t),Ct(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(t){Lt(this,K,!1,"f");const e=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===t&&e&&e.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==t&&"ArrowRight"!==t||bt(this,F,"m",X).call(this,e,t),"ArrowDown"!==t&&"ArrowUp"!==t||bt(this,F,"m",Q).call(this,e,t)}focusFirstListElement(){const t="treeselect-list__item--focused",e=this.srcElement.querySelector(`.${t}`),s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Pt(t)).display));if(!s.length)return;e&&e.classList.remove(t);Pt(s[0]).classList.add(t)}constructor({options:t,value:e,openLevel:s,listSlotHtmlComponent:i,emptyText:l,iconElements:n,inputCallback:o,arrowClickCallback:c,mouseupCallback:a}){F.add(this),J.set(this,null),K.set(this,!0),this.options=t,this.value=e,this.openLevel=null!=s?s:0,this.listSlotHtmlComponent=null!=i?i:null,this.emptyText=null!=l?l:"No results found...",this.iconElements=n,this.searchText="",this.flattedOptions=G(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=bt(this,F,"m",Z).call(this),this.inputCallback=o,this.arrowClickCallback=c,this.mouseupCallback=a,this.updateValue(this.value),(t=>{const{duplications:e}=t.reduce(((t,e)=>(t.allItems.some((t=>t.toString()===e.id.toString()))&&t.duplications.push(e.id),t.allItems.push(e.id),t)),{duplications:[],allItems:[]});e.length&&console.error(`Validation: You have duplicated values: ${e.join(", ")}! You should use unique values.`)})(this.flattedOptions)}}J=new WeakMap,K=new WeakMap,F=new WeakSet,X=function(t,e){if(!t)return;const s=t.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=Bt(s,this.flattedOptions),l=t.querySelector(".treeselect-list__item-icon");"ArrowLeft"!==e||i.isClosed||l.dispatchEvent(new Event("mousedown")),"ArrowRight"===e&&i.isClosed&&l.dispatchEvent(new Event("mousedown"))},Q=function(t,e){var s;const i=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Pt(t)).display));if(i.length)if(t){const t=i.findIndex((t=>Pt(t).classList.contains("treeselect-list__item--focused")));Pt(i[t]).classList.remove("treeselect-list__item--focused");const l="ArrowDown"===e?t+1:t-1,n="ArrowDown"===e?0:i.length-1,o=null!==(s=i[l])&&void 0!==s?s:i[n],c=!i[l],a=Pt(o);a.classList.add("treeselect-list__item--focused");const r=this.srcElement.getBoundingClientRect(),h=a.getBoundingClientRect();if(c&&"ArrowDown"===e)return void this.srcElement.scroll(0,0);if(c&&"ArrowUp"===e)return void this.srcElement.scroll(0,this.srcElement.scrollHeight);if(r.y+r.height<h.y+h.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+h.height);if(r.y>h.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-h.height)}else{Pt(i[0]).classList.add("treeselect-list__item--focused")}},Z=function(){const t=bt(this,F,"m",tt).call(this),e=bt(this,F,"m",it).call(this,this.options);t.append(...e);const s=bt(this,F,"m",lt).call(this);s&&t.append(s);const i=bt(this,F,"m",nt).call(this);return t.append(i),t},tt=function(){const t=document.createElement("div");return t.classList.add("treeselect-list"),t.addEventListener("mouseout",(t=>bt(this,F,"m",et).call(this,t))),t.addEventListener("mousemove",(()=>bt(this,F,"m",st).call(this))),t.addEventListener("mouseup",(()=>this.mouseupCallback()),!0),t},et=function(t){t.stopPropagation(),bt(this,J,"f")&&bt(this,K,"f")&&bt(this,J,"f").classList.add("treeselect-list__item--focused")},st=function(){Lt(this,K,!0,"f")},it=function t(e){return e.reduce(((e,s)=>{var i;if(null===(i=s.children)||void 0===i?void 0:i.length){const i=bt(this,F,"m",ot).call(this,s),l=bt(this,F,"m",t).call(this,s.children);return i.append(...l),e.push(i),e}const l=bt(this,F,"m",ct).call(this,s,!1);return e.push(l),e}),[])},lt=function(){if(!this.listSlotHtmlComponent)return null;const t=document.createElement("div");return t.classList.add("treeselect-list__slot"),t.appendChild(this.listSlotHtmlComponent),t},nt=function(){const t=document.createElement("div");t.classList.add("treeselect-list__empty"),t.setAttribute("title",this.emptyText);const e=document.createElement("span");e.classList.add("treeselect-list__empty-icon"),l(this.iconElements.attention,e);const s=document.createElement("span");return s.classList.add("treeselect-list__empty-text"),s.innerHTML=this.emptyText,t.append(e,s),t},ot=function(t){const e=document.createElement("div");e.setAttribute("group-container-id",t.value.toString()),e.classList.add("treeselect-list__group-container");const s=bt(this,F,"m",ct).call(this,t,!0);return e.appendChild(s),e},ct=function(t,e){const s=bt(this,F,"m",at).call(this,t);if(e){const t=bt(this,F,"m",ut).call(this);s.appendChild(t)}const i=bt(this,F,"m",mt).call(this,t),l=bt(this,F,"m",ft).call(this,t);return s.append(i,l),s},at=function(t){const e=document.createElement("div");return e.setAttribute("tabindex","-1"),e.setAttribute("title",t.name),e.classList.add("treeselect-list__item"),e.addEventListener("mouseover",(()=>bt(this,F,"m",rt).call(this,e)),!0),e.addEventListener("mouseout",(()=>bt(this,F,"m",ht).call(this,e)),!0),e.addEventListener("mousedown",(e=>bt(this,F,"m",dt).call(this,e,t))),e},rt=function(t){bt(this,K,"f")&&bt(this,F,"m",Et).call(this,!0,t)},ht=function(t){bt(this,K,"f")&&(bt(this,F,"m",Et).call(this,!1,t),Lt(this,J,t,"f"))},dt=function(t,e){t.stopPropagation();const s=t.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,bt(this,F,"m",vt).call(this,s,e)},ut=function(){const t=document.createElement("span");return t.setAttribute("tabindex","-1"),t.classList.add("treeselect-list__item-icon"),l(this.iconElements.arrowDown,t),t.addEventListener("mousedown",(t=>bt(this,F,"m",pt).call(this,t))),t},pt=function(t){t.stopPropagation(),bt(this,F,"m",wt).call(this,t)},mt=function(t){const e=document.createElement("div");e.classList.add("treeselect-list__item-checkbox-container");const s=document.createElement("span");s.classList.add("treeselect-list__item-checkbox-icon"),s.innerHTML="";const i=document.createElement("input");return i.setAttribute("tabindex","-1"),i.setAttribute("type","checkbox"),i.setAttribute("input-id",t.value.toString()),i.classList.add("treeselect-list__item-checkbox"),e.append(s,i),e},ft=function(t){const e=document.createElement("label");return e.innerHTML=t.name,e.classList.add("treeselect-list__item-label"),e},vt=function(t,e){const s=this.flattedOptions.find((t=>t.id===e.value));s&&(s.checked=t.checked,s.isPartialChecked=!1,D(s,this.flattedOptions),Ct(this.flattedOptions,this.srcElement,this.iconElements),bt(this,F,"m",kt).call(this))},wt=function(t){var e,s,i;const l=null===(s=null===(e=t.target)||void 0===e?void 0:e.parentNode)||void 0===s?void 0:s.querySelector("[input-id]"),n=null!==(i=null==l?void 0:l.getAttribute("input-id"))&&void 0!==i?i:null,o=Bt(n,this.flattedOptions);o&&(o.isClosed=!o.isClosed,z(this.flattedOptions,o),Ct(this.flattedOptions,this.srcElement,this.iconElements),this.arrowClickCallback())},Et=function(t,e){const s="treeselect-list__item--focused";if(t){const t=Array.from(this.srcElement.querySelectorAll(`.${s}`));t.length&&t.forEach((t=>t.classList.remove(s))),e.classList.add(s)}else e.classList.remove(s)},gt=function(){var t;this.selectedNodes={nodes:(t=this.flattedOptions,t.filter((t=>t.checked&&!t.isGroup))),groupedNodes:R(this.flattedOptions)}},kt=function(){bt(this,F,"m",gt).call(this),this.inputCallback(this.selectedNodes)};var Wt,Nt,jt,Gt,qt,It,Dt,Vt,$t,Rt,zt,Ut,Yt,Ft,Jt,Kt,Xt,Qt,Zt,te,ee,se,ie=function(t,e,s,i){if("a"===s&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?i:"a"===s?i.call(t):i?i.value:e.get(t)},le=function(t,e,s,i,l){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!l:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?l.call(t,s):l?l.value=s:e.set(t,s),s};const ne=t=>t.map((t=>t.id));class oe{mount(){var t;this.destroy();const{container:e,list:s,input:i}=ie(this,Wt,"m",$t).call(this);this.srcElement=e,le(this,Nt,s,"f"),le(this,jt,i,"f"),le(this,qt,this.scrollWindowHandler.bind(this),"f"),le(this,It,this.scrollWindowHandler.bind(this),"f"),le(this,Dt,this.focusWindowHandler.bind(this),"f"),le(this,Vt,this.blurWindowHandler.bind(this),"f"),this.alwaysOpen&&(null===(t=ie(this,jt,"f"))||void 0===t||t.openClose()),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(t){var e;const s=ie(this,Nt,"f");if(s){s.updateValue(t);const{groupedNodes:i,nodes:l}=s.selectedNodes,n=this.grouped?i:l;null===(e=ie(this,jt,"f"))||void 0===e||e.updateValue(n)}}destroy(){this.srcElement&&(ie(this,Wt,"m",Xt).call(this),this.srcElement.innerHTML="",this.srcElement=null,ie(this,Wt,"m",ee).call(this,!0))}focus(){ie(this,jt,"f")&&ie(this,jt,"f").focus()}toggleOpenClose(){ie(this,jt,"f")&&(ie(this,jt,"f").openClose(),ie(this,jt,"f").focus())}scrollWindowHandler(){this.updateListPosition()}focusWindowHandler(t){var e,s,i;(null===(e=this.srcElement)||void 0===e?void 0:e.contains(t.target))||(null===(s=ie(this,Nt,"f"))||void 0===s?void 0:s.srcElement.contains(t.target))||(null===(i=ie(this,jt,"f"))||void 0===i||i.blur(),ie(this,Wt,"m",ee).call(this,!1),ie(this,Wt,"m",Zt).call(this,!1))}blurWindowHandler(){var t;null===(t=ie(this,jt,"f"))||void 0===t||t.blur(),ie(this,Wt,"m",ee).call(this,!1),ie(this,Wt,"m",Zt).call(this,!1)}updateListPosition(){var t;const e=this.srcElement,s=null===(t=ie(this,Nt,"f"))||void 0===t?void 0:t.srcElement;if(!e||!s)return;s.style.transform="";const{y:i,height:l}=s.getBoundingClientRect(),{x:n,y:o,height:c,width:a}=e.getBoundingClientRect(),r=window.innerHeight-o-c,h=o>r&&o>=l&&r<l;this.appendToBody&&(s.style.transform=h?`translateY(${o-i-l}px)`:`translateY(${o+c-i}px)`,s.style.width=`${a}px`,s.style.left=`${n+window.scrollX}px`);const d=h?"top":"bottom";s.getAttribute("direction")!==d&&(s.setAttribute("direction",d),ie(this,Wt,"m",Qt).call(this,h,this.appendToBody))}constructor({parentHtmlContainer:t,value:e,options:s,openLevel:i,appendToBody:l,alwaysOpen:o,showTags:c,tagsCountText:a,clearable:r,searchable:h,placeholder:d,grouped:u,listSlotHtmlComponent:p,disabled:m,emptyText:f,staticList:v,id:w,iconElements:E,inputCallback:g}){Wt.add(this),Nt.set(this,null),jt.set(this,null),Gt.set(this,null),qt.set(this,null),It.set(this,null),Dt.set(this,null),Vt.set(this,null),(({parentHtmlContainer:t,staticList:e,appendToBody:s})=>{t||console.error("Validation: parentHtmlContainer prop is required!"),e&&s&&console.error("Validation: You should set staticList to false if you use appendToBody!")})({parentHtmlContainer:t,staticList:v,appendToBody:l}),this.parentHtmlContainer=t,this.value=null!=e?e:[],this.options=null!=s?s:[],this.openLevel=null!=i?i:0,this.appendToBody=null==l||l,this.alwaysOpen=!(!o||m),this.showTags=null==c||c,this.tagsCountText=null!=a?a:"elements selected",this.clearable=null==r||r,this.searchable=null==h||h,this.placeholder=null!=d?d:"Search...",this.grouped=null==u||u,this.listSlotHtmlComponent=null!=p?p:null,this.disabled=null!=m&&m,this.emptyText=null!=f?f:"No results found...",this.staticList=!(!v||this.appendToBody),this.id=null!=w?w:"",this.iconElements=n(E),this.inputCallback=g,this.isListOpened=!1,this.srcElement=null,this.mount()}}Nt=new WeakMap,jt=new WeakMap,Gt=new WeakMap,qt=new WeakMap,It=new WeakMap,Dt=new WeakMap,Vt=new WeakMap,Wt=new WeakSet,$t=function(){const t=this.parentHtmlContainer;t.classList.add("treeselect");const e=new(0,j.TreeselectList)({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements,inputCallback:t=>ie(this,Wt,"m",Ft).call(this,t),arrowClickCallback:()=>ie(this,Wt,"m",Jt).call(this),mouseupCallback:()=>{var t;return null===(t=ie(this,jt,"f"))||void 0===t?void 0:t.focus()}}),{groupedNodes:i,nodes:l}=e.selectedNodes,n=new(0,s.TreeselectInput)({value:this.grouped?i:l,showTags:this.showTags,tagsCountText:this.tagsCountText,clearable:this.clearable,isAlwaysOpened:this.alwaysOpen,searchable:this.searchable,placeholder:this.placeholder,disabled:this.disabled,id:this.id,iconElements:this.iconElements,inputCallback:t=>ie(this,Wt,"m",Rt).call(this,t),searchCallback:t=>ie(this,Wt,"m",Ut).call(this,t),openCallback:()=>ie(this,Wt,"m",Kt).call(this),closeCallback:()=>ie(this,Wt,"m",Xt).call(this),keydownCallback:t=>ie(this,Wt,"m",zt).call(this,t),focusCallback:()=>ie(this,Wt,"m",Yt).call(this)});return this.appendToBody&&le(this,Gt,new ResizeObserver((()=>this.updateListPosition())),"f"),t.append(n.srcElement),{container:t,list:e,input:n}},Rt=function(t){var e,s,i;const l=ne(t);null===(e=ie(this,Nt,"f"))||void 0===e||e.updateValue(l);const n=null===(i=null===(s=ie(this,Nt,"f"))||void 0===s?void 0:s.selectedNodes)||void 0===i?void 0:i.nodes;this.value=n?ne(n):[],ie(this,Wt,"m",se).call(this)},zt=function(t){var e;this.isListOpened&&(null===(e=ie(this,Nt,"f"))||void 0===e||e.callKeyAction(t))},Ut=function(t){var e;null===(e=ie(this,Nt,"f"))||void 0===e||e.updateSearchValue(t),this.updateListPosition()},Yt=function(){ie(this,Wt,"m",Zt).call(this,!0),ie(this,Dt,"f")&&ie(this,Dt,"f")&&ie(this,Vt,"f")&&(document.addEventListener("mousedown",ie(this,Dt,"f"),!0),document.addEventListener("focus",ie(this,Dt,"f"),!0),window.addEventListener("blur",ie(this,Vt,"f")))},Ft=function(t){var e,s;const{groupedNodes:i,nodes:l}=t,n=this.grouped?i:l;null===(e=ie(this,jt,"f"))||void 0===e||e.updateValue(n),this.value=ne(l),null===(s=ie(this,jt,"f"))||void 0===s||s.focus(),ie(this,Wt,"m",se).call(this)},Jt=function(){var t;null===(t=ie(this,jt,"f"))||void 0===t||t.focus(),this.updateListPosition()},Kt=function(){var t;this.isListOpened=!0,ie(this,qt,"f")&&ie(this,It,"f")&&(window.addEventListener("scroll",ie(this,qt,"f"),!0),window.addEventListener("resize",ie(this,It,"f"))),ie(this,Nt,"f")&&this.srcElement&&(this.appendToBody?(document.body.appendChild(ie(this,Nt,"f").srcElement),null===(t=ie(this,Gt,"f"))||void 0===t||t.observe(this.srcElement)):this.srcElement.appendChild(ie(this,Nt,"f").srcElement),this.updateListPosition(),ie(this,Wt,"m",te).call(this,!0),ie(this,Nt,"f").focusFirstListElement())},Xt=function(){var t;if(this.alwaysOpen)return;if(this.isListOpened=!1,ie(this,qt,"f")&&ie(this,It,"f")&&(window.removeEventListener("scroll",ie(this,qt,"f"),!0),window.removeEventListener("resize",ie(this,It,"f"))),!ie(this,Nt,"f")||!this.srcElement)return;(this.appendToBody?document.body.contains(ie(this,Nt,"f").srcElement):this.srcElement.contains(ie(this,Nt,"f").srcElement))&&(this.appendToBody?(document.body.removeChild(ie(this,Nt,"f").srcElement),null===(t=ie(this,Gt,"f"))||void 0===t||t.disconnect()):this.srcElement.removeChild(ie(this,Nt,"f").srcElement),ie(this,Wt,"m",te).call(this,!1))},Qt=function(t,e){if(!ie(this,Nt,"f")||!ie(this,jt,"f"))return;const s=e?"treeselect-list--top-to-body":"treeselect-list--top",i=e?"treeselect-list--bottom-to-body":"treeselect-list--bottom";t?(ie(this,Nt,"f").srcElement.classList.add(s),ie(this,Nt,"f").srcElement.classList.remove(i),ie(this,jt,"f").srcElement.classList.add("treeselect-input--top"),ie(this,jt,"f").srcElement.classList.remove("treeselect-input--bottom")):(ie(this,Nt,"f").srcElement.classList.remove(s),ie(this,Nt,"f").srcElement.classList.add(i),ie(this,jt,"f").srcElement.classList.remove("treeselect-input--top"),ie(this,jt,"f").srcElement.classList.add("treeselect-input--bottom"))},Zt=function(t){ie(this,jt,"f")&&ie(this,Nt,"f")&&(t?(ie(this,jt,"f").srcElement.classList.add("treeselect-input--focused"),ie(this,Nt,"f").srcElement.classList.add("treeselect-list--focused")):(ie(this,jt,"f").srcElement.classList.remove("treeselect-input--focused"),ie(this,Nt,"f").srcElement.classList.remove("treeselect-list--focused")))},te=function(t){var e,s,i,l;t?null===(e=ie(this,jt,"f"))||void 0===e||e.srcElement.classList.add("treeselect-input--opened"):null===(s=ie(this,jt,"f"))||void 0===s||s.srcElement.classList.remove("treeselect-input--opened"),this.staticList?null===(i=ie(this,Nt,"f"))||void 0===i||i.srcElement.classList.add("treeselect-list--static"):null===(l=ie(this,Nt,"f"))||void 0===l||l.srcElement.classList.remove("treeselect-list--static")},ee=function(t){ie(this,qt,"f")&&ie(this,It,"f")&&ie(this,Dt,"f")&&ie(this,Vt,"f")&&(this.alwaysOpen&&!t||(window.removeEventListener("scroll",ie(this,qt,"f"),!0),window.removeEventListener("resize",ie(this,It,"f"))),document.removeEventListener("mousedown",ie(this,Dt,"f"),!0),document.removeEventListener("focus",ie(this,Dt,"f"),!0),window.removeEventListener("blur",ie(this,Vt,"f")))},se=function(){var t;null===(t=this.srcElement)||void 0===t||t.dispatchEvent(new CustomEvent("input",{detail:this.value})),this.inputCallback&&this.inputCallback(this.value)};export{oe as Treeselect,e as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "treeselectjs",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "description": "Treeselect JS",
   "main": "dist/treeselect-js.cjs.js",
   "module": "dist/treeselect-js.mjs.js",
@@ -28,7 +28,6 @@
     },
     "types": {
       "isLibrary": true,
-      "context": "node",
       "source": "src/treeselect-js.ts",
       "optimize": true,
       "sourceMap": false
@@ -66,6 +65,7 @@
   "homepage": "https://github.com/dipson88/treeselectjs#readme",
   "devDependencies": {
     "@parcel/packager-ts": "^2.6.2",
+    "@parcel/transformer-typescript-tsc": "^2.6.2",
     "@parcel/transformer-typescript-types": "^2.6.2",
     "parcel": "^2.6.2",
     "prettier": "^2.7.1",
@@ -73,8 +73,5 @@
   },
   "files": [
     "dist"
-  ],
-  "dependencies": {
-    "@swc/helpers": "^0.4.3"
-  }
+  ]
 }