reneco-hierarchized-picker 0.4.0-beta.8 → 0.4.1-beta.1

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

@@ -242,7 +242,7 @@ Tree.prototype.bindEvent = function (ele) {
           this.options.rawDataManager
             .getFromClassification(this.options.parentApi.theOptions.url, Object.assign(Object.assign({}, this.options.parentApi.theOptions.options), { startNode: target.parentNode.nodeId }))
             .then(data => {
-            this.options.completeCurrentTreeWithTree(this, data);
+            this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
         }
         else {
@@ -254,7 +254,7 @@ Tree.prototype.bindEvent = function (ele) {
             IsDeprecated: this.options.parentApi.theOptions.options.IsDeprecated,
           })
             .then(data => {
-            this.options.completeCurrentTreeWithTree(this, data);
+            this.options.completeCurrentTreeWithTree(this, data, this.options.parentApi.theOptions);
           });
         }
       }
@@ -263,7 +263,8 @@ Tree.prototype.bindEvent = function (ele) {
   }, false);
 };
 Tree.prototype.onItemClick = function (id) {
-  if (this.options.parentApi.isDisabled)
+  // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
+  if (this.options.parentApi.isDisabled && this.options.parentApi.optionsManager.getOptions().mode != "tree")
     return;
   if (!this.options.parentApi.theOptions.multiple)
     this.emptyNodesCheckStatus();
@@ -519,7 +520,7 @@ Tree.parseTreeData = function (data) {
       }
     });
   };
-  walkTree(treeNodes, null);
+  walkTree(Array.isArray(treeNodes) ? treeNodes : [treeNodes], null);
   return {
     treeNodes,
     nodesById,
@@ -18025,9 +18026,22 @@ const defaultPickerTheme = {
 // };
 
 class RawDataManager {
-  constructor(tokenProvider, om) {
+  getToken() {
+    var _a;
+    if (typeof this.token === 'string') {
+      return this.token.length > 200
+        ? this.token
+        : (_a = window.localStorage.getItem(this.token)) !== null && _a !== void 0 ? _a : null;
+    }
+    if (typeof this.token === 'function') {
+      const token = this.token();
+      return typeof token === 'string' ? token : null;
+    }
+    return null;
+  }
+  constructor(token, om) {
     this.rawData = null;
-    this.tokenProvider = tokenProvider;
+    this.token = token;
     this.optionsManager = om;
     this.baseUrl = om.getOptions().url;
   }
@@ -18035,7 +18049,7 @@ class RawDataManager {
   async makeRequest(method, endpoint, body, loader) {
     if (loader)
       loader.classList.add('loading');
-    const token = await this.tokenProvider();
+    const token = this.getToken();
     if (!token) {
       throw new Error('No token available.');
     }
@@ -18280,13 +18294,27 @@ function findNodeById(tree, nodeId) {
 /**
  * Fills the tree with nodes based on the provided object.
  */
-function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatched = false, depth = 0) {
+function fillTreeWithObject(tree, myObject, searched, options, depth = 0) {
+  const searchResultPresentsUnMatched = options.searchResultPresentsUnMatched;
   if (myObject && myObject.length) {
     myObject.forEach(value => {
-      const keyPropFromNode = getPropertyFromNode(value, 'key');
-      const valueTranslatedPropFromNode = getPropertyFromNode(value, 'valueTranslated');
-      const fullpathPropFromNode = getPropertyFromNode(value, 'fullpath');
-      const fullpathTranslatedPropFromNode = getPropertyFromNode(value, 'fullpathTranslated');
+      var _a, _b, _c;
+      let keyPropFromNode = null;
+      let valueTranslatedPropFromNode = null;
+      let fullpathPropFromNode = null;
+      let fullpathTranslatedPropFromNode = null;
+      if (options.origin == "classification") {
+        keyPropFromNode = getPropertyFromNode(value, 'ID');
+        valueTranslatedPropFromNode = (_a = getPropertyFromNode(value, 'Translations')[options.language]) === null || _a === void 0 ? void 0 : _a.translated_name;
+        fullpathPropFromNode = (_b = getPropertyFromNode(value, 'Properties')) === null || _b === void 0 ? void 0 : _b.System_Fullpath;
+        fullpathTranslatedPropFromNode = (_c = getPropertyFromNode(value, 'Translations')[options.language]) === null || _c === void 0 ? void 0 : _c.translated_fullpath;
+      }
+      else {
+        keyPropFromNode = getPropertyFromNode(value, 'key');
+        valueTranslatedPropFromNode = getPropertyFromNode(value, 'valueTranslated');
+        fullpathPropFromNode = getPropertyFromNode(value, 'fullpath');
+        fullpathTranslatedPropFromNode = getPropertyFromNode(value, 'fullpathTranslated');
+      }
       const childrenPropFromNode = getPropertyFromNode(value, 'children', false);
       const deprecated = getPropertyFromNode(value, 'deprecated', false);
       const objToPush = {
@@ -18300,14 +18328,7 @@ function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatc
         isDesaturated: false,
         searchMatch: false,
       };
-      // const childTree = fillTreeWithObject(objToPush.children, childrenPropFromNode, searched, depth + 1);
-      // const matched = searched ? searchValue(objToPush, false, searched) : true;
-      // if (matched) {
-      //   objToPush.searchMatch = true;
-      //   objToPush.children = childTree;
-      //   tree.push(objToPush);
-      // }
-      const childTree = fillTreeWithObject(objToPush.children, childrenPropFromNode, searched, searchResultPresentsUnMatched, depth + 1);
+      const childTree = fillTreeWithObject(objToPush.children, childrenPropFromNode, searched, options, depth + 1);
       let pushMe = false;
       if (searched) {
         const matched = searchValue(objToPush, false, searched);
@@ -18329,7 +18350,7 @@ function fillTreeWithObject(tree, myObject, searched, searchResultPresentsUnMatc
 /**
  * Updates the current tree with new nodes.
  */
-function completeCurrentTreeWithTree(treeJsInstance, newTree) {
+function completeCurrentTreeWithTree(treeJsInstance, newTree, options) {
   var _a;
   const ElmID = newTree.key || newTree.id || newTree.ID;
   const targetNode = findNodeById(treeJsInstance, ElmID);
@@ -18340,7 +18361,7 @@ function completeCurrentTreeWithTree(treeJsInstance, newTree) {
       ulElem = treeJsInstance.createUlEle();
       treeJsInstance.liElementsById[ElmID].appendChild(ulElem);
     }
-    const filledTree = fillTreeWithObject([], newTree.children, null);
+    const filledTree = fillTreeWithObject([], newTree.children, null, options);
     ulElem.innerHTML = '';
     filledTree.forEach(item => {
       const liElm = treeJsInstance.createLiEle(item, true);
@@ -18522,7 +18543,7 @@ function setupKeyboardNavigation(component) {
   focusNode(focusedNodeIndex);
 }
 
-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:var(--hpicker-theme-typography-tree-font-size, 14px) !important;font-weight:var(--hpicker-theme-typography-tree-font-weight, 400) !important}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 var(--hpicker-theme-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-primary-contrastText) !important}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{background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c))}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 .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c))}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}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;background-color:var(--hpicker-theme-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, 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(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));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(--hpicker-theme-palette-primary-light) !important;color:var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important}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:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-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-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, 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(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, 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(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;border-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !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}reneco-hierarchized-picker input[title]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.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(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #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(--hpicker-theme-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:var(--hpicker-theme-typography-tree-font-size, 14px) !important;font-weight:var(--hpicker-theme-typography-tree-font-weight, 400) !important}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 var(--hpicker-theme-palette-font-color)}reneco-hierarchized-picker .treejs-node__checked>.treejs-switcher:before{border-top:4px solid var(--hpicker-theme-palette-primary-contrastText) !important}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{background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c))}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 .treejs-node__searchmatch>.treejs-label{font-weight:bolder}reneco-hierarchized-picker .treejs .dragging{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c));display:inline;opacity:.9;padding:11px 0px;display:block}reneco-hierarchized-picker .treejs .dragover{background:var(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, #e8a86c))}reneco-hierarchized-picker .treejs .dragover-over::after{content:\"\";display:block;width:2px;height:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-before::after{content:\"\";display:block;height:2px;width:100%;position:absolute;top:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}reneco-hierarchized-picker .treejs .dragover-after::after{content:\"\";display:block;height:2px;width:100%;position:absolute;bottom:0;left:0;background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, #d58433))}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;background-color:var(--hpicker-theme-palette-background-dark)}reneco-hierarchized-picker ul.treejs-nodes:not(:first-child){margin:0 !important;padding-left:15px !important;background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, 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(--hpicker-theme-palette-background-light, var(--mui-palette-background-light, var(--ion-color-light, #FAFAFA)))}reneco-hierarchized-picker li:not(.treejs-node__close){background-color:var(--hpicker-theme-palette-background-default, var(--mui-palette-background-default, #e8a86c));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(--hpicker-theme-palette-primary-light) !important;color:var(--hpicker-theme-palette-primary-ContrastText, var(--mui-palette-primary-ContrastText, var(--ion-color-primary-contrast, #000)))!important}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:var(--hpicker-theme-palette-font-color, var(--mui-palette-font-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-tree-area{width:333px !important;padding-top:48px}reneco-hierarchized-picker .hierarchized-picker-modal-area{background-color:var(--hpicker-theme-palette-background-dark, var(--mui-palette-background-dark, 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(--hpicker-theme-palette-font-color, var(--mui-palette-font-color, 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(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !important;border-color:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #d58433))) !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}reneco-hierarchized-picker input[title]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hierarchized-picker-raw-tree-area.readonly li.treejs-node .treejs-switcher{pointer-events:all}::-webkit-scrollbar-thumb{background:var(--hpicker-theme-palette-primary-main, var(--mui-palette-primary-main, var(--ion-color-primary, #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(--hpicker-theme-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 HierarchizedPickerComponent = class {
   /**
@@ -18600,6 +18621,7 @@ const HierarchizedPickerComponent = class {
     return this.optionsManager.getOptions();
   }
   async setNewOption(newValue, oldValue = null) {
+    this.ready = false;
     // --------------------------------------- DEPRECATED ?
     // this.canload = true;
     // this.theOptions = newValue;
@@ -18616,6 +18638,10 @@ const HierarchizedPickerComponent = class {
     //   });
     // ---------------------------------------
     // this.theOptions = newValue;
+    if (typeof newValue == 'string')
+      newValue = JSON.parse(newValue);
+    if (typeof oldValue == 'string')
+      oldValue = JSON.parse(oldValue);
     this.optionsManager.updateOptions(newValue);
     this.setDisplayedValue(this.value);
     const originOrNodeIdAreDifferent = !oldValue || (newValue.origin != oldValue.origin || newValue.options.StartNodeID != oldValue.options.StartNodeID);
@@ -18635,7 +18661,8 @@ const HierarchizedPickerComponent = class {
     }
     if ((newValue === null || newValue === void 0 ? void 0 : newValue.loading) == 'display') {
       if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
-        await this.loadHierarchizedPicker();
+        this.rawDataManager = new RawDataManager(this.getOptionsAsIConf(this.optionsManager.getOptions()).token, this.optionsManager);
+        await this.loadHierarchizedPicker(true);
         this.displayWhenLoaded();
       }
       else {
@@ -18649,10 +18676,11 @@ const HierarchizedPickerComponent = class {
     this.setOptions(newoptions);
   }
   setNewFilter(newfilter) {
+    console.log("newfilter is ", newfilter);
     this.filterTree(newfilter);
   }
   optionsChange(newValue, oldValue) {
-    if (!this.optionsManager.getOptions() || !this.ready || this.ignoreOptionsChanges) {
+    if (!this.optionsManager || !this.optionsManager.getOptions() || !this.ready || this.ignoreOptionsChanges) {
       return;
     }
     if (typeof newValue == 'string')
@@ -18661,6 +18689,8 @@ const HierarchizedPickerComponent = class {
   }
   isChangeInOptions(newV, oldV) {
     const isEqual = lodash.isEqual(newV, oldV);
+    if (!newV.defaultValue && !oldV.defaultValue)
+      return;
     const changeDefaultValue = !(newV.defaultValue.length == oldV.defaultValue.length && newV.defaultValue.every(value => oldV.defaultValue.includes(value)));
     if (!isEqual && changeDefaultValue) {
       return changeDefaultValue;
@@ -18719,8 +18749,9 @@ const HierarchizedPickerComponent = class {
   }
   async componentWillLoad() {
     this.isDisabled = this.disabled;
+    this.options = this.getOptionsAsIConf(this.options);
     this.optionsManager = new OptionsManager(this.getOptionsAsIConf(this.options));
-    this.rawDataManager = new RawDataManager(() => this.getToken(), this.optionsManager);
+    this.rawDataManager = new RawDataManager(this.getOptionsAsIConf(this.options).token, this.optionsManager);
     await this.loadHierarchizedPicker();
     this.setDisplayedValueFromDefault();
     setTimeout(() => {
@@ -18840,9 +18871,11 @@ const HierarchizedPickerComponent = class {
       }
     }
   }
-  async loadHierarchizedPicker() {
-    if (this.el.getAttribute('options') && typeof this.el.getAttribute('options') == 'string') {
-      this.optionsManager.updateOptions(JSON.parse(this.el.getAttribute('options')));
+  async loadHierarchizedPicker(reload = false) {
+    if (!reload) {
+      if (this.el.getAttribute('options') && typeof this.el.getAttribute('options') == 'string') {
+        this.optionsManager.updateOptions(JSON.parse(this.el.getAttribute('options')));
+      }
     }
     // If not in a debug mode, disable logs
     {
@@ -18894,19 +18927,18 @@ const HierarchizedPickerComponent = class {
     let newValue = await this.getValue();
     this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
   }
-  async getToken() {
-    var _a;
-    if (typeof this.getOptionsAsIConf(this.options).token === 'string') {
-      return this.getOptionsAsIConf(this.options).token.length > 200
-        ? this.getOptionsAsIConf(this.options).token
-        : (_a = window.localStorage.getItem(this.getOptionsAsIConf(this.options).token)) !== null && _a !== void 0 ? _a : null;
-    }
-    if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
-      const token = await this.getOptionsAsIConf(this.options).token();
-      return typeof token === 'string' ? token : null;
-    }
-    return null;
-  }
+  // async getToken(): Promise<string | null> {
+  //   if (typeof this.getOptionsAsIConf(this.options).token === 'string') {
+  //     return this.getOptionsAsIConf(this.options).token.length > 200
+  //       ? this.getOptionsAsIConf(this.options).token
+  //       : window.localStorage.getItem(this.getOptionsAsIConf(this.options).token) ?? null;
+  //   }
+  //   if (typeof this.getOptionsAsIConf(this.options).token === 'function') {
+  //     const token = await this.getOptionsAsIConf(this.options).token();
+  //     return typeof token === 'string' ? token : null;
+  //   }
+  //   return null;
+  // }
   // The error case function called if XHR request fails
   errorLoadingXHR() {
     var _a;
@@ -18963,7 +18995,7 @@ const HierarchizedPickerComponent = class {
       if (this.searchToDisplay > -1) { // TODO > Not working anymore after refact, prevents issues in displaying results when running multiple researchs at the same time && searchID == this.searchToDisplay) {
         this.rawDataManager.mergeData(newtree);
         newtree.children.forEach((value, index) => {
-          completeCurrentTreeWithTree(this.loadedTreeJs, value);
+          completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
         });
         this.triggerTreeDisplay(this.rawData, searched);
         displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
@@ -18983,14 +19015,11 @@ const HierarchizedPickerComponent = class {
     if (this.theOptions.source == 'webservice') {
       if (this.theOptions.origin == 'classification') {
         // WS Call
-        console.log("FLAG 01", this.theOptions);
         this.rawDataManager.getFromClassification(this.getApiSearchURL(), {
-          search: {
-            StartNodeID: this.theOptions.options.startNode,
-            lng: this.theOptions.options.lng,
-            deprecated: this.theOptions.options.IsDeprecated,
-            searchedValue: searched,
-          }
+          StartNodeID: this.theOptions.options.startNode,
+          lng: this.theOptions.options.lng,
+          deprecated: this.theOptions.options.IsDeprecated,
+          searchedValue: searched
         })
           .then((data) => {
           displayResults(data);
@@ -19031,12 +19060,12 @@ const HierarchizedPickerComponent = class {
     else {
       if (this.searchToDisplay > -1 && searchID == this.searchToDisplay) {
         this.rawDataManager.getData().children.forEach((value, _) => {
-          completeCurrentTreeWithTree(this.loadedTreeJs, value);
+          completeCurrentTreeWithTree(this.loadedTreeJs, value, this.optionsManager.getOptions());
         });
         displayAutocompleteWithResults(this.rawDataManager.getData(), searched, this.optionsManager, this.editValue.bind(this), this.showTree.bind(this));
       }
       const data = !this.optionsManager.getOptions().displayRootNode ? this.rawDataManager.getData().children : [this.rawDataManager.getData()];
-      const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions().searchResultPresentsUnMatched);
+      const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions());
       if (searched) {
         this.setSearchResults(treeToDisplay);
       }
@@ -19048,11 +19077,11 @@ const HierarchizedPickerComponent = class {
       return;
     this.mylog(`Translate from ${this.optionsManager.getOptions().origin} ! (${this.optionsManager.getOptions().source})`, dataToLoad);
     const data = !this.optionsManager.getOptions().displayRootNode ? dataToLoad.children : [dataToLoad];
-    const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions().searchResultPresentsUnMatched);
+    const treeToDisplay = fillTreeWithObject([], data, searched, this.optionsManager.getOptions());
     if (searched) {
       this.setSearchResults(treeToDisplay);
     }
-    this.displayTree(treeToDisplay);
+    this.displayTree(treeToDisplay, searched != null);
   }
   deactivateNodesOutOfDepthSettings() {
     if (this.optionsManager.getOptions().maxDepth != undefined || this.optionsManager.getOptions().minDepth != undefined) {
@@ -19073,45 +19102,49 @@ const HierarchizedPickerComponent = class {
       return;
     }
     // TODO If statement is a quick fix to allow the loadedTreeJs data to be holded instead of being reinitialized after hiding the modale
-    if (!this.loadedTreeJs || forceTreeReset) {
-      const myTree = new Tree('#tree-area-' + this.componentID, {
-        parentApi: this,
-        rawDataManager: this.rawDataManager,
-        completeCurrentTreeWithTree: completeCurrentTreeWithTree,
-        data: treeData,
-        onChange: async () => {
-          let oldValue;
-          try {
-            oldValue = await this.getValue();
-          }
-          catch (error) {
-            oldValue = null;
+    const myTree = new Tree('#tree-area-' + this.componentID, {
+      parentApi: this,
+      rawDataManager: this.rawDataManager,
+      completeCurrentTreeWithTree: completeCurrentTreeWithTree,
+      data: (!this.loadedTreeJs || forceTreeReset ? treeData : fillTreeWithObject([], this.rawDataManager.getData().children, null, this.optionsManager.getOptions())),
+      onChange: async () => {
+        let oldValue;
+        try {
+          oldValue = await this.getValue();
+        }
+        catch (error) {
+          oldValue = null;
+        }
+        let emitValueChange = async () => {
+          let newValue = await this.getValue();
+          if (this.valueChangeCallback && this.ready && !this.shownTree) {
+            this.valueChangeCallback(newValue);
           }
-          let emitValueChange = async () => {
-            let newValue = await this.getValue();
-            if (this.valueChangeCallback && this.ready && !this.shownTree) {
-              this.valueChangeCallback(newValue);
-            }
-            this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
-          };
-          // TODO > Try to find why this has been previously added
-          // setTimeout(() => {
-          emitValueChange();
-          // }, 100)
-        },
-        loaded: () => {
-          this.mylog('loaded');
-          this.ready = true;
-          this.ignoreOptionsChanges = false;
-        },
-      });
-      Object.values(myTree.liElementsById).forEach((el) => {
-        el.classList.remove('treejs-node__searchmatch');
-      });
-      this.loadedTreeJs = myTree;
-    }
+          this.valueChange.emit({ oldValue: oldValue, newValue: newValue, value: newValue });
+        };
+        // TODO > Try to find why this has been previously added
+        // setTimeout(() => {
+        emitValueChange();
+        // }, 100)
+      },
+      loaded: () => {
+        this.mylog('loaded');
+        this.ready = true;
+        this.ignoreOptionsChanges = false;
+      },
+    });
+    Object.values(myTree.liElementsById).forEach((el) => {
+      el.classList.remove('treejs-node__searchmatch');
+    });
+    this.loadedTreeJs = myTree;
     this.collapseAllNodes();
-    this.checkFields(this.value, false);
+    // TODO Make something that makes sense, this is a temporary quick fix :
+    // The problem > when clicking on a level > 1 node in modale mode, there seem to be a double affectation happening
+    // the node is selected, then the modale closed and the node selected again, resulting in selecting nothing
+    // a way to prevent unselecting on closing has to be found, also, the value must be properly loaded inside the tree
+    // on opening with a default value
+    if (this.hasFocus.indexOf("hide") == -1)
+      this.checkFields(this.value, false);
     this.setDisplayedValue(this.value);
     this.showSelectedNodes();
     this.deactivateNodesOutOfDepthSettings();
@@ -19124,7 +19157,8 @@ const HierarchizedPickerComponent = class {
     this.itemContextMenuItemClick.emit(e);
   }
   async setNodeAsSelected(id, treeToUpdate, userClick) {
-    if ((this.isDisabled && this.shownTree && this.setValueOnClick) ||
+    // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
+    if (((this.isDisabled && this.optionsManager.getOptions().mode != "tree") && this.shownTree && this.setValueOnClick) ||
       (this.loadedTreeJs.liElementsById[id].classList.value && this.loadedTreeJs.liElementsById[id].classList.value.indexOf('readonly_node') != -1))
       return;
     if (treeToUpdate.getValues().indexOf(id.toString()) != -1)
@@ -19279,6 +19313,7 @@ const HierarchizedPickerComponent = class {
   }
   // Search a value in the tree and triggers a search when necessary
   search(searched) {
+    console.log("search ", searched);
     let searchinput = document.querySelector('#hierarchized-picker-' + this.componentID + ' .hierarchized-picker-search input');
     if (this.optionsManager.getOptions().mode == 'input' && searchinput) {
       searchinput.classList.remove('fieldError');
@@ -19333,7 +19368,6 @@ const HierarchizedPickerComponent = class {
   loadDataForTree(init, loader) {
     if (this.optionsManager.getOptions().source == 'webservice') {
       if (this.optionsManager.getOptions().origin == 'classification') {
-        console.log("FLAG 02", this.optionsManager.getOptions());
         this.rawDataManager.getFromClassification(this.optionsManager.getOptions().url, this.optionsManager.getOptions().options, loader).then((data) => {
           this.rawData = data;
           if (init) {
@@ -19342,12 +19376,7 @@ const HierarchizedPickerComponent = class {
           }
         })
           .catch(error => {
-          try {
-            this.errorToLog = 'getDataFromSource 3 classification rejected:' + JSON.stringify(error, replacer, 2);
-          }
-          catch (_a) {
-            console.error('getDataFromSource 4 classification rejected:', JSON.stringify(error, replacer, 2));
-          }
+          console.error('getDataFromSource 3 classification rejected:', error);
         });
       }
       else {
@@ -19360,12 +19389,7 @@ const HierarchizedPickerComponent = class {
           }
         })
           .catch(error => {
-          try {
-            this.errorToLog = 'getDataFromSource 3 legacy rejected:' + JSON.stringify(error, replacer, 2);
-          }
-          catch (_a) {
-            console.error('getDataFromSource 4 legacy rejected:', JSON.stringify(error, replacer, 2));
-          }
+          console.error('getDataFromSource 3 legacy rejected:', error);
         });
       }
     }
@@ -19402,6 +19426,7 @@ const HierarchizedPickerComponent = class {
           this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
         }
         else {
+          this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
           console.warn("Node not found in Tree for:", intNodeid);
         }
       });

package/dist/collection/components/hierarchized-picker/hierarchized-picker.css

@@ -465,10 +465,11 @@ reneco-hierarchized-picker input[title] {
   white-space: nowrap;
 }
 
-.hierarchized-picker-raw-tree-area.readonly li.treejs-node{
+/* TODO For now, the readonly status is ignored for the mode tree, probably need a rework sometime */
+/* .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;