treeselectjs 0.3.0 → 0.3.3

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 '../dist/treeselect-js.js';
+import { Treeselect } from 'treeselectjs'
 
 const options = [
   {

package/dist/treeselect-js.cjs.js

@@ -1 +1 @@
-var e,t,s,i,n;e=module.exports,Object.defineProperty(e,"__esModule",{value:!0,configurable:!0}),t=module.exports,s="default",i=()=>M,Object.defineProperty(t,s,{get:i,set:n,enumerable:!0,configurable:!0});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=(e,t)=>{if(t.innerHTML="","string"==typeof e)t.innerHTML=e;else{const s=e.cloneNode(!0);t.appendChild(s)}},r=e=>{const t=e?{...e}:{};return Object.keys(l).forEach((e=>{t[e]||(t[e]=l[e])})),t};var c=class{#e;#t;#s;#i;constructor({value:e,showTags:t,tagsCountText:s,clearable:i,isAlwaysOpened:n,searchable:l,placeholder:o,disabled:r,id:c,iconElements:a}){this.value=e,this.showTags=t,this.tagsCountText=s,this.searchable=l,this.placeholder=o,this.clearable=i,this.isAlwaysOpened=n,this.disabled=r,this.id=c,this.iconElements=a,this.isOpened=!1,this.searchText="",this.#e=this.#n(),this.#t=this.#l(),this.#s=this.#o(),this.#i=null,this.srcElement=this.#r(this.#e,this.#t,this.#s),this.#c()}focus(){this.#t.focus()}blur(){this.isOpened&&this.#a()}updateValue(e){this.value=e,this.#d(),this.#h()}removeItem(e){this.value=this.value.filter((t=>t.id!==e)),this.#u(),this.#d(),this.#h()}clear(){this.value=[],this.searchText="",this.#p(""),this.#u(),this.#d(),this.#h()}openClose(){this.#a()}#c(){this.#d(),this.#h(),this.#m()}#d(){this.#e.innerHTML="",this.showTags?this.#e.append(...this.#v()):this.#e.appendChild(this.#E())}#m(){const e=[];this.#s.innerHTML="",this.clearable&&e.push(this.#w()),this.isAlwaysOpened||e.push(this.#L(this.isOpened)),e.length&&this.#s.append(...e)}#g(){if(!this.isAlwaysOpened&&this.#i){const e=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;o(e,this.#i)}}#h(){this.value?.length?this.#t.removeAttribute("placeholder"):this.#t.setAttribute("placeholder",this.placeholder),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),this.#t.value=this.searchText}#a(){this.isOpened=!this.isOpened,this.#g(),this.isOpened?this.#f():this.#C()}#r(e,t,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(e=>this.#b(e))),i.append(e,t,s),i}#b(e){e.preventDefault(),this.isOpened||this.#a(),this.focus()}#n(){const e=document.createElement("div");return e.classList.add("treeselect-input__tags"),e}#v(){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=this.#y(e.name),i=this.#k();return t.addEventListener("mousedown",(t=>this.#x(t,e.id))),t.append(s,i),t}))}#x(e,t){e.preventDefault(),e.stopPropagation(),this.focus(),this.removeItem(t)}#y(e){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-name"),t.innerHTML=e,t}#k(){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-cross"),o(this.iconElements.cross,e),e}#E(){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)}#l(){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=>this.#_(e))),e.addEventListener("input",(t=>this.#O(t,e))),e}#_(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||this.#a()}#O(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;this.#p(t),this.isOpened||this.#a()}else t.value="";this.searchText=t.value}else t.value=""}#o(){const e=document.createElement("div");return e.classList.add("treeselect-input__operators"),e}#w(){const e=document.createElement("span");return e.classList.add("treeselect-input__clear"),e.setAttribute("tabindex","-1"),o(this.iconElements.clear,e),e.addEventListener("mousedown",(e=>this.#T(e))),e}#T(e){e.preventDefault(),e.stopPropagation(),this.#t?.focus(),(this.searchText.length||this.value.length)&&this.clear()}#L(e){this.#i=document.createElement("span"),this.#i.classList.add("treeselect-input__arrow");const t=e?this.iconElements.arrowUp:this.iconElements.arrowDown;return o(t,this.#i),this.#i.addEventListener("mousedown",(e=>this.#A(e))),this.#i}#A(e){e.stopPropagation(),e.preventDefault(),this.focus(),this.#a()}#u(){this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.value}))}#p(e){this.srcElement.dispatchEvent(new CustomEvent("search",{detail:e}))}#f(){this.srcElement.dispatchEvent(new CustomEvent("open"))}#C(){this.srcElement.dispatchEvent(new CustomEvent("close"))}};const a=(e,t,s="",i=0)=>e.reduce(((e,n)=>{const l=!!n.children?.length,o=i>=t&&l,r=i>t;if(e.push({id:n.value,name:n.name,childOf:s,isGroup:l,checked:!1,isPartialChecked:!1,level:i,isClosed:o,hidden:r}),l){const s=a(n.children,t,n.value,i+1);e.push(...s)}return e}),[]),d=({id:e,checked:t},s)=>{s.forEach((i=>{i.childOf===e&&(i.checked=t??!0,i.isPartialChecked=!1,i.isGroup&&d(i,s))}))},h=(e,t)=>{const s=t.find((t=>t.id===e)),i=t.filter((e=>e.childOf===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&&h(s.childOf,t)},u=({id:e,isGroup:t,childOf:s,checked:i},n)=>{t&&d({id:e,checked:i},n),s&&h(s,n)},p=(e,t)=>t.reduce(((s,i)=>(i.childOf===e&&(s.push(i),i.isGroup&&s.push(...p(i.id,t))),s)),[]),m=(e,t)=>t.reduce(((s,i)=>(i.id===e&&(s.push(i),i.childOf&&s.push(...m(i.childOf,t))),s)),[]),v=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))))},E=(e,{id:t,isClosed:s})=>{e.filter((e=>e.childOf===t)).forEach((t=>{t.hidden=s??!1,t.isGroup&&!t.isClosed&&E(e,{id:t.id,isClosed:s})}))},w=(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=p(i.id,e);s.push(...t)}if(i.childOf){const t=m(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,E(e,t)),t.hidden=!1):t.hidden=!0}))},L=(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,u(e,t)}))},g=(e,t,s,i)=>{L(e,t),f(t,s,i)},f=(e,t,s)=>{e.forEach((i=>{const n=t.querySelector(`[input-id="${i.id}"]`),l=T(n);n.checked=i.checked,C(i,l),b(i,l),y(i,l,s),k(i,l),_(i,l,e),x(i,n,s)})),O(e,t)},C=(e,t)=>{e.checked?t.classList.add("treeselect-list__item--checked"):t.classList.remove("treeselect-list__item--checked")},b=(e,t)=>{e.isPartialChecked?t.classList.add("treeselect-list__item--partial-checked"):t.classList.remove("treeselect-list__item--partial-checked")},y=(e,t,s)=>{if(e.isGroup){const i=t.querySelector(".treeselect-list__item-icon"),n=e.isClosed?s.arrowRight:s.arrowDown;o(n,i),e.isClosed?t.classList.add("treeselect-list__item--closed"):t.classList.remove("treeselect-list__item--closed")}},k=(e,t)=>{e.hidden?t.classList.add("treeselect-list__item--hidden"):t.classList.remove("treeselect-list__item--hidden")},x=(e,t,s)=>{const i=t.parentNode.querySelector(".treeselect-list__item-checkbox-icon");e.checked?o(s.check,i):e.isPartialChecked?o(s.partialCheck,i):i.innerHTML=""},_=(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())},O=(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")},T=e=>e.parentNode.parentNode,A=(e,t)=>t.find((t=>t.id.toString()===e));var I=class{#I=null;#S=!0;constructor({options:e,value:t,openLevel:s,listSlotHtmlComponent:i,emptyText:n,iconElements:l}){this.options=e,this.value=t,this.openLevel=s??0,this.listSlotHtmlComponent=i??null,this.emptyText=n??"No results found...",this.iconElements=l,this.searchText="",this.flattedOptions=a(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=this.#M(),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)}updateValue(e){g(e,this.flattedOptions,this.srcElement,this.iconElements),this.#H()}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&&w(this.flattedOptions,e),f(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(e){this.#S=!1;const t=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===e&&t&&t.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==e&&"ArrowRight"!==e||this.#B(t,e),"ArrowDown"!==e&&"ArrowUp"!==e||this.#P(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(T(e)).display));if(!s.length)return;t&&t.classList.remove(e);T(s[0]).classList.add(e)}#B(e,t){if(!e)return;const s=e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=A(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"))}#P(e,t){const s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((e=>"none"!==window.getComputedStyle(T(e)).display));if(s.length)if(e){const e=s.findIndex((e=>T(e).classList.contains("treeselect-list__item--focused")));T(s[e]).classList.remove("treeselect-list__item--focused");const i="ArrowDown"===t?e+1:e-1,n="ArrowDown"===t?0:s.length-1,l=s[i]??s[n],o=!s[i],r=T(l);r.classList.add("treeselect-list__item--focused");const c=this.srcElement.getBoundingClientRect(),a=r.getBoundingClientRect();if(o&&"ArrowDown"===t)return void this.srcElement.scroll(0,0);if(o&&"ArrowUp"===t)return void this.srcElement.scroll(0,this.srcElement.scrollHeight);if(c.y+c.height<a.y+a.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+a.height);if(c.y>a.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-a.height)}else{T(s[0]).classList.add("treeselect-list__item--focused")}}#M(){const e=this.#N(),t=this.#G(this.options);e.append(...t);const s=this.#D();s&&e.append(s);const i=this.#z();return e.append(i),e}#N(){const e=document.createElement("div");return e.classList.add("treeselect-list"),e.addEventListener("mouseout",(e=>this.#q(e))),e.addEventListener("mousemove",(()=>this.#R())),e}#q(e){e.stopPropagation(),this.#I&&this.#S&&this.#I.classList.add("treeselect-list__item--focused")}#R(){this.#S=!0}#G(e){return e.reduce(((e,t)=>{if(t.children?.length){const s=this.#F(t),i=this.#G(t.children);return s.append(...i),e.push(s),e}const s=this.#V(t,!1);return e.push(s),e}),[])}#D(){if(!this.listSlotHtmlComponent)return null;const e=document.createElement("div");return e.classList.add("treeselect-list__slot"),e.appendChild(this.listSlotHtmlComponent),e}#z(){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"),o(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}#F(e){const t=document.createElement("div");t.setAttribute("group-container-id",e.value.toString()),t.classList.add("treeselect-list__group-container");const s=this.#V(e,!0);return t.appendChild(s),t}#V(e,t){const s=this.#j(e);if(t){const e=this.#$();s.appendChild(e)}const i=this.#U(e),n=this.#W(e);return s.append(i,n),s}#j(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",(()=>this.#K(t)),!0),t.addEventListener("mouseout",(()=>this.#Y(t)),!0),t.addEventListener("mousedown",(t=>this.#J(t,e))),t}#K(e){this.#S&&this.#X(!0,e)}#Y(e){this.#S&&(this.#X(!1,e),this.#I=e)}#J(e,t){e.stopPropagation();const s=e.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,this.#Q(s,t)}#$(){const e=document.createElement("span");return e.setAttribute("tabindex","-1"),e.classList.add("treeselect-list__item-icon"),o(this.iconElements.arrowDown,e),e.addEventListener("mousedown",(e=>this.#Z(e))),e}#Z(e){e.stopPropagation(),this.#ee(e)}#U(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}#W(e){const t=document.createElement("label");return t.innerHTML=e.name,t.classList.add("treeselect-list__item-label"),t}#Q(e,t){const s=this.flattedOptions.find((e=>e.id===t.value));s&&(s.checked=e.checked,s.isPartialChecked=!1,u(s,this.flattedOptions),f(this.flattedOptions,this.srcElement,this.iconElements),this.#u())}#ee(e){const t=e.target?.parentNode?.querySelector("[input-id]"),s=t?.getAttribute("input-id")??null,i=A(s,this.flattedOptions);i&&(i.isClosed=!i.isClosed,E(this.flattedOptions,i),f(this.flattedOptions,this.srcElement,this.iconElements),this.#te())}#X(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)}#H(){var e;this.selectedNodes={nodes:(e=this.flattedOptions,e.filter((e=>e.checked&&!e.isGroup))),groupedNodes:v(this.flattedOptions)}}#te(){this.srcElement.dispatchEvent(new CustomEvent("arrow-click"))}#u(){this.#H(),this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.selectedNodes}))}};const S=e=>e.map((e=>e.id));var M=class{#se=null;#ie=null;#ne=null;#le=null;#oe=null;#re=null;#ce=null;constructor({parentHtmlContainer:e,value:t,options:s,openLevel:i,appendToBody:n,alwaysOpen:l,showTags:o,tagsCountText:c,clearable:a,searchable:d,placeholder:h,grouped:u,listSlotHtmlComponent:p,disabled:m,emptyText:v,staticList:E,id:w,iconElements:L,inputCallback:g}){(({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:E,appendToBody:n}),this.parentHtmlContainer=e,this.value=t??[],this.options=s??[],this.openLevel=i??0,this.appendToBody=n??!0,this.alwaysOpen=!(!l||m),this.showTags=o??!0,this.tagsCountText=c??"elements selected",this.clearable=a??!0,this.searchable=d??!0,this.placeholder=h??"Search...",this.grouped=u??!0,this.listSlotHtmlComponent=p??null,this.disabled=m??!1,this.emptyText=v??"No results found...",this.staticList=!(!E||this.appendToBody),this.id=w??"",this.iconElements=r(L),this.inputCallback=g,this.isListOpened=!1,this.srcElement=null,this.mount()}mount(){this.destroy();const{container:e,list:t,input:s}=this.#ae();this.srcElement=e,this.#se=t,this.#ie=s,this.#le=this.scrollWindowHandler.bind(this),this.#oe=this.scrollWindowHandler.bind(this),this.#re=this.focusWindowHandler.bind(this),this.#ce=this.blurWindowHandler.bind(this),this.alwaysOpen&&this.#ie?.openClose(),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(e){const t=this.#se;if(t){t.updateValue(e);const{groupedNodes:s,nodes:i}=t.selectedNodes,n=this.grouped?s:i;this.#ie?.updateValue(n)}}destroy(){this.srcElement&&(this.#de(),this.srcElement.innerHTML="",this.srcElement=null,this.#he(!0))}focus(){this.#ie&&this.#ie.focus()}toggleOpenClose(){this.#ie&&(this.#ie.openClose(),this.#ie.focus())}#ae(){const e=this.parentHtmlContainer;e.classList.add("treeselect");const t=new I({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 c({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&&(this.#ne=new ResizeObserver((()=>this.updateListPosition()))),n.srcElement.addEventListener("input",(e=>this.#ue(e,t))),n.srcElement.addEventListener("open",(()=>this.#pe())),n.srcElement.addEventListener("keydown",(e=>this.#me(e,t))),n.srcElement.addEventListener("search",(e=>this.#ve(e,t))),n.srcElement.addEventListener("focus",(()=>this.#Ee()),!0),this.alwaysOpen||n.srcElement.addEventListener("close",(()=>this.#de())),t.srcElement.addEventListener("mouseup",(()=>n.focus()),!0),t.srcElement.addEventListener("input",(e=>this.#we(e,n))),t.srcElement.addEventListener("arrow-click",(()=>this.#Le(n))),e.append(n.srcElement),{container:e,list:t,input:n}}#ue(e,t){const s=S(e.detail);t.updateValue(s);const{nodes:i}=t.selectedNodes;this.value=S(i),this.#u()}#me(e,t){this.isListOpened&&t.callKeyAction(e.key)}#ve(e,t){t.updateSearchValue(e.detail),this.updateListPosition()}#Ee(){this.#ge(!0),this.#re&&this.#re&&this.#ce&&(document.addEventListener("mousedown",this.#re,!0),document.addEventListener("focus",this.#re,!0),window.addEventListener("blur",this.#ce))}#we(e,t){const{groupedNodes:s,nodes:i}=e.detail,n=this.grouped?s:i;t.updateValue(n),this.value=S(i),t.focus(),this.#u()}#Le(e){e.focus(),this.updateListPosition()}#pe(){this.isListOpened=!0,this.#le&&this.#oe&&(window.addEventListener("scroll",this.#le,!0),window.addEventListener("resize",this.#oe)),this.#se&&this.srcElement&&(this.appendToBody?(document.body.appendChild(this.#se.srcElement),this.#ne?.observe(this.srcElement)):this.srcElement.appendChild(this.#se.srcElement),this.updateListPosition(),this.#fe(!0),this.#se.focusFirstListElement())}#de(){if(this.isListOpened=!1,this.#le&&this.#oe&&(window.removeEventListener("scroll",this.#le,!0),window.removeEventListener("resize",this.#oe)),!this.#se||!this.srcElement)return;(this.appendToBody?document.body.contains(this.#se.srcElement):this.srcElement.contains(this.#se.srcElement))&&(this.appendToBody?(document.body.removeChild(this.#se.srcElement),this.#ne?.disconnect()):this.srcElement.removeChild(this.#se.srcElement),this.#fe(!1))}#Ce(e,t){if(!this.#se||!this.#ie)return;const s=t?"treeselect-list--top-to-body":"treeselect-list--top",i=t?"treeselect-list--bottom-to-body":"treeselect-list--bottom";e?(this.#se.srcElement.classList.add(s),this.#se.srcElement.classList.remove(i),this.#ie.srcElement.classList.add("treeselect-input--top"),this.#ie.srcElement.classList.remove("treeselect-input--bottom")):(this.#se.srcElement.classList.remove(s),this.#se.srcElement.classList.add(i),this.#ie.srcElement.classList.remove("treeselect-input--top"),this.#ie.srcElement.classList.add("treeselect-input--bottom"))}#ge(e){this.#ie&&this.#se&&(e?(this.#ie.srcElement.classList.add("treeselect-input--focused"),this.#se.srcElement.classList.add("treeselect-list--focused")):(this.#ie.srcElement.classList.remove("treeselect-input--focused"),this.#se.srcElement.classList.remove("treeselect-list--focused")))}#fe(e){e?this.#ie?.srcElement.classList.add("treeselect-input--opened"):this.#ie?.srcElement.classList.remove("treeselect-input--opened"),this.staticList?this.#se?.srcElement.classList.add("treeselect-list--static"):this.#se?.srcElement.classList.remove("treeselect-list--static")}#he(e){this.#le&&this.#oe&&this.#re&&this.#ce&&(this.alwaysOpen&&!e||(window.removeEventListener("scroll",this.#le,!0),window.removeEventListener("resize",this.#oe)),document.removeEventListener("click",this.#re,!0),document.removeEventListener("focus",this.#re,!0),window.removeEventListener("blur",this.#ce))}scrollWindowHandler(){this.updateListPosition()}focusWindowHandler(e){this.srcElement?.contains(e.target)||this.#se?.srcElement.contains(e.target)||(this.#ie?.blur(),this.#he(!1),this.#ge(!1))}blurWindowHandler(){this.#ie?.blur(),this.#he(!1),this.#ge(!1)}updateListPosition(){const e=this.srcElement,t=this.#se?.srcElement;if(!e||!t)return;t.style.transform="";const{y:s,height:i}=t.getBoundingClientRect(),{x:n,y:l,height:o,width:r}=e.getBoundingClientRect(),c=window.innerHeight-l-o,a=l>c&&l>=i&&c<i;this.appendToBody&&(t.style.transform=a?`translateY(${l-s-i}px)`:`translateY(${l+o-s}px)`,t.style.width=`${r}px`,t.style.left=`${n+window.scrollX}px`);const d=a?"top":"bottom";t.getAttribute("direction")!==d&&(t.setAttribute("direction",d),this.#Ce(a,this.appendToBody))}#u(){this.srcElement?.dispatchEvent(new CustomEvent("input",{detail:this.value})),this.inputCallback&&this.inputCallback(this.value)}};
+function t(t,e,s,i){Object.defineProperty(t,e,{get:s,set:i,enumerable:!0,configurable:!0})}t(module.exports,"Treeselect",(function(){return ae}),(function(t){return ae=t}));var e={};t(e,"TreeselectInput",(function(){return G}),(function(t){return G=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)}},n=t=>{const e=t?Object.assign({},t):{};return Object.keys(s).forEach((t=>{e[t]||(e[t]=s[t])})),e};var l,o,c,r,a,h,d,u,m,p,f,v,w,E,g,L,y,b,k,_,x,C,T,O,A,S,H,P,B,M,W,N=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)},j=function(t,e,s,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,s):n?n.value=s:e.set(t,s),s};class G{focus(){N(this,c,"f").focus()}blur(){this.isOpened&&N(this,l,"m",f).call(this)}updateValue(t){this.value=t,N(this,l,"m",d).call(this),N(this,l,"m",p).call(this)}removeItem(t){this.value=this.value.filter((e=>e.id!==t)),N(this,l,"m",P).call(this),N(this,l,"m",d).call(this),N(this,l,"m",p).call(this)}clear(){this.value=[],this.searchText="",N(this,l,"m",B).call(this,""),N(this,l,"m",P).call(this),N(this,l,"m",d).call(this),N(this,l,"m",p).call(this)}openClose(){N(this,l,"m",f).call(this)}constructor({value:t,showTags:e,tagsCountText:s,clearable:i,isAlwaysOpened:n,searchable:d,placeholder:u,disabled:m,id:p,iconElements:f}){l.add(this),o.set(this,void 0),c.set(this,void 0),r.set(this,void 0),a.set(this,void 0),this.value=t,this.showTags=e,this.tagsCountText=s,this.searchable=d,this.placeholder=u,this.clearable=i,this.isAlwaysOpened=n,this.disabled=m,this.id=p,this.iconElements=f,this.isOpened=!1,this.searchText="",j(this,o,N(this,l,"m",E).call(this),"f"),j(this,c,N(this,l,"m",_).call(this),"f"),j(this,r,N(this,l,"m",T).call(this),"f"),j(this,a,null,"f"),this.srcElement=N(this,l,"m",v).call(this,N(this,o,"f"),N(this,c,"f"),N(this,r,"f")),N(this,l,"m",h).call(this)}}o=new WeakMap,c=new WeakMap,r=new WeakMap,a=new WeakMap,l=new WeakSet,h=function(){N(this,l,"m",d).call(this),N(this,l,"m",p).call(this),N(this,l,"m",u).call(this)},d=function(){N(this,o,"f").innerHTML="",this.showTags?N(this,o,"f").append(...N(this,l,"m",g).call(this)):N(this,o,"f").appendChild(N(this,l,"m",k).call(this))},u=function(){const t=[];N(this,r,"f").innerHTML="",this.clearable&&t.push(N(this,l,"m",O).call(this)),this.isAlwaysOpened||t.push(N(this,l,"m",S).call(this,this.isOpened)),t.length&&N(this,r,"f").append(...t)},m=function(){if(!this.isAlwaysOpened&&N(this,a,"f")){const t=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;i(t,N(this,a,"f"))}},p=function(){var t;(null===(t=this.value)||void 0===t?void 0:t.length)?N(this,c,"f").removeAttribute("placeholder"):N(this,c,"f").setAttribute("placeholder",this.placeholder),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),N(this,c,"f").value=this.searchText},f=function(){this.isOpened=!this.isOpened,N(this,l,"m",m).call(this),this.isOpened?N(this,l,"m",M).call(this):N(this,l,"m",W).call(this)},v=function(t,e,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(t=>N(this,l,"m",w).call(this,t))),i.append(t,e,s),i},w=function(t){t.preventDefault(),this.isOpened||N(this,l,"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=N(this,l,"m",y).call(this,t.name),i=N(this,l,"m",b).call(this);return e.addEventListener("mousedown",(e=>N(this,l,"m",L).call(this,e,t.id))),e.append(s,i),e}))},L=function(t,e){t.preventDefault(),t.stopPropagation(),this.focus(),this.removeItem(e)},y=function(t){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-name"),e.innerHTML=t,e},b=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-cross"),i(this.iconElements.cross,t),t},k=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=>N(this,l,"m",x).call(this,t))),t.addEventListener("input",(e=>N(this,l,"m",C).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||N(this,l,"m",f).call(this)},C=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;N(this,l,"m",B).call(this,e),this.isOpened||N(this,l,"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=>N(this,l,"m",A).call(this,t))),t},A=function(t){var e;t.preventDefault(),t.stopPropagation(),null===(e=N(this,c,"f"))||void 0===e||e.focus(),(this.searchText.length||this.value.length)&&this.clear()},S=function(t){j(this,a,document.createElement("span"),"f"),N(this,a,"f").classList.add("treeselect-input__arrow");const e=t?this.iconElements.arrowUp:this.iconElements.arrowDown;return i(e,N(this,a,"f")),N(this,a,"f").addEventListener("mousedown",(t=>N(this,l,"m",H).call(this,t))),N(this,a,"f")},H=function(t){t.stopPropagation(),t.preventDefault(),this.focus(),N(this,l,"m",f).call(this)},P=function(){this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.value}))},B=function(t){this.srcElement.dispatchEvent(new CustomEvent("search",{detail:t}))},M=function(){this.srcElement.dispatchEvent(new CustomEvent("open"))},W=function(){this.srcElement.dispatchEvent(new CustomEvent("close"))};var q={};t(q,"TreeselectList",(function(){return jt}),(function(t){return jt=t}));const I=(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,r=i>e;if(t.push({id:n.value,name:n.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:c,hidden:r}),o){const s=I(n.children,e,n.value,i+1);t.push(...s)}return t}),[]),D=({id:t,checked:e},s)=>{s.forEach((i=>{i.childOf===t&&(i.checked=null==e||e,i.isPartialChecked=!1,i.isGroup&&D(i,s))}))},V=(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&&V(s.childOf,e)},$=({id:t,isGroup:e,childOf:s,checked:i},n)=>{e&&D({id:t,checked:i},n),s&&V(s,n)},R=(t,e)=>e.reduce(((s,i)=>(i.childOf===t&&(s.push(i),i.isGroup&&s.push(...R(i.id,e))),s)),[]),z=(t,e)=>e.reduce(((s,i)=>(i.id===t&&(s.push(i),i.childOf&&s.push(...z(i.childOf,e))),s)),[]),U=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))))},Y=(t,{id:e,isClosed:s})=>{t.filter((t=>t.childOf===e)).forEach((e=>{e.hidden=null!=s&&s,e.isGroup&&!e.isClosed&&Y(t,{id:e.id,isClosed:s})}))},F=(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=R(i.id,t);s.push(...e)}if(i.childOf){const e=z(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,Y(t,e)),e.hidden=!1):e.hidden=!0}))},J=(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,$(t,e)}))};var K,X,Q,Z,tt,et,st,it,nt,lt,ot,ct,rt,at,ht,dt,ut,mt,pt,ft,vt,wt,Et,gt,Lt,yt,bt,kt,_t=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)},xt=function(t,e,s,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,s):n?n.value=s:e.set(t,s),s};const Ct=(t,e,s,i)=>{J(t,e),Tt(e,s,i)},Tt=(t,e,s)=>{t.forEach((i=>{const n=e.querySelector(`[input-id="${i.id}"]`),l=Wt(n);n.checked=i.checked,Ot(i,l),At(i,l),St(i,l,s),Ht(i,l),Bt(i,l,t),Pt(i,n,s)})),Mt(t,e)},Ot=(t,e)=>{t.checked?e.classList.add("treeselect-list__item--checked"):e.classList.remove("treeselect-list__item--checked")},At=(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 n=e.querySelector(".treeselect-list__item-icon"),l=t.isClosed?s.arrowRight:s.arrowDown;i(l,n),t.isClosed?e.classList.add("treeselect-list__item--closed"):e.classList.remove("treeselect-list__item--closed")}},Ht=(t,e)=>{t.hidden?e.classList.add("treeselect-list__item--hidden"):e.classList.remove("treeselect-list__item--hidden")},Pt=(t,e,s)=>{const n=e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");t.checked?i(s.check,n):t.isPartialChecked?i(s.partialCheck,n):n.innerHTML=""},Bt=(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())},Mt=(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")},Wt=t=>t.parentNode.parentNode,Nt=(t,e)=>e.find((e=>e.id.toString()===t));class jt{updateValue(t){Ct(t,this.flattedOptions,this.srcElement,this.iconElements),_t(this,K,"m",yt).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&&F(this.flattedOptions,t),Tt(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(t){xt(this,Q,!1,"f");const e=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===t&&e&&e.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==t&&"ArrowRight"!==t||_t(this,K,"m",Z).call(this,e,t),"ArrowDown"!==t&&"ArrowUp"!==t||_t(this,K,"m",tt).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(Wt(t)).display));if(!s.length)return;e&&e.classList.remove(t);Wt(s[0]).classList.add(t)}constructor({options:t,value:e,openLevel:s,listSlotHtmlComponent:i,emptyText:n,iconElements:l}){K.add(this),X.set(this,null),Q.set(this,!0),this.options=t,this.value=e,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=I(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=_t(this,K,"m",et).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)}}X=new WeakMap,Q=new WeakMap,K=new WeakSet,Z=function(t,e){if(!t)return;const s=t.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=Nt(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"))},tt=function(t,e){var s;const i=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Wt(t)).display));if(i.length)if(t){const t=i.findIndex((t=>Wt(t).classList.contains("treeselect-list__item--focused")));Wt(i[t]).classList.remove("treeselect-list__item--focused");const n="ArrowDown"===e?t+1:t-1,l="ArrowDown"===e?0:i.length-1,o=null!==(s=i[n])&&void 0!==s?s:i[l],c=!i[n],r=Wt(o);r.classList.add("treeselect-list__item--focused");const a=this.srcElement.getBoundingClientRect(),h=r.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(a.y+a.height<h.y+h.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+h.height);if(a.y>h.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-h.height)}else{Wt(i[0]).classList.add("treeselect-list__item--focused")}},et=function(){const t=_t(this,K,"m",st).call(this),e=_t(this,K,"m",lt).call(this,this.options);t.append(...e);const s=_t(this,K,"m",ot).call(this);s&&t.append(s);const i=_t(this,K,"m",ct).call(this);return t.append(i),t},st=function(){const t=document.createElement("div");return t.classList.add("treeselect-list"),t.addEventListener("mouseout",(t=>_t(this,K,"m",it).call(this,t))),t.addEventListener("mousemove",(()=>_t(this,K,"m",nt).call(this))),t},it=function(t){t.stopPropagation(),_t(this,X,"f")&&_t(this,Q,"f")&&_t(this,X,"f").classList.add("treeselect-list__item--focused")},nt=function(){xt(this,Q,!0,"f")},lt=function t(e){return e.reduce(((e,s)=>{var i;if(null===(i=s.children)||void 0===i?void 0:i.length){const i=_t(this,K,"m",rt).call(this,s),n=_t(this,K,"m",t).call(this,s.children);return i.append(...n),e.push(i),e}const n=_t(this,K,"m",at).call(this,s,!1);return e.push(n),e}),[])},ot=function(){if(!this.listSlotHtmlComponent)return null;const t=document.createElement("div");return t.classList.add("treeselect-list__slot"),t.appendChild(this.listSlotHtmlComponent),t},ct=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},rt=function(t){const e=document.createElement("div");e.setAttribute("group-container-id",t.value.toString()),e.classList.add("treeselect-list__group-container");const s=_t(this,K,"m",at).call(this,t,!0);return e.appendChild(s),e},at=function(t,e){const s=_t(this,K,"m",ht).call(this,t);if(e){const t=_t(this,K,"m",pt).call(this);s.appendChild(t)}const i=_t(this,K,"m",vt).call(this,t),n=_t(this,K,"m",wt).call(this,t);return s.append(i,n),s},ht=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",(()=>_t(this,K,"m",dt).call(this,e)),!0),e.addEventListener("mouseout",(()=>_t(this,K,"m",ut).call(this,e)),!0),e.addEventListener("mousedown",(e=>_t(this,K,"m",mt).call(this,e,t))),e},dt=function(t){_t(this,Q,"f")&&_t(this,K,"m",Lt).call(this,!0,t)},ut=function(t){_t(this,Q,"f")&&(_t(this,K,"m",Lt).call(this,!1,t),xt(this,X,t,"f"))},mt=function(t,e){t.stopPropagation();const s=t.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,_t(this,K,"m",Et).call(this,s,e)},pt=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=>_t(this,K,"m",ft).call(this,t))),t},ft=function(t){t.stopPropagation(),_t(this,K,"m",gt).call(this,t)},vt=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},wt=function(t){const e=document.createElement("label");return e.innerHTML=t.name,e.classList.add("treeselect-list__item-label"),e},Et=function(t,e){const s=this.flattedOptions.find((t=>t.id===e.value));s&&(s.checked=t.checked,s.isPartialChecked=!1,$(s,this.flattedOptions),Tt(this.flattedOptions,this.srcElement,this.iconElements),_t(this,K,"m",kt).call(this))},gt=function(t){var e,s,i;const n=null===(s=null===(e=t.target)||void 0===e?void 0:e.parentNode)||void 0===s?void 0:s.querySelector("[input-id]"),l=null!==(i=null==n?void 0:n.getAttribute("input-id"))&&void 0!==i?i:null,o=Nt(l,this.flattedOptions);o&&(o.isClosed=!o.isClosed,Y(this.flattedOptions,o),Tt(this.flattedOptions,this.srcElement,this.iconElements),_t(this,K,"m",bt).call(this))},Lt=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)},yt=function(){var t;this.selectedNodes={nodes:(t=this.flattedOptions,t.filter((t=>t.checked&&!t.isGroup))),groupedNodes:U(this.flattedOptions)}},bt=function(){this.srcElement.dispatchEvent(new CustomEvent("arrow-click"))},kt=function(){_t(this,K,"m",yt).call(this),this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.selectedNodes}))};var Gt,qt,It,Dt,Vt,$t,Rt,zt,Ut,Yt,Ft,Jt,Kt,Xt,Qt,Zt,te,ee,se,ie,ne,le,oe=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)},ce=function(t,e,s,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,s):n?n.value=s:e.set(t,s),s};const re=t=>t.map((t=>t.id));class ae{mount(){var t;this.destroy();const{container:e,list:s,input:i}=oe(this,Gt,"m",Ut).call(this);this.srcElement=e,ce(this,qt,s,"f"),ce(this,It,i,"f"),ce(this,Vt,this.scrollWindowHandler.bind(this),"f"),ce(this,$t,this.scrollWindowHandler.bind(this),"f"),ce(this,Rt,this.focusWindowHandler.bind(this),"f"),ce(this,zt,this.blurWindowHandler.bind(this),"f"),this.alwaysOpen&&(null===(t=oe(this,It,"f"))||void 0===t||t.openClose()),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(t){var e;const s=oe(this,qt,"f");if(s){s.updateValue(t);const{groupedNodes:i,nodes:n}=s.selectedNodes,l=this.grouped?i:n;null===(e=oe(this,It,"f"))||void 0===e||e.updateValue(l)}}destroy(){this.srcElement&&(oe(this,Gt,"m",te).call(this),this.srcElement.innerHTML="",this.srcElement=null,oe(this,Gt,"m",ne).call(this,!0))}focus(){oe(this,It,"f")&&oe(this,It,"f").focus()}toggleOpenClose(){oe(this,It,"f")&&(oe(this,It,"f").openClose(),oe(this,It,"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=oe(this,qt,"f"))||void 0===s?void 0:s.srcElement.contains(t.target))||(null===(i=oe(this,It,"f"))||void 0===i||i.blur(),oe(this,Gt,"m",ne).call(this,!1),oe(this,Gt,"m",se).call(this,!1))}blurWindowHandler(){var t;null===(t=oe(this,It,"f"))||void 0===t||t.blur(),oe(this,Gt,"m",ne).call(this,!1),oe(this,Gt,"m",se).call(this,!1)}updateListPosition(){var t;const e=this.srcElement,s=null===(t=oe(this,qt,"f"))||void 0===t?void 0:t.srcElement;if(!e||!s)return;s.style.transform="";const{y:i,height:n}=s.getBoundingClientRect(),{x:l,y:o,height:c,width:r}=e.getBoundingClientRect(),a=window.innerHeight-o-c,h=o>a&&o>=n&&a<n;this.appendToBody&&(s.style.transform=h?`translateY(${o-i-n}px)`:`translateY(${o+c-i}px)`,s.style.width=`${r}px`,s.style.left=`${l+window.scrollX}px`);const d=h?"top":"bottom";s.getAttribute("direction")!==d&&(s.setAttribute("direction",d),oe(this,Gt,"m",ee).call(this,h,this.appendToBody))}constructor({parentHtmlContainer:t,value:e,options:s,openLevel:i,appendToBody:l,alwaysOpen:o,showTags:c,tagsCountText:r,clearable:a,searchable:h,placeholder:d,grouped:u,listSlotHtmlComponent:m,disabled:p,emptyText:f,staticList:v,id:w,iconElements:E,inputCallback:g}){Gt.add(this),qt.set(this,null),It.set(this,null),Dt.set(this,null),Vt.set(this,null),$t.set(this,null),Rt.set(this,null),zt.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||p),this.showTags=null==c||c,this.tagsCountText=null!=r?r:"elements selected",this.clearable=null==a||a,this.searchable=null==h||h,this.placeholder=null!=d?d:"Search...",this.grouped=null==u||u,this.listSlotHtmlComponent=null!=m?m:null,this.disabled=null!=p&&p,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()}}qt=new WeakMap,It=new WeakMap,Dt=new WeakMap,Vt=new WeakMap,$t=new WeakMap,Rt=new WeakMap,zt=new WeakMap,Gt=new WeakSet,Ut=function(){const t=this.parentHtmlContainer;t.classList.add("treeselect");const s=new(0,q.TreeselectList)({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements}),{groupedNodes:i,nodes:n}=s.selectedNodes,l=new(0,e.TreeselectInput)({value:this.grouped?i:n,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&&ce(this,Dt,new ResizeObserver((()=>this.updateListPosition())),"f"),l.srcElement.addEventListener("input",(t=>oe(this,Gt,"m",Yt).call(this,t,s))),l.srcElement.addEventListener("open",(()=>oe(this,Gt,"m",Zt).call(this))),l.srcElement.addEventListener("keydown",(t=>oe(this,Gt,"m",Ft).call(this,t,s))),l.srcElement.addEventListener("search",(t=>oe(this,Gt,"m",Jt).call(this,t,s))),l.srcElement.addEventListener("focus",(()=>oe(this,Gt,"m",Kt).call(this)),!0),this.alwaysOpen||l.srcElement.addEventListener("close",(()=>oe(this,Gt,"m",te).call(this))),s.srcElement.addEventListener("mouseup",(()=>l.focus()),!0),s.srcElement.addEventListener("input",(t=>oe(this,Gt,"m",Xt).call(this,t,l))),s.srcElement.addEventListener("arrow-click",(()=>oe(this,Gt,"m",Qt).call(this,l))),t.append(l.srcElement),{container:t,list:s,input:l}},Yt=function(t,e){const s=re(t.detail);e.updateValue(s);const{nodes:i}=e.selectedNodes;this.value=re(i),oe(this,Gt,"m",le).call(this)},Ft=function(t,e){this.isListOpened&&e.callKeyAction(t.key)},Jt=function(t,e){e.updateSearchValue(t.detail),this.updateListPosition()},Kt=function(){oe(this,Gt,"m",se).call(this,!0),oe(this,Rt,"f")&&oe(this,Rt,"f")&&oe(this,zt,"f")&&(document.addEventListener("mousedown",oe(this,Rt,"f"),!0),document.addEventListener("focus",oe(this,Rt,"f"),!0),window.addEventListener("blur",oe(this,zt,"f")))},Xt=function(t,e){const{groupedNodes:s,nodes:i}=t.detail,n=this.grouped?s:i;e.updateValue(n),this.value=re(i),e.focus(),oe(this,Gt,"m",le).call(this)},Qt=function(t){t.focus(),this.updateListPosition()},Zt=function(){var t;this.isListOpened=!0,oe(this,Vt,"f")&&oe(this,$t,"f")&&(window.addEventListener("scroll",oe(this,Vt,"f"),!0),window.addEventListener("resize",oe(this,$t,"f"))),oe(this,qt,"f")&&this.srcElement&&(this.appendToBody?(document.body.appendChild(oe(this,qt,"f").srcElement),null===(t=oe(this,Dt,"f"))||void 0===t||t.observe(this.srcElement)):this.srcElement.appendChild(oe(this,qt,"f").srcElement),this.updateListPosition(),oe(this,Gt,"m",ie).call(this,!0),oe(this,qt,"f").focusFirstListElement())},te=function(){var t;if(this.isListOpened=!1,oe(this,Vt,"f")&&oe(this,$t,"f")&&(window.removeEventListener("scroll",oe(this,Vt,"f"),!0),window.removeEventListener("resize",oe(this,$t,"f"))),!oe(this,qt,"f")||!this.srcElement)return;(this.appendToBody?document.body.contains(oe(this,qt,"f").srcElement):this.srcElement.contains(oe(this,qt,"f").srcElement))&&(this.appendToBody?(document.body.removeChild(oe(this,qt,"f").srcElement),null===(t=oe(this,Dt,"f"))||void 0===t||t.disconnect()):this.srcElement.removeChild(oe(this,qt,"f").srcElement),oe(this,Gt,"m",ie).call(this,!1))},ee=function(t,e){if(!oe(this,qt,"f")||!oe(this,It,"f"))return;const s=e?"treeselect-list--top-to-body":"treeselect-list--top",i=e?"treeselect-list--bottom-to-body":"treeselect-list--bottom";t?(oe(this,qt,"f").srcElement.classList.add(s),oe(this,qt,"f").srcElement.classList.remove(i),oe(this,It,"f").srcElement.classList.add("treeselect-input--top"),oe(this,It,"f").srcElement.classList.remove("treeselect-input--bottom")):(oe(this,qt,"f").srcElement.classList.remove(s),oe(this,qt,"f").srcElement.classList.add(i),oe(this,It,"f").srcElement.classList.remove("treeselect-input--top"),oe(this,It,"f").srcElement.classList.add("treeselect-input--bottom"))},se=function(t){oe(this,It,"f")&&oe(this,qt,"f")&&(t?(oe(this,It,"f").srcElement.classList.add("treeselect-input--focused"),oe(this,qt,"f").srcElement.classList.add("treeselect-list--focused")):(oe(this,It,"f").srcElement.classList.remove("treeselect-input--focused"),oe(this,qt,"f").srcElement.classList.remove("treeselect-list--focused")))},ie=function(t){var e,s,i,n;t?null===(e=oe(this,It,"f"))||void 0===e||e.srcElement.classList.add("treeselect-input--opened"):null===(s=oe(this,It,"f"))||void 0===s||s.srcElement.classList.remove("treeselect-input--opened"),this.staticList?null===(i=oe(this,qt,"f"))||void 0===i||i.srcElement.classList.add("treeselect-list--static"):null===(n=oe(this,qt,"f"))||void 0===n||n.srcElement.classList.remove("treeselect-list--static")},ne=function(t){oe(this,Vt,"f")&&oe(this,$t,"f")&&oe(this,Rt,"f")&&oe(this,zt,"f")&&(this.alwaysOpen&&!t||(window.removeEventListener("scroll",oe(this,Vt,"f"),!0),window.removeEventListener("resize",oe(this,$t,"f"))),document.removeEventListener("click",oe(this,Rt,"f"),!0),document.removeEventListener("focus",oe(this,Rt,"f"),!0),window.removeEventListener("blur",oe(this,zt,"f")))},le=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.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 @@
-const e={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>'},t=(e,t)=>{if(t.innerHTML="","string"==typeof e)t.innerHTML=e;else{const s=e.cloneNode(!0);t.appendChild(s)}},s=t=>{const s=t?{...t}:{};return Object.keys(e).forEach((t=>{s[t]||(s[t]=e[t])})),s};var i=class{#e;#t;#s;#i;constructor({value:e,showTags:t,tagsCountText:s,clearable:i,isAlwaysOpened:n,searchable:l,placeholder:o,disabled:r,id:c,iconElements:a}){this.value=e,this.showTags=t,this.tagsCountText=s,this.searchable=l,this.placeholder=o,this.clearable=i,this.isAlwaysOpened=n,this.disabled=r,this.id=c,this.iconElements=a,this.isOpened=!1,this.searchText="",this.#e=this.#n(),this.#t=this.#l(),this.#s=this.#o(),this.#i=null,this.srcElement=this.#r(this.#e,this.#t,this.#s),this.#c()}focus(){this.#t.focus()}blur(){this.isOpened&&this.#a()}updateValue(e){this.value=e,this.#d(),this.#h()}removeItem(e){this.value=this.value.filter((t=>t.id!==e)),this.#u(),this.#d(),this.#h()}clear(){this.value=[],this.searchText="",this.#p(""),this.#u(),this.#d(),this.#h()}openClose(){this.#a()}#c(){this.#d(),this.#h(),this.#m()}#d(){this.#e.innerHTML="",this.showTags?this.#e.append(...this.#v()):this.#e.appendChild(this.#E())}#m(){const e=[];this.#s.innerHTML="",this.clearable&&e.push(this.#w()),this.isAlwaysOpened||e.push(this.#L(this.isOpened)),e.length&&this.#s.append(...e)}#g(){if(!this.isAlwaysOpened&&this.#i){const e=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;t(e,this.#i)}}#h(){this.value?.length?this.#t.removeAttribute("placeholder"):this.#t.setAttribute("placeholder",this.placeholder),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),this.#t.value=this.searchText}#a(){this.isOpened=!this.isOpened,this.#g(),this.isOpened?this.#f():this.#C()}#r(e,t,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(e=>this.#y(e))),i.append(e,t,s),i}#y(e){e.preventDefault(),this.isOpened||this.#a(),this.focus()}#n(){const e=document.createElement("div");return e.classList.add("treeselect-input__tags"),e}#v(){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=this.#b(e.name),i=this.#k();return t.addEventListener("mousedown",(t=>this.#x(t,e.id))),t.append(s,i),t}))}#x(e,t){e.preventDefault(),e.stopPropagation(),this.focus(),this.removeItem(t)}#b(e){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-name"),t.innerHTML=e,t}#k(){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-cross"),t(this.iconElements.cross,e),e}#E(){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)}#l(){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=>this.#_(e))),e.addEventListener("input",(t=>this.#O(t,e))),e}#_(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||this.#a()}#O(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;this.#p(t),this.isOpened||this.#a()}else t.value="";this.searchText=t.value}else t.value=""}#o(){const e=document.createElement("div");return e.classList.add("treeselect-input__operators"),e}#w(){const e=document.createElement("span");return e.classList.add("treeselect-input__clear"),e.setAttribute("tabindex","-1"),t(this.iconElements.clear,e),e.addEventListener("mousedown",(e=>this.#T(e))),e}#T(e){e.preventDefault(),e.stopPropagation(),this.#t?.focus(),(this.searchText.length||this.value.length)&&this.clear()}#L(e){this.#i=document.createElement("span"),this.#i.classList.add("treeselect-input__arrow");const s=e?this.iconElements.arrowUp:this.iconElements.arrowDown;return t(s,this.#i),this.#i.addEventListener("mousedown",(e=>this.#A(e))),this.#i}#A(e){e.stopPropagation(),e.preventDefault(),this.focus(),this.#a()}#u(){this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.value}))}#p(e){this.srcElement.dispatchEvent(new CustomEvent("search",{detail:e}))}#f(){this.srcElement.dispatchEvent(new CustomEvent("open"))}#C(){this.srcElement.dispatchEvent(new CustomEvent("close"))}};const n=(e,t,s="",i=0)=>e.reduce(((e,l)=>{const o=!!l.children?.length,r=i>=t&&o,c=i>t;if(e.push({id:l.value,name:l.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:r,hidden:c}),o){const s=n(l.children,t,l.value,i+1);e.push(...s)}return e}),[]),l=({id:e,checked:t},s)=>{s.forEach((i=>{i.childOf===e&&(i.checked=t??!0,i.isPartialChecked=!1,i.isGroup&&l(i,s))}))},o=(e,t)=>{const s=t.find((t=>t.id===e)),i=t.filter((e=>e.childOf===s?.id));if(!s)return;const n=i.every((e=>e.checked)),l=i.some((e=>e.isPartialChecked||e.checked))&&!n,r=!n&&!l;n&&(s.checked=!0,s.isPartialChecked=!1),l&&(s.checked=!1,s.isPartialChecked=!0),r&&(s.checked=!1,s.isPartialChecked=!1),s.childOf&&o(s.childOf,t)},r=({id:e,isGroup:t,childOf:s,checked:i},n)=>{t&&l({id:e,checked:i},n),s&&o(s,n)},c=(e,t)=>t.reduce(((s,i)=>(i.childOf===e&&(s.push(i),i.isGroup&&s.push(...c(i.id,t))),s)),[]),a=(e,t)=>t.reduce(((s,i)=>(i.id===e&&(s.push(i),i.childOf&&s.push(...a(i.childOf,t))),s)),[]),d=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))))},h=(e,{id:t,isClosed:s})=>{e.filter((e=>e.childOf===t)).forEach((t=>{t.hidden=s??!1,t.isGroup&&!t.isClosed&&h(e,{id:t.id,isClosed:s})}))},u=(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=c(i.id,e);s.push(...t)}if(i.childOf){const t=a(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,h(e,t)),t.hidden=!1):t.hidden=!0}))},p=(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,r(e,t)}))},m=(e,t,s,i)=>{p(e,t),v(t,s,i)},v=(e,t,s)=>{e.forEach((i=>{const n=t.querySelector(`[input-id="${i.id}"]`),l=b(n);n.checked=i.checked,E(i,l),w(i,l),L(i,l,s),g(i,l),C(i,l,e),f(i,n,s)})),y(e,t)},E=(e,t)=>{e.checked?t.classList.add("treeselect-list__item--checked"):t.classList.remove("treeselect-list__item--checked")},w=(e,t)=>{e.isPartialChecked?t.classList.add("treeselect-list__item--partial-checked"):t.classList.remove("treeselect-list__item--partial-checked")},L=(e,s,i)=>{if(e.isGroup){const n=s.querySelector(".treeselect-list__item-icon"),l=e.isClosed?i.arrowRight:i.arrowDown;t(l,n),e.isClosed?s.classList.add("treeselect-list__item--closed"):s.classList.remove("treeselect-list__item--closed")}},g=(e,t)=>{e.hidden?t.classList.add("treeselect-list__item--hidden"):t.classList.remove("treeselect-list__item--hidden")},f=(e,s,i)=>{const n=s.parentNode.querySelector(".treeselect-list__item-checkbox-icon");e.checked?t(i.check,n):e.isPartialChecked?t(i.partialCheck,n):n.innerHTML=""},C=(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())},y=(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")},b=e=>e.parentNode.parentNode,k=(e,t)=>t.find((t=>t.id.toString()===e));var x=class{#I=null;#S=!0;constructor({options:e,value:t,openLevel:s,listSlotHtmlComponent:i,emptyText:l,iconElements:o}){this.options=e,this.value=t,this.openLevel=s??0,this.listSlotHtmlComponent=i??null,this.emptyText=l??"No results found...",this.iconElements=o,this.searchText="",this.flattedOptions=n(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=this.#M(),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)}updateValue(e){m(e,this.flattedOptions,this.srcElement,this.iconElements),this.#H()}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&&u(this.flattedOptions,e),v(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(e){this.#S=!1;const t=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===e&&t&&t.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==e&&"ArrowRight"!==e||this.#B(t,e),"ArrowDown"!==e&&"ArrowUp"!==e||this.#N(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(b(e)).display));if(!s.length)return;t&&t.classList.remove(e);b(s[0]).classList.add(e)}#B(e,t){if(!e)return;const s=e.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=k(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"))}#N(e,t){const s=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((e=>"none"!==window.getComputedStyle(b(e)).display));if(s.length)if(e){const e=s.findIndex((e=>b(e).classList.contains("treeselect-list__item--focused")));b(s[e]).classList.remove("treeselect-list__item--focused");const i="ArrowDown"===t?e+1:e-1,n="ArrowDown"===t?0:s.length-1,l=s[i]??s[n],o=!s[i],r=b(l);r.classList.add("treeselect-list__item--focused");const c=this.srcElement.getBoundingClientRect(),a=r.getBoundingClientRect();if(o&&"ArrowDown"===t)return void this.srcElement.scroll(0,0);if(o&&"ArrowUp"===t)return void this.srcElement.scroll(0,this.srcElement.scrollHeight);if(c.y+c.height<a.y+a.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+a.height);if(c.y>a.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-a.height)}else{b(s[0]).classList.add("treeselect-list__item--focused")}}#M(){const e=this.#P(),t=this.#G(this.options);e.append(...t);const s=this.#D();s&&e.append(s);const i=this.#z();return e.append(i),e}#P(){const e=document.createElement("div");return e.classList.add("treeselect-list"),e.addEventListener("mouseout",(e=>this.#q(e))),e.addEventListener("mousemove",(()=>this.#R())),e}#q(e){e.stopPropagation(),this.#I&&this.#S&&this.#I.classList.add("treeselect-list__item--focused")}#R(){this.#S=!0}#G(e){return e.reduce(((e,t)=>{if(t.children?.length){const s=this.#F(t),i=this.#G(t.children);return s.append(...i),e.push(s),e}const s=this.#V(t,!1);return e.push(s),e}),[])}#D(){if(!this.listSlotHtmlComponent)return null;const e=document.createElement("div");return e.classList.add("treeselect-list__slot"),e.appendChild(this.listSlotHtmlComponent),e}#z(){const e=document.createElement("div");e.classList.add("treeselect-list__empty"),e.setAttribute("title",this.emptyText);const s=document.createElement("span");s.classList.add("treeselect-list__empty-icon"),t(this.iconElements.attention,s);const i=document.createElement("span");return i.classList.add("treeselect-list__empty-text"),i.innerHTML=this.emptyText,e.append(s,i),e}#F(e){const t=document.createElement("div");t.setAttribute("group-container-id",e.value.toString()),t.classList.add("treeselect-list__group-container");const s=this.#V(e,!0);return t.appendChild(s),t}#V(e,t){const s=this.#j(e);if(t){const e=this.#$();s.appendChild(e)}const i=this.#U(e),n=this.#W(e);return s.append(i,n),s}#j(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",(()=>this.#K(t)),!0),t.addEventListener("mouseout",(()=>this.#Y(t)),!0),t.addEventListener("mousedown",(t=>this.#J(t,e))),t}#K(e){this.#S&&this.#X(!0,e)}#Y(e){this.#S&&(this.#X(!1,e),this.#I=e)}#J(e,t){e.stopPropagation();const s=e.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,this.#Q(s,t)}#$(){const e=document.createElement("span");return e.setAttribute("tabindex","-1"),e.classList.add("treeselect-list__item-icon"),t(this.iconElements.arrowDown,e),e.addEventListener("mousedown",(e=>this.#Z(e))),e}#Z(e){e.stopPropagation(),this.#ee(e)}#U(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}#W(e){const t=document.createElement("label");return t.innerHTML=e.name,t.classList.add("treeselect-list__item-label"),t}#Q(e,t){const s=this.flattedOptions.find((e=>e.id===t.value));s&&(s.checked=e.checked,s.isPartialChecked=!1,r(s,this.flattedOptions),v(this.flattedOptions,this.srcElement,this.iconElements),this.#u())}#ee(e){const t=e.target?.parentNode?.querySelector("[input-id]"),s=t?.getAttribute("input-id")??null,i=k(s,this.flattedOptions);i&&(i.isClosed=!i.isClosed,h(this.flattedOptions,i),v(this.flattedOptions,this.srcElement,this.iconElements),this.#te())}#X(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)}#H(){var e;this.selectedNodes={nodes:(e=this.flattedOptions,e.filter((e=>e.checked&&!e.isGroup))),groupedNodes:d(this.flattedOptions)}}#te(){this.srcElement.dispatchEvent(new CustomEvent("arrow-click"))}#u(){this.#H(),this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.selectedNodes}))}};const _=e=>e.map((e=>e.id));var O=class{#se=null;#ie=null;#ne=null;#le=null;#oe=null;#re=null;#ce=null;constructor({parentHtmlContainer:e,value:t,options:i,openLevel:n,appendToBody:l,alwaysOpen:o,showTags:r,tagsCountText:c,clearable:a,searchable:d,placeholder:h,grouped:u,listSlotHtmlComponent:p,disabled:m,emptyText:v,staticList:E,id:w,iconElements:L,inputCallback:g}){(({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:E,appendToBody:l}),this.parentHtmlContainer=e,this.value=t??[],this.options=i??[],this.openLevel=n??0,this.appendToBody=l??!0,this.alwaysOpen=!(!o||m),this.showTags=r??!0,this.tagsCountText=c??"elements selected",this.clearable=a??!0,this.searchable=d??!0,this.placeholder=h??"Search...",this.grouped=u??!0,this.listSlotHtmlComponent=p??null,this.disabled=m??!1,this.emptyText=v??"No results found...",this.staticList=!(!E||this.appendToBody),this.id=w??"",this.iconElements=s(L),this.inputCallback=g,this.isListOpened=!1,this.srcElement=null,this.mount()}mount(){this.destroy();const{container:e,list:t,input:s}=this.#ae();this.srcElement=e,this.#se=t,this.#ie=s,this.#le=this.scrollWindowHandler.bind(this),this.#oe=this.scrollWindowHandler.bind(this),this.#re=this.focusWindowHandler.bind(this),this.#ce=this.blurWindowHandler.bind(this),this.alwaysOpen&&this.#ie?.openClose(),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(e){const t=this.#se;if(t){t.updateValue(e);const{groupedNodes:s,nodes:i}=t.selectedNodes,n=this.grouped?s:i;this.#ie?.updateValue(n)}}destroy(){this.srcElement&&(this.#de(),this.srcElement.innerHTML="",this.srcElement=null,this.#he(!0))}focus(){this.#ie&&this.#ie.focus()}toggleOpenClose(){this.#ie&&(this.#ie.openClose(),this.#ie.focus())}#ae(){const e=this.parentHtmlContainer;e.classList.add("treeselect");const t=new x({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements}),{groupedNodes:s,nodes:n}=t.selectedNodes,l=new i({value:this.grouped?s:n,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&&(this.#ne=new ResizeObserver((()=>this.updateListPosition()))),l.srcElement.addEventListener("input",(e=>this.#ue(e,t))),l.srcElement.addEventListener("open",(()=>this.#pe())),l.srcElement.addEventListener("keydown",(e=>this.#me(e,t))),l.srcElement.addEventListener("search",(e=>this.#ve(e,t))),l.srcElement.addEventListener("focus",(()=>this.#Ee()),!0),this.alwaysOpen||l.srcElement.addEventListener("close",(()=>this.#de())),t.srcElement.addEventListener("mouseup",(()=>l.focus()),!0),t.srcElement.addEventListener("input",(e=>this.#we(e,l))),t.srcElement.addEventListener("arrow-click",(()=>this.#Le(l))),e.append(l.srcElement),{container:e,list:t,input:l}}#ue(e,t){const s=_(e.detail);t.updateValue(s);const{nodes:i}=t.selectedNodes;this.value=_(i),this.#u()}#me(e,t){this.isListOpened&&t.callKeyAction(e.key)}#ve(e,t){t.updateSearchValue(e.detail),this.updateListPosition()}#Ee(){this.#ge(!0),this.#re&&this.#re&&this.#ce&&(document.addEventListener("mousedown",this.#re,!0),document.addEventListener("focus",this.#re,!0),window.addEventListener("blur",this.#ce))}#we(e,t){const{groupedNodes:s,nodes:i}=e.detail,n=this.grouped?s:i;t.updateValue(n),this.value=_(i),t.focus(),this.#u()}#Le(e){e.focus(),this.updateListPosition()}#pe(){this.isListOpened=!0,this.#le&&this.#oe&&(window.addEventListener("scroll",this.#le,!0),window.addEventListener("resize",this.#oe)),this.#se&&this.srcElement&&(this.appendToBody?(document.body.appendChild(this.#se.srcElement),this.#ne?.observe(this.srcElement)):this.srcElement.appendChild(this.#se.srcElement),this.updateListPosition(),this.#fe(!0),this.#se.focusFirstListElement())}#de(){if(this.isListOpened=!1,this.#le&&this.#oe&&(window.removeEventListener("scroll",this.#le,!0),window.removeEventListener("resize",this.#oe)),!this.#se||!this.srcElement)return;(this.appendToBody?document.body.contains(this.#se.srcElement):this.srcElement.contains(this.#se.srcElement))&&(this.appendToBody?(document.body.removeChild(this.#se.srcElement),this.#ne?.disconnect()):this.srcElement.removeChild(this.#se.srcElement),this.#fe(!1))}#Ce(e,t){if(!this.#se||!this.#ie)return;const s=t?"treeselect-list--top-to-body":"treeselect-list--top",i=t?"treeselect-list--bottom-to-body":"treeselect-list--bottom";e?(this.#se.srcElement.classList.add(s),this.#se.srcElement.classList.remove(i),this.#ie.srcElement.classList.add("treeselect-input--top"),this.#ie.srcElement.classList.remove("treeselect-input--bottom")):(this.#se.srcElement.classList.remove(s),this.#se.srcElement.classList.add(i),this.#ie.srcElement.classList.remove("treeselect-input--top"),this.#ie.srcElement.classList.add("treeselect-input--bottom"))}#ge(e){this.#ie&&this.#se&&(e?(this.#ie.srcElement.classList.add("treeselect-input--focused"),this.#se.srcElement.classList.add("treeselect-list--focused")):(this.#ie.srcElement.classList.remove("treeselect-input--focused"),this.#se.srcElement.classList.remove("treeselect-list--focused")))}#fe(e){e?this.#ie?.srcElement.classList.add("treeselect-input--opened"):this.#ie?.srcElement.classList.remove("treeselect-input--opened"),this.staticList?this.#se?.srcElement.classList.add("treeselect-list--static"):this.#se?.srcElement.classList.remove("treeselect-list--static")}#he(e){this.#le&&this.#oe&&this.#re&&this.#ce&&(this.alwaysOpen&&!e||(window.removeEventListener("scroll",this.#le,!0),window.removeEventListener("resize",this.#oe)),document.removeEventListener("click",this.#re,!0),document.removeEventListener("focus",this.#re,!0),window.removeEventListener("blur",this.#ce))}scrollWindowHandler(){this.updateListPosition()}focusWindowHandler(e){this.srcElement?.contains(e.target)||this.#se?.srcElement.contains(e.target)||(this.#ie?.blur(),this.#he(!1),this.#ge(!1))}blurWindowHandler(){this.#ie?.blur(),this.#he(!1),this.#ge(!1)}updateListPosition(){const e=this.srcElement,t=this.#se?.srcElement;if(!e||!t)return;t.style.transform="";const{y:s,height:i}=t.getBoundingClientRect(),{x:n,y:l,height:o,width:r}=e.getBoundingClientRect(),c=window.innerHeight-l-o,a=l>c&&l>=i&&c<i;this.appendToBody&&(t.style.transform=a?`translateY(${l-s-i}px)`:`translateY(${l+o-s}px)`,t.style.width=`${r}px`,t.style.left=`${n+window.scrollX}px`);const d=a?"top":"bottom";t.getAttribute("direction")!==d&&(t.setAttribute("direction",d),this.#Ce(a,this.appendToBody))}#u(){this.srcElement?.dispatchEvent(new CustomEvent("input",{detail:this.value})),this.inputCallback&&this.inputCallback(this.value)}};export{O 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 he}),(function(t){return he=t}));var s={};t(s,"TreeselectInput",(function(){return q}),(function(t){return q=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>'},n=(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(i).forEach((t=>{e[t]||(e[t]=i[t])})),e};var o,c,r,a,h,d,u,m,p,f,v,w,E,g,L,y,b,k,_,x,C,T,O,A,S,H,P,B,M,W,N,j=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)},G=function(t,e,s,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,s):n?n.value=s:e.set(t,s),s};class q{focus(){j(this,r,"f").focus()}blur(){this.isOpened&&j(this,o,"m",v).call(this)}updateValue(t){this.value=t,j(this,o,"m",u).call(this),j(this,o,"m",f).call(this)}removeItem(t){this.value=this.value.filter((e=>e.id!==t)),j(this,o,"m",B).call(this),j(this,o,"m",u).call(this),j(this,o,"m",f).call(this)}clear(){this.value=[],this.searchText="",j(this,o,"m",M).call(this,""),j(this,o,"m",B).call(this),j(this,o,"m",u).call(this),j(this,o,"m",f).call(this)}openClose(){j(this,o,"m",v).call(this)}constructor({value:t,showTags:e,tagsCountText:s,clearable:i,isAlwaysOpened:n,searchable:l,placeholder:u,disabled:m,id:p,iconElements:f}){o.add(this),c.set(this,void 0),r.set(this,void 0),a.set(this,void 0),h.set(this,void 0),this.value=t,this.showTags=e,this.tagsCountText=s,this.searchable=l,this.placeholder=u,this.clearable=i,this.isAlwaysOpened=n,this.disabled=m,this.id=p,this.iconElements=f,this.isOpened=!1,this.searchText="",G(this,c,j(this,o,"m",g).call(this),"f"),G(this,r,j(this,o,"m",x).call(this),"f"),G(this,a,j(this,o,"m",O).call(this),"f"),G(this,h,null,"f"),this.srcElement=j(this,o,"m",w).call(this,j(this,c,"f"),j(this,r,"f"),j(this,a,"f")),j(this,o,"m",d).call(this)}}c=new WeakMap,r=new WeakMap,a=new WeakMap,h=new WeakMap,o=new WeakSet,d=function(){j(this,o,"m",u).call(this),j(this,o,"m",f).call(this),j(this,o,"m",m).call(this)},u=function(){j(this,c,"f").innerHTML="",this.showTags?j(this,c,"f").append(...j(this,o,"m",L).call(this)):j(this,c,"f").appendChild(j(this,o,"m",_).call(this))},m=function(){const t=[];j(this,a,"f").innerHTML="",this.clearable&&t.push(j(this,o,"m",A).call(this)),this.isAlwaysOpened||t.push(j(this,o,"m",H).call(this,this.isOpened)),t.length&&j(this,a,"f").append(...t)},p=function(){if(!this.isAlwaysOpened&&j(this,h,"f")){const t=this.isOpened?this.iconElements.arrowUp:this.iconElements.arrowDown;n(t,j(this,h,"f"))}},f=function(){var t;(null===(t=this.value)||void 0===t?void 0:t.length)?j(this,r,"f").removeAttribute("placeholder"):j(this,r,"f").setAttribute("placeholder",this.placeholder),this.searchable?this.srcElement.classList.remove("treeselect-input--unsearchable"):this.srcElement.classList.add("treeselect-input--unsearchable"),j(this,r,"f").value=this.searchText},v=function(){this.isOpened=!this.isOpened,j(this,o,"m",p).call(this),this.isOpened?j(this,o,"m",W).call(this):j(this,o,"m",N).call(this)},w=function(t,e,s){const i=document.createElement("div");return i.classList.add("treeselect-input"),i.setAttribute("tabindex","-1"),i.addEventListener("mousedown",(t=>j(this,o,"m",E).call(this,t))),i.append(t,e,s),i},E=function(t){t.preventDefault(),this.isOpened||j(this,o,"m",v).call(this),this.focus()},g=function(){const t=document.createElement("div");return t.classList.add("treeselect-input__tags"),t},L=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=j(this,o,"m",b).call(this,t.name),i=j(this,o,"m",k).call(this);return e.addEventListener("mousedown",(e=>j(this,o,"m",y).call(this,e,t.id))),e.append(s,i),e}))},y=function(t,e){t.preventDefault(),t.stopPropagation(),this.focus(),this.removeItem(e)},b=function(t){const e=document.createElement("span");return e.classList.add("treeselect-input__tags-name"),e.innerHTML=t,e},k=function(){const t=document.createElement("span");return t.classList.add("treeselect-input__tags-cross"),n(this.iconElements.cross,t),t},_=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)},x=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=>j(this,o,"m",C).call(this,t))),t.addEventListener("input",(e=>j(this,o,"m",T).call(this,e,t))),t},C=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||j(this,o,"m",v).call(this)},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;j(this,o,"m",M).call(this,e),this.isOpened||j(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"),n(this.iconElements.clear,t),t.addEventListener("mousedown",(t=>j(this,o,"m",S).call(this,t))),t},S=function(t){var e;t.preventDefault(),t.stopPropagation(),null===(e=j(this,r,"f"))||void 0===e||e.focus(),(this.searchText.length||this.value.length)&&this.clear()},H=function(t){G(this,h,document.createElement("span"),"f"),j(this,h,"f").classList.add("treeselect-input__arrow");const e=t?this.iconElements.arrowUp:this.iconElements.arrowDown;return n(e,j(this,h,"f")),j(this,h,"f").addEventListener("mousedown",(t=>j(this,o,"m",P).call(this,t))),j(this,h,"f")},P=function(t){t.stopPropagation(),t.preventDefault(),this.focus(),j(this,o,"m",v).call(this)},B=function(){this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.value}))},M=function(t){this.srcElement.dispatchEvent(new CustomEvent("search",{detail:t}))},W=function(){this.srcElement.dispatchEvent(new CustomEvent("open"))},N=function(){this.srcElement.dispatchEvent(new CustomEvent("close"))};var I={};t(I,"TreeselectList",(function(){return Gt}),(function(t){return Gt=t}));const D=(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,r=i>e;if(t.push({id:n.value,name:n.name,childOf:s,isGroup:o,checked:!1,isPartialChecked:!1,level:i,isClosed:c,hidden:r}),o){const s=D(n.children,e,n.value,i+1);t.push(...s)}return t}),[]),V=({id:t,checked:e},s)=>{s.forEach((i=>{i.childOf===t&&(i.checked=null==e||e,i.isPartialChecked=!1,i.isGroup&&V(i,s))}))},$=(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&&$(s.childOf,e)},R=({id:t,isGroup:e,childOf:s,checked:i},n)=>{e&&V({id:t,checked:i},n),s&&$(s,n)},z=(t,e)=>e.reduce(((s,i)=>(i.childOf===t&&(s.push(i),i.isGroup&&s.push(...z(i.id,e))),s)),[]),U=(t,e)=>e.reduce(((s,i)=>(i.id===t&&(s.push(i),i.childOf&&s.push(...U(i.childOf,e))),s)),[]),Y=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))))},F=(t,{id:e,isClosed:s})=>{t.filter((t=>t.childOf===e)).forEach((e=>{e.hidden=null!=s&&s,e.isGroup&&!e.isClosed&&F(t,{id:e.id,isClosed:s})}))},J=(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=z(i.id,t);s.push(...e)}if(i.childOf){const e=U(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,F(t,e)),e.hidden=!1):e.hidden=!0}))},K=(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,R(t,e)}))};var X,Q,Z,tt,et,st,it,nt,lt,ot,ct,rt,at,ht,dt,ut,mt,pt,ft,vt,wt,Et,gt,Lt,yt,bt,kt,_t,xt=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)},Ct=function(t,e,s,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,s):n?n.value=s:e.set(t,s),s};const Tt=(t,e,s,i)=>{K(t,e),Ot(e,s,i)},Ot=(t,e,s)=>{t.forEach((i=>{const n=e.querySelector(`[input-id="${i.id}"]`),l=Nt(n);n.checked=i.checked,At(i,l),St(i,l),Ht(i,l,s),Pt(i,l),Mt(i,l,t),Bt(i,n,s)})),Wt(t,e)},At=(t,e)=>{t.checked?e.classList.add("treeselect-list__item--checked"):e.classList.remove("treeselect-list__item--checked")},St=(t,e)=>{t.isPartialChecked?e.classList.add("treeselect-list__item--partial-checked"):e.classList.remove("treeselect-list__item--partial-checked")},Ht=(t,e,s)=>{if(t.isGroup){const i=e.querySelector(".treeselect-list__item-icon"),l=t.isClosed?s.arrowRight:s.arrowDown;n(l,i),t.isClosed?e.classList.add("treeselect-list__item--closed"):e.classList.remove("treeselect-list__item--closed")}},Pt=(t,e)=>{t.hidden?e.classList.add("treeselect-list__item--hidden"):e.classList.remove("treeselect-list__item--hidden")},Bt=(t,e,s)=>{const i=e.parentNode.querySelector(".treeselect-list__item-checkbox-icon");t.checked?n(s.check,i):t.isPartialChecked?n(s.partialCheck,i):i.innerHTML=""},Mt=(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())},Wt=(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")},Nt=t=>t.parentNode.parentNode,jt=(t,e)=>e.find((e=>e.id.toString()===t));class Gt{updateValue(t){Tt(t,this.flattedOptions,this.srcElement,this.iconElements),xt(this,X,"m",bt).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&&J(this.flattedOptions,t),Ot(this.flattedOptions,this.srcElement,this.iconElements),this.focusFirstListElement()}callKeyAction(t){Ct(this,Z,!1,"f");const e=this.srcElement.querySelector(".treeselect-list__item--focused");"Enter"===t&&e&&e.dispatchEvent(new Event("mousedown")),"ArrowLeft"!==t&&"ArrowRight"!==t||xt(this,X,"m",tt).call(this,e,t),"ArrowDown"!==t&&"ArrowUp"!==t||xt(this,X,"m",et).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(Nt(t)).display));if(!s.length)return;e&&e.classList.remove(t);Nt(s[0]).classList.add(t)}constructor({options:t,value:e,openLevel:s,listSlotHtmlComponent:i,emptyText:n,iconElements:l}){X.add(this),Q.set(this,null),Z.set(this,!0),this.options=t,this.value=e,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=D(this.options,this.openLevel),this.flattedOptionsBeforeSearch=this.flattedOptions,this.selectedNodes={nodes:[],groupedNodes:[]},this.srcElement=xt(this,X,"m",st).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)}}Q=new WeakMap,Z=new WeakMap,X=new WeakSet,tt=function(t,e){if(!t)return;const s=t.querySelector(".treeselect-list__item-checkbox").getAttribute("input-id"),i=jt(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"))},et=function(t,e){var s;const i=Array.from(this.srcElement.querySelectorAll(".treeselect-list__item-checkbox")).filter((t=>"none"!==window.getComputedStyle(Nt(t)).display));if(i.length)if(t){const t=i.findIndex((t=>Nt(t).classList.contains("treeselect-list__item--focused")));Nt(i[t]).classList.remove("treeselect-list__item--focused");const n="ArrowDown"===e?t+1:t-1,l="ArrowDown"===e?0:i.length-1,o=null!==(s=i[n])&&void 0!==s?s:i[l],c=!i[n],r=Nt(o);r.classList.add("treeselect-list__item--focused");const a=this.srcElement.getBoundingClientRect(),h=r.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(a.y+a.height<h.y+h.height)return void this.srcElement.scroll(0,this.srcElement.scrollTop+h.height);if(a.y>h.y)return void this.srcElement.scroll(0,this.srcElement.scrollTop-h.height)}else{Nt(i[0]).classList.add("treeselect-list__item--focused")}},st=function(){const t=xt(this,X,"m",it).call(this),e=xt(this,X,"m",ot).call(this,this.options);t.append(...e);const s=xt(this,X,"m",ct).call(this);s&&t.append(s);const i=xt(this,X,"m",rt).call(this);return t.append(i),t},it=function(){const t=document.createElement("div");return t.classList.add("treeselect-list"),t.addEventListener("mouseout",(t=>xt(this,X,"m",nt).call(this,t))),t.addEventListener("mousemove",(()=>xt(this,X,"m",lt).call(this))),t},nt=function(t){t.stopPropagation(),xt(this,Q,"f")&&xt(this,Z,"f")&&xt(this,Q,"f").classList.add("treeselect-list__item--focused")},lt=function(){Ct(this,Z,!0,"f")},ot=function t(e){return e.reduce(((e,s)=>{var i;if(null===(i=s.children)||void 0===i?void 0:i.length){const i=xt(this,X,"m",at).call(this,s),n=xt(this,X,"m",t).call(this,s.children);return i.append(...n),e.push(i),e}const n=xt(this,X,"m",ht).call(this,s,!1);return e.push(n),e}),[])},ct=function(){if(!this.listSlotHtmlComponent)return null;const t=document.createElement("div");return t.classList.add("treeselect-list__slot"),t.appendChild(this.listSlotHtmlComponent),t},rt=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"),n(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},at=function(t){const e=document.createElement("div");e.setAttribute("group-container-id",t.value.toString()),e.classList.add("treeselect-list__group-container");const s=xt(this,X,"m",ht).call(this,t,!0);return e.appendChild(s),e},ht=function(t,e){const s=xt(this,X,"m",dt).call(this,t);if(e){const t=xt(this,X,"m",ft).call(this);s.appendChild(t)}const i=xt(this,X,"m",wt).call(this,t),n=xt(this,X,"m",Et).call(this,t);return s.append(i,n),s},dt=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",(()=>xt(this,X,"m",ut).call(this,e)),!0),e.addEventListener("mouseout",(()=>xt(this,X,"m",mt).call(this,e)),!0),e.addEventListener("mousedown",(e=>xt(this,X,"m",pt).call(this,e,t))),e},ut=function(t){xt(this,Z,"f")&&xt(this,X,"m",yt).call(this,!0,t)},mt=function(t){xt(this,Z,"f")&&(xt(this,X,"m",yt).call(this,!1,t),Ct(this,Q,t,"f"))},pt=function(t,e){t.stopPropagation();const s=t.target.querySelector(".treeselect-list__item-checkbox");s.checked=!s.checked,xt(this,X,"m",gt).call(this,s,e)},ft=function(){const t=document.createElement("span");return t.setAttribute("tabindex","-1"),t.classList.add("treeselect-list__item-icon"),n(this.iconElements.arrowDown,t),t.addEventListener("mousedown",(t=>xt(this,X,"m",vt).call(this,t))),t},vt=function(t){t.stopPropagation(),xt(this,X,"m",Lt).call(this,t)},wt=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},Et=function(t){const e=document.createElement("label");return e.innerHTML=t.name,e.classList.add("treeselect-list__item-label"),e},gt=function(t,e){const s=this.flattedOptions.find((t=>t.id===e.value));s&&(s.checked=t.checked,s.isPartialChecked=!1,R(s,this.flattedOptions),Ot(this.flattedOptions,this.srcElement,this.iconElements),xt(this,X,"m",_t).call(this))},Lt=function(t){var e,s,i;const n=null===(s=null===(e=t.target)||void 0===e?void 0:e.parentNode)||void 0===s?void 0:s.querySelector("[input-id]"),l=null!==(i=null==n?void 0:n.getAttribute("input-id"))&&void 0!==i?i:null,o=jt(l,this.flattedOptions);o&&(o.isClosed=!o.isClosed,F(this.flattedOptions,o),Ot(this.flattedOptions,this.srcElement,this.iconElements),xt(this,X,"m",kt).call(this))},yt=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)},bt=function(){var t;this.selectedNodes={nodes:(t=this.flattedOptions,t.filter((t=>t.checked&&!t.isGroup))),groupedNodes:Y(this.flattedOptions)}},kt=function(){this.srcElement.dispatchEvent(new CustomEvent("arrow-click"))},_t=function(){xt(this,X,"m",bt).call(this),this.srcElement.dispatchEvent(new CustomEvent("input",{detail:this.selectedNodes}))};var qt,It,Dt,Vt,$t,Rt,zt,Ut,Yt,Ft,Jt,Kt,Xt,Qt,Zt,te,ee,se,ie,ne,le,oe,ce=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)},re=function(t,e,s,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(t,s):n?n.value=s:e.set(t,s),s};const ae=t=>t.map((t=>t.id));class he{mount(){var t;this.destroy();const{container:e,list:s,input:i}=ce(this,qt,"m",Yt).call(this);this.srcElement=e,re(this,It,s,"f"),re(this,Dt,i,"f"),re(this,$t,this.scrollWindowHandler.bind(this),"f"),re(this,Rt,this.scrollWindowHandler.bind(this),"f"),re(this,zt,this.focusWindowHandler.bind(this),"f"),re(this,Ut,this.blurWindowHandler.bind(this),"f"),this.alwaysOpen&&(null===(t=ce(this,Dt,"f"))||void 0===t||t.openClose()),this.disabled&&this.srcElement.classList.add("treeselect--disabled")}updateValue(t){var e;const s=ce(this,It,"f");if(s){s.updateValue(t);const{groupedNodes:i,nodes:n}=s.selectedNodes,l=this.grouped?i:n;null===(e=ce(this,Dt,"f"))||void 0===e||e.updateValue(l)}}destroy(){this.srcElement&&(ce(this,qt,"m",ee).call(this),this.srcElement.innerHTML="",this.srcElement=null,ce(this,qt,"m",le).call(this,!0))}focus(){ce(this,Dt,"f")&&ce(this,Dt,"f").focus()}toggleOpenClose(){ce(this,Dt,"f")&&(ce(this,Dt,"f").openClose(),ce(this,Dt,"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=ce(this,It,"f"))||void 0===s?void 0:s.srcElement.contains(t.target))||(null===(i=ce(this,Dt,"f"))||void 0===i||i.blur(),ce(this,qt,"m",le).call(this,!1),ce(this,qt,"m",ie).call(this,!1))}blurWindowHandler(){var t;null===(t=ce(this,Dt,"f"))||void 0===t||t.blur(),ce(this,qt,"m",le).call(this,!1),ce(this,qt,"m",ie).call(this,!1)}updateListPosition(){var t;const e=this.srcElement,s=null===(t=ce(this,It,"f"))||void 0===t?void 0:t.srcElement;if(!e||!s)return;s.style.transform="";const{y:i,height:n}=s.getBoundingClientRect(),{x:l,y:o,height:c,width:r}=e.getBoundingClientRect(),a=window.innerHeight-o-c,h=o>a&&o>=n&&a<n;this.appendToBody&&(s.style.transform=h?`translateY(${o-i-n}px)`:`translateY(${o+c-i}px)`,s.style.width=`${r}px`,s.style.left=`${l+window.scrollX}px`);const d=h?"top":"bottom";s.getAttribute("direction")!==d&&(s.setAttribute("direction",d),ce(this,qt,"m",se).call(this,h,this.appendToBody))}constructor({parentHtmlContainer:t,value:e,options:s,openLevel:i,appendToBody:n,alwaysOpen:o,showTags:c,tagsCountText:r,clearable:a,searchable:h,placeholder:d,grouped:u,listSlotHtmlComponent:m,disabled:p,emptyText:f,staticList:v,id:w,iconElements:E,inputCallback:g}){qt.add(this),It.set(this,null),Dt.set(this,null),Vt.set(this,null),$t.set(this,null),Rt.set(this,null),zt.set(this,null),Ut.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||p),this.showTags=null==c||c,this.tagsCountText=null!=r?r:"elements selected",this.clearable=null==a||a,this.searchable=null==h||h,this.placeholder=null!=d?d:"Search...",this.grouped=null==u||u,this.listSlotHtmlComponent=null!=m?m:null,this.disabled=null!=p&&p,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()}}It=new WeakMap,Dt=new WeakMap,Vt=new WeakMap,$t=new WeakMap,Rt=new WeakMap,zt=new WeakMap,Ut=new WeakMap,qt=new WeakSet,Yt=function(){const t=this.parentHtmlContainer;t.classList.add("treeselect");const e=new(0,I.TreeselectList)({options:this.options,value:this.value,openLevel:this.openLevel,listSlotHtmlComponent:this.listSlotHtmlComponent,emptyText:this.emptyText,iconElements:this.iconElements}),{groupedNodes:i,nodes:n}=e.selectedNodes,l=new(0,s.TreeselectInput)({value:this.grouped?i:n,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&&re(this,Vt,new ResizeObserver((()=>this.updateListPosition())),"f"),l.srcElement.addEventListener("input",(t=>ce(this,qt,"m",Ft).call(this,t,e))),l.srcElement.addEventListener("open",(()=>ce(this,qt,"m",te).call(this))),l.srcElement.addEventListener("keydown",(t=>ce(this,qt,"m",Jt).call(this,t,e))),l.srcElement.addEventListener("search",(t=>ce(this,qt,"m",Kt).call(this,t,e))),l.srcElement.addEventListener("focus",(()=>ce(this,qt,"m",Xt).call(this)),!0),this.alwaysOpen||l.srcElement.addEventListener("close",(()=>ce(this,qt,"m",ee).call(this))),e.srcElement.addEventListener("mouseup",(()=>l.focus()),!0),e.srcElement.addEventListener("input",(t=>ce(this,qt,"m",Qt).call(this,t,l))),e.srcElement.addEventListener("arrow-click",(()=>ce(this,qt,"m",Zt).call(this,l))),t.append(l.srcElement),{container:t,list:e,input:l}},Ft=function(t,e){const s=ae(t.detail);e.updateValue(s);const{nodes:i}=e.selectedNodes;this.value=ae(i),ce(this,qt,"m",oe).call(this)},Jt=function(t,e){this.isListOpened&&e.callKeyAction(t.key)},Kt=function(t,e){e.updateSearchValue(t.detail),this.updateListPosition()},Xt=function(){ce(this,qt,"m",ie).call(this,!0),ce(this,zt,"f")&&ce(this,zt,"f")&&ce(this,Ut,"f")&&(document.addEventListener("mousedown",ce(this,zt,"f"),!0),document.addEventListener("focus",ce(this,zt,"f"),!0),window.addEventListener("blur",ce(this,Ut,"f")))},Qt=function(t,e){const{groupedNodes:s,nodes:i}=t.detail,n=this.grouped?s:i;e.updateValue(n),this.value=ae(i),e.focus(),ce(this,qt,"m",oe).call(this)},Zt=function(t){t.focus(),this.updateListPosition()},te=function(){var t;this.isListOpened=!0,ce(this,$t,"f")&&ce(this,Rt,"f")&&(window.addEventListener("scroll",ce(this,$t,"f"),!0),window.addEventListener("resize",ce(this,Rt,"f"))),ce(this,It,"f")&&this.srcElement&&(this.appendToBody?(document.body.appendChild(ce(this,It,"f").srcElement),null===(t=ce(this,Vt,"f"))||void 0===t||t.observe(this.srcElement)):this.srcElement.appendChild(ce(this,It,"f").srcElement),this.updateListPosition(),ce(this,qt,"m",ne).call(this,!0),ce(this,It,"f").focusFirstListElement())},ee=function(){var t;if(this.isListOpened=!1,ce(this,$t,"f")&&ce(this,Rt,"f")&&(window.removeEventListener("scroll",ce(this,$t,"f"),!0),window.removeEventListener("resize",ce(this,Rt,"f"))),!ce(this,It,"f")||!this.srcElement)return;(this.appendToBody?document.body.contains(ce(this,It,"f").srcElement):this.srcElement.contains(ce(this,It,"f").srcElement))&&(this.appendToBody?(document.body.removeChild(ce(this,It,"f").srcElement),null===(t=ce(this,Vt,"f"))||void 0===t||t.disconnect()):this.srcElement.removeChild(ce(this,It,"f").srcElement),ce(this,qt,"m",ne).call(this,!1))},se=function(t,e){if(!ce(this,It,"f")||!ce(this,Dt,"f"))return;const s=e?"treeselect-list--top-to-body":"treeselect-list--top",i=e?"treeselect-list--bottom-to-body":"treeselect-list--bottom";t?(ce(this,It,"f").srcElement.classList.add(s),ce(this,It,"f").srcElement.classList.remove(i),ce(this,Dt,"f").srcElement.classList.add("treeselect-input--top"),ce(this,Dt,"f").srcElement.classList.remove("treeselect-input--bottom")):(ce(this,It,"f").srcElement.classList.remove(s),ce(this,It,"f").srcElement.classList.add(i),ce(this,Dt,"f").srcElement.classList.remove("treeselect-input--top"),ce(this,Dt,"f").srcElement.classList.add("treeselect-input--bottom"))},ie=function(t){ce(this,Dt,"f")&&ce(this,It,"f")&&(t?(ce(this,Dt,"f").srcElement.classList.add("treeselect-input--focused"),ce(this,It,"f").srcElement.classList.add("treeselect-list--focused")):(ce(this,Dt,"f").srcElement.classList.remove("treeselect-input--focused"),ce(this,It,"f").srcElement.classList.remove("treeselect-list--focused")))},ne=function(t){var e,s,i,n;t?null===(e=ce(this,Dt,"f"))||void 0===e||e.srcElement.classList.add("treeselect-input--opened"):null===(s=ce(this,Dt,"f"))||void 0===s||s.srcElement.classList.remove("treeselect-input--opened"),this.staticList?null===(i=ce(this,It,"f"))||void 0===i||i.srcElement.classList.add("treeselect-list--static"):null===(n=ce(this,It,"f"))||void 0===n||n.srcElement.classList.remove("treeselect-list--static")},le=function(t){ce(this,$t,"f")&&ce(this,Rt,"f")&&ce(this,zt,"f")&&ce(this,Ut,"f")&&(this.alwaysOpen&&!t||(window.removeEventListener("scroll",ce(this,$t,"f"),!0),window.removeEventListener("resize",ce(this,Rt,"f"))),document.removeEventListener("click",ce(this,zt,"f"),!0),document.removeEventListener("focus",ce(this,zt,"f"),!0),window.removeEventListener("blur",ce(this,Ut,"f")))},oe=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{he as Treeselect,e as default};

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "treeselectjs",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "description": "Treeselect JS",
   "main": "dist/treeselect-js.cjs.js",
   "module": "dist/treeselect-js.mjs.js",
   "types": "dist/treeselect-js.d.ts",
   "targets": {
     "main": {
-      "context": "node",
       "source": "src/treeselect-js.ts",
       "outputFormat": "commonjs",
       "isLibrary": true,
@@ -18,7 +17,6 @@
       }
     },
     "module": {
-      "context": "node",
       "source": "src/treeselect-js.ts",
       "outputFormat": "esmodule",
       "isLibrary": true,
@@ -30,7 +28,6 @@
     },
     "types": {
       "isLibrary": true,
-      "context": "node",
       "source": "src/treeselect-js.ts",
       "optimize": true,
       "sourceMap": false
@@ -68,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",