reneco-hierarchized-picker 0.2.2-beta → 0.2.2-classifications

package/dist/cjs/reneco-hierarchized-picker.cjs.entry.js

@@ -4,9 +4,86 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-55df525c.js');
 
+function ajax(_options) {
+  const defaultOptions = {
+    method: 'GET',
+    url: '',
+    async: true,
+    success: null,
+    failed: null,
+    'Content-Type': 'application/json; charset=utf-8',
+  };
+  const options = Object.assign(defaultOptions, _options);
+  const xhr = new XMLHttpRequest();
+
+  const postData = Object.entries(options.data)
+    .reduce((acc, [key, value]) => {
+      acc.push(`${key}=${value}`);
+      return acc;
+    }, [])
+    .join('&');
+
+  if (options.method.toUpperCase() === 'POST') {
+    xhr.open(options.method, options.url, options.async);
+    xhr.setRequestHeader('Content-Type', options['Content-Type']);
+    xhr.send(postData);
+  } else if (options.method.toUpperCase() === 'GET') {
+    let {url} = options;
+    if (postData) {
+      if (url.indexOf('?') !== -1) {
+        url += `&${postData}`;
+      } else {
+        url += `&${postData}`;
+      }
+    }
+    xhr.open(options.method, url, options.async);
+    xhr.setRequestHeader('Content-Type', options['Content-Type']);
+    xhr.send(null);
+  }
+  xhr.onreadystatechange = function() {
+    if (xhr.readyState === 4 && xhr.status === 200) {
+      let res = xhr.responseText;
+      if (options['Content-Type'] === defaultOptions['Content-Type']) {
+        res = JSON.parse(res);
+      }
+      options.success && options.success(res);
+    } else {
+      options.failed && options.failed(xhr.status);
+    }
+  };
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var vanillaContextMenu = createCommonjsModule(function (module, exports) {
+/*! For license information please see vanilla-context-menu.js.LICENSE.txt */
+!function(e,t){module.exports=t();}(commonjsGlobal,(()=>(()=>{var e={550:(e,t,n)=>{n.d(t,{Z:()=>s});var r=n(81),o=n.n(r),i=n(645),a=n.n(i)()(o());a.push([e.id,'.PJsSKU2kCXjeIsVSdFoI{font-family:"Open Sans",sans-serif;position:fixed;z-index:10000;width:150px;transform:scale(0);transition-property:transform;transition-timing-function:ease-in-out}.novl09c_yWe4MBqKpWyN{background:#1b1a1a}.novl09c_yWe4MBqKpWyN hr{background-color:#555}.novl09c_yWe4MBqKpWyN>*:not(hr){color:#eee}.novl09c_yWe4MBqKpWyN>*:not(hr):hover{background:#555}.F5LtzLqHVYZuI1H_SR9q{background:#fff}.F5LtzLqHVYZuI1H_SR9q hr{background-color:#e4e4e4}.F5LtzLqHVYZuI1H_SR9q>*:not(hr){color:#262626}.F5LtzLqHVYZuI1H_SR9q>*:not(hr):hover{background:#e4e4e4}.PJsSKU2kCXjeIsVSdFoI.ibAEWR3dINCWDsWq1G2P{transform:scale(1)}.PJsSKU2kCXjeIsVSdFoI hr{margin:2px 0;height:1px;border:0}.PJsSKU2kCXjeIsVSdFoI>*:not(hr){padding:8px 10px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:5px}.PJsSKU2kCXjeIsVSdFoI .gfl6YXq1tuGnYKHXwDHP{display:flex;align-items:center;justify-content:center}.PJsSKU2kCXjeIsVSdFoI .gfl6YXq1tuGnYKHXwDHP>*{margin:0;padding:0;font-size:16px}.PJsSKU2kCXjeIsVSdFoI .QkRci5U3hKz5RODdOkco{line-height:21px;font-size:26px;position:relative;margin-left:auto}',""]),a.locals={"context-menu":"PJsSKU2kCXjeIsVSdFoI","context-menu--black-theme":"novl09c_yWe4MBqKpWyN","context-menu--white-theme":"F5LtzLqHVYZuI1H_SR9q",visible:"ibAEWR3dINCWDsWq1G2P","menu-item-icon":"gfl6YXq1tuGnYKHXwDHP","nested-menu-arrow":"QkRci5U3hKz5RODdOkco"};const s=a;},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(a[c]=!0);}for(var l=0;l<e.length;l++){var u=[].concat(e[l]);r&&a[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u));}},t};},81:e=>{e.exports=function(e){return e[1]};},856:function(e){e.exports=function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,n){return t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(e,n)}function n(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}function r(e,o,i){return r=n()?Reflect.construct:function(e,n,r){var o=[null];o.push.apply(o,n);var i=new(Function.bind.apply(e,o));return r&&t(i,r.prototype),i},r.apply(null,arguments)}function o(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return "Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var a=Object.hasOwnProperty,s=Object.setPrototypeOf,c=Object.isFrozen,l=Object.getPrototypeOf,u=Object.getOwnPropertyDescriptor,p=Object.freeze,f=Object.seal,m=Object.create,d="undefined"!=typeof Reflect&&Reflect,h=d.apply,y=d.construct;h||(h=function(e,t,n){return e.apply(t,n)}),p||(p=function(e){return e}),f||(f=function(e){return e}),y||(y=function(e,t){return r(e,o(t))});var g,v=A(Array.prototype.forEach),b=A(Array.prototype.pop),x=A(Array.prototype.push),T=A(String.prototype.toLowerCase),w=A(String.prototype.match),k=A(String.prototype.replace),S=A(String.prototype.indexOf),N=A(String.prototype.trim),E=A(RegExp.prototype.test),M=(g=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return y(g,t)});function A(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return h(e,t,r)}}function C(e,t,n){n=n||T,s&&s(e,null);for(var r=t.length;r--;){var o=t[r];if("string"==typeof o){var i=n(o);i!==o&&(c(t)||(t[r]=i),o=i);}e[o]=!0;}return e}function O(e){var t,n=m(null);for(t in e)h(a,e,[t])&&(n[t]=e[t]);return n}function L(e,t){for(;null!==e;){var n=u(e,t);if(n){if(n.get)return A(n.get);if("function"==typeof n.value)return A(n.value)}e=l(e);}return function(e){return console.warn("fallback value for",e),null}}var _=p(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),I=p(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),D=p(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),R=p(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),H=p(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),F=p(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),j=p(["#text"]),z=p(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),U=p(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),W=p(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),P=p(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),q=f(/\{\{[\w\W]*|[\w\W]*\}\}/gm),B=f(/<%[\w\W]*|[\w\W]*%>/gm),G=f(/^data-[\-\w.\u00B7-\uFFFF]/),$=f(/^aria-[\-\w]+$/),K=f(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Y=f(/^(?:\w+script|data):/i),V=f(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),X=f(/^html$/i),J=function(){return "undefined"==typeof window?null:window},Z=function(t,n){if("object"!==e(t)||"function"!=typeof t.createPolicy)return null;var r=null,o="data-tt-policy-suffix";n.currentScript&&n.currentScript.hasAttribute(o)&&(r=n.currentScript.getAttribute(o));var i="dompurify"+(r?"#"+r:"");try{return t.createPolicy(i,{createHTML:function(e){return e},createScriptURL:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};return function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:J(),r=function(e){return t(e)};if(r.version="2.4.0",r.removed=[],!n||!n.document||9!==n.document.nodeType)return r.isSupported=!1,r;var i=n.document,a=n.document,s=n.DocumentFragment,c=n.HTMLTemplateElement,l=n.Node,u=n.Element,f=n.NodeFilter,m=n.NamedNodeMap,d=void 0===m?n.NamedNodeMap||n.MozNamedAttrMap:m,h=n.HTMLFormElement,y=n.DOMParser,g=n.trustedTypes,A=u.prototype,Q=L(A,"cloneNode"),ee=L(A,"nextSibling"),te=L(A,"childNodes"),ne=L(A,"parentNode");if("function"==typeof c){var re=a.createElement("template");re.content&&re.content.ownerDocument&&(a=re.content.ownerDocument);}var oe=Z(g,i),ie=oe?oe.createHTML(""):"",ae=a,se=ae.implementation,ce=ae.createNodeIterator,le=ae.createDocumentFragment,ue=ae.getElementsByTagName,pe=i.importNode,fe={};try{fe=O(a).documentMode?a.documentMode:{};}catch(e){}var me={};r.isSupported="function"==typeof ne&&se&&void 0!==se.createHTMLDocument&&9!==fe;var de,he,ye=q,ge=B,ve=G,be=$,xe=Y,Te=V,we=K,ke=null,Se=C({},[].concat(o(_),o(I),o(D),o(H),o(j))),Ne=null,Ee=C({},[].concat(o(z),o(U),o(W),o(P))),Me=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ae=null,Ce=null,Oe=!0,Le=!0,_e=!1,Ie=!1,De=!1,Re=!1,He=!1,Fe=!1,je=!1,ze=!1,Ue=!0,We=!1,Pe="user-content-",qe=!0,Be=!1,Ge={},$e=null,Ke=C({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ye=null,Ve=C({},["audio","video","img","source","image","track"]),Xe=null,Je=C({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Ze="http://www.w3.org/1998/Math/MathML",Qe="http://www.w3.org/2000/svg",et="http://www.w3.org/1999/xhtml",tt=et,nt=!1,rt=["application/xhtml+xml","text/html"],ot="text/html",it=null,at=a.createElement("form"),st=function(e){return e instanceof RegExp||e instanceof Function},ct=function(t){it&&it===t||(t&&"object"===e(t)||(t={}),t=O(t),de=de=-1===rt.indexOf(t.PARSER_MEDIA_TYPE)?ot:t.PARSER_MEDIA_TYPE,he="application/xhtml+xml"===de?function(e){return e}:T,ke="ALLOWED_TAGS"in t?C({},t.ALLOWED_TAGS,he):Se,Ne="ALLOWED_ATTR"in t?C({},t.ALLOWED_ATTR,he):Ee,Xe="ADD_URI_SAFE_ATTR"in t?C(O(Je),t.ADD_URI_SAFE_ATTR,he):Je,Ye="ADD_DATA_URI_TAGS"in t?C(O(Ve),t.ADD_DATA_URI_TAGS,he):Ve,$e="FORBID_CONTENTS"in t?C({},t.FORBID_CONTENTS,he):Ke,Ae="FORBID_TAGS"in t?C({},t.FORBID_TAGS,he):{},Ce="FORBID_ATTR"in t?C({},t.FORBID_ATTR,he):{},Ge="USE_PROFILES"in t&&t.USE_PROFILES,Oe=!1!==t.ALLOW_ARIA_ATTR,Le=!1!==t.ALLOW_DATA_ATTR,_e=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Ie=t.SAFE_FOR_TEMPLATES||!1,De=t.WHOLE_DOCUMENT||!1,Fe=t.RETURN_DOM||!1,je=t.RETURN_DOM_FRAGMENT||!1,ze=t.RETURN_TRUSTED_TYPE||!1,He=t.FORCE_BODY||!1,Ue=!1!==t.SANITIZE_DOM,We=t.SANITIZE_NAMED_PROPS||!1,qe=!1!==t.KEEP_CONTENT,Be=t.IN_PLACE||!1,we=t.ALLOWED_URI_REGEXP||we,tt=t.NAMESPACE||et,t.CUSTOM_ELEMENT_HANDLING&&st(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Me.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&st(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Me.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Me.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),Ie&&(Le=!1),je&&(Fe=!0),Ge&&(ke=C({},o(j)),Ne=[],!0===Ge.html&&(C(ke,_),C(Ne,z)),!0===Ge.svg&&(C(ke,I),C(Ne,U),C(Ne,P)),!0===Ge.svgFilters&&(C(ke,D),C(Ne,U),C(Ne,P)),!0===Ge.mathMl&&(C(ke,H),C(Ne,W),C(Ne,P))),t.ADD_TAGS&&(ke===Se&&(ke=O(ke)),C(ke,t.ADD_TAGS,he)),t.ADD_ATTR&&(Ne===Ee&&(Ne=O(Ne)),C(Ne,t.ADD_ATTR,he)),t.ADD_URI_SAFE_ATTR&&C(Xe,t.ADD_URI_SAFE_ATTR,he),t.FORBID_CONTENTS&&($e===Ke&&($e=O($e)),C($e,t.FORBID_CONTENTS,he)),qe&&(ke["#text"]=!0),De&&C(ke,["html","head","body"]),ke.table&&(C(ke,["tbody"]),delete Ae.tbody),p&&p(t),it=t);},lt=C({},["mi","mo","mn","ms","mtext"]),ut=C({},["foreignobject","desc","title","annotation-xml"]),pt=C({},["title","style","font","a","script"]),ft=C({},I);C(ft,D),C(ft,R);var mt=C({},H);C(mt,F);var dt=function(e){var t=ne(e);t&&t.tagName||(t={namespaceURI:et,tagName:"template"});var n=T(e.tagName),r=T(t.tagName);return e.namespaceURI===Qe?t.namespaceURI===et?"svg"===n:t.namespaceURI===Ze?"svg"===n&&("annotation-xml"===r||lt[r]):Boolean(ft[n]):e.namespaceURI===Ze?t.namespaceURI===et?"math"===n:t.namespaceURI===Qe?"math"===n&&ut[r]:Boolean(mt[n]):e.namespaceURI===et&&!(t.namespaceURI===Qe&&!ut[r])&&!(t.namespaceURI===Ze&&!lt[r])&&!mt[n]&&(pt[n]||!ft[n])},ht=function(e){x(r.removed,{element:e});try{e.parentNode.removeChild(e);}catch(t){try{e.outerHTML=ie;}catch(t){e.remove();}}},yt=function(e,t){try{x(r.removed,{attribute:t.getAttributeNode(e),from:t});}catch(e){x(r.removed,{attribute:null,from:t});}if(t.removeAttribute(e),"is"===e&&!Ne[e])if(Fe||je)try{ht(t);}catch(e){}else try{t.setAttribute(e,"");}catch(e){}},gt=function(e){var t,n;if(He)e="<remove></remove>"+e;else {var r=w(e,/^[\r\n\t ]+/);n=r&&r[0];}"application/xhtml+xml"===de&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var o=oe?oe.createHTML(e):e;if(tt===et)try{t=(new y).parseFromString(o,de);}catch(e){}if(!t||!t.documentElement){t=se.createDocument(tt,"template",null);try{t.documentElement.innerHTML=nt?"":o;}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(a.createTextNode(n),i.childNodes[0]||null),tt===et?ue.call(t,De?"html":"body")[0]:De?t.documentElement:i},vt=function(e){return ce.call(e.ownerDocument||e,e,f.SHOW_ELEMENT|f.SHOW_COMMENT|f.SHOW_TEXT,null,!1)},bt=function(e){return e instanceof h&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof d)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore)},xt=function(t){return "object"===e(l)?t instanceof l:t&&"object"===e(t)&&"number"==typeof t.nodeType&&"string"==typeof t.nodeName},Tt=function(e,t,n){me[e]&&v(me[e],(function(e){e.call(r,t,n,it);}));},wt=function(e){var t;if(Tt("beforeSanitizeElements",e,null),bt(e))return ht(e),!0;if(E(/[\u0080-\uFFFF]/,e.nodeName))return ht(e),!0;var n=he(e.nodeName);if(Tt("uponSanitizeElement",e,{tagName:n,allowedTags:ke}),e.hasChildNodes()&&!xt(e.firstElementChild)&&(!xt(e.content)||!xt(e.content.firstElementChild))&&E(/<[/\w]/g,e.innerHTML)&&E(/<[/\w]/g,e.textContent))return ht(e),!0;if("select"===n&&E(/<template/i,e.innerHTML))return ht(e),!0;if(!ke[n]||Ae[n]){if(!Ae[n]&&St(n)){if(Me.tagNameCheck instanceof RegExp&&E(Me.tagNameCheck,n))return !1;if(Me.tagNameCheck instanceof Function&&Me.tagNameCheck(n))return !1}if(qe&&!$e[n]){var o=ne(e)||e.parentNode,i=te(e)||e.childNodes;if(i&&o)for(var a=i.length-1;a>=0;--a)o.insertBefore(Q(i[a],!0),ee(e));}return ht(e),!0}return e instanceof u&&!dt(e)?(ht(e),!0):"noscript"!==n&&"noembed"!==n||!E(/<\/no(script|embed)/i,e.innerHTML)?(Ie&&3===e.nodeType&&(t=e.textContent,t=k(t,ye," "),t=k(t,ge," "),e.textContent!==t&&(x(r.removed,{element:e.cloneNode()}),e.textContent=t)),Tt("afterSanitizeElements",e,null),!1):(ht(e),!0)},kt=function(e,t,n){if(Ue&&("id"===t||"name"===t)&&(n in a||n in at))return !1;if(Le&&!Ce[t]&&E(ve,t));else if(Oe&&E(be,t));else if(!Ne[t]||Ce[t]){if(!(St(e)&&(Me.tagNameCheck instanceof RegExp&&E(Me.tagNameCheck,e)||Me.tagNameCheck instanceof Function&&Me.tagNameCheck(e))&&(Me.attributeNameCheck instanceof RegExp&&E(Me.attributeNameCheck,t)||Me.attributeNameCheck instanceof Function&&Me.attributeNameCheck(t))||"is"===t&&Me.allowCustomizedBuiltInElements&&(Me.tagNameCheck instanceof RegExp&&E(Me.tagNameCheck,n)||Me.tagNameCheck instanceof Function&&Me.tagNameCheck(n))))return !1}else if(Xe[t]);else if(E(we,k(n,Te,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==S(n,"data:")||!Ye[e])if(_e&&!E(xe,k(n,Te,"")));else if(n)return !1;return !0},St=function(e){return e.indexOf("-")>0},Nt=function(t){var n,o,i,a;Tt("beforeSanitizeAttributes",t,null);var s=t.attributes;if(s){var c={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Ne};for(a=s.length;a--;){var l=n=s[a],u=l.name,p=l.namespaceURI;if(o="value"===u?n.value:N(n.value),i=he(u),c.attrName=i,c.attrValue=o,c.keepAttr=!0,c.forceKeepAttr=void 0,Tt("uponSanitizeAttribute",t,c),o=c.attrValue,!c.forceKeepAttr&&(yt(u,t),c.keepAttr))if(E(/\/>/i,o))yt(u,t);else {Ie&&(o=k(o,ye," "),o=k(o,ge," "));var f=he(t.nodeName);if(kt(f,i,o)){if(!We||"id"!==i&&"name"!==i||(yt(u,t),o=Pe+o),oe&&"object"===e(g)&&"function"==typeof g.getAttributeType)if(p);else switch(g.getAttributeType(f,i)){case"TrustedHTML":o=oe.createHTML(o);break;case"TrustedScriptURL":o=oe.createScriptURL(o);}try{p?t.setAttributeNS(p,u,o):t.setAttribute(u,o),b(r.removed);}catch(e){}}}}Tt("afterSanitizeAttributes",t,null);}},Et=function e(t){var n,r=vt(t);for(Tt("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)Tt("uponSanitizeShadowNode",n,null),wt(n)||(n.content instanceof s&&e(n.content),Nt(n));Tt("afterSanitizeShadowDOM",t,null);};return r.sanitize=function(t){var o,a,c,u,p,f=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if((nt=!t)&&(t="\x3c!--\x3e"),"string"!=typeof t&&!xt(t)){if("function"!=typeof t.toString)throw M("toString is not a function");if("string"!=typeof(t=t.toString()))throw M("dirty is not a string, aborting")}if(!r.isSupported){if("object"===e(n.toStaticHTML)||"function"==typeof n.toStaticHTML){if("string"==typeof t)return n.toStaticHTML(t);if(xt(t))return n.toStaticHTML(t.outerHTML)}return t}if(Re||ct(f),r.removed=[],"string"==typeof t&&(Be=!1),Be){if(t.nodeName){var m=he(t.nodeName);if(!ke[m]||Ae[m])throw M("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof l)1===(a=(o=gt("\x3c!----\x3e")).ownerDocument.importNode(t,!0)).nodeType&&"BODY"===a.nodeName||"HTML"===a.nodeName?o=a:o.appendChild(a);else {if(!Fe&&!Ie&&!De&&-1===t.indexOf("<"))return oe&&ze?oe.createHTML(t):t;if(!(o=gt(t)))return Fe?null:ze?ie:""}o&&He&&ht(o.firstChild);for(var d=vt(Be?t:o);c=d.nextNode();)3===c.nodeType&&c===u||wt(c)||(c.content instanceof s&&Et(c.content),Nt(c),u=c);if(u=null,Be)return t;if(Fe){if(je)for(p=le.call(o.ownerDocument);o.firstChild;)p.appendChild(o.firstChild);else p=o;return Ne.shadowroot&&(p=pe.call(i,p,!0)),p}var h=De?o.outerHTML:o.innerHTML;return De&&ke["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&E(X,o.ownerDocument.doctype.name)&&(h="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+h),Ie&&(h=k(h,ye," "),h=k(h,ge," ")),oe&&ze?oe.createHTML(h):h},r.setConfig=function(e){ct(e),Re=!0;},r.clearConfig=function(){it=null,Re=!1;},r.isValidAttribute=function(e,t,n){it||ct({});var r=he(e),o=he(t);return kt(r,o,n)},r.addHook=function(e,t){"function"==typeof t&&(me[e]=me[e]||[],x(me[e],t));},r.removeHook=function(e){if(me[e])return b(me[e])},r.removeHooks=function(e){me[e]&&(me[e]=[]);},r.removeAllHooks=function(){me={};},r}()}();},138:(e,t,n)=>{var r=n(55);e.exports=function(e){var t,n="",o=e||{};return function(e,o){n=n+"<div"+r.attr("class",r.classes([`${o["context-menu"]}`],[!0]),!1,!0)+"> ",function(){var i=e;if("number"==typeof i.length)for(var a=0,s=i.length;a<s;a++)"hr"===(c=i[a])?n+="<hr>":(n=n+"<div"+r.attr("id",`context-menu-item-${c._id}`,!0,!0)+"> ",(c.iconClass||c.iconHTML)&&(n=n+"<span"+r.attr("class",r.classes([`${o["menu-item-icon"]}`],[!0]),!1,!0)+">",c.iconClass&&(n=n+"<i"+r.attr("class",r.classes([`${c.iconClass}`],[!0]),!1,!0)+"></i>"),c.iconHTML&&(n+=null==(t=c.iconHTML)?"":t),n+="</span>"),n=n+"<span>"+r.escape(null==(t=c.label)?"":t)+"</span>",c.nestedMenu&&(n=n+"<span"+r.attr("class",r.classes([`${o["nested-menu-arrow"]}`],[!0]),!1,!0)+">&#x203A;</span>"),n+="</div>");else for(var a in s=0,i){var c;s++,"hr"===(c=i[a])?n+="<hr>":(n=n+"<div"+r.attr("id",`context-menu-item-${c._id}`,!0,!0)+"> ",(c.iconClass||c.iconHTML)&&(n=n+"<span"+r.attr("class",r.classes([`${o["menu-item-icon"]}`],[!0]),!1,!0)+">",c.iconClass&&(n=n+"<i"+r.attr("class",r.classes([`${c.iconClass}`],[!0]),!1,!0)+"></i>"),c.iconHTML&&(n+=null==(t=c.iconHTML)?"":t),n+="</span>"),n=n+"<span>"+r.escape(null==(t=c.label)?"":t)+"</span>",c.nestedMenu&&(n=n+"<span"+r.attr("class",r.classes([`${o["nested-menu-arrow"]}`],[!0]),!1,!0)+">&#x203A;</span>"),n+="</div>");}}.call(this),n+="</div>";}.call(this,"menuItems"in o?o.menuItems:"undefined"!=typeof menuItems?menuItems:void 0,"style"in o?o.style:"undefined"!=typeof style?style:void 0),n};},55:(e,t,n)=>{var r=Object.prototype.hasOwnProperty;function o(e,t){return Array.isArray(e)?function(e,t){for(var n,r="",i="",a=Array.isArray(t),s=0;s<e.length;s++)(n=o(e[s]))&&(a&&t[s]&&(n=c(n)),r=r+i+n,i=" ");return r}(e,t):e&&"object"==typeof e?function(e){var t="",n="";for(var o in e)o&&e[o]&&r.call(e,o)&&(t=t+n+o,n=" ");return t}(e):e||""}function i(e){if(!e)return "";if("object"==typeof e){var t="";for(var n in e)r.call(e,n)&&(t=t+n+":"+e[n]+";");return t}return e+""}function a(e,t,n,r){if(!1===t||null==t||!t&&("class"===e||"style"===e))return "";if(!0===t)return " "+(r?e:e+'="'+e+'"');var o=typeof t;return "object"!==o&&"function"!==o||"function"!=typeof t.toJSON||(t=t.toJSON()),"string"==typeof t||(t=JSON.stringify(t),n||-1===t.indexOf('"'))?(n&&(t=c(t))," "+e+'="'+t+'"'):" "+e+"='"+t.replace(/'/g,"&#39;")+"'"}t.merge=function e(t,n){if(1===arguments.length){for(var r=t[0],o=1;o<t.length;o++)r=e(r,t[o]);return r}for(var a in n)if("class"===a){var s=t[a]||[];t[a]=(Array.isArray(s)?s:[s]).concat(n[a]||[]);}else if("style"===a){s=(s=i(t[a]))&&";"!==s[s.length-1]?s+";":s;var c=i(n[a]);c=c&&";"!==c[c.length-1]?c+";":c,t[a]=s+c;}else t[a]=n[a];return t},t.classes=o,t.style=i,t.attr=a,t.attrs=function(e,t){var n="";for(var s in e)if(r.call(e,s)){var c=e[s];if("class"===s){n=a(s,c=o(c),!1,t)+n;continue}"style"===s&&(c=i(c)),n+=a(s,c,!1,t);}return n};var s=/["&<>]/;function c(e){var t=""+e,n=s.exec(t);if(!n)return e;var r,o,i,a="";for(r=n.index,o=0;r<t.length;r++){switch(t.charCodeAt(r)){case 34:i="&quot;";break;case 38:i="&amp;";break;case 60:i="&lt;";break;case 62:i="&gt;";break;default:continue}o!==r&&(a+=t.substring(o,r)),o=r+1,a+=i;}return o!==r?a+t.substring(o,r):a}t.escape=c,t.rethrow=function e(t,r,o,i){if(!(t instanceof Error))throw t;if(!("undefined"==typeof window&&r||i))throw t.message+=" on line "+o,t;var a,s,c,l;try{i=i||n(835).readFileSync(r,{encoding:"utf8"}),a=3,s=i.split("\n"),c=Math.max(o-a,0),l=Math.min(s.length,o+a);}catch(n){return t.message+=" - could not read from "+r+" ("+n.message+")",void e(t,null,o)}a=s.slice(c,l).map((function(e,t){var n=t+c+1;return (n==o?"  > ":"    ")+n+"| "+e})).join("\n"),t.path=r;try{t.message=(r||"Pug")+":"+o+"\n"+a+"\n\n"+t.message;}catch(e){}throw t};},379:e=>{var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var i={},a=[],s=0;s<e.length;s++){var c=e[s],l=r.base?c[0]+r.base:c[0],u=i[l]||0,p="".concat(l," ").concat(u);i[l]=u+1;var f=n(p),m={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==f)t[f].references++,t[f].updater(m);else {var d=o(m,r);r.byIndex=s,t.splice(s,0,{identifier:p,updater:d,references:1});}a.push(p);}return a}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t);}else n.remove();}}e.exports=function(e,o){var i=r(e=e||[],o=o||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var s=n(i[a]);t[s].references--;}for(var c=r(e,o),l=0;l<i.length;l++){var u=n(i[l]);0===t[u].references&&(t[u].updater(),t.splice(u,1));}i=c;}};},569:e=>{var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head;}catch(e){n=null;}t[e]=n;}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n);};},216:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t};},565:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t);};},795:e=>{e.exports=function(e){var t=e.insertStyleElement(e);return {update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var i=n.sourceMap;i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(r,e,t.options);}(t,e,n);},remove:function(){!function(e){if(null===e.parentNode)return !1;e.parentNode.removeChild(e);}(t);}}};},589:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else {for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e));}};},835:()=>{}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={id:r,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]});},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.nc=void 0;var r={};return (()=>{n.d(r,{default:()=>U});var e=n(856),t=n(379),o=n.n(t),i=n(795),a=n.n(i),s=n(569),c=n.n(s),l=n(565),u=n.n(l),p=n(216),f=n.n(p),m=n(589),d=n.n(m),h=n(550),y={};y.styleTagTransform=d(),y.setAttributes=u(),y.insert=c().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=f(),o()(h.Z,y);const g=h.Z&&h.Z.locals?h.Z.locals:void 0;var v=n(138),b=n.n(v);function x(e,t,n){const{x:r,y:o}=e,{left:i,top:a}=n.getBoundingClientRect(),s=o-a,c=r-i+t.clientWidth>n.clientWidth,l=s+t.clientHeight>n.clientHeight;let u=r,p=o;return c&&(u=i+n.clientWidth-t.clientWidth),l&&(p=a+n.clientHeight-t.clientHeight),{normalizedX:u,normalizedY:p}}var T,w,k,S,N,E,M,A,C,O,L,_,I,D,R,H,F=function(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return "m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)};class j{constructor(){T.add(this),w.set(this,{style:g,menuItems:[]}),k.set(this,{transformOrigin:["top","left"]}),S.set(this,{theme:"black",transitionDuration:200}),this.options={},N.set(this,(t=>t.map((t=>("object"==typeof t&&t.hasOwnProperty("iconHTML")&&(t.iconHTML=(0, e.sanitize)(t.iconHTML)),t))))),this.applyStyleOnContextMenu=(e,t,n)=>{e.style.transitionDuration=`${this.options.transitionDuration}ms`;const r=Array.from(this.options.transformOrigin);t&&(r[1]="right"),n&&(r[0]="bottom"),e.style.transformOrigin=r.join(" "),this.options.customThemeClass?e.classList.add(this.options.customThemeClass):e.classList.add(g[`context-menu--${this.options.theme}-theme`]),this.options.customClass&&e.classList.add(this.options.customClass);},this.buildContextMenu=()=>{const e=document.createElement("div");return e.innerHTML=b()(F(this,w,"f")),e.children[0]};}updateOptions(e){const t=F(this,N,"f").call(this,e.menuItems),n=F(this,T,"m",E).call(this,t);F(this,T,"m",M).call(this,n),Object.assign(this.options,F(this,S,"f")),Object.assign(this.options,Object.assign(Object.assign({},e),{menuItems:n})),Object.assign(this.options,F(this,k,"f")),F(this,w,"f").menuItems=this.options.menuItems;}}w=new WeakMap,k=new WeakMap,S=new WeakMap,N=new WeakMap,T=new WeakSet,E=function(e){return e.filter((e=>"object"==typeof e&&e.hasOwnProperty("nestedMenu"))).map((e=>{const t=e.callback;e.callback=n=>{t&&t(n),new z(Object.assign(Object.assign({},this.options),{menuItems:e.nestedMenu}),n,document.getElementById(`context-menu-item-${e._id}`));};})),e},M=function e(t){t.filter((e=>"object"==typeof e)).forEach(((t,n)=>{t._id=Date.now()+n,t.nestedMenu&&F(this,T,"m",e).call(this,t.nestedMenu);}));};class z extends j{constructor(e,t,n){super(),A.add(this),C.set(this,(()=>{var e;null===(e=document.querySelector(`.${g["context-menu"]}.nested-context-menu`))||void 0===e||e.remove();})),O.set(this,(e=>{this.options.menuItems.forEach(((t,n)=>{"hr"!==t&&t.callback&&(e.children[n].onclick=()=>{var e,n,r;t.callback(this.initialContextMenuEvent),null!==(n=null!==(e=t.preventCloseOnClick)&&void 0!==e?e:this.options.preventCloseOnClick)&&void 0!==n&&n||(F(this,C,"f").call(this),null===(r=document.querySelector(`.${g["context-menu"]}`))||void 0===r||r.remove());});}));})),this.updateOptions(e),F(this,A,"m",L).call(this,t,n);}}C=new WeakMap,O=new WeakMap,A=new WeakSet,L=function(e,t){this.initialContextMenuEvent=e,F(this,C,"f").call(this);const n=this.buildContextMenu();n.classList.add("nested-context-menu"),document.querySelector("body").append(n),this.applyStyleOnContextMenu(n,!1,!1);const{x:r,y:o}=t.getBoundingClientRect();let{normalizedX:i,normalizedY:a}=x({x:r,y:o},n,this.options.scope);i+=n.clientWidth,n.style.top=`${a}px`,n.style.left=`${i}px`,n.oncontextmenu=e=>e.preventDefault(),F(this,O,"f").call(this,n),setTimeout((()=>{n.classList.add(g.visible);}));};class U extends j{constructor(e){super(),_.set(this,(()=>{var e;F(this,I,"f").call(this),null===(e=document.querySelector(`.${g["context-menu"]}`))||void 0===e||e.remove();})),I.set(this,(()=>{document.querySelectorAll(`.${g["context-menu"]}.nested-context-menu`).forEach((e=>e.remove()));})),D.set(this,(e=>{this.options.menuItems.forEach(((t,n)=>{"hr"!==t&&t.callback&&(e.children[n].onclick=()=>{var e,n;t.callback(this.initialContextMenuEvent),null!==(n=null!==(e=t.preventCloseOnClick)&&void 0!==e?e:this.options.preventCloseOnClick)&&void 0!==n&&n||F(this,_,"f").call(this);});}));})),R.set(this,(e=>{e.preventDefault(),e.stopPropagation(),this.initialContextMenuEvent=e,F(this,_,"f").call(this);const t=this.buildContextMenu();document.querySelector("body").append(t);const{clientX:n,clientY:r}=e,{normalizedX:o,normalizedY:i}=x({x:n,y:r},t,this.options.scope);t.style.top=`${i}px`,t.style.left=`${o}px`,this.applyStyleOnContextMenu(t,n!==o,r!==i),t.oncontextmenu=e=>e.preventDefault(),F(this,D,"f").call(this,t),setTimeout((()=>{t.classList.add(g.visible);}));})),H.set(this,(e=>{e.target.closest(`.${g["context-menu"]}`)||F(this,_,"f").call(this);})),this.updateOptions(e),this.options.scope.oncontextmenu=F(this,R,"f"),document.addEventListener("click",F(this,H,"f"));}off(){document.removeEventListener("click",F(this,H,"f")),this.options.scope.oncontextmenu=null;}}_=new WeakMap,I=new WeakMap,D=new WeakMap,R=new WeakMap,H=new WeakMap;})(),r.default})()));
+});
+
+const VanillaContextMenu = /*@__PURE__*/getDefaultExportFromCjs(vanillaContextMenu);
+
 function deepClone(obj) {
   return JSON.parse(JSON.stringify(obj));
 }
+
 function uniq(arr) {
   const map = {};
   return arr.reduce((acc, item) => {
@@ -17,11 +94,13 @@ function uniq(arr) {
     return acc;
   }, []);
 }
+
 function empty(ele) {
   while (ele.firstChild) {
     ele.removeChild(ele.firstChild);
   }
 }
+
 function animation(duration, callback) {
   requestAnimationFrame(() => {
     callback.enter();
@@ -33,6 +112,7 @@ function animation(duration, callback) {
     });
   });
 }
+
 function Tree(container, options) {
   const defaultOptions = {
     selectMode: 'checkbox',
@@ -51,6 +131,7 @@ function Tree(container, options) {
   this.willUpdateNodesById = {};
   this.container = container;
   this.options = Object.assign(defaultOptions, options);
+
   Object.defineProperties(this, {
     values: {
       get() {
@@ -98,37 +179,58 @@ function Tree(container, options) {
       },
     },
   });
-  this.init(this.options.data);
+
+  if (this.options.url) {
+    this.load(data => {
+      this.init(data);
+    });
+  } else {
+    this.init(this.options.data);
+  }
 }
+
 Tree.prototype.init = function (data) {
+  console.time('init');
   let { treeNodes, nodesById, leafNodesById, defaultValues, defaultDisables } = Tree.parseTreeData(data);
   this.treeNodes = treeNodes;
   this.nodesById = nodesById;
   this.leafNodesById = leafNodesById;
   this.render(this.treeNodes);
   const { values, disables, loaded } = this.options;
-  if (values && values.length)
-    defaultValues = values;
+  if (values && values.length) defaultValues = values;
   defaultValues.length && this.setValues(defaultValues);
-  if (disables && disables.length)
-    defaultDisables = disables;
+  if (disables && disables.length) defaultDisables = disables;
   defaultDisables.length && this.setDisables(defaultDisables);
   loaded && loaded.call(this);
+  console.timeEnd('init');
+};
+
+Tree.prototype.load = function (callback) {
+  console.time('load');
+  const { url, method, beforeLoad } = this.options;
+  ajax({
+    url,
+    method,
+    success: result => {
+      let data = result;
+      console.timeEnd('load');
+      if (beforeLoad) {
+        data = beforeLoad(result);
+      }
+      callback(data);
+    },
+  });
 };
+
 Tree.prototype.render = function (treeNodes) {
   const treeEle = Tree.createRootEle();
   treeEle.appendChild(this.buildTree(treeNodes, 0));
   this.bindEvent(treeEle);
-  let ele = null;
-  try {
-    ele = document.querySelector(this.container);
-  }
-  catch (_a) {
-    ele = this.container;
-  }
+  const ele = document.querySelector(this.container);
   empty(ele);
   ele.appendChild(treeEle);
 };
+
 Tree.prototype.buildTree = function (nodes, depth) {
   const rootUlEle = this.createUlEle();
   if (nodes && nodes.length) {
@@ -145,88 +247,102 @@ Tree.prototype.buildTree = function (nodes, depth) {
   }
   return rootUlEle;
 };
+
 Tree.prototype.bindEvent = function (ele) {
-  let parentOptions = {};
-  try {
-    parentOptions = JSON.parse(this.options.parentApi.theOptions);
+  function getLi(target) {
+    return target.classList.contains('treejs-node') ? target : target.closest('.treejs-node');
   }
-  catch (_a) {
-    parentOptions = this.options.parentApi.theOptions;
+  const contextMenu = this.options.parentApi.options.contextMenu;
+  if (contextMenu?.items?.length) {
+    new VanillaContextMenu({
+      ...contextMenu,
+      scope: ele,
+      menuItems: contextMenu.items.map(item => {
+        return typeof item === 'string'
+          ? item
+          : {
+              ...item,
+              callback: e => {
+                const target = getLi(e.target);
+                this.options.parentApi.onItemContextMenuItemClick({ ...e, target, contextMenuItem: item });
+              },
+            };
+      }),
+    });
   }
-  // if (!this.options.parentApi.theOptions.readonly){
-  //   const contextMenu = this.options.parentApi.theOptions.contextMenu;
-  //   if (contextMenu?.items?.length) {
-  //     new VanillaContextMenu({
-  //       ...contextMenu,
-  //       scope: ele,
-  //       menuItems: contextMenu.items.map(item => {
-  //         return typeof item === 'string'
-  //           ? item
-  //           : {
-  //               ...item,
-  //               callback: e => {
-  //                 const target = getLi(e.target);
-  //                 this.options.parentApi.onItemContextMenuItemClick({ ...e, target, contextMenuItem: item });
-  //               },
-  //             };
-  //       }),
-  //     });
-  //   }
-  // }
-  ele.addEventListener('click', e => {
-    if (!parentOptions.readonly) {
+  ele.addEventListener(
+    'click',
+    e => {
       const { target } = e;
       if (target.nodeName === 'SPAN' && (target.classList.contains('treejs-checkbox') || target.classList.contains('treejs-label'))) {
         this.onItemClick(target.parentNode.nodeId);
-      }
-      else if (target.nodeName === 'LI' && target.classList.contains('treejs-node')) {
+      } else if (target.nodeName === 'LI' && target.classList.contains('treejs-node')) {
         this.onItemClick(target.nodeId);
-      }
-      else if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher')) {
+      } else if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher')) {
         this.onSwitcherClick(target);
       }
+
       //CUSTOM
-      const childspans = Array.prototype.slice.call(e.target.parentNode.querySelectorAll('ul > li > span'));
+      const childspans = Array.prototype.slice.call(e.target.parentNode.querySelectorAll(':scope > ul > li > span'));
       let hasUndefinedchild = [];
+
       //This may be a problem the day a node value is "undefined"
       hasUndefinedchild = childspans.filter(ele => {
         return ele.textContent === 'undefined';
       });
+
       // If the user clicked on an unloaded node
       if (target.nodeName === 'SPAN' && target.classList.contains('treejs-switcher') && hasUndefinedchild.length > 0) {
         // Clear the subnode HTML
         e.target.parentNode.querySelector('ul').innerHTML = '';
+
         // If source is webservice (it shouldn't be something else)
-        if (parentOptions.source == 'webservice') {
+        if (this.options.parentApi.options.source == 'webservice') {
+
+          if (this.options.parentApi.options.origin == 'classification') {
           // WS Call
           this.options.parentApi
-            .getDataFromSource(parentOptions.url, {
-            StartNodeID: target.parentNode.nodeId,
-            lng: parentOptions.options.lng,
-            IsDeprecated: parentOptions.options.IsDeprecated,
-          })
+            .getDataFromSourceClassification(this.options.parentApi.options.url, {
+              startNode: target.parentNode.nodeId
+            })
             .then(data => {
-            this.options.parentApi.completeCurrentTreeWithTree(data);
-          });
+              debugger;
+              this.options.parentApi.completeCurrentTreeWithTree(data, target.parentNode.nodeId);
+            });
+          }
+          else {
+            // WS Call
+            this.options.parentApi
+              .getDataFromSource(this.options.parentApi.options.url, {
+                StartNodeID: target.parentNode.nodeId,
+                lng: this.options.parentApi.options.options.lng,
+                IsDeprecated: this.options.parentApi.options.options.IsDeprecated,
+              })
+              .then(data => {
+                this.options.parentApi.completeCurrentTreeWithTree(data, target.parentNode.nodeId);
+              });
+          }
         }
+
         this.onSwitcherClick(target);
       }
-    }
-  }, false);
+    },
+    false,
+  );
 };
+
 Tree.prototype.onItemClick = function (id) {
-  if (!this.options.parentApi.theOptions.multiple)
-    this.emptyNodesCheckStatus();
   this.options.parentApi.setNodeAsSelected(id, this, true);
 };
-Tree.prototype.unCheckElement = function (id) {
-  this.setValue(id);
-  this.updateLiElements();
+
+Tree.prototype.unCheckElement = id => {
+  undefined.setValue(id);
+  undefined.updateLiElements();
 };
+
 Tree.prototype.setValue = function (value) {
   const node = this.nodesById[value];
-  if (!node)
-    return;
+  if (!node) return;
   const childrenStatus = getChildrenStatus(node);
   const prevStatus = node.status;
   let status = null;
@@ -234,8 +350,7 @@ Tree.prototype.setValue = function (value) {
   if (childrenStatus) {
     status = prevStatus === 1 ? 2 : 1;
     // No child selected default comportement
-  }
-  else {
+  } else {
     status = prevStatus === 1 || prevStatus === 2 ? 0 : 2;
   }
   node.status = status;
@@ -243,16 +358,17 @@ Tree.prototype.setValue = function (value) {
   this.walkUp(node, 'status');
   this.walkDown(node, 'status');
 };
+
 function getChildrenStatus(node) {
   if (node.children && node.children.length) {
     const childrenChecked = node.children.reduce((acc, child) => {
-      if (!isNaN(child.status))
-        return acc + child.status;
+      if (!isNaN(child.status)) return acc + child.status;
       return acc;
     }, 0);
     return childrenChecked;
   }
 }
+
 Tree.prototype.getValues = function () {
   const values = [];
   for (let id in this.leafNodesById) {
@@ -264,6 +380,7 @@ Tree.prototype.getValues = function () {
   }
   return values;
 };
+
 Tree.prototype.setValues = function (values) {
   this.emptyNodesCheckStatus();
   values.forEach(value => {
@@ -273,10 +390,10 @@ Tree.prototype.setValues = function (values) {
   const { onChange } = this.options;
   onChange && onChange.call(this);
 };
+
 Tree.prototype.setDisable = function (value) {
   const node = this.nodesById[value];
-  if (!node)
-    return;
+  if (!node) return;
   const prevDisabled = node.disabled;
   if (!prevDisabled) {
     node.disabled = true;
@@ -285,6 +402,7 @@ Tree.prototype.setDisable = function (value) {
     this.walkDown(node, 'disabled');
   }
 };
+
 Tree.prototype.getDisables = function () {
   const values = [];
   for (let id in this.leafNodesById) {
@@ -296,6 +414,7 @@ Tree.prototype.getDisables = function () {
   }
   return values;
 };
+
 Tree.prototype.setDisables = function (values) {
   this.emptyNodesDisable();
   values.forEach(value => {
@@ -303,19 +422,21 @@ Tree.prototype.setDisables = function (values) {
   });
   this.updateLiElements();
 };
+
 Tree.prototype.emptyNodesCheckStatus = function () {
   this.willUpdateNodesById = this.getSelectedNodesById();
-  Object.values(this.willUpdateNodesById).forEach((node) => {
-    if (!node.disabled)
-      node.status = 0;
+  Object.values(this.willUpdateNodesById).forEach(node => {
+    if (!node.disabled) node.status = 0;
   });
 };
+
 Tree.prototype.emptyNodesDisable = function () {
   this.willUpdateNodesById = this.getDisabledNodesById();
-  Object.values(this.willUpdateNodesById).forEach((node) => {
+  Object.values(this.willUpdateNodesById).forEach(node => {
     node.disabled = false;
   });
 };
+
 Tree.prototype.getSelectedNodesById = function () {
   return Object.entries(this.nodesById).reduce((acc, [id, node]) => {
     if (node.status === 1 || node.status === 2) {
@@ -324,6 +445,7 @@ Tree.prototype.getSelectedNodesById = function () {
     return acc;
   }, {});
 };
+
 Tree.prototype.getDisabledNodesById = function () {
   return Object.entries(this.nodesById).reduce((acc, [id, node]) => {
     if (node.disabled) {
@@ -332,15 +454,18 @@ Tree.prototype.getDisabledNodesById = function () {
     return acc;
   }, {});
 };
+
 Tree.prototype.updateLiElements = function () {
   Object.values(this.willUpdateNodesById).forEach(node => {
     this.updateLiElement(node);
   });
   this.willUpdateNodesById = {};
 };
+
 Tree.prototype.markWillUpdateNode = function (node) {
   this.willUpdateNodesById[node.id] = node;
 };
+
 Tree.prototype.onSwitcherClick = function (target) {
   const liEle = target.parentNode;
   const ele = liEle.lastChild;
@@ -361,8 +486,7 @@ Tree.prototype.onSwitcherClick = function (target) {
         liEle.classList.remove('treejs-node__close');
       },
     });
-  }
-  else {
+  } else {
     animation(150, {
       enter() {
         ele.style.height = `${height}px`;
@@ -380,6 +504,7 @@ Tree.prototype.onSwitcherClick = function (target) {
     });
   }
 };
+
 Tree.prototype.walkUp = function (node, changeState) {
   const { parent } = node;
   if (parent) {
@@ -387,36 +512,33 @@ Tree.prototype.walkUp = function (node, changeState) {
       let pStatus = null;
       // reduce status of selected children
       const statusCount = parent.children.reduce((acc, child) => {
-        if (!isNaN(child.status))
-          return acc + child.status;
+        if (!isNaN(child.status)) return acc + child.status;
         return acc;
       }, 0);
       // at least one child selected or halfchecked (status 1)
       if (statusCount) {
         // at least one child selected and parent is selected : status 2 else 1
         pStatus = statusCount >= 2 && parent.status === 2 ? 2 : 1;
-      }
-      else {
+      } else {
         pStatus = 0;
       }
-      if (parent.status === pStatus || parent.status === 2)
-        return;
+      if (parent.status === pStatus || parent.status === 2) return;
       parent.status = pStatus;
       if (parent.parent) {
         parent.parent.children.find(item => item.id === parent.id).status = pStatus;
       }
-    }
-    else {
+    } else {
       const pDisabled = parent.children.reduce((acc, child) => acc && child.disabled, true);
-      if (parent.disabled === pDisabled)
-        return;
+      if (parent.disabled === pDisabled) return;
       parent.disabled = pDisabled;
     }
     this.markWillUpdateNode(parent);
     this.walkUp(parent, changeState);
   }
 };
-Tree.prototype.walkDown = function (node, changeState) { };
+
+Tree.prototype.walkDown = function (node, changeState) {};
+
 Tree.prototype.updateLiElement = function (node) {
   const { classList } = this.liElementsById[node.id];
   switch (node.status) {
@@ -432,17 +554,17 @@ Tree.prototype.updateLiElement = function (node) {
       classList.add('treejs-node__checked');
       break;
   }
+
   switch (node.disabled) {
     case true:
-      if (!classList.contains('treejs-node__disabled'))
-        classList.add('treejs-node__disabled');
+      if (!classList.contains('treejs-node__disabled')) classList.add('treejs-node__disabled');
       break;
     case false:
-      if (classList.contains('treejs-node__disabled'))
-        classList.remove('treejs-node__disabled');
+      if (classList.contains('treejs-node__disabled')) classList.remove('treejs-node__disabled');
       break;
   }
 };
+
 Tree.parseTreeData = function (data) {
   const treeNodes = deepClone(data);
   const nodesById = {};
@@ -452,21 +574,17 @@ Tree.parseTreeData = function (data) {
   const walkTree = function (nodes, parent) {
     nodes.forEach(node => {
       nodesById[node.id] = node;
-      if (node.checked)
-        values.push(node.id);
-      if (node.disabled)
-        disables.push(node.id);
-      if (parent)
-        node.parent = parent;
+      if (node.checked) values.push(node.id);
+      if (node.disabled) disables.push(node.id);
+      if (parent) node.parent = parent;
       if (node.children && node.children.length) {
         walkTree(node.children, node);
-      }
-      else {
+      } else {
         leafNodesById[node.id] = node;
       }
     });
   };
-  walkTree(treeNodes, null);
+  walkTree(treeNodes);
   return {
     treeNodes,
     nodesById,
@@ -475,16 +593,19 @@ Tree.parseTreeData = function (data) {
     defaultDisables: disables,
   };
 };
+
 Tree.createRootEle = function () {
   const div = document.createElement('div');
   div.classList.add('treejs');
   return div;
 };
+
 Tree.prototype.createUlEle = function () {
   const ul = document.createElement('ul');
   ul.classList.add('treejs-nodes');
   return ul;
 };
+
 Tree.prototype.createLiEle = function (node, closed) {
   const li = document.createElement('li');
   li.classList.add('treejs-node');
@@ -494,29 +615,29 @@ Tree.prototype.createLiEle = function (node, closed) {
   if (node.isDesaturated) {
     li.classList.add('treejs-node__desaturated');
   }
-  if (closed)
-    li.classList.add('treejs-node__close');
+  if (closed) li.classList.add('treejs-node__close');
   if (node.children && node.children.length) {
     const switcher = document.createElement('span');
     switcher.classList.add('treejs-switcher');
     li.appendChild(switcher);
-  }
-  else {
+  } else {
     li.classList.add('treejs-placeholder');
   }
-  if (!this.options.parentApi || (this.options.parentApi && this.options.parentApi.theOptions.multiple)) {
+
+  if (!this.options.parentApi || (this.options.parentApi && this.options.parentApi.options.multiple)) {
     const checkbox = document.createElement('span');
     checkbox.classList.add('treejs-checkbox');
     li.appendChild(checkbox);
   }
+
   const label = document.createElement('span');
   label.classList.add('treejs-label');
   const text = document.createTextNode(node.text);
   label.appendChild(text);
   li.appendChild(label);
   li.nodeId = node.id;
-  if (this.options.parentApi.theOptions.dragAndDropEnabled) {
-    li.setAttribute('draggable', 'true');
+  if (this.options.parentApi.options.dragAndDropEnabled) {
+    li.setAttribute('draggable', true);
     li.addEventListener('dragstart', e => {
       this.options.parentApi.onItemDragStart(li, e);
     });
@@ -533,25 +654,10 @@ Tree.prototype.createLiEle = function (node, closed) {
       this.options.parentApi.onItemDrop(li, e);
     });
   }
+
   return li;
 };
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-		path: basedir,
-		exports: {},
-		require: function (path, base) {
-			return commonjsRequire();
-		}
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
 var lodash = createCommonjsModule(function (module, exports) {
 (function() {
 
@@ -17742,23 +17848,13 @@ var lodash = createCommonjsModule(function (module, exports) {
 }.call(commonjsGlobal));
 });
 
-var browser = XMLHttpRequest;
-
-const hierarchizedPickerCss = "reneco-hierarchized-picker .hierarchized-picker-raw-tree-area{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader{position:absolute;z-index:1;min-width:100%;min-height:100%;background:#FFFFFF99;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader .loader-inner{background:#FFF;padding:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader:not(.loading){display:none}reneco-hierarchized-picker .scrollable{overflow-y:auto;position:relative}reneco-hierarchized-picker .treejs{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker .treejs *:before{-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .treejs>.treejs-node{padding-left:0}reneco-hierarchized-picker .treejs .treejs-nodes{list-style:none;padding-left:20px;overflow:hidden;-webkit-transition:height 150ms ease-out, opacity 150ms ease-out;-o-transition:height 150ms ease-out, opacity 150ms ease-out;transition:height 150ms ease-out, opacity 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-node{cursor:pointer;overflow:hidden;position:relative}reneco-hierarchized-picker .treejs .treejs-node.treejs-placeholder{padding-left:20px}reneco-hierarchized-picker .treejs .treejs-switcher{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative;-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-switcher:before{position:absolute;top:8px;left:6px;display:block;content:' ';border:4px solid transparent;border-top:4px solid rgba(0, 0, 0, 0.4);-webkit-transition:border-color 150ms;-o-transition:border-color 150ms;transition:border-color 150ms}reneco-hierarchized-picker .treejs .treejs-switcher:hover:before{border-top:4px solid rgba(0, 0, 0, 0.65)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .dragging{background:yellow;display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:#CCC}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:red}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--ion-color-light-tint, #FFF)}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-light, #FAFAFA)}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-medium, #bdbdbd7d);padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)))}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:black}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.readonly{pointer-events:none;cursor:initial}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-input input,reneco-hierarchized-picker .hierarchized-picker-search input{padding-left:5px !important;text-overflow:ellipsis !important;border:0;background:transparent;outline:none}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--ion-color-medium-tint, #E0E0E0);position:absolute !important;width:333px !important;margin-top:10px;border-radius:4px;padding:8.5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color:var(--ion-color-light-tint, #FFF) !important;position:absolute;z-index:10;padding-left:15px;overflow:scroll;top:20px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--ion-color-dark-shade, #121212)}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;border-color:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433)) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));border:none !important;border-radius:4px}reneco-hierarchized-picker #searchInTree:focus{border:none !important;outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #autocomplete-results-area{position:absolute;margin-top:48px;background-color:white;left:15px;z-index:10;padding:0px 5px;max-width:340px;max-height:110px;overflow:auto}reneco-hierarchized-picker #autocomplete-results-area li{list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;margin:1px}reneco-hierarchized-picker .hierarchized-picker-raw-tree-area li.treejs-node{padding:11px 0px;display:block}.hierarchized-picker-raw-tree-area.readonly li.treejs-node{cursor:initial;pointer-events:none}.hierarchized-picker-raw-tree-area.readonly li.treejs-node .treejs-switcher{pointer-events:all}::-webkit-scrollbar-thumb{background:var(--ion-color-primary, var(--mui-palette-primary-main, #d58433));width:8px;margin:5px;border-radius:5px}::-webkit-scrollbar{background:var(--ion-color-medium-tint, #E0E0E0);width:8px;height:8px;margin:5px;cursor:pointer;border-radius:5px}::-webkit-scrollbar-corner{background-color:var(--ion-color-light-tint, #FFF)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-dark-tint, #424242);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-dark, #212121);color:var(--ion-color-dark-contrast, #fff)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, var(--mui-palette-background-default, rgba(221, 169, 37, 0.18)));color:var(--ion-color-primary-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker .treejs-switcher:before{border-top-color:var(--ion-color-dark-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked .treejs-switcher:before{color:var(--ion-color-light-contrast, #111111) !important}[class$=\"-dark\"] reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){background-color:var(--ion-color-light-contrast, #111111) !important}";
+const hierarchizedPickerCss = "reneco-hierarchized-picker .hierarchized-picker-raw-tree-area{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader{position:absolute;z-index:1;min-width:100%;min-height:100%;background:#FFFFFF99;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader .loader-inner{background:#FFF;padding:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .loader:not(.loading){display:none}reneco-hierarchized-picker .scrollable{overflow-y:auto;position:relative}reneco-hierarchized-picker .treejs{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}reneco-hierarchized-picker .treejs *:after,reneco-hierarchized-picker .treejs *:before{-webkit-box-sizing:border-box;box-sizing:border-box}reneco-hierarchized-picker .treejs>.treejs-node{padding-left:0}reneco-hierarchized-picker .treejs .treejs-nodes{list-style:none;padding-left:20px;overflow:hidden;-webkit-transition:height 150ms ease-out, opacity 150ms ease-out;-o-transition:height 150ms ease-out, opacity 150ms ease-out;transition:height 150ms ease-out, opacity 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-node{cursor:pointer;overflow:hidden;position:relative}reneco-hierarchized-picker .treejs .treejs-node.treejs-placeholder{padding-left:20px}reneco-hierarchized-picker .treejs .treejs-switcher{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative;-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}reneco-hierarchized-picker .treejs .treejs-switcher:before{position:absolute;top:8px;left:6px;display:block;content:' ';border:4px solid transparent;border-top:4px solid rgba(0, 0, 0, 0.4);-webkit-transition:border-color 150ms;-o-transition:border-color 150ms;transition:border-color 150ms}reneco-hierarchized-picker .treejs .treejs-switcher:hover:before{border-top:4px solid rgba(0, 0, 0, 0.65)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-switcher{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}reneco-hierarchized-picker .treejs .treejs-node__close>.treejs-nodes{height:0}reneco-hierarchized-picker .treejs .treejs-checkbox{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;position:relative}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:pointer;position:absolute;top:2px;content:' ';display:block;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:2px}reneco-hierarchized-picker .treejs .treejs-checkbox:hover:before{-webkit-box-shadow:0 0 2px 1px #1890ff;box-shadow:0 0 2px 1px #1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:4px;left:5px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:#1890ff;border-color:#1890ff}reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:after{position:absolute;content:' ';display:block;top:9px;left:3px;width:10px;height:2px;background-color:#fff}reneco-hierarchized-picker .treejs .treejs-node__disabled{cursor:not-allowed;color:rgba(0, 0, 0, 0.25)}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox{cursor:not-allowed}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:before{cursor:not-allowed;border-color:#d9d9d9 !important;background-color:#f5f5f5 !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-checkbox:hover:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled .treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__checked>.treejs-checkbox:after{border-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-node__disabled.treejs-node__halfchecked>.treejs-checkbox:after{background-color:#d9d9d9}reneco-hierarchized-picker .treejs .treejs-label{vertical-align:middle}reneco-hierarchized-picker .treejs .treejs-node__deprecated>.treejs-label{text-decoration:line-through}reneco-hierarchized-picker .treejs .treejs-node__desaturated>.treejs-label{opacity:.5}reneco-hierarchized-picker .treejs .dragging{background:yellow;display:inline;opacity:.9}reneco-hierarchized-picker .treejs .dragover{background:#CCC}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:red}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:red}reneco-hierarchized-picker .fieldError{color:red !important}reneco-hierarchized-picker .readonly-mode{color:grey}reneco-hierarchized-picker .hidden{display:none;opacity:0}reneco-hierarchized-picker ul.treejs-nodes:first-child{padding-left:0px !important;margin-top:0px !important;margin-left:0px !important}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--ion-color-light-tint, #F0F0F0)}reneco-hierarchized-picker ul.treejs-nodes{margin-left:15px !important;padding-left:0px !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node ul.treejs-nodes{margin:11px 0 0 0 !important}reneco-hierarchized-picker .hierarchized-picker-raw-tree li.treejs-node__close ul.treejs-nodes{margin:0 !important}reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-light)}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-medium);padding-bottom:0px !important}reneco-hierarchized-picker li:not(.treejs-node__close) ul.treejs-nodes li{margin-top:2px !important}reneco-hierarchized-picker ul li:last-child{margin-bottom:0px !important}reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, initial)}reneco-hierarchized-picker li.treejs-node{padding:2px 0px;margin-bottom:2px}reneco-hierarchized-picker .treejs-node.readonly_node{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:darkgrey}reneco-hierarchized-picker .treejs-node:not(.readonly_node){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:black}reneco-hierarchized-picker .hierarchized-picker-container{position:relative;width:100%}reneco-hierarchized-picker .hierarchized-picker-input-area{background-color:transparent !important;display:inline;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}reneco-hierarchized-picker .hierarchized-picker-input-area .input-wrapper{padding-left:10px !important}reneco-hierarchized-picker .hierarchized-picker-input{-ms-flex:2;flex:2}reneco-hierarchized-picker .hierarchized-picker-input.hierarchized-picker-icon{margin-left:8px}reneco-hierarchized-picker .hierarchized-picker-label{position:stacked;margin-left:5px}reneco-hierarchized-picker .hierarchized-picker-input input,reneco-hierarchized-picker .hierarchized-picker-search input{padding-left:5px !important;text-overflow:ellipsis !important;border:0;background:transparent;outline:none}reneco-hierarchized-picker .hierarchized-picker-search input{width:90%}reneco-hierarchized-picker .hierarchized-picker-search{background-color:var(--ion-color-medium-tint);position:absolute !important;width:333px !important;margin-top:10px;border-radius:4px;padding:8.5px}reneco-hierarchized-picker .hierarchized-picker-tree-area{width:333px !important;padding-top:45px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color:var(--ion-color-light-tint) !important;position:absolute;z-index:10;padding-left:15px;overflow:auto;top:30px;min-height:100px;max-height:200px;-webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2);border-radius:4px;margin-right:0px !important}reneco-hierarchized-picker .hierarchized-picker-modal{display:inline-block;width:357px}reneco-hierarchized-picker .hierarchized-picker{display:-ms-flexbox;display:flex;width:100%;font-family:'Roboto', sans-serif}reneco-hierarchized-picker .hierarchized-picker-spinner{margin:35px 0px 0px 145px}reneco-hierarchized-picker .reneco:before{position:relative;top:1px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco{padding:10px 15px}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco:hover{cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-input-area span.reneco-close{-webkit-transform:translate(5px, -8px);transform:translate(5px, -8px);color:var(--ion-color-danger, red) !important}reneco-hierarchized-picker .treejs .treejs-switcher:before{border-top:4px solid var(--ion-color-dark-shade, #121212)}reneco-hierarchized-picker .treejs .treejs-checkbox:before{-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker .treejs .treejs-node__checked>.treejs-checkbox:before,reneco-hierarchized-picker .treejs .treejs-node__halfchecked>.treejs-checkbox:before{background-color:var(--ion-color-primary) !important;border-color:var(--ion-color-primary) !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #searchInTree{padding:8.5px 8px;background:var(--ion-color-background);border:none !important;border-radius:4px}reneco-hierarchized-picker #searchInTree:focus{border:none !important;outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}reneco-hierarchized-picker #autocomplete-results-area{position:absolute;margin-top:28px;background-color:white;left:20px;z-index:10;padding:0px 5px;max-width:300px;max-height:110px;overflow:auto}reneco-hierarchized-picker #autocomplete-results-area li{list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}reneco-hierarchized-picker .hierarchized-picker-raw-tree-area li.treejs-node{padding:11px 0px}::-webkit-scrollbar-thumb{background:var(--ion-color-primary);width:8px;margin:5px;border-radius:5px}::-webkit-scrollbar{background:var(--ion-color-medium-tint);width:8px;height:8px;margin:5px;cursor:pointer;border-radius:5px}::-webkit-scrollbar-corner{background-color:var(--ion-color-light-tint)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__close{background-color:var(--ion-color-dark-tint);color:var(--ion-color-dark-contrast)}[class$=\"-dark\"] reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--ion-color-dark);color:var(--ion-color-dark-contrast)}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked{background-color:var(--ion-color-background, initial);color:var(--ion-color-primary-contrast) !important}[class$=\"-dark\"] reneco-hierarchized-picker .treejs-switcher:before{border-top-color:var(--ion-color-dark-contrast, #fff) !important}[class$=\"-dark\"] reneco-hierarchized-picker li.treejs-node__checked .treejs-switcher:before{color:var(--ion-color-light-contrast) !important}[class$=\"-dark\"] reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){background-color:var(--ion-color-light-contrast) !important}";
 
-const waitBeforeTriggerSearch = 300;
+const waitBeforeTriggerSearch = 200;
 function isNumeric(n) {
   return !isNaN(parseFloat(n)) && isFinite(n);
 }
-function replacer(key, value) {
-  if (typeof value === "object" && value !== null) {
-    if (value instanceof browser) {
-      return "[XMLHttpRequest object]";
-    }
-  }
-  return value;
-}
-const HierarchizedPickerComponent = class {
+const MyComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.valueChange = index.createEvent(this, "valueChange", 7);
@@ -17770,19 +17866,9 @@ const HierarchizedPickerComponent = class {
     this.ignoreOptionsChanges = true; // Determines wether the options @Prop under @Watch will be ignored (to avoid circular calls)
     this.setValueOnClick = true; // Tells wether we edit the picker value on click in the tree
     this.mylog = console.log; // Custom log function for debug purposes
-    // Used to control wether we're draging over the same node, prevents the same event to be called multiple times
-    this.lastDragedOverNodeId = null;
-    // Used to control wether an event is being triggered one extra unwanted time on anscend of the targeted element
-    this.lastDragedOverTimeForAscendent = new Date().getTime();
-    // Used to remember when was last triggered the event over the target
-    this.lastDragedOverTimeForLevel = new Date().getTime();
-    // Used to accept the event being triggered on the same node multiple times after a delay to allow different drop modes
-    this.acceptableDelayBetweenSimilarActions = 300;
     this.options = undefined;
     this.valueChangeCallback = undefined;
     this.disabled = undefined;
-    this.isDisabled = undefined;
-    this.theOptions = undefined;
     this.newoptions = undefined;
     this.newfilter = undefined;
     this.componentID = undefined;
@@ -17796,8 +17882,8 @@ const HierarchizedPickerComponent = class {
   }
   getValue() {
     var _a, _b, _c, _d;
-    if (!this.theOptions.output) {
-      if (this.theOptions.multiple) {
+    if (!this.options.output) {
+      if (this.options.multiple) {
         return Promise.resolve(this.value);
       }
       else {
@@ -17805,37 +17891,33 @@ const HierarchizedPickerComponent = class {
       }
     }
     else {
-      if (this.theOptions.multiple) {
-        return Promise.resolve((_b = this.value) === null || _b === void 0 ? void 0 : _b.map(item => item[this.theOptions.output]));
+      if (this.options.multiple) {
+        return Promise.resolve((_b = this.value) === null || _b === void 0 ? void 0 : _b.map(item => item[this.options.output]));
       }
       else {
-        return Promise.resolve((_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[this.theOptions.output]);
+        return Promise.resolve((_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[this.options.output]);
       }
     }
   }
   logError(messageToLog) {
-    try {
-      console.error('--- Hierarchized picker ' + this.componentID + ' ERROR ---', messageToLog);
-    }
-    catch (_a) {
-      console.error('--- Hierarchized picker generic ERROR ---');
-    }
+    console.error('--- Hierarchized picker ' + this.componentID + ' ERROR ---', messageToLog);
   }
   reloadCurrentValues() {
     let savedValues = this.value;
+    debugger;
     this.value = [];
     savedValues.forEach(element => {
       this.editValue(element.nodeid);
     });
   }
-  async setNewOption(newValue, oldValue = null) {
+  setNewOption(newValue, oldValue = null) {
     this.canload = true;
-    this.theOptions = newValue;
-    if (this.theOptions.source != "file") {
+    this.options = newValue;
+    if (this.options.source != "file") {
       this.rawData = null;
     }
     this.ready = false;
-    await this.loadHierarchizedPicker();
+    this.loadHierarchizedPicker();
     this.displayWhenLoaded();
     //NOTE: This could work in a synchronous environment => this.reloadCurrentValues();
   }
@@ -17846,7 +17928,7 @@ const HierarchizedPickerComponent = class {
     this.filterTree(newfilter);
   }
   optionsChange(newValue) {
-    if (!this.theOptions || !this.ready || this.ignoreOptionsChanges) {
+    if (!this.options || !this.ready || this.ignoreOptionsChanges) {
       return;
     }
     this.setNewOption(newValue);
@@ -17882,7 +17964,7 @@ const HierarchizedPickerComponent = class {
       //TODO allow Function along with string
       if (!((object.source != 'webservice' && !object.token) || (object.source == 'webservice' && object.token && (typeof object.token == 'string' || typeof object.token == 'function')))) {
         toret = false;
-        this.errorToLog = "options.token value doesn't meet interface IConf requirements or doesn't match option.source value :: typeof object.token == " + typeof object.token;
+        this.errorToLog = "options.token value doesn't meet interface IConf requirements or doesn't match option.source value";
       }
       if (!((object.source != 'webservice' && !object.options) || (object.source == 'webservice' && object.options && typeof object.options == 'object'))) {
         toret = false;
@@ -17897,7 +17979,7 @@ const HierarchizedPickerComponent = class {
         this.errorToLog = "options.url value '" + object.url + "' doesn't meet interface IConf requirements or doesn't match option.source value";
       }
     }
-    if (!(typeof object.origin == 'string' && ['thesaurus', 'position'].indexOf(object.origin) > -1)) {
+    if (!(typeof object.origin == 'string' && ['thesaurus', 'position', 'classification'].indexOf(object.origin) > -1)) {
       toret = false;
       this.errorToLog = "options.origin value '" + object.origin + "' doesn't meet interface IConf requirements";
     }
@@ -17927,7 +18009,7 @@ const HierarchizedPickerComponent = class {
       toret = false;
       this.errorToLog = "options.defaultValue value '" + object.defaultValue + "' doesn't meet interface IConf requirements or doesn't match option.multiple value";
     }
-    if (!((!object.readonly && typeof object.readonly != "boolean") || typeof object.readonly == 'boolean')) {
+    if (!((!object.disabled && typeof object.disabled != "boolean") || typeof object.disabled == 'boolean')) {
       toret = false;
       this.errorToLog = "readonly value '" + object.readonly + "' doesn't meet interface IConf requirements";
     }
@@ -17943,7 +18025,7 @@ const HierarchizedPickerComponent = class {
       toret = false;
       this.errorToLog = "options.minDepth value '" + object.minDepth + "' doesn't meet interface IConf requirements or mismatches with maxDepth value";
     }
-    if (!((!object.maxDepth && typeof object.maxDepth != "number") || typeof object.maxDepth == 'number') || (object.minDepth && object.minDepth > object.maxDepth)) {
+    if (!((!object.minDepth && typeof object.maxDepth != "number") || typeof object.maxDepth == 'number') || (object.minDepth && object.minDepth > object.maxDepth)) {
       toret = false;
       this.errorToLog = "options.maxDepth value '" + object.maxDepth + "' doesn't meet interface IConf requirements or mismatches with minDepth value";
     }
@@ -17959,42 +18041,31 @@ const HierarchizedPickerComponent = class {
       toret = false;
       this.errorToLog = "options.openTreeWhenLoaded value '" + object.openTreeWhenLoaded + "' doesn't meet interface IConf requirements";
     }
-    if (!((!object.displayRootNode && typeof object.displayRootNode != "boolean") || typeof object.displayRootNode == 'boolean')) {
-      toret = false;
-      this.errorToLog = "options.displayRootNode value '" + object.displayRootNode + "' doesn't meet interface IConf requirements";
-    }
     return toret;
   }
-  async initComponent() {
+  initComponent() {
     // Setup default values
-    if (!this.theOptions.multiple)
-      this.theOptions.multiple = false;
-    if (!this.theOptions.mode)
-      this.theOptions.mode = 'input';
-    if (!this.theOptions.defaultValue) {
-      this.theOptions.defaultValue = [];
+    if (!this.options.multiple)
+      this.options.multiple = false;
+    if (!this.options.mode)
+      this.options.mode = 'input';
+    if (!this.options.defaultValue) {
+      this.options.defaultValue = [];
     }
-    else if (typeof this.theOptions.defaultValue != 'object') {
-      this.theOptions.defaultValue = [this.theOptions.defaultValue];
+    else if (typeof this.options.defaultValue != 'object') {
+      this.options.defaultValue = [this.options.defaultValue];
     }
-    let strIsNumeric = function (str) {
+    let isNumeric = function (str) {
       if (typeof str != "string")
         return false;
       return !isNaN(str) &&
         !isNaN(parseFloat(str));
     };
     let autoAssignReach = true;
-    let defaultFromFullpaths = undefined;
-    try {
-      this.theOptions.defaultValue.map(() => { });
-    }
-    catch (error) {
-      this.errorToLog = "There's an issue with your defaultValue format: " + this.theOptions.defaultValue.toString();
-      return;
-    }
-    await Promise.all(this.theOptions.defaultValue.map(async (element) => {
-      if (!(typeof element == 'number') && !strIsNumeric(element)) {
-        if (this.theOptions.source !== "webservice") {
+    let defaultFromFullpaths = [];
+    this.options.defaultValue.forEach(element => {
+      if (!(typeof element == 'number') && !isNumeric(element)) {
+        if (this.options.source != "webservice") {
           let errormsg = 'The loading of nodes based on fullpath is only available on webservice mode for now!';
           this.displayPickerError(errormsg);
           this.errorToLog = errormsg;
@@ -18002,23 +18073,17 @@ const HierarchizedPickerComponent = class {
           return;
         }
         else {
-          if (!defaultFromFullpaths) {
-            defaultFromFullpaths = [];
-          }
-          const valtopush = await this.getNodeIdFromFullpath(element).catch((err) => { });
-          if (valtopush) {
-            defaultFromFullpaths.push(valtopush);
-          }
+          defaultFromFullpaths.push(this.getNodeIdFromFullpath(element));
         }
       }
-    }));
-    if (defaultFromFullpaths) {
-      this.theOptions.defaultValue = defaultFromFullpaths;
+    });
+    if (defaultFromFullpaths.length > 0) {
+      this.options.defaultValue = defaultFromFullpaths;
     }
-    if (this.theOptions.options) {
-      if (!this.theOptions.options.Reach && this.theOptions.defaultValue.length > 0) {
+    if (this.options.options) {
+      if (!this.options.options.Reach && this.options.defaultValue.length > 0) {
         if (autoAssignReach) {
-          this.theOptions.options.Reach = this.theOptions.defaultValue.map(element => {
+          this.options.options.Reach = this.options.defaultValue.map(element => {
             return Number(element);
           });
         }
@@ -18028,74 +18093,63 @@ const HierarchizedPickerComponent = class {
         }
       }
     }
-    if (!this.isDisabled)
-      this.isDisabled = false;
-    if (this.theOptions.readonly !== undefined)
-      this.isDisabled = this.theOptions.readonly;
-    if (!this.theOptions.loading)
-      this.theOptions.loading = "display";
-    if (!this.theOptions.displayTree && this.theOptions.displayTree != false)
-      this.theOptions.displayTree = true;
+    if (!this.disabled)
+      this.disabled = false;
+    if (!this.options.loading)
+      this.options.loading = "display";
+    if (!this.options.displayTree && this.options.displayTree != false)
+      this.options.displayTree = true;
     if (!this.hasFocus)
       this.hasFocus = [];
-    if (!this.theOptions.isFullpath && this.theOptions.isFullpath != false)
-      this.theOptions.isFullpath = true;
-    if (!this.theOptions.showAutocomplete)
-      this.theOptions.showAutocomplete = false;
-    if (!this.theOptions.openTreeWhenLoaded)
-      this.theOptions.openTreeWhenLoaded = false;
-    if (!this.theOptions.displayRootNode)
-      this.theOptions.displayRootNode = false;
-    if (!this.theOptions.errorsInInput && this.theOptions.errorsInInput !== false)
-      this.theOptions.errorsInInput = true;
+    if (!this.options.isFullpath && this.options.isFullpath != false)
+      this.options.isFullpath = true;
+    if (!this.options.showAutocomplete)
+      this.options.showAutocomplete = false;
+    if (!this.options.openTreeWhenLoaded)
+      this.options.openTreeWhenLoaded = false;
+    if (!this.options.displayRootNode)
+      this.options.displayRootNode = false;
   }
-  async loadHierarchizedPicker() {
+  loadHierarchizedPicker() {
     if (this.el.getAttribute("options") && typeof this.el.getAttribute("options") == "string") {
-      this.theOptions = JSON.parse(this.el.getAttribute("options"));
+      this.options = JSON.parse(this.el.getAttribute("options"));
     }
+    let that = this;
     // If not in a debug mode, disable logs
     {
       this.mylog = function () { };
       console.time = function () { };
-      console.timeEnd = function () { };
     }
     // Setup component unique ID
-    if (this.theOptions && this.theOptions.id)
-      this.componentID = this.theOptions.id;
+    if (this.options.id)
+      this.componentID = this.options.id;
     else if (!this.componentID)
-      this.componentID = (Array.from(document.querySelectorAll('reneco-hierarchized-picker')).indexOf(this.el) + 1).toString();
-    if (!this.theOptions)
+      this.componentID = (document.querySelectorAll('[id^="tree-area-"]').length + 1).toString();
+    if (!this.options)
       return;
-    if (this.theOptions.defaultValue != undefined && this.theOptions.defaultValue.length === 0) {
-      delete this.theOptions.defaultValue;
+    if (this.options.defaultValue != undefined && this.options.defaultValue.length === 0) {
+      delete this.options.defaultValue;
     }
-    this.canload = this.isInstanceOfIConf(this.theOptions);
-    await this.initComponent();
+    this.canload = this.isInstanceOfIConf(this.options);
+    this.initComponent();
     // Displays option values
-    this.mylog(this.theOptions);
-    window.addEventListener("click", (evt) => {
-      let myself = this.amIFocusedByEvent(evt);
-      if (!myself && this.theOptions.mode != "tree") {
-        this.showTree("hide");
+    this.mylog(this.options);
+    window.addEventListener("click", function (evt) {
+      let myself = that.amIFocusedByEvent(evt);
+      if (!myself && that.options.mode != "tree") {
+        that.showTree("hide");
       }
     });
-    this.el.addEventListener("dragover", (event) => {
-      event.preventDefault();
-    });
-    this.el.addEventListener("dragenter", (event) => {
-      event.preventDefault();
-    });
   }
-  async componentWillLoad() {
-    this.isDisabled = this.disabled;
-    this.theOptions = this.options;
-    await this.loadHierarchizedPicker();
-    this.mylog("----- componentWillLoad ending -----");
+  componentWillLoad() {
+    this.loadHierarchizedPicker();
+    this.mylog("----- componentWillLoad ending");
   }
   amIFocusedByEvent(evt) {
+    let that = this;
     let myself = false;
-    evt.composedPath().forEach((value, _index) => {
-      if (value.id == 'hierarchized-picker-' + this.componentID) {
+    evt.composedPath().forEach(function (value, _index) {
+      if (value.id == 'hierarchized-picker-' + that.componentID) {
         myself = true;
       }
     });
@@ -18109,17 +18163,11 @@ const HierarchizedPickerComponent = class {
     return (document.querySelectorAll("#hierarchized-picker-" + this.componentID + " .hierarchized-picker-modal-area:not(.hidden)").length > 0);
   }
   async getToken() {
-    if (typeof this.theOptions.token == 'string') {
-      //IF token is not a token, get the token from the local storage
-      if (this.theOptions.token.length > 200) {
-        return this.theOptions.token;
-      }
-      else {
-        return window.localStorage.getItem(this.theOptions.token);
-      }
+    if (typeof this.options.token == 'string') {
+      return this.options.token;
     }
-    if (typeof this.theOptions.token == 'function') {
-      return await this.theOptions.token();
+    if (typeof this.options.token == 'function') {
+      return await this.options.token();
     }
   }
   mergeData(source, toadd) {
@@ -18168,128 +18216,170 @@ const HierarchizedPickerComponent = class {
     return source;
   }
   getNodeIdFromFullpath(fullpath) {
-    return new Promise((resolve, reject) => {
-      let token = this.theOptions.token;
-      let xhr = new browser();
-      xhr.open('POST', this.getApiNodeFromFullpathURL(), true);
-      xhr.setRequestHeader('Authorization', 'Bearer ' + token);
-      xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
-      xhr.onload = (e) => {
-        try {
-          this.mylog('getNodeIdFromFullpath XHR ONLOAD', e, xhr.statusText);
+    let toret = null;
+    let that = this;
+    let token = this.options.token;
+    let xhr = new XMLHttpRequest();
+    xhr.open('POST', this.getApiNodeFromFullpathURL(), false);
+    xhr.setRequestHeader('Authorization', 'Bearer ' + token);
+    xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
+    xhr.onload = function (e) {
+      that.mylog('XHR ONLOAD', e, xhr.statusText);
+      if (xhr.readyState === 4) {
+        if (xhr.status === 200) {
+          that.mylog('XHR 200', JSON.parse(xhr.responseText));
+          if (that.options.origin == 'thesaurus') {
+            toret = (JSON.parse(xhr.responseText).topic.TTop_PK_ID);
+          }
+          else if (that.options.origin == 'position') {
+            let result = JSON.parse(xhr.responseText);
+            if (result.exist) {
+              toret = (result.position.ID);
+            }
+            else {
+              that.errorToLog = "The fullpath passed for defaultValue does not exist!";
+            }
+          }
+          // TODO -> this does not exist, set accordingly to future API
+          else if (that.options.origin == 'classification') {
+            let result = JSON.parse(xhr.responseText);
+            if (result.exist) {
+              toret = (result.node.ID);
+            }
+            else {
+              that.errorToLog = "The fullpath passed for defaultValue does not exist!";
+            }
+          }
+        }
+        else {
+          that.logError(['XHR NOT 200', xhr.statusText]);
+        }
+      }
+    };
+    xhr.onerror = function (e) {
+      var _a;
+      (_a = that.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
+      that.logError(['XHR ERROR', e, xhr.statusText]);
+    };
+    if (this.options.origin == 'thesaurus') {
+      xhr.send(JSON.stringify({
+        "sValue": fullpath,
+        "sTypeField": "fullpath"
+      }));
+    }
+    else if (this.options.origin == 'position') {
+      xhr.send(JSON.stringify({
+        "value": fullpath
+      }));
+    }
+    // TODO -> this does not exist, set accordingly to future API
+    else if (this.options.origin == 'classification') {
+      xhr.send(JSON.stringify({
+        "fullpath_system": fullpath
+      }));
+    }
+    return toret;
+  }
+  // Triggers a XHR request and stores the result in this.rawData
+  getDataFromSourceClassification(url, options, init = false) {
+    var _a;
+    let that = this;
+    (_a = this.loader) === null || _a === void 0 ? void 0 : _a.classList.add('loading');
+    let targetURL = url + "/" + options.startNode;
+    if (options.searchedValue) {
+      targetURL += "/" + options.searchedValue;
+    }
+    let getDataPromise = new Promise((resolve, reject) => {
+      this.getToken().then((token) => {
+        let xhr = new XMLHttpRequest();
+        xhr.open('GET', targetURL);
+        xhr.setRequestHeader('Authorization', 'Bearer ' + token);
+        xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
+        xhr.onload = function (e) {
+          var _a;
+          (_a = that.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
+          that.mylog('XHR ONLOAD', e, xhr.statusText);
           if (xhr.readyState === 4) {
             if (xhr.status === 200) {
-              this.mylog('getNodeIdFromFullpath XHR 200', JSON.parse(xhr.responseText));
-              let result = JSON.parse(xhr.responseText);
-              if (result.exist) {
-                if (this.theOptions.origin == "thesaurus") {
-                  resolve(result.topic.TTop_PK_ID);
-                }
-                else if (this.theOptions.origin == 'position') {
-                  resolve(result.position.ID);
-                }
+              that.mylog('XHR 200', JSON.parse(xhr.responseText));
+              if (that.rawData) {
+                that.rawData = that.searchAndMergeData(that.rawData, JSON.parse(xhr.responseText));
               }
               else {
-                this.errorToLog = "The fullpath passed for defaultValue does not exist!";
-                if (!this.theOptions.multiple && !this.theOptions.errorsInInput) {
-                  this.displayedValue = fullpath;
-                }
-                reject("null 1");
+                that.rawData = JSON.parse(xhr.responseText);
+              }
+              resolve(JSON.parse(xhr.responseText));
+              if (init) {
+                that.formatDefaultValue();
+                that.showSelectedNodes();
               }
+              that.ready = true;
             }
             else {
-              this.logError(['getNodeIdFromFullpath XHR NOT 200', xhr.statusText]);
-              reject("null 2");
+              that.logError(['XHR NOT 200', xhr.statusText]);
+              that.errorLoadingXHR();
+              reject();
             }
           }
-        }
-        catch (error) {
-          this.logError("There has been an issue with xhr.onload in getNodeIdFromFullpath: " + error.toString());
-          reject("null 3");
-        }
-      };
-      xhr.onerror = (e) => {
-        var _a;
-        (_a = this.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
-        this.logError(['getNodeIdFromFullpath XHR ERROR', e, xhr.statusText]);
-        reject("null 4");
-      };
-      if (this.theOptions.origin == 'thesaurus') {
-        let payload = {
-          "sValue": fullpath,
-          "sTypeField": "fullpath"
         };
-        if (this.theOptions && this.theOptions.options && this.theOptions.options.StartNodeID) {
-          payload.iStartNode = parseInt(this.theOptions.options.StartNodeID.toString());
-        }
-        // if (this.theOptions && this.theOptions.options && this.theOptions.options.lng){
-        //   payload.sLng = this.theOptions.options.lng;
-        // }
-        xhr.send(JSON.stringify(payload));
-      }
-      else if (this.theOptions.origin == 'position') {
-        let payload = {
-          "value": fullpath
+        xhr.onerror = function (e) {
+          var _a;
+          (_a = that.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
+          that.logError(['XHR ERROR', e, xhr.statusText]);
+          that.errorLoadingXHR();
+          reject();
         };
-        if (this.theOptions && this.theOptions.options && this.theOptions.options.StartNodeID) {
-          payload.startNode = this.theOptions.options.StartNodeID;
-        }
-        xhr.send(JSON.stringify(payload));
-      }
-      // CHECK return toret;
+        xhr.send();
+      });
     });
+    return getDataPromise;
   }
   // Triggers a XHR request and stores the result in this.rawData
   getDataFromSource(url, options, init = false) {
     var _a;
+    let that = this;
     (_a = this.loader) === null || _a === void 0 ? void 0 : _a.classList.add('loading');
     let getDataPromise = new Promise((resolve, reject) => {
       this.getToken().then((token) => {
-        let xhr = new browser();
+        let xhr = new XMLHttpRequest();
         xhr.open('POST', url);
         xhr.setRequestHeader('Authorization', 'Bearer ' + token);
         xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
-        xhr.onload = (e) => {
+        xhr.onload = function (e) {
           var _a;
-          try {
-            (_a = this.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
-            this.mylog('getDataFromSource XHR ONLOAD', e, xhr.statusText);
-            if (xhr.readyState === 4) {
-              if (xhr.status === 200) {
-                this.mylog('getDataFromSource XHR 200', JSON.parse(xhr.responseText));
-                if (this.rawData) {
-                  this.rawData = this.searchAndMergeData(this.rawData, JSON.parse(xhr.responseText));
-                }
-                else {
-                  this.rawData = JSON.parse(xhr.responseText);
-                }
-                resolve(JSON.parse(xhr.responseText));
-                this.ready = true;
+          (_a = that.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
+          that.mylog('XHR ONLOAD', e, xhr.statusText);
+          if (xhr.readyState === 4) {
+            if (xhr.status === 200) {
+              that.mylog('XHR 200', JSON.parse(xhr.responseText));
+              if (that.rawData) {
+                that.rawData = that.searchAndMergeData(that.rawData, JSON.parse(xhr.responseText));
               }
               else {
-                this.logError(['getDataFromSource XHR NOT 200', xhr.statusText]);
-                this.errorLoadingXHR();
-                reject('getDataFromSource XHR NOT 200');
+                that.rawData = JSON.parse(xhr.responseText);
               }
+              resolve(JSON.parse(xhr.responseText));
+              if (init) {
+                that.formatDefaultValue();
+                that.showSelectedNodes();
+              }
+              that.ready = true;
+            }
+            else {
+              that.logError(['XHR NOT 200', xhr.statusText]);
+              that.errorLoadingXHR();
+              reject();
             }
-          }
-          catch (error) {
-            this.logError("There has been an issue with xhr.onload in getDataFromSource: " + error.toString());
           }
         };
-        xhr.onerror = (e) => {
+        xhr.onerror = function (e) {
           var _a;
-          (_a = this.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
-          this.logError(['getDataFromSource XHR ERROR', e, xhr.statusText]);
-          this.errorLoadingXHR();
-          reject(e);
+          (_a = that.loader) === null || _a === void 0 ? void 0 : _a.classList.remove('loading');
+          that.logError(['XHR ERROR', e, xhr.statusText]);
+          that.errorLoadingXHR();
+          reject();
         };
-        try {
-          xhr.send(JSON.stringify(options));
-        }
-        catch (error) {
-          this.logError("There has been an issue with xhr.send in getDataFromSource: " + error.toString());
-        }
+        xhr.send(JSON.stringify(options));
       });
     });
     return getDataPromise;
@@ -18298,35 +18388,46 @@ const HierarchizedPickerComponent = class {
   errorLoadingXHR() {
     var _a;
     this.displayPickerError('Error loading webservice data!');
-    try {
-      document.querySelector('#tree-area-' + this.componentID).innerHTML = 'Error loading webservice data!';
-      // NB: Maybe shouldnt be removed but hidden ...
-      (_a = document.querySelector('#hierarchized-picker-' + this.componentID + ' .hierarchized-picker-search input')) === null || _a === void 0 ? void 0 : _a.remove();
-      this.canload = false;
-      this.showTree("hide");
-      this.ready = true;
-      this.ignoreOptionsChanges = false;
-    }
-    catch (_b) {
-      console.error('Error loading webservice data!');
-    }
+    document.querySelector('#tree-area-' + this.componentID).innerHTML = 'Error loading webservice data!';
+    // NB: Maybe shouldnt be removed but hidden ...
+    (_a = document.querySelector('#hierarchized-picker-' + this.componentID + ' .hierarchized-picker-search input')) === null || _a === void 0 ? void 0 : _a.remove();
+    this.canload = false;
+    this.showTree("hide");
+    this.ready = true;
+    this.ignoreOptionsChanges = false;
   }
   getApiSearchURL() {
-    return (this.theOptions.url.substring(0, this.theOptions.url.lastIndexOf("/")) + '/GetTreeFromSearch');
+    if (this.options.origin == "classification") {
+      return (this.options.url.substring(0, this.options.url.lastIndexOf("/")) + '/search-tree');
+    }
+    else {
+      return (this.options.url.substring(0, this.options.url.lastIndexOf("/")) + '/GetTreeFromSearch');
+    }
   }
   getApiNodeFromFullpathURL() {
-    if (this.theOptions.origin == 'thesaurus') {
-      return (this.theOptions.url.substring(0, this.theOptions.url.lastIndexOf("/")) + '/existBy');
+    if (this.options.origin == 'thesaurus') {
+      return (this.options.url.substring(0, this.options.url.lastIndexOf("/")) + '/existBy');
     }
-    else if (this.theOptions.origin == 'position') {
-      return (this.theOptions.url.substring(0, this.theOptions.url.lastIndexOf("/")) + '/PositionExistByFp');
+    else if (this.options.origin == 'position') {
+      return (this.options.url.substring(0, this.options.url.lastIndexOf("/")) + '/PositionExistByFp');
+    }
+    // TODO -> this does not exist, set accordingly to future API
+    else if (this.options.origin == 'classification') {
+      return (this.options.url.substring(0, this.options.url.lastIndexOf("/")) + '/exists');
     }
   }
   rawDataWatcher(dataToLoad) {
+    let rootnode = 0;
+    if (this.options.origin == "classification") {
+      rootnode = this.options.options.startNode;
+    }
+    else {
+      rootnode = this.options.options.StartNodeID;
+    }
     //This makes the tree to be created only once after the rawData loading
     if (!this.ready) {
-      this.translateDataForTree(dataToLoad);
-      if (this.theOptions.openTreeWhenLoaded) {
+      this.translateDataForTree(dataToLoad, rootnode);
+      if (this.options.openTreeWhenLoaded) {
         this.showTree("modale");
       }
     }
@@ -18353,7 +18454,8 @@ const HierarchizedPickerComponent = class {
     return toret;
   }
   displayAutocompleteWithResults(data, searched) {
-    if (data && this.theOptions.showAutocomplete) {
+    if (data && this.options.showAutocomplete) {
+      var that = this;
       var nodes = this.getNodesFromSearch(data, searched);
       nodes = nodes.sort(function (a, b) {
         var textA = a.text.toUpperCase();
@@ -18368,9 +18470,9 @@ const HierarchizedPickerComponent = class {
           autocomplete_results.innerHTML += '<li title="' + nodes[i].text + '" nodeid="' + nodes[i].id + '">' + nodes[i].text + '</li>';
         }
         autocomplete_results.querySelectorAll("li").forEach((item) => {
-          item.addEventListener("click", (evt) => {
-            this.editValue(this.findNodeById(this.loadedTreeJs, item.attributes.getNamedItem("nodeid").value));
-            this.showTree("hide");
+          item.addEventListener("click", function (evt) {
+            that.editValue(that.findNodeById(that.loadedTreeJs, this.attributes.getNamedItem("nodeid").value));
+            that.showTree("hide");
           });
         });
         this.showAutocomplete();
@@ -18378,13 +18480,13 @@ const HierarchizedPickerComponent = class {
     }
   }
   showAutocomplete() {
-    if (this.theOptions.showAutocomplete) {
+    if (this.options.showAutocomplete) {
       let autocomplete_results = document.getElementById("autocomplete-results-area");
       autocomplete_results.style.display = 'block';
     }
   }
   clearAutocomplete(eraseResults = false) {
-    if (this.theOptions.showAutocomplete) {
+    if (this.options.showAutocomplete) {
       // setTimeout(() => {
       let autocomplete_results = document.getElementById("autocomplete-results-area");
       autocomplete_results.style.display = 'none';
@@ -18394,18 +18496,18 @@ const HierarchizedPickerComponent = class {
       // }, 0);
     }
   }
-  loadSearchDataInCurrentTree(dataToLoad, searched, searchID) {
+  loadSearchDataInCurrentTree(dataToLoad, rootnode, searched) {
     let displayResults = () => {
-      if (this.searchToDisplay > -1 && searchID == this.searchToDisplay) {
+      if (this.searchToDisplay > -1) {
         this.rawData.children.forEach((value, index) => {
-          this.completeCurrentTreeWithTree(value);
+          this.completeCurrentTreeWithTree(value, rootnode);
         });
         this.triggerTreeDisplay(this.rawData, searched);
         this.displayAutocompleteWithResults(this.rawData, searched);
         // Deploys all nodes
         document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => {
           var _a;
-          const childspans = Array.prototype.slice.call(item.querySelectorAll("ul > li > span"));
+          const childspans = Array.prototype.slice.call(item.querySelectorAll(":scope > ul > li > span"));
           let hasUndefinedchild = childspans.filter((ele) => {
             return ele.textContent === "undefined";
           });
@@ -18415,40 +18517,51 @@ const HierarchizedPickerComponent = class {
         });
       }
     };
-    if (this.theOptions.source == 'webservice') {
-      // WS Call
-      this.getDataFromSource(this.getApiSearchURL(), {
-        StartNodeID: this.theOptions.options.StartNodeID,
-        lng: this.theOptions.options.lng,
-        searchedValue: searched,
-        searchNameOnly: true,
-        deprecated: false
-      })
-        .then(displayResults)
-        .catch((error) => {
-        try {
-          this.errorToLog = "getDataFromSource rejected:" + JSON.stringify(error, replacer, 2);
-        }
-        catch (_a) {
-          console.error("getDataFromSource rejected:", JSON.stringify(error, replacer, 2));
-        }
-      });
+    if (this.options.source == 'webservice') {
+      if (this.options.origin == "classification") {
+        // WS Call
+        this.getDataFromSourceClassification(this.getApiSearchURL(), {
+          startNode: this.options.options.startNode,
+          searchedValue: searched,
+          // searchNameOnly: true,
+          // deprecated: false
+        }).then(displayResults),
+          (err) => {
+            console.error('err', err);
+          };
+      }
+      else {
+        // WS Call
+        this.getDataFromSource(this.getApiSearchURL(), {
+          StartNodeID: this.options.options.StartNodeID,
+          lng: this.options.options.lng,
+          searchedValue: searched,
+          searchNameOnly: true,
+          deprecated: false
+        }).then(displayResults),
+          (err) => {
+            console.error('err', err);
+          };
+      }
     }
     else {
       displayResults();
     }
   }
   triggerTreeDisplay(dataToLoad, searched) {
-    if (this.theOptions.origin == 'thesaurus') {
+    if (this.options.origin == 'thesaurus') {
       this.translateDataFromThesaurus(dataToLoad, searched);
     }
-    if (this.theOptions.origin == 'position') {
+    if (this.options.origin == 'position') {
       this.translateDataFromPosition(dataToLoad, searched);
     }
+    if (this.options.origin == 'classification') {
+      this.translateDataFromClassification(dataToLoad, searched);
+    }
   }
-  translateDataForTree(dataToLoad, searched = null, searchID = null) {
+  translateDataForTree(dataToLoad, rootnode, searched = null) {
     if (searched != null) {
-      this.loadSearchDataInCurrentTree(dataToLoad, searched, searchID);
+      this.loadSearchDataInCurrentTree(dataToLoad, rootnode, searched);
     }
     else {
       this.triggerTreeDisplay(dataToLoad, searched);
@@ -18459,10 +18572,10 @@ const HierarchizedPickerComponent = class {
     if (!node || !property) {
       return "";
     }
-    if (node[property]) {
+    if (node[property] || node[property] === 0) {
       return node[property];
     }
-    if (node.data && node.data[property]) {
+    if (node.data && (node.data[property] || node.data[property] === 0)) {
       return node.data[property];
     }
     if (logerror)
@@ -18471,9 +18584,9 @@ const HierarchizedPickerComponent = class {
   }
   // Translates datas from Thesaurus into an understandable object to pass to treejs dependency
   translateDataFromThesaurus(dataToLoad, searched = null) {
-    if (this.theOptions.origin != 'thesaurus' || !dataToLoad)
+    if (this.options.origin != 'thesaurus' || !dataToLoad)
       return;
-    this.mylog('Translate from Thesaurus ! (' + this.theOptions.source + ')', dataToLoad);
+    this.mylog('Translate from Thesaurus ! (' + this.options.source + ')', dataToLoad);
     let fillTreeWithObject = (tree, object, depth = 0) => {
       if (object && object.length) {
         object.forEach((value, _index) => {
@@ -18513,7 +18626,7 @@ const HierarchizedPickerComponent = class {
           if (searched) {
             const matched = searchValue(objToPush);
             objToPush.isDesaturated = !matched;
-            pushMe = matched || this.theOptions.searchResultPresentsUnMatched;
+            pushMe = matched || this.options.searchResultPresentsUnMatched;
           }
           else {
             pushMe = true;
@@ -18526,26 +18639,27 @@ const HierarchizedPickerComponent = class {
       }
       return tree;
     };
-    this.displayTree(fillTreeWithObject([], !this.theOptions.displayRootNode ? dataToLoad.children : [dataToLoad]));
+    this.displayTree(fillTreeWithObject([], !this.options.displayRootNode ? dataToLoad.children : [dataToLoad]));
   }
   // Translates datas from Position into an understandable object to pass to treejs dependency
   translateDataFromPosition(dataToLoad, searched = null) {
-    if (this.theOptions.origin != 'position' || !dataToLoad)
+    if (this.options.origin != 'position' || !dataToLoad)
       return;
-    let fillTreeWithObject = (tree, object, depth = 0) => {
+    let that = this;
+    let fillTreeWithObject = function (tree, object, depth = 0) {
       if (object.length) {
-        object.forEach((value, _index) => {
+        object.forEach(function (value, _index) {
           let objToPush = {
-            id: this.getPropertyFromNode(value, "key"),
+            id: that.getPropertyFromNode(value, "key"),
             depth: depth,
-            text: this.getPropertyFromNode(value, "valueTranslated"),
-            fullpath: this.getPropertyFromNode(value, "fullpath"),
-            fullpathTranslated: this.getPropertyFromNode(value, "fullpathTranslated"),
-            children: (this.getPropertyFromNode(value, "hasChildren", false) &&
-              this.getPropertyFromNode(value, "children").length == 0 ? [{}] : []),
-            deprecated: this.getPropertyFromNode(value, "deprecated", false),
+            text: that.getPropertyFromNode(value, "valueTranslated"),
+            fullpath: that.getPropertyFromNode(value, "fullpath"),
+            fullpathTranslated: that.getPropertyFromNode(value, "fullpathTranslated"),
+            children: (that.getPropertyFromNode(value, "hasChildren", false) &&
+              that.getPropertyFromNode(value, "children").length == 0 ? [{}] : []),
+            deprecated: that.getPropertyFromNode(value, "deprecated", false),
           };
-          let childTree = fillTreeWithObject(objToPush.children, this.getPropertyFromNode(value, "children", false), depth + 1);
+          let childTree = fillTreeWithObject(objToPush.children, that.getPropertyFromNode(value, "children", false), depth + 1);
           let pushMe = false;
           let searchValue = function (obj) {
             let toret = false;
@@ -18575,7 +18689,56 @@ const HierarchizedPickerComponent = class {
       }
       return tree;
     };
-    this.displayTree(fillTreeWithObject([], !this.theOptions.displayRootNode ? dataToLoad.children : [dataToLoad]));
+    this.displayTree(fillTreeWithObject([], !this.options.displayRootNode ? dataToLoad.children : [dataToLoad]));
+  }
+  translateDataFromClassification(dataToLoad, searched = null) {
+    if (this.options.origin != 'classification' || !dataToLoad)
+      return;
+    let that = this;
+    let fillTreeWithObject = function (tree, object, depth = 0) {
+      if (object.length) {
+        object.forEach(function (value, _index) {
+          let objToPush = {
+            id: that.getPropertyFromNode(value, "ID"),
+            depth: depth,
+            text: that.getPropertyFromNode(value, "Name"),
+            fullpath: that.getPropertyFromNode(value, "FullPath"),
+            fullpathTranslated: that.getPropertyFromNode(value, "FullPath"),
+            children: (that.getPropertyFromNode(value, "children", false).length > 0 &&
+              that.getPropertyFromNode(value, "children").length == 0 ? [{}] : []),
+            deprecated: that.getPropertyFromNode(value, "IsDeprecated", false),
+          };
+          let childTree = fillTreeWithObject(objToPush.children, that.getPropertyFromNode(value, "children", false), depth + 1);
+          let pushMe = false;
+          let searchValue = function (obj) {
+            let toret = false;
+            if (obj.text.toLowerCase().indexOf(searched.toLowerCase()) > -1) {
+              toret = true;
+            }
+            else if (obj.children.length > 0 && Object.keys(obj.children[0]).length != 0) {
+              obj.children.forEach((descend) => {
+                if (searchValue(descend)) {
+                  toret = true;
+                }
+              });
+            }
+            return toret;
+          };
+          if (searched) {
+            pushMe = searchValue(objToPush);
+          }
+          else {
+            pushMe = true;
+          }
+          if (pushMe) {
+            objToPush.children = childTree;
+            tree.push(objToPush);
+          }
+        });
+      }
+      return tree;
+    };
+    this.displayTree(fillTreeWithObject([], !this.options.displayRootNode ? dataToLoad.children : [dataToLoad]));
   }
   findNodeById(myTree, nodeId) {
     let node = myTree.nodesById[nodeId];
@@ -18585,26 +18748,43 @@ const HierarchizedPickerComponent = class {
     return myTree.nodesById[nodeId];
   }
   // Finds the root of the new tree in the current tree (wherever it may be), and adds the children of the new tree to it
-  completeCurrentTreeWithTree(newTree) {
+  completeCurrentTreeWithTree(newTree, rootnode) {
     let that = this;
     // Creates a new tree with results from WS call
     let shortFillTreeWithObject = function (parent, tree, object, first, depth) {
       // If passed node has elements
       if ((first || (tree && tree.length != 0)) && object && Object.keys(object).length != 0 && object.length) {
-        object.forEach((value, _index) => {
+        object.forEach(function (value, _index) {
           let objToPush = value;
-          if (that.getPropertyFromNode(value, "key", false) != null) {
-            objToPush = {
-              id: that.getPropertyFromNode(value, "key"),
-              depth: depth,
-              parent: parent,
-              text: that.getPropertyFromNode(value, "valueTranslated"),
-              fullpath: that.getPropertyFromNode(value, "fullpath"),
-              fullpathTranslated: that.getPropertyFromNode(value, "fullpathTranslated"),
-              children: (that.getPropertyFromNode(value, "hasChildren", false) &&
-                that.getPropertyFromNode(value, "children").length == 0 ? [{}] : []),
-              deprecated: that.getPropertyFromNode(value, "deprecated", false),
-            };
+          if (that.options.origin == "classification") {
+            if (that.getPropertyFromNode(value, "ID", false) != null) {
+              objToPush = {
+                id: that.getPropertyFromNode(value, "ID"),
+                depth: depth,
+                parent: parent,
+                text: that.getPropertyFromNode(value, "Name"),
+                fullpath: that.getPropertyFromNode(value, "FullPath"),
+                fullpathTranslated: that.getPropertyFromNode(value, "FullPath"),
+                children: (that.getPropertyFromNode(value, "children", false).length > 0 &&
+                  that.getPropertyFromNode(value, "children").length == 0 ? [{}] : []),
+                deprecated: that.getPropertyFromNode(value, "IsDeprecated", false),
+              };
+            }
+          }
+          else {
+            if (that.getPropertyFromNode(value, "key", false) != null) {
+              objToPush = {
+                id: that.getPropertyFromNode(value, "key"),
+                depth: depth,
+                parent: parent,
+                text: that.getPropertyFromNode(value, "valueTranslated"),
+                fullpath: that.getPropertyFromNode(value, "fullpath"),
+                fullpathTranslated: that.getPropertyFromNode(value, "fullpathTranslated"),
+                children: (that.getPropertyFromNode(value, "hasChildren", false) &&
+                  that.getPropertyFromNode(value, "children").length == 0 ? [{}] : []),
+                deprecated: that.getPropertyFromNode(value, "deprecated", false),
+              };
+            }
           }
           objToPush.children = shortFillTreeWithObject(objToPush, objToPush.children, that.getPropertyFromNode(value, "children", false), false, depth + 1);
           tree.push(objToPush);
@@ -18613,11 +18793,11 @@ const HierarchizedPickerComponent = class {
       return tree;
     };
     // targetNode = an object stored by the library
-    let targetNode = this.findNodeById(this.loadedTreeJs, newTree.key);
+    let targetNode = this.findNodeById(this.loadedTreeJs, rootnode);
     if (targetNode != null) {
       // empty the children of the node in the library
       targetNode.children = [];
-      let liElmID = (newTree.key ? newTree.key : newTree.id);
+      let liElmID = rootnode;
       var ulElem = this.loadedTreeJs.liElementsById[liElmID].querySelector('ul');
       let filledtree = shortFillTreeWithObject({
         id: liElmID,
@@ -18631,7 +18811,7 @@ const HierarchizedPickerComponent = class {
       if (filledtree.length > 0) {
         ulElem.innerHTML = "";
       }
-      // this.rawData = result from WS call
+      // that.rawData = result from WS call
       (filledtree).forEach((item) => {
         if (Object.keys(item).length != 0) {
           //Foreach item in the newly created tree, create the DOM elements to inject - BEGIN
@@ -18648,7 +18828,7 @@ const HierarchizedPickerComponent = class {
             var liElems = ulElem.querySelectorAll("li");
             liElems[liElems.length - 1].appendChild(this.loadedTreeJs.createUlEle());
             liElems[liElems.length - 1].querySelector("ul").appendChild(this.loadedTreeJs.createLiEle(item.children));
-            this.completeCurrentTreeWithTree(item);
+            that.completeCurrentTreeWithTree(item, item.id);
           }
         }
       });
@@ -18656,10 +18836,10 @@ const HierarchizedPickerComponent = class {
     this.deactivateNodesOutOfDepthSettings();
   }
   deactivateNodesOutOfDepthSettings() {
-    if (this.theOptions.maxDepth != undefined || this.theOptions.minDepth != undefined) {
+    if (this.options.maxDepth || this.options.minDepth) {
       for (let index in this.loadedTreeJs.nodesById) {
         let element = this.loadedTreeJs.nodesById[index];
-        if (element.depth < this.theOptions.minDepth || element.depth > this.theOptions.maxDepth) {
+        if (element.depth < this.options.minDepth || element.depth > this.options.maxDepth) {
           this.loadedTreeJs.liElementsById[element.id].classList.add('readonly_node');
         }
       }
@@ -18679,20 +18859,6 @@ const HierarchizedPickerComponent = class {
     });
   }
   onItemDragOver(el, e) {
-    let now = new Date().getTime();
-    if (now - this.lastDragedOverTimeForAscendent < 50 && el.nodeId != this.lastDragedOverNodeId) {
-      return;
-    }
-    this.lastDragedOverTimeForAscendent = now;
-    if (el.nodeId == this.lastDragedOverNodeId) {
-      if (now - this.lastDragedOverTimeForLevel < this.acceptableDelayBetweenSimilarActions) {
-        return;
-      }
-      this.lastDragedOverTimeForLevel = now;
-    }
-    else {
-      this.lastDragedOverNodeId = el.nodeId;
-    }
     this.clearDragOverPos(el);
     if (el == this.curDraggingItem) {
       el.classList.remove('dragover');
@@ -18753,29 +18919,30 @@ const HierarchizedPickerComponent = class {
   }
   // Displays the tree
   async displayTree(treeData) {
-    if (!this.theOptions.displayTree && this.ready)
+    let that = this;
+    if (!this.options.displayTree && this.ready)
       return;
     if (treeData.length == 0) {
-      this.el.querySelector('.hierarchized-picker-tree').innerHTML = 'No search results ...';
+      document.querySelector('#tree-area-' + this.componentID).innerHTML = 'No search results ...';
       return;
     }
     let myTree = new Tree('#tree-area-' + this.componentID, {
       parentApi: this,
       data: treeData,
-      onChange: async () => {
+      onChange: async function () {
         let oldValue;
         try {
-          oldValue = await this.getValue();
+          oldValue = await that.getValue();
         }
         catch (error) {
           oldValue = null;
         }
         let emitValueChange = async () => {
-          let newValue = await this.getValue();
-          if (this.valueChangeCallback && this.ready && !this.shownTree) {
-            this.valueChangeCallback(newValue);
+          let newValue = await that.getValue();
+          if (that.valueChangeCallback && that.ready && !that.shownTree) {
+            that.valueChangeCallback(newValue);
           }
-          this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
+          that.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
         };
         // TODO > Try to find why this has been previously added
         // setTimeout(() => {
@@ -18794,13 +18961,13 @@ const HierarchizedPickerComponent = class {
     this.showSelectedNodes();
     this.deactivateNodesOutOfDepthSettings();
     // Hides checkboxes in non multiple context
-    if (!this.theOptions.multiple) {
+    if (!this.options.multiple) {
       document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-checkbox').forEach((item) => (item.style.display = 'none'));
     }
   }
   async setNodeAsSelected(id, treeToUpdate, userClick) {
     if ((this.disabled && this.shownTree && this.setValueOnClick) ||
-      (this.loadedTreeJs.liElementsById[id].classList.value && this.loadedTreeJs.liElementsById[id].classList.value.indexOf("readonly_node") != -1))
+      this.loadedTreeJs.liElementsById[id].classList.value.indexOf("readonly_node") != -1)
       return;
     this.ignoreOptionsChanges = true;
     // Override of treejs normal workaround =>> DONT EDIT IT!
@@ -18817,7 +18984,7 @@ const HierarchizedPickerComponent = class {
       this.editValue(node);
       if (this.shownTree && userClick) {
         await this.focusMainInput();
-        if (!this.theOptions.multiple) {
+        if (!this.options.multiple) {
           this.showTree("hide");
         }
       }
@@ -18850,50 +19017,34 @@ const HierarchizedPickerComponent = class {
     document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node').forEach((item) => item.classList.add('treejs-node__close'));
   }
   // Displays all selected nodes by deploying nodes that contain selected
-  async showSelectedNodes(addDelay = false) {
-    if (this.theOptions.multiple) {
-      console.warn("You are not allowed to scroll to selected nodes in multiple mode");
-      return;
-    }
-    const scrollToNode = () => {
-      let scrollToValue = 0;
-      let removeClosedAndLookUp = (element) => {
-        var _a, _b, _c, _d;
-        const nodeId = element === null || element === void 0 ? void 0 : element.nodeId;
-        if (!element || !nodeId) {
-          return;
-        }
-        const node = this.loadedTreeJs.nodesById[nodeId];
-        if ((_b = (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id) {
-          (_c = element.classList) === null || _c === void 0 ? void 0 : _c.remove('treejs-node__close');
-        }
-        scrollToValue += element.offsetTop;
-        const parent = (_d = element.parentNode) === null || _d === void 0 ? void 0 : _d.closest('.treejs-node');
-        if (parent) {
-          removeClosedAndLookUp(parent);
-        }
-      };
-      const checkeds = document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node__checked');
-      checkeds.forEach((item) => removeClosedAndLookUp(item));
-      if (scrollToValue && this.scrollable) {
-        this.scrollable.scrollTop = scrollToValue;
+  showSelectedNodes() {
+    let scrollToValue = 0;
+    let removeClosedAndLookUp = (element) => {
+      var _a, _b, _c, _d;
+      const nodeId = element === null || element === void 0 ? void 0 : element.nodeId;
+      if (!element || !nodeId) {
+        return;
+      }
+      const node = this.loadedTreeJs.nodesById[nodeId];
+      if ((_b = (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id) {
+        (_c = element.classList) === null || _c === void 0 ? void 0 : _c.remove('treejs-node__close');
+      }
+      scrollToValue += element.offsetTop;
+      const parent = (_d = element.parentNode) === null || _d === void 0 ? void 0 : _d.closest('.treejs-node');
+      if (parent) {
+        removeClosedAndLookUp(parent);
       }
     };
-    if (addDelay) {
-      setTimeout(() => {
-        scrollToNode();
-      }, 200);
-    }
-    else {
-      scrollToNode();
+    const checkeds = document.querySelectorAll('#tree-area-' + this.componentID + ' .treejs-node__checked');
+    checkeds.forEach((item) => removeClosedAndLookUp(item));
+    if (scrollToValue && this.scrollable) {
+      this.scrollable.scrollTop = scrollToValue;
     }
   }
   // Event to manage the Display/Hide of the tree
   showTree(focused) {
-    if (!this.hasFocus)
-      this.hasFocus = [];
     this.clearAutocomplete();
-    if (!this.canload || !this.theOptions.displayTree)
+    if (!this.canload || !this.options.displayTree)
       return;
     this.mylog("--------- showTree-" + this.componentID, focused, this.hasFocus);
     // hide tree when asked to or when it is disabled
@@ -18902,15 +19053,15 @@ const HierarchizedPickerComponent = class {
       let elem = document.querySelector('#hierarchized-picker-' + this.componentID + ' .hierarchized-picker-search input');
       if (elem) {
         elem.value = "";
-        this.translateDataForTree(this.rawData);
       }
+      // this.search("");
     }
     else {
       if (this.hasFocus.indexOf(focused) == -1 && this.hasFocus.indexOf("hide") == -1) {
         this.hasFocus.push(focused);
       }
     }
-    if (!this.shownTree && this.theOptions.loading == "click") {
+    if (!this.shownTree && this.options.loading == "click") {
       this.loadDataForTree();
     }
     if (this.hasFocus.indexOf("hide") > -1) {
@@ -18918,6 +19069,9 @@ const HierarchizedPickerComponent = class {
     }
     let previousShownTree = this.shownTree;
     this.shownTree = this.hasFocus.length > 0;
+    if (!previousShownTree && this.shownTree) {
+      this.showSelectedNodes();
+    }
     if (!this.shownTree) {
       this.collapseAllNodes();
       this.clearAutocomplete(true);
@@ -18928,9 +19082,6 @@ const HierarchizedPickerComponent = class {
     else {
       this.focusModal();
     }
-    if (!previousShownTree && this.shownTree) {
-      this.showSelectedNodes();
-    }
   }
   // Changes the value of the component with passed node
   editValue(node) {
@@ -18946,7 +19097,7 @@ const HierarchizedPickerComponent = class {
       this.value.splice(result, 1);
     } // Else, add the node to the array of values
     else {
-      if (this.theOptions.multiple) {
+      if (this.options.multiple) {
         this.value = [...this.value, {
             nodeid: node.id,
             fullpath: node.fullpath,
@@ -18969,7 +19120,7 @@ const HierarchizedPickerComponent = class {
   setDisplayedValue(value = null) {
     if (!value)
       value = this.value;
-    this.displayedValue = value.map(item => (this.theOptions.isFullpath
+    this.displayedValue = value.map(item => (this.options.isFullpath
       ?
         item.fullpathTranslated
       :
@@ -18977,7 +19128,7 @@ const HierarchizedPickerComponent = class {
   }
   // Search a value in the tree and triggers a search when necessary
   search(searched) {
-    if (this.theOptions.mode == 'input') {
+    if (this.options.mode == 'input') {
       document.querySelector('#hierarchized-picker-' + this.componentID + ' .hierarchized-picker-search input').classList.remove('fieldError');
     }
     if (searched.length > 2) {
@@ -18985,7 +19136,7 @@ const HierarchizedPickerComponent = class {
       let me = this.searchToDisplay;
       setTimeout(() => {
         if (this.searchToDisplay == me) {
-          this.triggerSearch(searched, me);
+          this.triggerSearch(searched);
           //Recheck previously selected fields ?
           this.checkFields(this.value, false);
         }
@@ -18993,54 +19144,54 @@ const HierarchizedPickerComponent = class {
     }
     else {
       this.searchToDisplay = -1;
+      let rootnode = 0;
+      if (this.options.origin == "classification") {
+        rootnode = this.options.options.startNode;
+      }
+      else {
+        rootnode = this.options.options.StartNodeID;
+      }
       //Displays the full tree
-      this.translateDataForTree(this.rawData);
+      this.translateDataForTree(this.rawData, rootnode);
       //Reset autocomplete
       this.displayAutocompleteWithResults(null, "");
-      //Recheck previously selected fields ? pourquoi ?
-      //this.checkFields(this.value, false);
+      //Recheck previously selected fields ?
+      this.checkFields(this.value, false);
     }
   }
   // Refresh the tree with search results
-  triggerSearch(searched, searchID) {
-    this.translateDataForTree(this.rawData, searched, searchID);
+  triggerSearch(searched) {
+    let rootnode = 0;
+    if (this.options.origin == "classification") {
+      rootnode = this.options.options.startNode;
+    }
+    else {
+      rootnode = this.options.options.StartNodeID;
+    }
+    this.translateDataForTree(this.rawData, rootnode, searched);
   }
   displayPickerError(errorMsg = "") {
-    try {
-      document.querySelector('#hierarchized-picker-' + this.componentID).classList.add('fieldError');
-      if (this.theOptions.errorsInInput) {
-        if (errorMsg == "") {
-          errorMsg = "There has been an error ... > [Generic error]";
-        }
-        this.displayedValue = errorMsg;
-        // this.disabled = true;
-        this.errorToLog = errorMsg;
-      }
-    }
-    catch (_a) {
-      console.error(errorMsg);
+    document.querySelector('#hierarchized-picker-' + this.componentID).classList.add('fieldError');
+    if (errorMsg == "") {
+      errorMsg = "There has been an error ... [Generic]";
     }
+    this.displayedValue = errorMsg;
   }
   setRawDataFromFile(filePath) {
     try {
-      var rawFile = new browser();
+      var rawFile = new XMLHttpRequest();
       rawFile.open("GET", filePath);
       rawFile.onreadystatechange = () => {
-        try {
-          if (rawFile.readyState === 4) {
-            if (rawFile.status === 200 || rawFile.status == 0) {
-              var allText = rawFile.responseText;
-              this.rawData = JSON.parse(allText);
-              this.formatDefaultValue();
-              this.showSelectedNodes();
-            }
-            else {
-              this.displayPickerError('Error loading Data from path "' + filePath + '"!');
-            }
+        if (rawFile.readyState === 4) {
+          if (rawFile.status === 200 || rawFile.status == 0) {
+            var allText = rawFile.responseText;
+            this.rawData = JSON.parse(allText);
+            this.formatDefaultValue();
+            this.showSelectedNodes();
+          }
+          else {
+            this.displayPickerError('Error loading Data from path "' + filePath + '"!');
           }
-        }
-        catch (err) {
-          this.displayPickerError('Error loading Data from path "' + filePath + '"!');
         }
       };
       if (!this.rawData) {
@@ -19058,62 +19209,48 @@ const HierarchizedPickerComponent = class {
     }
   }
   loadDataForTree(init = false) {
-    if (this.theOptions.source == 'webservice') {
-      this.getDataFromSource(this.theOptions.url, this.theOptions.options, init)
-        .then(() => {
-        if (init) {
-          this.formatDefaultValue();
-          this.showSelectedNodes();
-        }
-      })
-        .catch((error) => {
-        try {
-          this.errorToLog = "getDataFromSource rejected:" + JSON.stringify(error, replacer, 2);
-        }
-        catch (_a) {
-          console.error("getDataFromSource rejected:", JSON.stringify(error, replacer, 2));
-        }
-      });
+    if (this.options.source == 'webservice') {
+      if (this.options.origin == "classification") {
+        this.getDataFromSourceClassification(this.options.url, this.options.options, init);
+      }
+      else {
+        this.getDataFromSource(this.options.url, this.options.options, init);
+      }
     }
-    if (this.theOptions.source == 'data') {
-      this.rawData = typeof this.theOptions.data === 'object' ? this.theOptions.data : JSON.parse(this.theOptions.data);
-      this.formatDefaultValue();
+    if (this.options.source == 'data') {
+      this.rawData = typeof this.options.data === 'object' ? this.options.data : JSON.parse(this.options.data);
     }
-    if (this.theOptions.source == 'file') {
-      this.setRawDataFromFile(this.theOptions.url);
+    if (this.options.source == 'file') {
+      this.setRawDataFromFile(this.options.url);
     }
   }
   componentWillRender() {
-    this.mylog("----- componentWillRender beginning -----");
+    this.mylog("----- componentWillRender beginning");
   }
   componentDidRender() {
-    this.mylog("----- componentDidRender beginning -----");
+    this.mylog("----- componentDidRender beginning");
   }
   displayWhenLoaded() {
     if (!this.canload) {
       this.displayPickerError('Error(s) in the picker configuration!');
       return;
     }
-    if (this.theOptions && this.theOptions.loading == "display") {
+    if (this.options && this.options.loading == "display") {
       this.loadDataForTree(true);
     }
   }
   componentDidLoad() {
-    this.mylog("----- componentDidLoad beginning -----");
+    this.mylog("----- componentDidLoad beginning");
     this.displayWhenLoaded();
   }
   checkFields(values, allowSetValueOnClick = true) {
+    let that = this;
     this.setValueOnClick = allowSetValueOnClick;
     if (values) {
-      values.forEach((element) => {
-        let intNodeid = element.nodeid;
-        if (typeof intNodeid == "string" && isNumeric(intNodeid)) {
-          intNodeid = parseInt(intNodeid);
-        }
-        if (Object.keys(this.loadedTreeJs.liElementsById).indexOf(element.nodeid) > -1) {
-          if ((this.loadedTreeJs.liElementsById[element.nodeid].classList.value && this.loadedTreeJs.liElementsById[element.nodeid].classList.value.indexOf("treejs-node__checked") == -1) ||
-            this.theOptions.defaultValue.indexOf(intNodeid) != -1) {
-            this.setNodeAsSelected(element.nodeid, this.loadedTreeJs, false);
+      values.forEach(element => {
+        if (Object.keys(this.loadedTreeJs.liElementsById).indexOf(element.nodeid.toString()) > -1) {
+          if (this.loadedTreeJs.liElementsById[element.nodeid].classList.value.indexOf("treejs-node__checked") == -1) {
+            that.setNodeAsSelected(element.nodeid, this.loadedTreeJs, false);
           }
         }
       });
@@ -19121,19 +19258,29 @@ const HierarchizedPickerComponent = class {
     this.setValueOnClick = true;
   }
   formatDefaultValue() {
-    let found = 0;
     let that = this;
+    let found = 0;
     let recursive = function (children) {
-      children.forEach((element) => {
-        that.theOptions.defaultValue.forEach(dfValue => {
+      children.forEach(element => {
+        that.options.defaultValue.forEach(dfValue => {
           if (typeof dfValue == 'string' && isNumeric(dfValue)) {
             dfValue = parseInt(dfValue);
           }
-          if ((typeof dfValue == 'string' && that.getPropertyFromNode(element, "fullpathTranslated") == dfValue) ||
-            (typeof dfValue == 'number' && that.getPropertyFromNode(element, "key") == dfValue)) {
-            element.nodeid = element.key;
-            that.checkFields([element]);
-            found++;
+          if (that.options.origin == "classification") {
+            if ((typeof dfValue == 'string' && that.getPropertyFromNode(element, "FullPath") == dfValue) ||
+              (typeof dfValue == 'number' && that.getPropertyFromNode(element, "ID") == dfValue)) {
+              element.nodeid = element.id;
+              that.checkFields([element]);
+              found++;
+            }
+          }
+          else {
+            if ((typeof dfValue == 'string' && that.getPropertyFromNode(element, "fullpathTranslated") == dfValue) ||
+              (typeof dfValue == 'number' && that.getPropertyFromNode(element, "key") == dfValue)) {
+              element.nodeid = element.key;
+              that.checkFields([element]);
+              found++;
+            }
           }
         });
         if (element.children)
@@ -19143,20 +19290,14 @@ const HierarchizedPickerComponent = class {
     if (this.rawData) {
       recursive([this.rawData]);
     }
-    if (this.theOptions.defaultValue.length != found) {
+    if (this.options.defaultValue.length != found) {
       if (found == 0) {
-        try {
-          this.errorToLog = "The loaded tree doesn't contain the nodes passed to options.defaultValue : " +
-            this.theOptions.defaultValue.map(item => item).join(',');
-        }
-        catch (_a) {
-          this.errorToLog = "The loaded tree doesn't contain the nodes passed to options.defaultValue : there's an issue with your defaultValue > " +
-            this.theOptions.defaultValue.toString();
-        }
+        this.errorToLog = "The loaded tree doesn't contain the nodes passed to options.defaultValue : " +
+          this.options.defaultValue.map(item => item).join(',');
       }
       else {
         this.errorToLog = "The loaded tree contains multiple nodes of what has been passed to options.defaultValue : " +
-          this.theOptions.defaultValue.map(item => item).join(',');
+          this.options.defaultValue.map(item => item).join(',');
       }
       this.displayPickerError('Error(s) when loading tree default value(s)!');
     }
@@ -19202,45 +19343,40 @@ const HierarchizedPickerComponent = class {
     this.search(event.target.value);
   }
   render() {
-    return (this.theOptions
-      ?
-        index.h("div", { id: 'hierarchized-picker-' + this.componentID, class: "hierarchized-picker " + (this.disabled ? "readonly-mode" : "") }, (this.theOptions.mode == "input"
-          ?
-            index.h("div", { class: "hierarchized-picker-container" }, index.h("div", { style: { display: "none" }, ref: (el => {
-                this.loader = el;
-              }) }), index.h("div", { class: "hierarchized-picker-input-area" }, this.theOptions.label ? index.h("label", { class: "hierarchized-picker-label" }, this.theOptions.label) : '', index.h("span", { class: 'hierarchized-picker-input ' + (this.theOptions.icon && this.theOptions.icon.length > 0 ? "hierarchized-picker-icon" : "") +
-                ' reneco ' + (this.theOptions.icon ? this.theOptions.icon : "") + (this.disabled ? " readonly " : "") +
-                ' sc-ion-input-md-h sc-ion-input-md-s md ', id: 'hierarchized-picker-input-' + this.componentID, onClick: _event => {
-                this.showTree("picker");
-              }, onFocusin: _event => {
-                this.showTree("modale");
-              } }, index.h("input", { class: "native-input sc-ion-input-md", "aria-labelledby": "ion-input-13-lbl", autocapitalize: "off", autocomplete: "off", autocorrect: "off", name: "ion-input-13", placeholder: "", readonly: "", spellcheck: "false", type: "text", value: this.displayedValue })), (this.displayedValue && !this.disabled && this.canload) ?
-              index.h("span", { class: "reneco reneco-close", onClick: () => this.clearPicker() })
-              : ''), index.h("div", { ref: (el) => {
-                // Uncomment if you want the modale of picker in input mode to scroll to selected node on openning >>>
-                // this.scrollable = el;
-              }, class: 'hierarchized-picker-modal-area ' + (!this.shownTree ? ' hidden ' : ''), onClick: event => {
-                this.clickPickerModalArea(event);
-              } }, index.h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, index.h("div", { id: 'hierarchized-picker-input-search-' + this.componentID, class: "hierarchized-picker-search reneco reneco-search" +
-                " sc-ion-input-md-h sc-ion-input-md-s md", onKeyUp: event => {
-                this.keyUpPickerSearchInput(event);
-              }, onFocusin: event => {
-                setTimeout(() => {
-                  this.showAutocomplete();
-                }, 500);
-                if (this.hasFocus.length == 0)
-                  this.focusInSearchEvent(event);
-              }, onFocusout: event => {
-                this.focusOutSearchEvent(event);
-              } }, index.h("input", { class: "native-input sc-ion-input-md", autocapitalize: "off", autocomplete: "off", autocorrect: "off", name: "ion-input-0", placeholder: this.theOptions.searchPlaceholder, spellcheck: "false", type: "text" })), index.h("ul", { id: "autocomplete-results-area" }), index.h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree hierarchized-picker-tree-area ' + this.pickerClass }))))
-          :
-            index.h("div", { class: 'hierarchized-picker-raw-tree-area' + (this.disabled ? " readonly" : ""), onClick: event => {
-                this.clickPickerModalArea(event);
-              } }, index.h("div", { class: "loader", ref: (el => {
-                this.loader = el;
-              }) }, index.h("div", { class: "loader-inner" }, "Loading...")), index.h("div", { ref: (el) => {
-                this.scrollable = el;
-              }, id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree scrollable hierarchized-picker-raw-tree ' + this.pickerClass }))))
+    return (this.options ?
+      index.h("div", { id: 'hierarchized-picker-' + this.componentID, class: "hierarchized-picker " + (this.disabled ? "readonly-mode" : "") }, (this.options.mode == "input" ?
+        index.h("div", { class: "hierarchized-picker-container" }, index.h("div", { style: { display: "none" }, ref: (el => {
+            this.loader = el;
+          }) }, "TODO"), index.h("div", { class: "hierarchized-picker-input-area" }, this.options.label ? index.h("label", { class: "hierarchized-picker-label" }, this.options.label) : '', index.h("span", { class: 'hierarchized-picker-input ' + (this.options.icon && this.options.icon.length > 0 ? "hierarchized-picker-icon" : "") +
+            ' reneco ' + (this.options.icon ? this.options.icon : "") + (this.disabled ? " readonly " : "") +
+            ' sc-ion-input-md-h sc-ion-input-md-s md ', id: 'hierarchized-picker-input-' + this.componentID, onClick: _event => {
+            this.showTree("picker");
+          }, onFocusin: _event => {
+            this.showTree("modale");
+          } }, index.h("input", { class: "native-input sc-ion-input-md", "aria-labelledby": "ion-input-13-lbl", autocapitalize: "off", autocomplete: "off", autocorrect: "off", name: "ion-input-13", placeholder: "", readonly: "", spellcheck: "false", type: "text", value: this.displayedValue })), (this.displayedValue && !this.disabled && this.canload) ?
+          index.h("span", { class: "reneco reneco-close", onClick: () => this.clearPicker() })
+          : ''), index.h("div", { class: 'hierarchized-picker-modal-area ' + (!this.shownTree ? ' hidden ' : ''), onClick: event => {
+            this.clickPickerModalArea(event);
+          } }, index.h("div", { class: 'hierarchized-picker-modal ' + (!this.ready ? 'hidden' : '') }, index.h("div", { id: 'hierarchized-picker-input-search-' + this.componentID, class: "hierarchized-picker-search reneco reneco-search" +
+            " sc-ion-input-md-h sc-ion-input-md-s md", onKeyUp: event => {
+            this.keyUpPickerSearchInput(event);
+          }, onFocusin: event => {
+            setTimeout(() => {
+              this.showAutocomplete();
+            }, 500);
+            if (this.hasFocus.length == 0)
+              this.focusInSearchEvent(event);
+          }, onFocusout: event => {
+            this.focusOutSearchEvent(event);
+          } }, index.h("input", { class: "native-input sc-ion-input-md", autocapitalize: "off", autocomplete: "off", autocorrect: "off", name: "ion-input-0", placeholder: this.options.searchPlaceholder, spellcheck: "false", type: "text" })), index.h("ul", { id: "autocomplete-results-area" }), index.h("div", { id: 'tree-area-' + this.componentID, class: 'hierarchized-picker-tree-area ' + this.pickerClass }))))
+        :
+          index.h("div", { class: 'hierarchized-picker-raw-tree-area', onClick: event => {
+              this.clickPickerModalArea(event);
+            } }, index.h("div", { class: "loader", ref: (el => {
+              this.loader = el;
+            }) }, index.h("div", { class: "loader-inner" }, "Loading...")), index.h("div", { ref: (el) => {
+              this.scrollable = el;
+            }, id: 'tree-area-' + this.componentID, class: 'scrollable hierarchized-picker-raw-tree ' + this.pickerClass }))))
       :
         index.h("div", { class: "fieldError" }, "Generic loading issue..."));
   }
@@ -19253,6 +19389,6 @@ const HierarchizedPickerComponent = class {
     "rawData": ["rawDataWatcher"]
   }; }
 };
-HierarchizedPickerComponent.style = hierarchizedPickerCss;
+MyComponent.style = hierarchizedPickerCss;
 
-exports.reneco_hierarchized_picker = HierarchizedPickerComponent;
+exports.reneco_hierarchized_picker = MyComponent;