reneco-hierarchized-picker 0.4.3-beta.19 → 0.4.3-beta.20

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64],"scrollToNodeWithId":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
+  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"getError":[64],"clearPicker":[64],"showSelectedNodes":[64],"scrollToNodeWithId":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
   });
 };
 

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

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"clearPicker":[64],"showSelectedNodes":[64],"scrollToNodeWithId":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
+  return index.bootstrapLazy([["reneco-hierarchized-picker_2.cjs",[[0,"reneco-hierarchized-picker",{"options":[1],"valueChangeCallback":[16],"disabled":[4],"newoptions":[1],"newfilter":[1],"activatedDragAndDrop":[4,"activated-drag-and-drop"],"isDisabled":[32],"componentID":[32],"rawData":[32],"pickerClass":[32],"displayedValue":[32],"value":[32],"shownTree":[32],"searchResultData":[32],"hasFocus":[32],"errorToLog":[32],"getValue":[64],"refreshPicker":[64],"setOptions":[64],"getSearchResult":[64],"filterTree":[64],"getError":[64],"clearPicker":[64],"showSelectedNodes":[64],"scrollToNodeWithId":[64]}],[0,"search-input",{"placeholder":[1],"setFocus":[64]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -328,12 +328,11 @@ Tree.prototype.bindEvent = function (ele) {
 };
 Tree.prototype.onItemClick = async function (id, rightclick = false) {
   // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
+  console.log("coucou");
   if (this.options.parentApi.isDisabled && this.options.parentApi.optionsManager.getOptions().mode != "tree")
     return;
   const pickerValue = await this.options.parentApi.getValue();
   if (!rightclick || !pickerValue || pickerValue.nodeid != id) {
-    if (!this.options.parentApi.theOptions.multiple)
-      this.emptyNodesCheckStatus();
     this.options.parentApi.setNodeAsSelected(id, this, true);
   }
 };
@@ -18633,17 +18632,21 @@ function setupKeyboardNavigation(component, optionsManager, navigateInTree) {
     component._keydownListenerAdded = true;
     component.el.addEventListener('keydown', (event) => {
       var _a, _b;
+      console.log("Navigation 01", event);
       event.stopPropagation();
+      console.log("Navigation 02");
       const tree = component.loadedTreeJs;
       let treeNodesFromTree = findAllTreeNodes(tree.treeNodes, tree.liElementsById);
+      console.log("Navigation 03");
       if (!tree || !treeNodesFromTree.length)
         return;
       let spaceNode = treeNodesFromTree[focusedNodeIndex];
       let activeNode = treeNodesFromTree[focusedNodeIndex];
       let liElement = tree.liElementsById[activeNode.id];
       const handledEvents = ['tab', '0', 'arrowup', 'arrowdown', 'arrowleft', 'arrowright'];
-      switch (event.key) {
-        case 'Tab':
+      console.log("Navigation 04", event.key);
+      switch (event.key.toLowerCase()) {
+        case 'tab':
         case '0':
           event.preventDefault();
           { //(spaceNode?.nodeId) {
@@ -18652,7 +18655,7 @@ function setupKeyboardNavigation(component, optionsManager, navigateInTree) {
             setTimeout(() => focusMainInput(), 100);
           }
           break;
-        case 'ArrowUp':
+        case 'arrowup':
           event.preventDefault();
           focusedNodeIndex = Math.max(focusedNodeIndex - 1, 0);
           const newActiveNodeUp = treeNodesFromTree[focusedNodeIndex];
@@ -18660,7 +18663,7 @@ function setupKeyboardNavigation(component, optionsManager, navigateInTree) {
           newLiElementUp.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
           focusNode(tree.liElementsById, newLiElementUp);
           break;
-        case 'ArrowDown':
+        case 'arrowdown':
           event.preventDefault();
           focusedNodeIndex = Math.min(focusedNodeIndex + 1, treeNodesFromTree.length - 1);
           const newActiveNodeDown = treeNodesFromTree[focusedNodeIndex];
@@ -18668,14 +18671,14 @@ function setupKeyboardNavigation(component, optionsManager, navigateInTree) {
           focusNode(tree.liElementsById, newLiElementDown);
           newLiElementDown.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
           break;
-        case 'ArrowLeft':
+        case 'arrowleft':
           event.preventDefault();
           const leftSwitcher = liElement.querySelector('.treejs-switcher');
           if (leftSwitcher) {
             (_a = component.loadedTreeJs) === null || _a === void 0 ? void 0 : _a.onSwitcherClick(leftSwitcher);
           }
           break;
-        case 'ArrowRight':
+        case 'arrowright':
           event.preventDefault();
           const rightSwitcher = liElement.querySelector('.treejs-switcher');
           if (rightSwitcher) {
@@ -18813,27 +18816,37 @@ const HierarchizedPickerComponent = class {
   logError(messageToLog) {
     try {
       console.error('--- Hierarchized picker ' + this.componentID + ' ERROR ---', messageToLog);
+      this.lastErrorMessage = messageToLog;
     }
     catch (_a) {
-      console.error('--- Hierarchized picker generic ERROR ---');
+      const genericErrorMessage = '--- Hierarchized picker generic ERROR ---';
+      this.lastErrorMessage = genericErrorMessage;
+      console.error(genericErrorMessage);
     }
+    this.errorRaised.emit(this.lastErrorMessage);
   }
   get theOptions() {
     return this.optionsManager.getOptions();
   }
   diffKeys(obj1, obj2, prefix = '') {
     const diffs = [];
-    const keys = new Set([...Object.keys(obj1 || {}), ...Object.keys(obj2 || {})]);
-    for (const key of keys) {
+    const commonKeys = Object.keys(obj1 || {}).filter(key => obj2 && Object.prototype.hasOwnProperty.call(obj2, key));
+    for (const key of commonKeys) {
       const fullKey = prefix ? `${prefix}.${key}` : key;
-      const val1 = obj1 ? obj1[key] : undefined;
-      const val2 = obj2 ? obj2[key] : undefined;
-      if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
-        // Appel récursif pour les objets imbriqués
+      const val1 = obj1[key];
+      const val2 = obj2[key];
+      if (Array.isArray(val1) && Array.isArray(val2)) {
+        if (val1.length !== val2.length || val1.some((v, i) => v !== val2[i])) {
+          diffs.push(fullKey);
+        }
+      }
+      else if (val1 &&
+        val2 &&
+        typeof val1 === 'object' &&
+        typeof val2 === 'object') {
         diffs.push(...this.diffKeys(val1, val2, fullKey));
       }
       else if (val1 !== val2) {
-        // Valeurs différentes ou propriété manquante
         diffs.push(fullKey);
       }
     }
@@ -18884,13 +18897,16 @@ const HierarchizedPickerComponent = class {
     if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
       this.value = [];
     }
+    console.log("Setnewoptions 01", newValue, oldValue);
     if ((newValue === null || newValue === void 0 ? void 0 : newValue.loading) == 'display' || (newValue && !newValue.loading)) {
       if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
         if (!oldValue) {
           oldValue = savedOldValue;
         }
+        console.log("Setnewoptions 02");
         const propDiffs = this.diffKeys(oldValue, this.optionsManager.initializeOptions(newValue));
         const noReloadProps = ["multiple"];
+        console.log("Setnewoptions 03", propDiffs);
         if (propDiffs.length == 1 && propDiffs.some(item => noReloadProps.includes(item))) {
           const propChanged = propDiffs[0];
           switch (propChanged) {
@@ -18957,6 +18973,9 @@ const HierarchizedPickerComponent = class {
   async filterTree(searchedValue) {
     this.search(searchedValue);
   }
+  async getError() {
+    return Promise.resolve(this.lastErrorMessage);
+  }
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.valueChange = index.createEvent(this, "valueChange", 7);
@@ -18964,6 +18983,7 @@ const HierarchizedPickerComponent = class {
     this.itemContextMenuItemClick = index.createEvent(this, "itemContextMenuItemClick", 7);
     this.searchResult = index.createEvent(this, "searchResult", 7);
     this.navigateInTree = index.createEvent(this, "navigateInTree", 7);
+    this.errorRaised = index.createEvent(this, "errorRaised", 7);
     this.modaleHeight = 200;
     this.modalePosition = 'bottom';
     this.canload = true; // Determines wether the component may be loaded
@@ -18973,6 +18993,7 @@ const HierarchizedPickerComponent = class {
     this.lastSearchMatchCounter = 0; // Counter of number of matches for last search
     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
+    this.lastErrorMessage = '';
     this.scrollToNode = (targetNodeId = null, displayChildren = false) => {
       var _a;
       let scrollToValue = 0;
@@ -19013,7 +19034,7 @@ const HierarchizedPickerComponent = class {
         }
       }
       catch (err) {
-        console.error("Error in showSelectedNodes", err);
+        this.errorToLog = "Error in showSelectedNodes";
       }
       if (scrollToValue && this.scrollable) {
         this.scrollable.scrollTop = scrollToValue;
@@ -19284,7 +19305,7 @@ const HierarchizedPickerComponent = class {
       this.ignoreOptionsChanges = false;
     }
     catch (_b) {
-      console.error('Error loading webservice data!');
+      this.errorToLog = 'Error loading webservice data!';
     }
   }
   displayPickerError(errorMsg = '') {
@@ -19296,11 +19317,11 @@ const HierarchizedPickerComponent = class {
         }
         this.displayedValue = errorMsg;
         this.isDisabled = true;
-        errorMsg = this.errorToLog;
+        this.errorToLog = errorMsg;
       }
     }
     catch (_a) {
-      console.error(errorMsg);
+      this.errorToLog = errorMsg;
     }
   }
   getApiSearchURL() {
@@ -19401,7 +19422,7 @@ const HierarchizedPickerComponent = class {
           }
         })
           .catch(err => {
-          console.error('err', err);
+          this.errorToLog = err;
         });
       }
       else {
@@ -19420,12 +19441,12 @@ const HierarchizedPickerComponent = class {
           }
         })
           .catch(error => {
-          console.error("---- MY ERROR ---- ", error);
+          this.errorToLog = error;
           try {
             this.errorToLog = 'getDataFromSource 1 rejected:' + JSON.stringify(error, replacer, 2);
           }
           catch (_a) {
-            console.error('getDataFromSource 2 rejected:', JSON.stringify(error, replacer, 2));
+            this.errorToLog = JSON.stringify(error, replacer, 2);
           }
         });
       }
@@ -19552,6 +19573,7 @@ const HierarchizedPickerComponent = class {
     this.itemContextMenuItemClick.emit(e);
   }
   setNodeAsSelected(id, treeToUpdate, userClick) {
+    console.log("setNodeAsSelected", id);
     // 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] && this.loadedTreeJs.liElementsById[id].classList.value && this.loadedTreeJs.liElementsById[id].classList.value.indexOf('readonly_node') != -1)) {
@@ -19559,6 +19581,8 @@ const HierarchizedPickerComponent = class {
     }
     if (!userClick && treeToUpdate.getValues().indexOf(id.toString()) != -1)
       return;
+    if (this.loadedTreeJs && !this.theOptions.multiple)
+      this.loadedTreeJs.emptyNodesCheckStatus();
     this.ignoreOptionsChanges = true;
     // Override of treejs normal workaround =>> DONT EDIT IT!
     // ----- BEGIN -----
@@ -19650,7 +19674,7 @@ const HierarchizedPickerComponent = class {
     }
     const previousShownTree = this.shownTree;
     this.shownTree = this.hasFocus.length > 0;
-    if (this.shownTree && !previousShownTree) {
+    if (this.shownTree && !previousShownTree && this.optionsManager.getOptions().mode == 'input') {
       if (this.shouldOpenModalAbove(document.querySelector('#hierarchized-picker-input-' + this.componentID), this.modaleHeight)) {
         this.modalePosition = 'top';
       }
@@ -19781,7 +19805,7 @@ const HierarchizedPickerComponent = class {
           }
         })
           .catch(error => {
-          console.error('getDataFromSource 3 classification rejected:', error);
+          this.errorToLog = error;
         });
       }
       else {
@@ -19794,7 +19818,7 @@ const HierarchizedPickerComponent = class {
           }
         })
           .catch(error => {
-          console.error('getDataFromSource 3 legacy rejected:', error);
+          this.errorToLog = error;
         });
       }
     }
@@ -19809,6 +19833,7 @@ const HierarchizedPickerComponent = class {
     this.translateDataForTree(this.rawDataManager.getData());
   }
   checkFields(values, allowSetValueOnClick = true) {
+    console.log("checkFields", values);
     if (!this.loadedTreeJs)
       return;
     this.setValueOnClick = allowSetValueOnClick;
@@ -19829,12 +19854,11 @@ const HierarchizedPickerComponent = class {
             fullpath: (_c = treeNode.fullpath) !== null && _c !== void 0 ? _c : null,
             hasChildren: treeNode.children && treeNode.children.length > 0
           });
-          this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
         }
         else {
-          this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
           console.warn("Node not found in Tree for:", intNodeid);
         }
+        this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
       });
     }
     this.setDisplayedValue(enrichedValues);
@@ -19914,6 +19938,8 @@ const HierarchizedPickerComponent = class {
       .join('; ');
   }
   shouldOpenModalAbove(inputElement, modaleHeight) {
+    if (this.optionsManager.getOptions().mode != 'input')
+      return false;
     const inputRect = inputElement.getBoundingClientRect();
     const spaceLeft = window.innerHeight - inputRect.y;
     return spaceLeft < modaleHeight;

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

@@ -78,27 +78,37 @@ export class HierarchizedPickerComponent {
   logError(messageToLog) {
     try {
       console.error('--- Hierarchized picker ' + this.componentID + ' ERROR ---', messageToLog);
+      this.lastErrorMessage = messageToLog;
     }
     catch (_a) {
-      console.error('--- Hierarchized picker generic ERROR ---');
+      const genericErrorMessage = '--- Hierarchized picker generic ERROR ---';
+      this.lastErrorMessage = genericErrorMessage;
+      console.error(genericErrorMessage);
     }
+    this.errorRaised.emit(this.lastErrorMessage);
   }
   get theOptions() {
     return this.optionsManager.getOptions();
   }
   diffKeys(obj1, obj2, prefix = '') {
     const diffs = [];
-    const keys = new Set([...Object.keys(obj1 || {}), ...Object.keys(obj2 || {})]);
-    for (const key of keys) {
+    const commonKeys = Object.keys(obj1 || {}).filter(key => obj2 && Object.prototype.hasOwnProperty.call(obj2, key));
+    for (const key of commonKeys) {
       const fullKey = prefix ? `${prefix}.${key}` : key;
-      const val1 = obj1 ? obj1[key] : undefined;
-      const val2 = obj2 ? obj2[key] : undefined;
-      if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
-        // Appel récursif pour les objets imbriqués
+      const val1 = obj1[key];
+      const val2 = obj2[key];
+      if (Array.isArray(val1) && Array.isArray(val2)) {
+        if (val1.length !== val2.length || val1.some((v, i) => v !== val2[i])) {
+          diffs.push(fullKey);
+        }
+      }
+      else if (val1 &&
+        val2 &&
+        typeof val1 === 'object' &&
+        typeof val2 === 'object') {
         diffs.push(...this.diffKeys(val1, val2, fullKey));
       }
       else if (val1 !== val2) {
-        // Valeurs différentes ou propriété manquante
         diffs.push(fullKey);
       }
     }
@@ -149,13 +159,16 @@ export class HierarchizedPickerComponent {
     if (oldValue && JSON.stringify(newValue.options) != JSON.stringify(oldValue.options)) {
       this.value = [];
     }
+    console.log("Setnewoptions 01", newValue, oldValue);
     if ((newValue === null || newValue === void 0 ? void 0 : newValue.loading) == 'display' || (newValue && !newValue.loading)) {
       if ((oldValue && this.isChangeInOptions(newValue, oldValue)) || !oldValue) {
         if (!oldValue) {
           oldValue = savedOldValue;
         }
+        console.log("Setnewoptions 02");
         const propDiffs = this.diffKeys(oldValue, this.optionsManager.initializeOptions(newValue));
         const noReloadProps = ["multiple"];
+        console.log("Setnewoptions 03", propDiffs);
         if (propDiffs.length == 1 && propDiffs.some(item => noReloadProps.includes(item))) {
           const propChanged = propDiffs[0];
           switch (propChanged) {
@@ -222,6 +235,9 @@ export class HierarchizedPickerComponent {
   async filterTree(searchedValue) {
     this.search(searchedValue);
   }
+  async getError() {
+    return Promise.resolve(this.lastErrorMessage);
+  }
   constructor() {
     this.modaleHeight = 200;
     this.modalePosition = 'bottom';
@@ -232,6 +248,7 @@ export class HierarchizedPickerComponent {
     this.lastSearchMatchCounter = 0; // Counter of number of matches for last search
     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
+    this.lastErrorMessage = '';
     this.scrollToNode = (targetNodeId = null, displayChildren = false) => {
       var _a;
       let scrollToValue = 0;
@@ -272,7 +289,7 @@ export class HierarchizedPickerComponent {
         }
       }
       catch (err) {
-        console.error("Error in showSelectedNodes", err);
+        this.errorToLog = "Error in showSelectedNodes";
       }
       if (scrollToValue && this.scrollable) {
         this.scrollable.scrollTop = scrollToValue;
@@ -546,7 +563,7 @@ export class HierarchizedPickerComponent {
       this.ignoreOptionsChanges = false;
     }
     catch (_b) {
-      console.error('Error loading webservice data!');
+      this.errorToLog = 'Error loading webservice data!';
     }
   }
   displayPickerError(errorMsg = '') {
@@ -558,11 +575,11 @@ export class HierarchizedPickerComponent {
         }
         this.displayedValue = errorMsg;
         this.isDisabled = true;
-        errorMsg = this.errorToLog;
+        this.errorToLog = errorMsg;
       }
     }
     catch (_a) {
-      console.error(errorMsg);
+      this.errorToLog = errorMsg;
     }
   }
   getApiSearchURL() {
@@ -663,7 +680,7 @@ export class HierarchizedPickerComponent {
           }
         })
           .catch(err => {
-          console.error('err', err);
+          this.errorToLog = err;
         });
       }
       else {
@@ -682,12 +699,12 @@ export class HierarchizedPickerComponent {
           }
         })
           .catch(error => {
-          console.error("---- MY ERROR ---- ", error);
+          this.errorToLog = error;
           try {
             this.errorToLog = 'getDataFromSource 1 rejected:' + JSON.stringify(error, replacer, 2);
           }
           catch (_a) {
-            console.error('getDataFromSource 2 rejected:', JSON.stringify(error, replacer, 2));
+            this.errorToLog = JSON.stringify(error, replacer, 2);
           }
         });
       }
@@ -814,6 +831,7 @@ export class HierarchizedPickerComponent {
     this.itemContextMenuItemClick.emit(e);
   }
   setNodeAsSelected(id, treeToUpdate, userClick) {
+    console.log("setNodeAsSelected", id);
     // 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] && this.loadedTreeJs.liElementsById[id].classList.value && this.loadedTreeJs.liElementsById[id].classList.value.indexOf('readonly_node') != -1)) {
@@ -821,6 +839,8 @@ export class HierarchizedPickerComponent {
     }
     if (!userClick && treeToUpdate.getValues().indexOf(id.toString()) != -1)
       return;
+    if (this.loadedTreeJs && !this.theOptions.multiple)
+      this.loadedTreeJs.emptyNodesCheckStatus();
     this.ignoreOptionsChanges = true;
     // Override of treejs normal workaround =>> DONT EDIT IT!
     // ----- BEGIN -----
@@ -912,7 +932,7 @@ export class HierarchizedPickerComponent {
     }
     const previousShownTree = this.shownTree;
     this.shownTree = this.hasFocus.length > 0;
-    if (this.shownTree && !previousShownTree) {
+    if (this.shownTree && !previousShownTree && this.optionsManager.getOptions().mode == 'input') {
       if (this.shouldOpenModalAbove(document.querySelector('#hierarchized-picker-input-' + this.componentID), this.modaleHeight)) {
         this.modalePosition = 'top';
       }
@@ -1043,7 +1063,7 @@ export class HierarchizedPickerComponent {
           }
         })
           .catch(error => {
-          console.error('getDataFromSource 3 classification rejected:', error);
+          this.errorToLog = error;
         });
       }
       else {
@@ -1056,7 +1076,7 @@ export class HierarchizedPickerComponent {
           }
         })
           .catch(error => {
-          console.error('getDataFromSource 3 legacy rejected:', error);
+          this.errorToLog = error;
         });
       }
     }
@@ -1071,6 +1091,7 @@ export class HierarchizedPickerComponent {
     this.translateDataForTree(this.rawDataManager.getData());
   }
   checkFields(values, allowSetValueOnClick = true) {
+    console.log("checkFields", values);
     if (!this.loadedTreeJs)
       return;
     this.setValueOnClick = allowSetValueOnClick;
@@ -1091,12 +1112,11 @@ export class HierarchizedPickerComponent {
             fullpath: (_c = treeNode.fullpath) !== null && _c !== void 0 ? _c : null,
             hasChildren: treeNode.children && treeNode.children.length > 0
           });
-          this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
         }
         else {
-          this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
           console.warn("Node not found in Tree for:", intNodeid);
         }
+        this.setNodeAsSelected(intNodeid, this.loadedTreeJs, false);
       });
     }
     this.setDisplayedValue(enrichedValues);
@@ -1176,6 +1196,8 @@ export class HierarchizedPickerComponent {
       .join('; ');
   }
   shouldOpenModalAbove(inputElement, modaleHeight) {
+    if (this.optionsManager.getOptions().mode != 'input')
+      return false;
     const inputRect = inputElement.getBoundingClientRect();
     const spaceLeft = window.innerHeight - inputRect.y;
     return spaceLeft < modaleHeight;
@@ -1422,6 +1444,21 @@ export class HierarchizedPickerComponent {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "errorRaised",
+        "name": "errorRaised",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event is emitted when the picker suffers an error"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
       }];
   }
   static get methods() {
@@ -1519,6 +1556,22 @@ export class HierarchizedPickerComponent {
           "tags": []
         }
       },
+      "getError": {
+        "complexType": {
+          "signature": "() => Promise<string>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<string>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "clearPicker": {
         "complexType": {
           "signature": "() => Promise<void>",

package/dist/collection/components/treejs/index.js

@@ -192,12 +192,11 @@ Tree.prototype.bindEvent = function (ele) {
 };
 Tree.prototype.onItemClick = async function (id, rightclick = false) {
   // TODO Temporarily ignores disabled mode for selecting nodes if mode is tree
+  console.log("coucou");
   if (this.options.parentApi.isDisabled && this.options.parentApi.optionsManager.getOptions().mode != "tree")
     return;
   const pickerValue = await this.options.parentApi.getValue();
   if (!rightclick || !pickerValue || pickerValue.nodeid != id) {
-    if (!this.options.parentApi.theOptions.multiple)
-      this.emptyNodesCheckStatus();
     this.options.parentApi.setNodeAsSelected(id, this, true);
   }
 };

package/dist/collection/features/keyboard-navigation/keyboard-navigation.js

@@ -38,17 +38,21 @@ export function setupKeyboardNavigation(component, optionsManager, navigateInTre
     component._keydownListenerAdded = true;
     component.el.addEventListener('keydown', (event) => {
       var _a, _b;
+      console.log("Navigation 01", event);
       event.stopPropagation();
+      console.log("Navigation 02");
       const tree = component.loadedTreeJs;
       let treeNodesFromTree = findAllTreeNodes(tree.treeNodes, tree.liElementsById);
+      console.log("Navigation 03");
       if (!tree || !treeNodesFromTree.length)
         return;
       let spaceNode = treeNodesFromTree[focusedNodeIndex];
       let activeNode = treeNodesFromTree[focusedNodeIndex];
       let liElement = tree.liElementsById[activeNode.id];
       const handledEvents = ['tab', '0', 'arrowup', 'arrowdown', 'arrowleft', 'arrowright'];
-      switch (event.key) {
-        case 'Tab':
+      console.log("Navigation 04", event.key);
+      switch (event.key.toLowerCase()) {
+        case 'tab':
         case '0':
           event.preventDefault();
           if (true) { //(spaceNode?.nodeId) {
@@ -57,7 +61,7 @@ export function setupKeyboardNavigation(component, optionsManager, navigateInTre
             setTimeout(() => focusMainInput(component), 100);
           }
           break;
-        case 'ArrowUp':
+        case 'arrowup':
           event.preventDefault();
           focusedNodeIndex = Math.max(focusedNodeIndex - 1, 0);
           const newActiveNodeUp = treeNodesFromTree[focusedNodeIndex];
@@ -65,7 +69,7 @@ export function setupKeyboardNavigation(component, optionsManager, navigateInTre
           newLiElementUp.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
           focusNode(tree.liElementsById, newLiElementUp);
           break;
-        case 'ArrowDown':
+        case 'arrowdown':
           event.preventDefault();
           focusedNodeIndex = Math.min(focusedNodeIndex + 1, treeNodesFromTree.length - 1);
           const newActiveNodeDown = treeNodesFromTree[focusedNodeIndex];
@@ -73,14 +77,14 @@ export function setupKeyboardNavigation(component, optionsManager, navigateInTre
           focusNode(tree.liElementsById, newLiElementDown);
           newLiElementDown.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
           break;
-        case 'ArrowLeft':
+        case 'arrowleft':
           event.preventDefault();
           const leftSwitcher = liElement.querySelector('.treejs-switcher');
           if (leftSwitcher) {
             (_a = component.loadedTreeJs) === null || _a === void 0 ? void 0 : _a.onSwitcherClick(leftSwitcher);
           }
           break;
-        case 'ArrowRight':
+        case 'arrowright':
           event.preventDefault();
           const rightSwitcher = liElement.querySelector('.treejs-switcher');
           if (rightSwitcher) {